body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    font-family: Raleway, sans-serif!important
}

#main-logo {
    position: relative;
    top: 0;
    background-image: url(/img/main_logo_container.png)!important
}

body ul.top-menu.nav.navbar-nav.navbar-right {
    position: relative;
    top: 1em;
    left: 0
}

@media (max-width:1024px) {
    body ul.top-menu.nav.navbar-nav.navbar-right {
        top: 0;
        left: 0
    }
}

@media (max-width:767px) {
    body ul.top-menu.nav.navbar-nav.navbar-right {
        top: 0;
        left: 0
    }
}

@media (max-width:375px) {
    body ul.top-menu.nav.navbar-nav.navbar-right {
        top: 0;
        left: 0
    }
}

body#room div.container-fluid.main-body {
    background-color: #fff
}

#feature-ico {
    width: 25px
}

#the-team,
#what-is {
    position: relative;
    top: 98px;
    margin-left: 0;
    margin-right: 0
}

#collaborators-row-style,
#contact-title {
    width: 100%
}

#contact-background {
    position: relative;
    bottom: 0;
    display: block;
    margin-top: 0;
    background-image: url(/img/contact_background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom
}

h1.contacto {
    color: #fff;
    text-align: center
}

#faq_content {
    text-align: center;
    padding: 100px;
    margin: 0
}

#faq_content h2 {
    color: #000;
    font-weight: 700;
    font-size: 2em
}

#cms_blog_title,
#cms_title {
    width: 100%;
    text-align: center;
    margin-top: 0;
    background-color: #e26f1c;
    padding: 40px
}

#cms_title h1 {
    font-size: 22px;
    font-size: 2.2rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-size: 2em
}

#client_title {
    position: relative;
    top: -11px;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0;
    background-color: #e26f1c;
    padding: 20px;
    color: #fff
}

#dashboard-button {
    font-size: 15px
}

#login_button,
#login_button:hover {
    font-size: 20px;
    font-weight: 700;
    width: 100px;
    height: 41px;
    border-radius: 10px
}

#login_button:hover {
    background-color: unset;
    border-color: #ee820a
}

div#login_button.btn.btn-primary a:hover {
    background-color: #fff;
    color: #ee820a
}

div#login_button.btn.btn-primary a {
    color: #fff
}

#my_account {
    color: #fff;
    background-color: #ee820a;
    border-color: #ee820a
}

#my_account,
#my_account:hover {
    font-size: 15px;
    font-weight: 700;
    width: 110px;
    height: 41px;
    border-radius: 10px
}

#my_account:hover {
    color: #ee820a;
    background-color: transparent;
    border-color: #204d74
}

#faq_container {
    background-color: #fff;
    min-height: 400px;
    text-align: center;
    margin: 0
}

.filters2 {
    background-color: #fff;
    margin: 0 50px 50px;
    padding-top: 5px;
    padding-left: 5px;
    color: #e32b3e;
    border-color: #dfdfdf #fff;
    border-style: solid;
    border-width: thin
}

#new-checkboxes,
.filters2 {
    position: relative;
    top: 0;
    left: 0
}

@media (min-width:1280px) and (max-width:1280px),
(min-width:1440px) and (max-width:1440px) {
    #new-checkboxes {
        display: flex;
        flex-direction: row
    }
}

input#casual.form-check-input,
input#comfort.form-check-input,
input#lux.form-check-input {
    position: relative;
    top: 25px
}

#casual-label,
#comfort-label {
    position: relative;
    top: 22px;
    color: #929292
}

#lux-label {
    position: relative;
    top: -3px;
    left: 197px;
    color: #929292
}

#more_features {
    display: none
}

.filters2 h2 {
    margin: 0;
    color: #df2b3e
}

.filters2 li {
    display: none
}

body#search .main-body {
    background-color: #fff!important
}

.search-results {
    top: 3px;
    left: 50px;
    font-size: 15px
}

.search-results,
.sort-by-price {
    position: relative;
    color: #8e8e8e
}

.sort-by-price {
    top: 6px;
    left: 469px;
    font-size: 17px;
    font-weight: 900
}

#main_second_result2 {
    position: relative;
    top: 0;
    left: 0;
    margin: 5px 50px 25px;
    padding: 0;
    box-sizing: border-box;
    overflow-x: unset
}

#main_search2 {
    margin-top: 50px;
    margin-left: 100px;
    margin-right: 25px;
    background-color: #fff;
    position: relative;
    width: 75%
}

#main_second_search2 {
    margin: 50px;
    position: relative
}

@media (max-width:320px) {
    #main_second_search2 {
        margin: 0
    }
}

.scrollable {
    overflow-y: auto;
    max-height: 700px
}

.thumbnail_search {
    display: inline;
    position: relative;
    margin-left: 0;
    background-color: #dfdfdf;
    padding: 15px;
    margin-bottom: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.details_search h6 {
    color: #df2b3e
}

.details_search h2 {
    color: #929292;
    margin-top: -5px
}

@media (max-width:375px) {
    .details_search h2 {
        font-size: 1.7rem
    }
}

.thumbnail_search img {
    margin: 15px;
    width: 85%;
    border-radius: 10px
}

#search_frm2 {
    position: relative;
    left: 73%;
    top: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#room_address {
    color: #666
}

.price-label2 {
    color: #df2b3e!important
}

#main_search,
#new-design {
    margin: 0
}

#label-be {
    color: #f19850
}

#label-studying,
#label-working {
    color: #faaa68!important
}

#label-bcn {
    color: #f19850
}

#label-tos {
    position: relative;
    top: -15px;
    left: 0
}

#label-faq,
#label-tos,
#label-tos a {
    color: #f19850;
    text-transform: uppercase
}

#label-faq {
    position: relative;
    top: -35px;
    left: -12px
}

#contact_form_style input#fromDate {
    background-color: #f19850;
    border: none;
    border-radius: 10px;
    text-align: center;
    font-size: 17px;
    font-style: italic;
    width: 200px;
    height: 50px;
    color: #ffd3ab
}

#new-design input#fromDate.datepicker,
#new-design input#toDate.datepicker {
    background-color: #dfdfdf;
    color: #929292
}

#fromDate_btn,
#toDate_btn {
    background-color: #4d4d4d!important
}

#search_btn.btn.btn-search {
    background-color: #e32b3e;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 50px;
    padding-right: 50px
}

#filters-title {
    border-color: #fff;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0
}

#filters-content {
    margin-top: 0;
    padding-top: 30px;
    padding-bottom: 0
}

#roomtype-label {
    top: 6px
}

#roomprice-label,
#roomtype-label {
    position: relative;
    left: 0;
    color: #929292;
    margin-top: 0;
    font-weight: 700
}

#roomprice-label {
    top: -20px
}

.filter-options {
    position: absolute;
    top: -25px;
    left: 40px
}

.custom-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px
}

.checkmark,
.custom-checkbox:hover input~.checkmark,
.custom-checkbox input:checked~.checkmark {
    background-color: red
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.custom-checkbox input:checked~.checkmark:after {
    display: block
}

.custom-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid red;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#hidden-city-select {
    display: none
}

#date-result {
    position: relative;
    top: 50px;
    left: 50px;
    align-items: center
}

#go-back {
    position: relative;
    top: 0
}

#result-right {
    border-left: 3px solid #ddd;
    padding-left: 50px
}

#room-price-style:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 50%;
    padding-top: 0;
    border-bottom: 1px solid #ddd
}

#room-price-style:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 50%;
    padding-bottom: 0;
    border-top: 1px solid #ddd
}

#per-month-style {
    text-align: center;
    position: relative;
    top: 5px;
    display: block;
    font-size: 14pt!important;
    color: #929292
}

.info-checkout {
    color: #8e8e8e;
    text-transform: uppercase
}

ul#new-nav-bar.nav.nav-pills li {
    height: 66px;
    border: solid;
    border-width: 1px;
    border-color: #c2c2c2;
    border-top: none;
    display: inline-block;
    width: 229px
}

ul#new-nav-bar.nav.nav-pills li a {
    position: relative;
    bottom: 0
}

ul#new-nav-bar.nav.nav-pills #left-pill {
    border-left: none
}

ul#new-nav-bar.nav.nav-pills #right-pill {
    border-right: none
}

#marker {
    position: relative;
    bottom: 0;
    width: 180px
}

#marker-hidden {
    width: 170px
}

.check-cell {
    float: inline-end
}

#new_contact_form {
    position: relative;
    width: 33%;
    margin: 1% 33% 10%;
    bottom: 0;
    padding-bottom: 350px
}

#new_contact_form .datePicker {
    color: red
}

#new_contact_form ul {
    display: flex;
    flex-direction: column;
    align-items: center
}

#new_contact_form li {
    display: flex;
    margin: 10px
}

#new_contact_form #contact_form_style input.form-control {
    position: relative;
    top: 0;
    text-align: center;
    width: 200px;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffd3ab;
    font-style: italic;
    font-size: 17px;
    border-radius: 10px;
    background-color: #f19850;
    border-color: #f19850;
    margin-right: 10px
}

#new_contact_form input#studying.form-check-input,
#new_contact_form input#working.form-check-input {
    position: relative;
    text-align: center;
    top: -.5em;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    color: #fff
}

#contact_form_style .flex-inner li .tos {
    position: relative;
    top: 3px!important;
    left: 0
}

#contact_form_style .flex-inner li #faq {
    position: relative;
    top: -33px;
    left: -14px
}

#new_contact_form input#fromDate.datepicker {
    text-align: center;
    width: 200px;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    color: #ffd3ab;
    background-color: #f19850;
    border: none;
    border-radius: 10px;
    font-size: 17px;
    font-style: italic
}

#new_contact_form #arrivalDate_btn,
#new_contact_form #fromDate_btn {
    position: relative;
    top: -10px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #e32b3e!important;
    font-size: 25px;
    color: #ffd3ab
}

#new_contact_form textarea.form-control {
    text-align: center;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffd3ab;
    background-color: #f19850;
    border: none;
    border-radius: 10px;
    font-style: italic;
    resize: none;
    font-size: 17px
}

.new-footer {
    position: relative;
    top: 0
}

.new-footer a {
    font-size: 30px
}

.new-footer .collaborators,
.new-footer .social-media-contact {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    top: 0;
    background-color: #2d2d2d
}

.new-footer .collaborators {
    display: block;
    letter-spacing: 2px
}

.dynamic-partners {
    position: relative;
    width: 200px;
    height: 200px;
    top: 0;
    background-color: #00f;
    display: inline
}

.img-collaborator {
    position: relative;
    width: 50%
}

.collaborator-column {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.collaborators-list {
    margin: 0 auto;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none
}

.img-social-media {
    position: relative;
    width: 50%
}

.facebook-column,
.media-column {
    position: relative;
    top: 0;
    left: 0;
    font-size: 30px
}

.media-column {
    justify-content: right
}

.social-media-list {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center
}

@media (max-width:414px) {
    .social-media-list {
        width: 33%
    }
}

.img-contact {
    position: relative;
    left: 0;
    width: 30%
}

@media (max-width:767px) {
    .img-contact {
        width: 50%
    }
}

@media (max-width:375px) {
    .img-contact {
        width: 50%
    }
}

#category:after,
.form-control #category:after {
    content: "\f078";
    font: normal normal normal 17px/1 FontAwesome;
    color: #0ebeff;
    right: 11px;
    top: 6px;
    height: 34px;
    padding: 15px 0 0 8px;
    border-left: 1px solid #0ebeff;
    position: absolute;
    pointer-events: none
}

#category::-ms-expand {
    display: none
}

#category {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-word-break: normal;
    word-break: normal;
    background-image: url(/img/arrow-down.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 98% 50%;
    margin-right: 5px
}

.input-container {
    margin: 0;
    max-width: 300px
}

input[type=file] {
    display: none
}

.file-info {
    font-size: 15px;
    position: relative;
    top: -45px;
    left: 200px;
    font-style: italic;
    color: #8e8e8e
}

.browse-btn {
    background-color: #db2b3e!important;
    color: #fff;
    min-height: 35px;
    width: 200px;
    padding: 10px;
    border: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.browse-btn:hover {
    background: #4ec0b4
}

@media (max-width:300px) {
    button {
        width: 100%;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0
    }
    .file-info {
        display: block;
        margin: 10px 5px
    }
}

.partner-card {
    border-left-style: solid;
    border-left-color: #8e8e8e;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    left: 30%;
    -webkit-transform: translateX(-35%);
    transform: translateX(-35%);
    width: 42%
}

.partner-card h3 {
    position: relative;
    top: -5px;
    left: 0;
    text-transform: uppercase;
    color: #8e8e8e;
    margin-top: 0;
    margin-left: 15px;
    padding: 0
}

@media (max-width:320px) {
    .partner-card h3 {
        font-size: 1em
    }
}

.partner-card img {
    position: relative;
    top: 10%;
    left: 15%;
    width: 70%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

.partner-info {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 100px;
    display: flex;
    flex-direction: column
}

.partner-info h5 {
    color: #8e8e8e
}

.partner-info p {
    color: #8e8e8e;
    font-size: 12px
}

#new_main_canvas {
    display: inline-block;
    margin: 10px;
    width: 900px;
    height: 700px;
    position: relative;
    top: 0;
    left: 0
}

.cms_page_barcelona-apartments,
.cms_page_living-in-barcelona,
.cms_page_rent-room-in-barcelona,
.cms_page_rooms-for-students-in-barcelona,
.cms_page_study-abroad-in-barcelona,
.cms_page_studying-in-barcelona *,
html body div.container-fluid.main-body div.container.cms_page_container div.row.cms_page.cms_page_rooms-for-students-in-barcelona div.col-xs-12.col-md-9.right_panel p span {
    font-family: Raleway, !important, sans-serif
}

#cms_blog #cms_blog_title,
#no-articles {
    margin-top: 0!important;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    background-color: #e26f1c;
    padding: 20px;
    overflow: hidden
}

.cms-blog-wrapper-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 2.5em 0
}

.cms-blog-wrapper-box .cms-blog-wrapper {
    float: none;
    position: relative;
    width: 47.5%;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
    margin-bottom: 2em;
    height: 240px
}

.cms-blog-wrapper-box .cms-blog-wrapper .cms_blog_item_content h6 {
    text-align: left;
    margin-right: 15px;
    padding-right: 15px;
    width: 115%;
    font-weight: 400;
    font-size: 1em
}

@media (max-width:375px) {
    .cms-blog-wrapper-box .cms-blog-wrapper .cms_blog_item_content h6 {
        width: 100%
    }
}

.cms-blog-wrapper-box .cms-blog-wrapper a.cms_blog_item div.cms_blog_item_content h2 {
    text-align: left;
    margin-right: 15px;
    padding-right: 15px;
    width: 100%;
    box-sizing: border-box;
    font-weight: 700
}

@media (max-width:375px) {
    .cms-blog-wrapper-box .cms-blog-wrapper a.cms_blog_item div.cms_blog_item_content h2 {
        font-size: 1.7rem;
        margin-bottom: 15px
    }
}

.cms-blog-wrapper-box .cms_blog_item {
    width: 100%
}

.cms-blog-wrapper-box .cms-blog-black-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 100
}

.cms-blog-wrapper-box .cms_blog_item_content {
    z-index: 110
}

div#cms_blog_title.container h1 {
    font-weight: 700;
    font-size: 2.6em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    left: 0;
    padding-bottom: 10px
}

.faq-open-close {
    margin: 0 auto;
    cursor: pointer;
    width: 70%;
    display: none
}

.faq-open-close.visible {
    display: block!important
}

.faq-content-item p,
.faq-content-item ul {
    display: none
}

.faq-content-item.opened p,
.faq-content-item.opened ul {
    display: block
}

a#meet-people {
    color: #000;
    text-decoration: underline
}

#faq_content h2 {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div#app div.container-fluid.cms_page_container div.row.cms_page.cms_page_faq div.extra div#faq_content {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    left: 0
}

@media (max-width:1024px) {
    div#app div.container-fluid.cms_page_container div.row.cms_page.cms_page_faq div#faq_content.col-xs-12.col-md-4.col-md-offset-4.col-lg-12 div.faq-content-item.opened {
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        left: 0
    }
}

.faq-content-item.opened p,
.faq-content-item.opened ul {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 50em;
    left: 0;
    color: #000;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap
}

@media (max-width:767px) {
    .faq-content-item.opened p,
    .faq-content-item.opened ul {
        left: 0;
        width: 20em
    }
}

@media (max-width:414px) {
    .faq-content-item.opened p,
    .faq-content-item.opened ul {
        left: 0;
        width: 20em
    }
}

@media (max-width:375px) {
    .faq-content-item.opened p,
    .faq-content-item.opened ul {
        left: 0;
        width: 20em
    }
}

#home .home-middle-wrapper {
    background-color: red
}

@media (max-width:1024px) {
    #home .home-middle-wrapper {
        background-color: green
    }
}

@media (max-width:767px) {
    #home .home-middle-wrapper {
        background-color: #00f
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    #home .home-middle-wrapper {
        background-color: #b8860b
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    #home .home-middle-wrapper {
        background-color: violet
    }
}

.wrapper {
    display: flex;
    flex-flow: row wrap;
    font-weight: 400;
    text-align: center;
    position: relative;
    top: 0;
    justify-content: center;
    height: 640px
}

@media (max-width:375px) {
    .wrapper {
        height: 800px
    }
}

#home .title-the-team {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 2em;
    margin-top: 2em;
    flex: 1 100%
}

@media (max-width:767px) {
    #home .title-the-team {
        position: relative;
        top: 2em
    }
}

@media (max-width:414px) {
    #home .title-the-team {
        position: relative;
        top: 2em
    }
}

@media (max-width:375px) {
    #home .title-the-team {
        position: relative;
        top: 2em
    }
}

#home .title-the-team span#title {
    flex: 100%;
    font-size: 30pt;
    font-weight: 700;
    font-family: Raleway
}

#home .title-the-team span#title-text {
    flex: 100%;
    font-size: 12pt
}

#home .title-the-team span#title-info {
    flex: 100%;
    font-size: 11pt;
    font-style: italic
}

#home .person-faces {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    padding: 2em;
    flex: 1 100%
}

#home .person-faces .person-face{
    padding: 10px;
    text-align: center;
    cursor: pointer;
}

#home .person-faces .person-face .aside{
    background-position: center;
    margin: 0 auto;
}

@media (max-width:1024px) {
    #home .person-faces {
        flex-wrap: wrap;
        padding: 0
    }
}

@media (max-width:767px) {
    #home .person-faces {
        flex-wrap: wrap;
        padding: 0
    }
}

@media (max-width:375px) {
    #home .person-faces {
        flex-wrap: wrap;
        padding: 0
    }
}

#home .person-faces .aside-1 {
    opacity: .5;
    filter: alpha(opacity=50);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 77px;
    height: 100px;
    order: 1;
    flex: 0 0 6.6%
}

@media (max-width:1024px) {
    #home .person-faces .aside-1 {
        flex: 1 0 6.6%;
        margin: 1em
    }
}

@media (max-width:767px) {
    #home .person-faces .aside-1 {
        flex: 1 0 25.6%;
        margin: 1em
    }
}

@media (max-width:375px) {
    #home .person-faces .aside-1 {
        flex: 1 0 25.6%;
        margin: 1em
    }
}

#home .person-faces #person01:focus #person01,
#home .person-faces #person01:hover,
#home .person-faces #person02:focus #person02,
#home .person-faces #person02:hover,
#home .person-faces #person03:focus #person03,
#home .person-faces #person03:hover,
#home .person-faces #person04:focus #person04,
#home .person-faces #person04:hover,
#home .person-faces #person05:focus #person05,
#home .person-faces #person05:hover,
#home .person-faces #person06:focus #person06,
#home .person-faces #person06:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .5s;
    opacity: 1;
    filter: alpha(opacity=100)
}

#home .pointer-faces {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: left;
    padding: 0;
    flex: 1 100%;
    width: 100%;
    height: 2em
}

#home .pointer-faces .pointer-face {
    opacity: 1;
    filter: alpha(opacity=50);
    background-image: url(/img/pointer-down.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 1em;
    order: 1;
    flex: 0 0 6.4%;
    justify-self: left;
    margin-left: 34%
}

@media (max-width:1024px) {
    #home .pointer-faces .pointer-face {
        margin-left: 47%
    }
}

@media (max-width:767px) {
    #home .pointer-faces .pointer-face {
        margin-left: 47%
    }
}

@media (max-width:375px) {
    #home .pointer-faces .pointer-face {
        margin-left: 47%
    }
}

#pointer-face1 {
    transition: margin-left .3s ease-in-out
}

.person-faces-details{
    /*display: flex;*/
    display: none;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    padding: 0 5em;
    min-height: 400px
}

.face_1{
    display: block;
}

.person-faces-details .imgblock{
    display: inline-block;
    width: 20%;
}

.person-faces-details .description-detail{
    display: inline-block;
    vertical-align: top;
}

.person-faces-details .imgblock img{
    width: 60%;
    display: block;
    margin: 0 auto;
}

.description-detail{
    width: 50%;
}

@media (max-width:767px) {
    #home .person-faces-details {
        padding: 0
    }
}

@media (max-width:375px) {
    #home .person-faces-details {
        padding: 0
    }
}

#home .person-faces-details #default-face {
    order: 2;
    flex: 0 0 11%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%;
    width: 110%;
    margin-top: 0;
    padding-top: 3em;
    padding-right: 3em;
    margin-right: 0;
    border-top: thin solid #789
}

@media (max-width:1024px) {
    #home .person-faces-details #default-face {
        flex: 1 0 0%
    }
}

@media (max-width:767px) {
    #home .person-faces-details #default-face {
        flex: 1 0 0%
    }
}

@media (max-width:375px) {
    #home .person-faces-details #default-face {
        flex: 1 0 0%
    }
}

#home .person-faces-details #face01 {
    background-color: #ff0;
    order: 2;
    flex: 0 0 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 77px;
    height: 120px
}

#home .person-faces-details .description-detail {
    order: 3;
    flex: 0 0 30%;
    text-align: left;
    border-top: thin solid #789
}

@media (max-width:1024px) {
    #home .person-faces-details .description-detail {
        overflow: scroll;
        max-height: 800px;
        flex: 1 0 70%
    }
}

@media (max-width:767px) {
    #home .person-faces-details .description-detail {
        overflow: scroll;
        max-height: 400px;
        flex: 0 0 70%
    }
}

@media (max-width:375px) {
    #home .person-faces-details .description-detail {
        overflow: scroll;
        max-height: 400px;
        flex: 0 0 70%
    }
}

#home .person-faces-details #article-details {
    margin-top: 2em;
    padding-left: 3em
}

@media (max-width:767px) {
    #home .person-faces-details #article-details {
        margin-top: 1em;
        padding-left: 0
    }
}

@media (max-width:375px) {
    #home .person-faces-details #article-details {
        margin-top: 1em;
        padding-left: 0
    }
}

body#home .home-middle-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start
}

body#home .home-middle-wrapper div.what-is {
    clear: both;
    top: auto;
    left: auto;
    flex: initial;
    width: 100%;
    justify-content: stretch;
    display: flex;
    flex-direction: column
}

@media (max-width:767px) {
    body#home .home-middle-wrapper div.what-is {
        position: relative;
        top: 6.125em
    }
}

@media (max-width:375px) {
    body#home .home-middle-wrapper div.what-is {
        position: relative;
        top: 6.125em
    }
}

body#home .home-middle-wrapper div.what-is div.what-is-title {
    display: none
}

@media (max-width:767px) {
    body#home .home-middle-wrapper div.what-is div.what-is-title {
        display: flex;
        position: relative;
        align-content: center;
        overflow: hidden;
        width: 375px;
        height: 190px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        top: .9em;
        left: 0;
        align-self: center;
        flex-direction: row;
        justify-self: center
    }
}

@media (max-width:414px) {
    body#home .home-middle-wrapper div.what-is div.what-is-title {
        display: flex;
        position: relative;
        align-content: center;
        overflow: hidden;
        width: 414px;
        height: 190px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        top: .9em;
        left: 0;
        align-self: center;
        flex-direction: row;
        justify-self: center
    }
}

@media (max-width:375px) {
    body#home .home-middle-wrapper div.what-is div.what-is-title {
        display: flex;
        position: relative;
        align-content: center;
        overflow: hidden;
        width: 376px;
        height: 190px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        top: 0;
        left: 0
    }
}

body#home .home-middle-wrapper div.what-is .what-is-lg {
    display: flex;
    width: 100%;
    height: 31.5em;
    align-content: center;
    overflow: hidden;
    flex-flow: row nowrap;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat
}

@media (min-width:1440px) and (max-width:1440px) {
    body#home .home-middle-wrapper div.what-is .what-is-lg {
        height: 333px
    }
}

@media (min-width:1280px) and (max-width:1280px) {
    body#home .home-middle-wrapper div.what-is .what-is-lg {
        height: 21.2em
    }
}

@media (max-width:1024px) {
    body#home .home-middle-wrapper div.what-is .what-is-lg {
        display: flex;
        width: 200%;
        height: 325px;
        align-content: center;
        overflow: hidden;
        flex-flow: row nowrap;
        align-items: center;
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        top: 0;
        left: -22em
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    body#home .home-middle-wrapper div.what-is .what-is-lg {
        height: 382px
    }
}

@media (max-width:767px) {
    body#home .home-middle-wrapper div.what-is .what-is-lg {
        display: none
    }
}

@media (max-width:375px) {
    body#home .home-middle-wrapper div.what-is .what-is-lg {
        display: none
    }
}

body#home .home-middle-wrapper div.what-is .what-is-03 {
    display: none
}

@media (max-width:767px) {
    body#home .home-middle-wrapper div.what-is .what-is-03 {
        display: flex;
        position: relative;
        top: -.2em;
        left: 0;
        align-content: center;
        width: 375px;
        height: 238px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        overflow-x: hidden;
        align-self: center
    }
}

@media (max-width:414px) {
    body#home .home-middle-wrapper div.what-is .what-is-03 {
        display: flex;
        position: relative;
        top: .9em;
        left: 0;
        align-content: center;
        width: 414px;
        height: 238px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        overflow-x: hidden;
        align-self: center
    }
}

@media (max-width:375px) {
    body#home .home-middle-wrapper div.what-is .what-is-03 {
        display: flex;
        position: relative;
        top: -.2em;
        left: 0;
        align-content: center;
        width: 375px;
        height: 224px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        overflow-x: hidden
    }
}

body#home .home-middle-wrapper div.what-is .what-is-04 {
    display: none
}

@media (max-width:767px) {
    body#home .home-middle-wrapper div.what-is .what-is-04 {
        display: flex;
        position: relative;
        top: -.2em;
        left: 0;
        align-content: center;
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: hidden
    }
}

@media (max-width:375px) {
    body#home .home-middle-wrapper div.what-is .what-is-04 {
        display: flex;
        position: relative;
        top: -.2em;
        left: 0;
        align-content: center;
        width: 100%;
        height: 190px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: hidden
    }
}

body#home .home-middle-wrapper div.what-is .what-is-05 {
    display: none
}

@media (max-width:767px) {
    body#home .home-middle-wrapper div.what-is .what-is-05 {
        display: flex;
        position: relative;
        top: -.3em;
        left: 0;
        align-content: center;
        width: 106%;
        height: 248px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        overflow-x: hidden
    }
}

@media (max-width:375px) {
    body#home .home-middle-wrapper div.what-is .what-is-05 {
        display: flex;
        position: relative;
        top: -.3em;
        left: 0;
        align-content: center;
        width: 106%;
        height: 220px;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat;
        overflow: hidden;
        overflow-x: hidden
    }
}

#home .main-body {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: flex-start;
    height: auto
}

#home .main-body>div,
#home .main-body>form {
    width: 100%
}

#home .main-body .extra {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    height: auto
}

#home .main-body .extra #main_banner {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: center;
    min-height: 643px;
    background-image: url(/img/main_logo_container.png)
}

@media (max-width:1024px) {
    #home .main-body .extra #main_banner {
        min-height: 435px
    }
}

@media (max-width:767px) {
    #home .main-body .extra #main_banner {
        min-height: 430px
    }
}

@media (max-width:1024px) {
    #home .main-body .extra #main_banner #main_search_wrap {
        top: 2.5em;
        height: 97px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    #home .main-body .extra #main_banner #main_search_wrap {
        top: 24.1em
    }
}

@media (max-width:414px) {
    #home .main-body .extra #main_banner #main_search_wrap {
        top: 14.2em;
        height: 10em;
        bottom: 0;
        position: relative
    }
}

@media (max-width:767px) {
    #home .main-body .extra #main_banner #main_search_wrap {
        top: 10.2em;
        height: 14em
    }
}

@media (max-width:375px) {
    #home .main-body .extra #main_banner #main_search_wrap {
        width: 125%;
        padding: 37px 0;
        position: relative;
        background-color: hsla(0, 0%, 100%, .2);
        text-align: center;
        height: 150px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-content: center;
        top: 11em;
        height: 173px
    }
}

#home .main-body .extra #main_banner #main_search_wrap #main_search {
    top: auto
}

#home .main-body .extra #main_banner #main_search_wrap #main_search .btn {
    margin-top: 0
}

#home .main-body .extra #main_banner #main_search_wrap form#search_frm {
    width: 100%;
    top: 3em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

@media (max-width:1024px) {
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm {
        top: 0;
        left: 2em
    }
}

@media (max-width:767px) {
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm {
        left: 4em;
        flex-direction: column;
        justify-content: center
    }
}

#home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input {
    padding: 6px 0
}

#home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input.form-input-calendar {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center
}

@media (max-width:767px) {
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input.form-input-calendar {
        width: auto
    }
}

#home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input.form-input-calendar input {
    display: inline-block;
    margin-right: 5px
}

@media (max-width:375px) {
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input {
        display: block;
        padding: 0;
        text-align: center
    }
}

@media (max-width:414px) {
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input #fromDate.datepicker,
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input #toDate.datepicker {
        padding: 6px 12px
    }
}

#home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input #search_btn.btn.btn-search {
    left: auto;
    top: auto;
    -webkit-transform: initial;
    transform: none;
    background-color: #e32b3e;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    box-sizing: border-box;
    padding: 6px 16px
}

@media (max-width:414px) {
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input #search_btn.btn.btn-search {
        padding: 6px 13px
    }
}

@media (max-width:320px) {
    #home .main-body .extra #main_banner #main_search_wrap form#search_frm span.form-input #search_btn.btn.btn-search {
        padding: 6px 12px;
        top: 7px
    }
}

#home .main-body .extra #main_banner #main_search_wrap #search-now-form {
    padding-top: 1em
}

#home .main-body .extra #main_banner #main_search_wrap #search-now-form #search-available-now.btn.btn-search {
    font-family: Raleway, sans-serif!important;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 7px!important;
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
    font-size: 1.2rem
}

@media (max-width:1024px) {
    #home #video-background {
        position: absolute;
        width: 100%;
        height: 338px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    #home #video-background {
        height: 435px
    }
}

@media (max-width:414px) {
    #home #video-background {
        height: 560px!important
    }
}

@media (max-width:1024px) {
    #home .container-fluid>.navbar-collapse,
    #home .container-fluid>.navbar-header,
    #home .container>.navbar-collapse,
    #home .container>.navbar-header {
        margin: 25px 0 15px;
        width: 100%
    }
}

#contact-background2 {
    display: flex;
    position: relative;
    top: 10em;
    left: 0;
    width: 100%;
    min-height: 800px;
    height: 1100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

@media (max-width:1024px) {
    #contact-background2 {
        top: 15em;
        min-height: 800px;
        height: 1320px
    }
}

@media (max-width:767px) {
    #contact-background2 {
        top: 15em;
        min-height: 800px;
        height: 1550px
    }
}

@media (max-width:414px) {
    #contact-background2 {
        top: 22em;
        min-height: 800px;
        height: 1245px
    }
}

@media (max-width:375px) {
    #contact-background2 {
        top: 22em;
        min-height: 800px;
        height: 1390px
    }
}

#contact-background2 .barcelona-image {
    display: block;
    position: absolute;
    left: 36.7%;
    width: 500px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    bottom: 140px
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    #contact-background2 .barcelona-image {
        bottom: 210px;
        left: 25.4%
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    #contact-background2 .barcelona-image {
        bottom: 210px;
        left: 17.3%
    }
}

@media (min-width:1440px) and (max-width:1440px) {
    #contact-background2 .barcelona-image {
        left: 32.5%
    }
}

@media (min-width:1280px) and (max-width:1280px) {
    #contact-background2 .barcelona-image {
        left: 30.3%
    }
}

@media (max-width:767px) {
    #contact-background2 .barcelona-image {
        display: none;
        align-self: center;
        justify-self: center;
        left: -7.3%;
        bottom: 210px;
        width: 470px;
        height: 222px
    }
}

@media (max-width:375px) {
    #contact-background2 .barcelona-image {
        left: -13.3%;
        bottom: 210px;
        width: 425px;
        height: 222px
    }
}

#new_contact_form li input[type=submit] {
    position: relative;
    top: -68px;
    right: 17px;
    display: flex;
    margin: 10px;
    justify-content: center
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    #new_contact_form li input[type=submit] {
        left: -10px;
        top: -40px
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    #new_contact_form li input[type=submit] {
        left: -.7em
    }
}

@media (max-width:767px) {
    #new_contact_form li input[type=submit] {
        top: -3em;
        left: -1em
    }
}

@media (max-width:375px) {
    #new_contact_form li input[type=submit] {
        top: -3em;
        left: -1em
    }
}

div#new_contact_form form#contact_form_style.form ul.flex-outer li input.form-control {
    position: relative;
    top: 0;
    text-align: center;
    width: 10em;
    height: 2em;
    padding-left: 20px;
    padding-right: 20px;
    color: #ffd3ab;
    font-style: italic;
    font-size: 17px;
    border-radius: 10px;
    background-color: #f19850;
    border-color: #f19850;
    margin-right: 10px;
    left: -1em
}

@media (max-width:375px) {
    div#new_contact_form form#contact_form_style.form ul.flex-outer li input.form-control {
        width: 8em
    }
}

body#home #label-be {
    position: relative;
    top: 0;
    left: 0;
    width: 50px;
    color: #f19850
}

@media (max-width:375px) {
    body#home #label-be {
        display: none
    }
}

body#home #label-bcn {
    position: relative;
    top: 0;
    left: -7px;
    width: 128px;
    color: #f19850
}

@media (max-width:375px) {
    body#home #label-bcn {
        display: none
    }
}

body#home #label-studying {
    color: #faaa68!important;
    position: relative;
    top: 0;
    left: 0
}

@media (max-width:375px) {
    body#home #label-studying {
        top: -.6em
    }
}

body#home #label-working {
    color: #faaa68!important;
    position: relative;
    top: 0;
    left: 0
}

@media (max-width:375px) {
    body#home #label-working {
        top: -.6em
    }
}

#contact-background2-faq {
    display: flex;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top
}

@media (max-width:414px) {
    #contact-background2-faq {
        height: 960px
    }
}

@media (max-width:767px) {
    div#contact-background2-faq.container-fluid div#new_contact_form form#contact_form_style.form ul.flex-outer li input#studying.form-check-input,
    div#contact-background2-faq.container-fluid div#new_contact_form form#contact_form_style.form ul.flex-outer li input#working.form-check-input {
        position: relative;
        top: -1.2em
    }
}

.pointer-navbar {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: left;
    padding: 0;
    flex: 1 100%;
    width: 100%;
    height: 2em
}

@media (max-width:1024px) {
    .pointer-navbar {
        display: none
    }
}

.pointer-navbar .pointer-menu {
    opacity: 1;
    filter: alpha(opacity=50);
    background-image: url(/img/arrow-up.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 1em;
    order: 1;
    flex: 0 0 6.4%;
    justify-self: left;
    margin-left: 30.7%
}

@media (max-width:375px) {
    .pointer-navbar .pointer-menu {
        margin-left: 46.7%!important
    }
}

@media (max-width:767px) {
    .pointer-navbar .pointer-menu {
        margin-left: 46.7%!important
    }
}

.pointer-navbar #pointer-menu1 {
    transition: margin-left .3s ease-in-out
}

body div#client_menu.container {
    position: relative;
    width: 59%;
    top: -5px;
    left: 0;
    overflow: hidden
}

@media (max-width:1024px) {
    body div#client_menu.container {
        width: 100%;
        top: -.2em
    }
}

div#client_menu.container ul#new-nav-bar.nav.nav-pills li {
    height: 45px;
    display: inline-block;
    width: 208px;
    border: none;
    height: 80px
}

div#client_menu.container ul#new-nav-bar.nav.nav-pills a {
    position: relative;
    bottom: 0;
    top: .2em
}

div#client_menu.container ul#new-nav-bar.nav.nav-pills li#left-pill {
    border-color: #a0a0a0;
    border-style: none solid solid none;
    border-width: 1px
}

@media (max-width:1024px) {
    div#client_menu.container ul#new-nav-bar.nav.nav-pills li#left-pill {
        border-left-style: solid
    }
}

div#client_menu.container ul#new-nav-bar.nav.nav-pills li#right-pill {
    border: 1px #a0a0a0;
    border-style: none none solid
}

@media (max-width:1024px) {
    div#client_menu.container ul#new-nav-bar.nav.nav-pills li#right-pill {
        border-right-style: solid
    }
}

@media (max-width:767px) {
    div#client_menu.container ul#new-nav-bar.nav.nav-pills li#right-pill {
        border-left-style: solid
    }
}

@media (max-width:375px) {
    div#client_menu.container ul#new-nav-bar.nav.nav-pills li#right-pill {
        border-left-style: solid
    }
}

div#client_menu.container ul#new-nav-bar.nav.nav-pills li#center-pill {
    border-color: #a0a0a0;
    border-style: none solid solid none;
    border-width: 1px
}

@media (max-width:1024px) {
    div#client_menu.container ul#new-nav-bar.nav.nav-pills li#center-pill {
        border-left-style: solid
    }
}

body #client_container_wrapper {
    margin-bottom: -10px;
    background: #fff;
    position: relative;
    top: -10px;
    min-height: 700px;
    text-align: center;
    left: 0;
    width: 60%;
    overflow: hidden;
    padding: 60px 50px 50px;
    -webkit-animation: slideInFromDown .4s ease-out 0s 1;
    animation: slideInFromDown .4s ease-out 0s 1
}

@media (max-width:1024px) {
    body #client_container_wrapper {
        width: 100%;
        top: .1em
    }
}

@media (max-width:767px) {
    body #client_container_wrapper {
        top: .1em
    }
}

@media (max-width:375px) {
    body #client_container_wrapper {
        top: .1em
    }
}

body #client_container_wrapper_main {
    padding-bottom: 50px;
    margin-bottom: -10px;
    background: #fff;
    position: relative;
    top: -10px;
    min-height: 550px;
    text-align: center;
    left: 0;
    width: 60%;
    overflow: hidden;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-animation: slideInFromDown .4s ease-out 0s 1;
    animation: slideInFromDown .4s ease-out 0s 1
}

@media (max-width:1024px) {
    body #client_container_wrapper_main {
        width: 100%;
        top: .1em
    }
}

@media (max-width:767px) {
    body #client_container_wrapper_main {
        top: .1em
    }
}

@media (max-width:375px) {
    body #client_container_wrapper_main {
        top: .1em
    }
}

@media (max-width:414px) {
    #main_canvas_search {
        display: flex;
        width: 100%;
        margin: 0;
        position: relative
    }
}

body#search #main_canvas_search #search_frm2 {
    left: auto;
    top: auto;
    width: auto;
    -webkit-transform: initial;
    transform: none;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: flex-start;
    padding-top: 3rem
}

body#search #main_canvas_search #search_frm2 #main_search {
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 50px 25px 0 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start
}

@media (max-width:414px) {
    body#search #main_canvas_search #search_frm2 #main_search {
        padding: 0;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center
    }
}

body#search #main_canvas_search #search_frm2 #main_search #form-input-1,
body#search #main_canvas_search #search_frm2 #main_search #form-input-2 {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: center
}

body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#fromDate.datepicker,
body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#toDate.datepicker,
body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#fromDate.datepicker,
body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#toDate.datepicker {
    width: 140px;
    flex-grow: 1
}

@media (max-width:414px) {
    body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#fromDate.datepicker,
    body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#toDate.datepicker,
    body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#fromDate.datepicker,
    body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#toDate.datepicker {
        width: 7em
    }
}

@media (max-width:375px) {
    body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#fromDate.datepicker,
    body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#toDate.datepicker,
    body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#fromDate.datepicker,
    body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#toDate.datepicker {
        width: 7em
    }
}

body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#fromDate.datepicker a,
body#search #main_canvas_search #search_frm2 #main_search #form-input-1 input#toDate.datepicker a,
body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#fromDate.datepicker a,
body#search #main_canvas_search #search_frm2 #main_search #form-input-2 input#toDate.datepicker a {
    display: inline-block;
    margin-left: 5px
}

body#search #main_canvas_search #search_frm2 a#search_btn.btn.btn-search {
    width: auto;
    text-align: center;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px
}

@media (max-width:1024px) {
    body#search #main_canvas_search #search_frm2 a#search_btn.btn.btn-search {
        width: 35%
    }
}

@media (max-width:414px) {
    body#search #main_canvas_search #search_frm2 a#search_btn.btn.btn-search {
        left: 0
    }
}

body#search input#casual {
    position: relative;
    top: 3em;
    left: 0
}

@media (max-width:767px) {
    body#search input#casual {
        top: 1em;
        left: 0
    }
}

body#search #casual-label {
    position: relative;
    top: 2.8em;
    left: 0
}

@media (max-width:767px) {
    body#search #casual-label {
        top: .8em;
        left: 0
    }
}

body#search input#comfort {
    position: relative;
    top: 3em;
    left: 0
}

@media (max-width:767px) {
    body#search input#comfort {
        top: 3em;
        left: -5.88em
    }
}

@media (max-width:414px) {
    body#search input#comfort {
        top: 1em;
        left: 0
    }
}

@media (max-width:375px) {
    body#search input#comfort {
        top: 1em;
        left: 0
    }
}

body#search #comfort-label {
    position: relative;
    top: 2.8em;
    left: 0
}

@media (max-width:767px) {
    body#search #comfort-label {
        top: .8em;
        left: 2.3em
    }
}

@media (max-width:414px) {
    body#search #comfort-label {
        top: .7em;
        left: 0
    }
}

@media (max-width:375px) {
    body#search #comfort-label {
        top: -1em;
        left: 2.4em
    }
}

@media (max-width:320px) {
    body#search #comfort-label {
        top: .8em;
        left: 0
    }
}

body#search input#lux {
    position: relative;
    top: 3em;
    left: 0
}

@media (max-width:767px) {
    body#search input#lux {
        top: 3em;
        left: -4em
    }
}

@media (max-width:414px) {
    body#search input#lux {
        top: 1em;
        left: 0
    }
}

@media (max-width:375px) {
    body#search input#lux {
        top: -.6em;
        left: 0
    }
}

@media (max-width:320px) {
    body#search input#lux {
        top: 1em
    }
}

body#search #lux-label {
    position: relative;
    top: 2.8em;
    left: 0
}

@media (max-width:767px) {
    body#search #lux-label {
        top: 2.8em;
        left: -4em
    }
}

@media (max-width:414px) {
    body#search #lux-label {
        top: .7em;
        left: 0
    }
}

@media (max-width:375px) {
    body#search #lux-label {
        top: -.8em;
        left: 0
    }
}

@media (max-width:320px) {
    body#search #lux-label {
        top: .8em
    }
}

body#search div#filters-content.filters2.row {
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    height: 150px
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    body#search div#filters-content.filters2.row {
        width: 100%
    }
}

@media (max-width:767px) {
    body#search div#filters-content.filters2.row {
        width: 100%
    }
}

@media (max-width:375px) {
    body#search div#filters-content.filters2.row {
        width: 100%
    }
}

body#search select#sl_list {
    position: relative;
    top: -30px;
    right: -205px;
    display: flex;
    font-weight: 700;
    margin-right: 5px;
    color: #929292;
    background-color: #dfdfdf;
    padding: 3px 5px;
    border-style: none;
    border-radius: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-word-break: normal;
    left: 41em
}

@media (min-width:1440px) and (max-width:1440px) {
    body#search select#sl_list {
        left: 28em
    }
}

@media (min-width:1280px) and (max-width:1280px) {
    body#search select#sl_list {
        left: 23em
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    body#search select#sl_list {
        left: 48em
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    body#search select#sl_list {
        left: 33em
    }
}

@media (max-width:767px) {
    body#search select#sl_list {
        left: 10em
    }
}

@media (max-width:414px) {
    body#search select#sl_list {
        left: 11em
    }
}

@media (max-width:375px) {
    body#search select#sl_list {
        left: 14em;
        width: 53%;
        font-size: 1rem;
        top: -2.5em
    }
}

div#sl_wrapper label.sort-by-price {
    position: relative;
    top: 0;
    left: 25em;
    font-size: 17px;
    font-weight: 900
}

@media (min-width:1440px) and (max-width:1440px) {
    div#sl_wrapper label.sort-by-price {
        left: 14em
    }
}

@media (min-width:1280px) and (max-width:1280px) {
    div#sl_wrapper label.sort-by-price {
        left: 10em
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    div#sl_wrapper label.sort-by-price {
        left: 31em
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    div#sl_wrapper label.sort-by-price {
        left: 18em
    }
}

@media (max-width:767px) {
    div#sl_wrapper label.sort-by-price {
        left: .5em
    }
}

@media (max-width:375px) {
    div#sl_wrapper label.sort-by-price {
        left: .5em;
        position: relative;
        top: 0;
        font-size: 13px;
        font-weight: 900
    }
}

div#main_second_result2.row.scrollable {
    position: relative;
    top: 0;
    left: -50px;
    margin: 5px 50px 25px;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    width: 100%
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    div#main_second_result2.row.scrollable {
        width: 90%;
        left: 0
    }
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable {
        width: 100%;
        left: -3.5em
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable {
        width: 100%;
        left: -3.5em
    }
}

div#main_second_result2.row.scrollable .room_content {
    display: flex;
    flex-direction: row;
    background-color: #dfdfdf;
    height: calc(100% - 20px);
    cursor: hand;
    text-decoration: none;
    height: auto;
    border-radius: 10px;
    padding: .5em;
    margin: .1em
}

div#main_second_result2.row.scrollable .room_content .thumbnail_search {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto
}

@media (max-width:414px) {
    div#main_second_result2.row.scrollable .room_content .thumbnail_search {
        width: 50%
    }
}

div#main_second_result2.row.scrollable .room_content .thumbnail_search img {
    display: block;
    margin: auto;
    width: 50%;
    border-radius: 10px;
    height: auto
}

div#main_second_result2.row.scrollable .room_content .details_search {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%
}

div#main_second_result2.row.scrollable body#room div#date-result.row {
    position: relative;
    top: 0;
    left: 16%;
    align-items: center;
    width: 400px
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room div#date-result.row {
        top: 1em;
        left: 1.563em
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room div#date-result.row {
        top: 1em;
        left: 1.563em
    }
}

div#main_second_result2.row.scrollable body#room div.price_block.row div.row comment {
    display: block;
    margin-top: 15px;
    width: 100%;
    font-size: 9pt;
    line-height: 1.8em;
    border-radius: 5px;
    border-color: #cfcfcf;
    color: #444;
    margin-left: 15px
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room div.price_block.row div.row comment {
        width: 90%
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room div.price_block.row div.row comment {
        width: 90%
    }
}

div#main_second_result2.row.scrollable body#search #result_search_wrap h2 {
    text-align: center;
    font-size: 25pt;
    color: #dd2b3e;
    margin-top: 0;
    font-family: Raleway, sans;
    font-weight: 700;
    position: relative;
    top: 0
}

@media (max-width:1024px) {
    div#main_second_result2.row.scrollable body#search #result_search_wrap h2 {
        top: 0
    }
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#search #result_search_wrap h2 {
        top: 0
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#search #result_search_wrap h2 {
        top: 0
    }
}

div#main_second_result2.row.scrollable body#search #result_search_wrap h3 {
    text-align: center;
    font-size: 19pt;
    color: #dd2b3e;
    margin-top: 0;
    font-weight: inherit;
    position: relative;
    top: 1em
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#search #result_search_wrap h3 {
        top: 0
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#search #result_search_wrap h3 {
        top: 0
    }
}

div#main_second_result2.row.scrollable body#room div.price_block.row div.row label {
    position: relative;
    bottom: -25px;
    text-align: center;
    display: block;
    padding: 8px 10px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 14pt;
    color: #929292;
    vertical-align: center;
    top: 0;
    left: 12px
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room div.price_block.row div.row label {
        left: 0;
        width: 100%;
        padding: 0
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room div.price_block.row div.row label {
        left: 0;
        width: 100%;
        padding: 0
    }
}

div#main_second_result2.row.scrollable body#room span#room-price-style {
    position: relative;
    top: 0;
    left: .3em
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room span#room-price-style {
        width: 95%
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room span#room-price-style {
        width: 95%
    }
}

div#main_second_result2.row.scrollable body#room small#per-month-style {
    position: relative;
    top: 0;
    left: .938em
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room small#per-month-style {
        width: 95%
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room small#per-month-style {
        width: 95%
    }
}

div#main_second_result2.row.scrollable body#room button#book_btn.btn.btn-book {
    position: relative;
    top: 0;
    left: 8em;
    width: 40%
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room button#book_btn.btn.btn-book {
        left: .313em
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room button#book_btn.btn.btn-book {
        left: .313em
    }
}

div#main_second_result2.row.scrollable body#room a#link_back {
    position: relative;
    top: 0;
    left: .938em
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room a#link_back {
        left: .313em
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room a#link_back {
        left: .313em
    }
}

div#main_second_result2.row.scrollable .result_text_1,
div#main_second_result2.row.scrollable .result_text_1b,
div#main_second_result2.row.scrollable .result_text_2 {
    margin: 0
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable .result_text_1,
    div#main_second_result2.row.scrollable .result_text_1b,
    div#main_second_result2.row.scrollable .result_text_2 {
        left: 2em
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable .result_text_1,
    div#main_second_result2.row.scrollable .result_text_1b,
    div#main_second_result2.row.scrollable .result_text_2 {
        left: 2em
    }
}

div#main_second_result2.row.scrollable body#room div.result_text_2.col-xs-12.col-md-6 {
    position: relative;
    top: -18.5em;
    left: 14em;
    width: 100%
}

@media (max-width:767px) {
    div#main_second_result2.row.scrollable body#room div.result_text_2.col-xs-12.col-md-6 {
        left: 2em;
        top: .5em
    }
}

@media (max-width:375px) {
    div#main_second_result2.row.scrollable body#room div.result_text_2.col-xs-12.col-md-6 {
        left: 2em;
        top: .5em
    }
}

body#search div#new_main_canvas {
    display: inline-block;
    margin: 10px;
    width: 900px;
    height: 1010px;
    position: relative;
    top: 3em;
    left: -2em
}

@media (min-width:1440px) and (max-width:1440px) {
    body#search div#new_main_canvas {
        width: 698px
    }
}

@media (min-width:1280px) and (max-width:1280px) {
    body#search div#new_main_canvas {
        width: 615px
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    body#search div#new_main_canvas {
        width: 750px;
        height: 500px;
        top: 0;
        left: 8em
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    body#search div#new_main_canvas {
        width: 700px;
        height: 700px;
        top: 0;
        left: 0
    }
}

@media (max-width:767px) {
    body#search div#new_main_canvas {
        width: 300px;
        height: 300px;
        top: -3em;
        left: 1em
    }
}

@media (max-width:414px) {
    body#search div#new_main_canvas {
        left: 2.5em
    }
}

@media (max-width:375px) {
    body#search div#new_main_canvas {
        width: 300px;
        height: 300px;
        top: -3em;
        left: 1em
    }
}

@media (max-width:320px) {
    body#search div#new_main_canvas {
        top: 0;
        left: -1em
    }
}

.sweet-alert h2 {
    margin-top: 0;
    font-size: 16pt;
    font-family: Roboto;
    display: none
}

.sweet-alert .nav-tabs {
    margin-top: 0;
    font-size: 10pt;
    font-family: Roboto;
    margin-bottom: 10px
}

.sweet-alert .tab-content {
    display: block;
    height: 200px;
    overflow-y: auto;
    padding-left: 10px
}

.sweet-alert .sa-button-container {
    border-top: 1px solid #cfcfcf;
    margin-top: 10px
}

.sweet-alert button {
    background-color: orange;
    font-size: 10pt;
    padding: 5px 20px;
    margin: 16px 5px 0
}

.gm-style-iw h3 {
    font-size: 11pt;
    color: orange;
    font-family: Roboto;
    margin-bottom: 0;
    margin-top: 0;
    display: inline-block
}

.gm-style-iw button,
.gm-style-iw label {
    margin-top: 0;
    font-size: 9pt;
    font-family: Roboto;
    display: inline-block;
    margin-left: 5px
}

.gm-style-iw button {
    background-color: orange;
    font-size: 8pt;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid orange;
    border-radius: 5px;
    text-transform: uppercase
}

#sl_wrapper {
    display: inline-block;
    position: relative;
    top: -20px;
    left: 0;
    width: 100%;
    height: 40px
}

#sl_list {
    position: absolute;
    top: 5px;
    right: 45px;
    display: flex;
    font-weight: 700;
    margin-right: 5px;
    color: #929292;
    background-color: #dfdfdf;
    padding: 3px 5px;
    border-style: none;
    border-radius: 7px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-word-break: normal
}

.row .panel-login {
    text-align: center;
    border-radius: .5em;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 130%;
    height: 527px;
    margin: 3em;
    position: relative;
    top: -2em
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    .row .panel-login {
        width: 80%;
        height: 500px;
        left: 2em
    }
}

@media (max-width:767px) {
    .row .panel-login {
        width: 75%;
        height: 400px;
        left: 0
    }
}

@media (max-width:375px) {
    .row .panel-login {
        width: 75%;
        height: 400px;
        left: 0
    }
}

.row .panel-login .panel-body {
    padding: 15px;
    position: relative;
    top: -1em
}

@media (max-width:1024px) {
    .row .panel-login .panel-body {
        top: 10em;
        left: -12em
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    .row .panel-login .panel-body {
        top: 10em;
        left: -12em
    }
}

@media (max-width:767px) {
    .row .panel-login .panel-body {
        top: 0;
        left: 0
    }
}

@media (max-width:375px) {
    .row .panel-login .panel-body {
        top: 0;
        left: 0
    }
}

.row .panel-login .panel-body #checkbox-remember-label {
    display: flex;
    position: relative;
    top: -1em;
    left: -1.5em
}

@media (max-width:767px) {
    .row .panel-login .panel-body #checkbox-remember-label {
        top: -1em;
        left: 0
    }
}

@media (max-width:375px) {
    .row .panel-login .panel-body #checkbox-remember-label {
        top: -1em;
        left: 0
    }
}

.row .panel-login .panel-body button#button-login-login.btn.btn-primary {
    display: flex;
    position: relative;
    top: -1em;
    left: 33%;
    padding-top: 4px;
    padding-bottom: 15px;
    padding-left: 22px
}

@media (max-width:767px) {
    .row .panel-login .panel-body button#button-login-login.btn.btn-primary {
        left: 27%
    }
}

@media (max-width:375px) {
    .row .panel-login .panel-body button#button-login-login.btn.btn-primary {
        left: 27%
    }
}

.row .panel-login .panel-login .login-right {
    text-align: right;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.row .panel-login .panel-heading {
    display: flex;
    width: 50%;
    position: relative;
    top: 0;
    left: 24%;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

@media (max-width:767px) {
    .row .panel-login .panel-heading {
        left: 0
    }
}

@media (max-width:375px) {
    .row .panel-login .panel-heading {
        left: 0
    }
}

.row .panel-login .panel-heading img {
    display: block;
    position: relative;
    top: 0;
    left: -36%;
    width: 66%;
    height: auto
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    .row .panel-login .panel-heading img {
        top: -10em;
        left: 0;
        width: 85%
    }
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    .row .panel-login .panel-heading img {
        top: -10em;
        left: 0;
        width: 85%
    }
}

@media (max-width:1024px) {
    .row .panel-login .panel-heading img {
        top: -10em;
        left: 0;
        width: 85%
    }
}

@media (max-width:767px) {
    .row .panel-login .panel-heading img {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }
}

@media (max-width:375px) {
    .row .panel-login .panel-heading img {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto
    }
}

.row .panel-login a {
    color: #f0b674;
    text-transform: lowercase;
    text-decoration: underline;
    font-weight: 700;
    margin-right: -10px;
    display: flex;
    position: relative;
    top: -1em;
    left: -1em
}

@media (min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    .row .panel-login a {
        top: -3.8em;
        left: 9em
    }
}

.new-footer .img-contact {
    position: relative;
    left: 1.9em;
    width: 56%
}

@media (max-width:767px) {
    .new-footer .img-contact {
        position: relative;
        left: 0;
        width: 45%
    }
}

@media (max-width:375px) {
    .new-footer .img-contact {
        position: relative;
        left: 0;
        width: 45%
    }
}

.contact-column {
    position: relative;
    top: 0;
    left: 0;
    justify-content: left;
    font-size: 13pt;
    width: 9%
}

@media (min-width:1280px) and (max-width:1280px) {
    .contact-column {
        width: 40%
    }
}

@media (max-width:1024px) {
    .contact-column {
        width: 60%
    }
}

@media (max-width:767px) {
    .contact-column {
        width: 33%;
        font-size: 10pt
    }
}

@media (max-width:414px) {
    .contact-column {
        width: 33%;
        font-size: 10pt
    }
}

@media (max-width:375px) {
    .contact-column {
        width: 33%;
        font-size: 10pt
    }
}

@media (min-width:1440px) and (max-width:1440px) {
    .contact-column {
        width: 40%!important
    }
}

html body div.container-fluid.footer div.new-footer div.row.social-media-contact {
    position: relative;
    margin: 0;
    padding: 0;
    width: 140%;
    top: 0;
    background-color: #2d2d2d;
    left: -20%
}

ul.social-media-list {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    list-style: none;
    align-items: center;
    justify-content: center;
    left: 0
}

div.container-fluid.footer div.new-footer div.row.social-media-contact ul.social-media-list li#find-us-info.contact-column {
    position: relative;
    top: 0;
    left: 0;
    border-style: none;
    border-left: 2px solid #fff
}

div.container-fluid.footer div.new-footer div.row.social-media-contact ul.social-media-list li#find-us-info.contact-column p {
    font-family: Raleway!important;
    text-align: left;
    padding-left: 2em;
    padding-top: .5em
}

@media (max-width:375px),
(max-width:414px) {
    div.container-fluid.footer div.new-footer div.row.social-media-contact ul.social-media-list li#find-us-info.contact-column p {
        padding-left: .5em
    }
}

div.container-fluid.footer div.new-footer div.row.social-media-contact ul.social-media-list li#find-us-info.contact-column b a {
    left: 0;
    font-size: 13pt
}

@media (max-width:375px),
(max-width:414px) {
    div.container-fluid.footer div.new-footer div.row.social-media-contact ul.social-media-list li#find-us-info.contact-column b a {
        padding-left: 0;
        font-size: 10pt
    }
}

div.container-fluid.footer div.new-footer div.row.social-media-contact ul.social-media-list li.contact-column a i.fa.fa-facebook-f,
div.container-fluid.footer div.new-footer div.row.social-media-contact ul.social-media-list li.contact-column a i.fa.fa-instagram {
    font-size: 30pt
}

@media (max-width:767px) {
    html body#home div.container-fluid.footer div.footer-top {
        flex-direction: column
    }
}

@media (max-width:414px) {
    html body#home div.container-fluid.footer div.footer-top {
        flex-direction: row
    }
}

@media (max-width:375px) {
    html body#home div.container-fluid.footer div.footer-top {
        flex-direction: row
    }
}

@media (max-width:767px) {
    html body#home div.container-fluid.footer div.footer-top a {
        font-size: 7pt
    }
}

@media (max-width:414px) {
    html body#home div.container-fluid.footer div.footer-top a {
        font-size: 7pt
    }
}

@media (max-width:375px) {
    html body#home div.container-fluid.footer div.footer-top a {
        font-size: 7pt
    }
}

#calendar-area {
    border-right: 2px solid #ebebeb;
    width: 50%
}

@media (max-width:1024px) {
    #calendar-area {
        width: 100%
    }
}

@media (max-width:375px) {
    #calendar-area {
        border-right: 2px solid #ebebeb;
        width: 129%;
        height: auto;
        min-height: 400px!important;
        position: relative;
        left: -3em
    }
}

@media (max-width:1024px) {
    div#client_container_wrapper.container div.row.text-center div#notes-area.col-xs-12.col-md-6 img {
        vertical-align: middle;
        width: 5%
    }
}

@media (max-width:767px) {
    div#client_container_wrapper.container div.row.text-center div#notes-area.col-xs-12.col-md-6 img {
        width: 10%
    }
}

@media (max-width:375px) {
    div#client_container_wrapper.container div.row.text-center div#notes-area.col-xs-12.col-md-6 img {
        width: 10%
    }
}

@media (max-width:767px) {
    .fc-basic-view td.fc-day-number,
    .fc-basic-view td.fc-week-number span {
        padding-top: 2px;
        padding-bottom: 2px;
        width: 30px!important;
        height: 60px!important
    }
}

div#notes-area.col-xs-12.col-md-6 {
    text-align: left;
    position: relative;
    top: 3em;
    left: 3em
}

@media (max-width:375px) {
    div#notes-area.col-xs-12.col-md-6 {
        left: 0
    }
}

#sos_form {
    text-align: left;
    width: 45%
}

@media (max-width:1024px) {
    #sos_form {
        text-align: left;
        width: 39%
    }
}

@media (max-width:1024px) {
    div#client_container_wrapper.container div.row.text-center div#sos_form.col-xs-12.col-md-6 form.form div.form-group textarea#message.form-control {
        width: 270%
    }
}

@media (max-width:767px) {
    div#client_container_wrapper.container div.row.text-center div#sos_form.col-xs-12.col-md-6 form.form div.form-group textarea#message.form-control {
        width: 100%
    }
}

@media (max-width:375px) {
    div#client_container_wrapper.container div.row.text-center div#sos_form.col-xs-12.col-md-6 form.form div.form-group textarea#message.form-control {
        width: 100%
    }
}

@media (max-width:1024px) {
    input.btn.btn-primary.pull-right {
        position: relative;
        top: 0;
        left: 8.5em
    }
}

div#sos_form.col-xs-12.col-md-6 form.form div.form-group div.input-container button.browse-btn {
    background-color: #db2b3e!important;
    color: #fff;
    min-height: 35px;
    width: 175px;
    padding: 10px;
    border: none;
    border-radius: 7px;
    position: relative;
    top: 0;
    left: 30%
}

@media (max-width:1024px) {
    div#sos_form.col-xs-12.col-md-6 form.form div.form-group div.input-container button.browse-btn {
        left: 0
    }
}

@media (max-width:767px) {
    div#sos_form.col-xs-12.col-md-6 form.form div.form-group div.input-container button.browse-btn {
        left: 17%
    }
}

@media (max-width:375px) {
    div#sos_form.col-xs-12.col-md-6 form.form div.form-group div.input-container button.browse-btn {
        left: 17%
    }
}

span.file-info {
    font-size: 15px;
    position: relative;
    top: 0;
    left: 7%;
    font-style: italic;
    color: #8e8e8e
}

@media (max-width:1024px) {
    span.file-info {
        left: 0
    }
}

@media (max-width:767px) {
    span.file-info {
        left: 0
    }
}

@media (max-width:375px) {
    span.file-info {
        left: 0
    }
}

#contact_form button,
#contact_form input[type=submit],
#sos_form button,
#sos_form input[type=submit] {
    display: block;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #e26f1c;
    border-color: #e26f1c;
    border-radius: 7px;
    font-weight: 800;
    font-size: 15px;
    color: #fff;
    width: 85px;
    height: 45px;
    padding: 5px
}

@media (max-width:767px) {
    #contact_form button,
    #contact_form input[type=submit],
    #sos_form button,
    #sos_form input[type=submit] {
        left: -6.2em
    }
}

@media (max-width:375px) {
    #contact_form button,
    #contact_form input[type=submit],
    #sos_form button,
    #sos_form input[type=submit] {
        left: -6.2em
    }
}

#customer_tickets {
    position: relative;
    top: 0;
    left: 3em;
    width: 50%
}

@media (max-width:767px) {
    #customer_tickets {
        position: relative;
        top: 0;
        left: -3em
    }
}

@media (max-width:375px) {
    #customer_tickets {
        position: relative;
        top: 0;
        left: -3em
    }
}

@media (max-width:767px) {
    #customer_tickets h2 {
        position: relative;
        top: 0;
        left: 5em
    }
}

@media (max-width:375px) {
    #customer_tickets h2 {
        position: relative;
        top: 0;
        left: 5em
    }
}

#client_container_wrapper #ticket #open_ticket {
    width: auto;
    height: auto;
    box-sizing: border-box
}

.partners-row {
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: space-around;
    flex-wrap: wrap;
    position: relative;
    left: 0;
    width: 100%
}

@media (max-width:1024px) {
    .partners-row {
        flex-wrap: wrap
    }
}

div.partner-info.col-md-4 img {
    position: relative;
    top: 0;
    left: 0;
    width: 110%;
    height: auto;
    display: inline-block;
    vertical-align: middle
}

@media (max-width:1024px) {
    div.partner-info.col-md-4 img {
        width: 50%
    }
}

@media (max-width:767px) {
    div.partner-info.col-md-4 img {
        top: -1em;
        left: 3em;
        width: 65%
    }
}

@media (max-width:375px) {
    div.partner-info.col-md-4 img {
        top: -1em;
        left: 3em;
        width: 65%
    }
}

body div.partner-card.center-block.col-md-6 {
    margin-top: 15px;
    margin-bottom: 15px;
    width: 50%;
    border-left: 1px solid #8e8e8e
}

@media (max-width:1024px) {
    body div.partner-card.center-block.col-md-6 {
        left: 34%;
        width: 50%
    }
}

@media (max-width:767px) {
    body div.partner-card.center-block.col-md-6 {
        left: 50%;
        width: 100%
    }
}

@media (max-width:375px) {
    body div.partner-card.center-block.col-md-6 {
        left: 50%;
        width: 100%
    }
}

.client_checkout {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #df8843;
    text-align: center
}

@media (max-width:1024px) {
    .client_checkout {
        left: 43%
    }
}

body#room div#result_search_wrap {
    width: 100%;
    line-height: 30px;
    padding: 0;
    position: relative;
    background-color: hsla(0, 0%, 100%, .8);
    margin: -109px 0 43px;
    height: 66px;
    top: 43px
}

@media (max-width:767px) {
    body#room div#result_search_wrap h2 {
        top: 0
    }
}

@media (max-width:375px) {
    body#room div#result_search_wrap h2 {
        top: 0
    }
}

@media (max-width:767px) {
    body#room div#result_search_wrap h3 {
        top: 0
    }
}

@media (max-width:375px) {
    body#room div#result_search_wrap h3 {
        top: 0
    }
}

body#room div#result-search-container.row {
    max-height: 1000px
}

@media (max-width:414px) {
    body#room div#result-search-container.row #result_search #date-result {
        left: 33%
    }
}

@media (max-width:375px),
(max-width:414px) {
    body#room div#result-search-container.row #result_search .price_block {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width:414px) {
    body#room div#result-search-container.row #result_search .date_select {
        display: flex
    }
}

@media (max-width:375px) {
    body#room div#result-search-container.row #result_search .date_select {
        width: 55%
    }
}

@media (max-width:375px),
(max-width:414px) {
    body#room div#result-search-container.row #result_search .date_select a#fromDate_btn {
        position: relative;
        top: 0;
        left: 30px
    }
}

@media (max-width:375px),
(max-width:414px) {
    body#room div#result-search-container.row #result_search #room-result-container {
        margin: 0
    }
}

@media (max-width:375px) {
    body#room div#result-search-container.row #result-right #result_text_1 p label {
        font-size: 12px
    }
}

body#room div.price_block.row div.row comment {
    display: block;
    margin-top: 15px;
    width: 100%;
    font-size: 9pt;
    line-height: 1.8em;
    border-radius: 5px;
    border-color: #cfcfcf;
    color: #444;
    margin-left: 15px
}

@media (max-width:767px) {
    body#room div.price_block.row div.row comment {
        width: 90%
    }
}

@media (max-width:375px) {
    body#room div.price_block.row div.row comment {
        width: 90%
    }
}

body#room div.price_block.row div.row label {
    position: relative;
    bottom: -25px;
    text-align: center;
    display: block;
    padding: 8px 10px;
    background-color: #fff;
    border-radius: 5px;
    font-size: 14pt;
    color: #929292;
    vertical-align: center;
    top: 0;
    left: 12px
}

@media (max-width:767px) {
    body#room div.price_block.row div.row label {
        left: 0
    }
}

@media (max-width:375px) {
    body#room div.price_block.row div.row label {
        left: 0
    }
}

body#room span#room-price-style {
    position: relative;
    top: 0;
    left: 15px
}

@media (max-width:767px) {
    body#room span#room-price-style {
        left: 0
    }
}

@media (max-width:375px) {
    body#room span#room-price-style {
        left: 0
    }
}

body#room small#per-month-style {
    position: relative;
    top: 0;
    left: 15px
}

@media (max-width:767px) {
    body#room small#per-month-style {
        left: 0
    }
}

@media (max-width:375px) {
    body#room small#per-month-style {
        left: 0
    }
}

body#room button#book_btn.btn.btn-book {
    position: relative;
    top: 0;
    left: 8em
}

@media (max-width:1024px) {
    body#room button#book_btn.btn.btn-book {
        left: 8em
    }
}

@media (max-width:767px) {
    body#room button#book_btn.btn.btn-book {
        left: 0
    }
}

@media (max-width:375px) {
    body#room button#book_btn.btn.btn-book {
        left: 0
    }
}

body#room a#link_back {
    position: relative;
    top: 0;
    left: 15px
}

@media (max-width:767px) {
    body#room a#link_back {
        left: 0
    }
}

@media (max-width:375px) {
    body#room a#link_back {
        left: 0
    }
}

body#room div#date-result.row {
    position: relative;
    top: 0;
    left: 14%;
    align-items: center;
    width: 500px
}

@media (max-width:1024px) {
    body#room div#date-result.row {
        left: 5%
    }
}

@media (max-width:767px) {
    body#room div#date-result.row {
        top: 1em
    }
}

@media (max-width:375px) {
    body#room div#date-result.row {
        top: 1em
    }
}

body#room div#result-right.col-xs-12.col-sm-6.col-md-7 {
    position: relative;
    top: 0;
    left: 5em;
    padding-left: 5em;
    max-height: 800px
}

@media (max-width:1024px) {
    body#room div#result-right.col-xs-12.col-sm-6.col-md-7 {
        position: relative;
        top: 0;
        left: 2em;
        padding-left: 2em;
        max-height: 1300px
    }
}

@media (max-width:767px) {
    body#room div#result-right.col-xs-12.col-sm-6.col-md-7 {
        left: 0
    }
}

@media (max-width:375px) {
    body#room div#result-right.col-xs-12.col-sm-6.col-md-7 {
        left: 0;
        padding-top: 3em
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    body#room div#result-right.col-xs-12.col-sm-6.col-md-7 #flat-equipment {
        width: 50%
    }
}

@media (max-width:767px) {
    body#room div#result-right.col-xs-12.col-sm-6.col-md-7 #flat-equipment {
        line-height: .429
    }
}

body#room div#result-right.col-xs-12.col-sm-6.col-md-7 div#flat-equipment i,
body#room div#result-right.col-xs-12.col-sm-6.col-md-7 div#room-equipment i {
    font-size: 30pt
}

body#room div.result_text_2.col-xs-12.col-md-6 {
    position: relative;
    top: -18.5em;
    left: 14em;
    width: 100%
}

@media (max-width:1024px) {
    body#room div.result_text_2.col-xs-12.col-md-6 {
        position: relative;
        top: 0;
        left: 0;
        width: 100%
    }
}

body#booking {
    font-family: Raleway, !important, "sans-serif"!important
}

@media (max-width:375px),
(max-width:414px),
(min-width:768px) and (orientation:portrait) and (max-width:1024px) {
    .rearrange-page {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap
    }
}

body#booking div.container-fluid.main-body div#result_second.container {
    top: 0;
    background-color: #fff;
    padding-top: 2em
}

body#booking div.container-fluid.main-body div#result_second.container .conditions .book-field input,
body#booking div.container-fluid.main-body div#result_second.container .conditions .book-field select {
    padding: 6px 9px;
    border: solid;
    color: #939393;
    outline: 0;
    border-width: thin;
    border-radius: .5em
}

.price_block {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    margin-top: 20px;
    font-weight: 400;
    left: 0
}

.price_block span#room-price {
    text-align: center;
    display: inline;
    padding: 0;
    font-size: 29pt;
    color: #dd2b3e;
    vertical-align: top;
    position: relative;
    top: .4em;
    left: .5em
}

.price_list {
    display: block;
    width: 338px;
    padding: 10px 5px;
    background-color: #fff;
    border-radius: 5px;
    line-height: 2em;
    color: #929292;
    position: relative;
    top: 2em
}

#price_total {
    display: inline;
    padding: 0;
    top: .4em;
    left: .5em
}

#paid_total,
#price_total {
    text-align: center;
    font-size: 29pt;
    color: #dd2b3e;
    vertical-align: top;
    position: relative
}

#paid_total {
    display: inline-flex;
    padding: 4px 10px;
    top: -.4em;
    left: 0
}

@media (max-width:375px) {
    #paid_total {
        padding: 0
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row.rearrange-page div.col-md-5 div#result_search.clearfix div.col-xs-12 span.date_select a.btn.btn-calendar {
        margin-right: 0
    }
}

html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-5 div#result_search.clearfix div.col-xs-12.col-sm-6.col-md-12 div.price_block label {
    border-style: solid;
    border-width: thin
}

html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center
}

@media (max-width:375px),
(max-width:414px) {
    html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field {
        flex-wrap: wrap
    }
}

/*html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#acceptance,
html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#passport {
    display: flex
}*/

@media (max-width:375px),
(max-width:414px),
(min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#acceptance,
    html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#passport {
        flex-wrap: wrap
    }
}

@media (min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#acceptance,
    html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#passport {
        width: 100%
    }
}

html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#acceptance input,
html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row div.col-md-7.conditions div.book-area div.book-field div#passport input {
    display: flex;
    align-self: bottom;
    border-style: none
}

@media (max-width:375px),
(min-width:768px) and (orientation:portrait) and (max-width:1024px),
(min-width:1024px) and (orientation:landscape) and (max-width:1024px) {
    html body#booking div.container-fluid.main-body div#result_second.container form#book_form div.row.rearrange-page div.col-md-5 div#result_search.clearfix div.col-xs-12.col-sm-6.col-md-12 div.price_btn.clearfix.book_btn button#book_btn.btn.btn-book.col-xs-8 {
        padding: 3px 0
    }
}

@media (max-width:375px) {
    .partner_block {
        flex-wrap: wrap
    }
}