@charset "UTF-8";
/* 
Theme Name: Dhabi Studio 
Text Domain: Dhabi Studio
Version: 1.8
Author: Carla Maria Pecho
Author URI: http://www.carlamariapecho.de
@charset "UTF-8";

/* Color Variables */
html {
  scroll-behavior: smooth;
  overflow: scroll;
}

html::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}

body::-webkit-scrollbar {
  display: none;
}

body {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  -webkit-text-size-adjust: 70%;
  font-family: Sentient-Regular;
  color: #1b1c1f;
}

body .uppercase {
  text-transform: uppercase;
}

a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

/* Lazy Load Blur */
@media (min-width: 610px) {
  .mobile {
    display: none;
  }
  .desktop {
    display: block;
  }
  .title-mobil, .date-mobil {
    display: none;
  }
  /* If header */
  /* If info Block 4 columns */
  .arrow {
    padding-left: 7px;
  }
  .dhabi-logo-all {
    height: 30px;
  }
  .dhabi-logo-all.logo-apt {
    height: 65px;
  }
  /* Breaking point 1 Desktop, broad */
  #line-container-s {
    display: none;
  }
  #main-page #about-container, #main-page #intro-container {
    height: auto;
    text-align: left;
    border-spacing: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 97.22vw;
  }
  #main-page #about-container .about, #main-page #intro-container .about {
    height: auto;
    padding-top: 0.52vw;
    width: 23.26vw;
    padding-left: 1.39vw;
  }
}

@media (min-width: 610px) and (max-width: 999px) {
  #main-page #about-container .about, #main-page #intro-container .about {
    padding-left: 4vw;
  }
}

@media (min-width: 610px) {
  #main-page #about-container #dhabi-logo-side, #main-page #intro-container #dhabi-logo-side {
    padding-left: 0;
  }
  #main-page #about-container #arabic, #main-page #intro-container #arabic {
    text-align: right;
  }
  #main-page .header, #main-page .header-buildings {
    height: 71.38px;
    width: 97.22vw;
    max-width: 97.22vw;
    border-bottom: 1px solid black !important;
    border-style: solid;
    border-width: 0 0 1px;
    padding-bottom: 0;
    border-color: black;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    background-color: white;
    z-index: 800;
  }
  #main-page .overlay #info h1, #main-page .overlay #terms h1, #main-page .header-buildings .register, #main-page #main-container .selection, #main-page #main-container #register, #main-page #main-container #latest, #main-page .table .head-row, #main-page .table-buildings .head-row, #main-page .centered, #footer, #main-page, #main-page .overlay #info .info-container, #main-page .overlay #terms .info-container, #main-page #intro-container #english, #main-page #intro-container #french, #main-page #intro-container #arabic  {
    font-family: Satoshi-Medium;
    font-style: normal;
    font-weight: bold;
    -webkit-text-size-adjust: 90%;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
}

@media (min-width: 610px) and (max-width: 1200px) {
  #main-page .overlay #info h1, #main-page .overlay #terms h1, #main-page .header-buildings .register, #main-page #main-container .selection, #main-page #main-container #register, #main-page #main-container #latest, #main-page .table .head-row, #main-page .table-buildings .head-row, #main-page .centered, #footer, #main-page, #main-page .overlay #info .info-container, #main-page .overlay #terms .info-container, #main-page #intro-container #english, #main-page #intro-container #french, #main-page #intro-container #arabic  {
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.01em;
  }
}

@media (min-width: 610px) {
  #main-page #about-container, #main-page #intro-container, #main-page #main-container .container .box:last-child, #main-page .table .panel, #main-page .table-buildings .panel, #main-page .table .right .right-content, #main-page .table-buildings .right .right-content, #main-page .table .right .right-content .small, #main-page .table-buildings .right .right-content .small, #main-page #about-container #english, #main-page #about-container #french, #main-page #about-container #arabic  {
    font-family: Sentient-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 130%;
    color: #1b1c1f;
    /* or 24px */
    letter-spacing: 0.02em;
  }
}

@media (min-width: 610px) and (max-width: 1440px) {
  #main-page #about-container, #main-page #intro-container, #main-page #main-container .container .box:last-child, #main-page .table .panel, #main-page .table-buildings .panel, #main-page .table .right .right-content, #main-page .table-buildings .right .right-content, #main-page .table .right .right-content .small, #main-page .table-buildings .right .right-content .small, #main-page #about-container #english, #main-page #about-container #french, #main-page #about-container #arabic  {
    font-size: 16px;
  }
}

@media (min-width: 610px) and (max-width: 1300px) {
  #main-page #about-container, #main-page #intro-container, #main-page #main-container .container .box:last-child, #main-page .table .panel, #main-page .table-buildings .panel, #main-page .table .right .right-content, #main-page .table-buildings .right .right-content, #main-page .table .right .right-content .small, #main-page .table-buildings .right .right-content .small, #main-page #about-container #english, #main-page #about-container #french, #main-page #about-container #arabic  {
    font-size: 13.5px;
  }
}

@media (min-width: 610px) {
  #main-page .overlay #info h1, #main-page .overlay #terms h1, #main-page .header-buildings .register, #main-page #main-container .selection, #main-page #main-container #register, #main-page #main-container #latest, #main-page .table .head-row, #main-page .table-buildings .head-row, #main-page .centered, #footer {
    text-transform: uppercase;
  }
  #main-page .table .panel .left, #main-page .table-buildings .panel .left {
    /* Fading animation changed */
  }
  #main-page .table .panel .left .slides, #main-page .table-buildings .panel .left .slides {
    display: none;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    height: 39.58vw;
    position: relative;
  }
  #main-page .table .panel .left .slides img, #main-page .table-buildings .panel .left .slides img {
    width: auto;
    height: auto;
    float: left;
    position: relative;
    max-height: 39.58vw;
    min-height: 39.58vw;
  }
  #main-page .table .panel .left .slider-navigation-container, #main-page .table-buildings .panel .left .slider-navigation-container {
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: inherit;
    z-index: 100;
    margin-top: -2.1vw;
  }
  #main-page .table .panel .left .slider-navigation-container .slider-navigation, #main-page .table-buildings .panel .left .slider-navigation-container .slider-navigation {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  #main-page .table .panel .left .slider-navigation-container .slider-navigation .dot, #main-page .table-buildings .panel .left .slider-navigation-container .slider-navigation .dot {
    cursor: pointer;
    z-index: 100;
    height: 5px;
    width: 5px;
    margin-right: 10px;
    background-color: none;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
  }
  #main-page .table .panel .left .slider-navigation-container .slider-navigation .active, #main-page .table-buildings .panel .left .slider-navigation-container .slider-navigation .active {
    background-color: black;
  }
  #main-page .overlay #info h1, #main-page .overlay #terms h1 {
    height: 25px;
    text-align: left;
    border-top: 1px solid;
    padding-bottom: 14px;
  }
  #main-page .buildings .caption .caption-cell, #main-page #main-container #images .bodytext, #main-page #main-container #images .bodytext-building, #main-page .table .head-row .main-tr .td-1, #main-page .table .head-row .main-tr .td-2, #main-page .table .head-row .main-tr .td-3, #main-page .table .head-row .main-tr .td-4, #main-page .table .accordion .main-tr .td-1, #main-page .table .accordion .main-tr .td-2, #main-page .table .accordion .main-tr .td-3, #main-page .table .accordion .main-tr .td-4, #main-page .table-buildings .head-row .main-tr .td-1, #main-page .table-buildings .head-row .main-tr .td-2, #main-page .table-buildings .head-row .main-tr .td-3, #main-page .table-buildings .head-row .main-tr .td-4, #main-page .table-buildings .head-row .main-tr .td-5, #main-page .table-buildings .accordion .main-tr .td-1, #main-page .table-buildings .accordion .main-tr .td-2, #main-page .table-buildings .accordion .main-tr .td-3, #main-page .table-buildings .accordion .main-tr .td-4, #main-page .table-buildings .accordion .main-tr .td-5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
  }
  #start-page::-webkit-scrollbar {
    display: none;
  }
  #start-page {
    overflow-y: scroll;
    position: relative;
    height: 100vh;
    width: auto;
    display: block;
    padding-bottom: 3.26vw;
  }
  #start-page #line-container {
    position: relative;
    padding-top: 2vw;
    height: 100vh;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #start-page #line-container .line {
    margin-left: auto;
    margin-right: auto;
    width: 95.47vw;
    padding-bottom: 4vw;
    height: auto;
  }
  #start-page #line-container .line:last-child {
    padding-bottom: 5%;
  }
  #main-page::-webkit-scrollbar {
    display: none;
  }
  #main-page {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    height: 100vh;
    width: 97.22vw;
  }
  #main-page .header {
    position: absolute;
  }
  #main-page .header #dhabi-logo {
    margin-right: 19.56vw;
    cursor: pointer;
    position: absolute;
    height: 14.359px;
    top: 49.5%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #main-page .header #dhabi-logo img {
    width: 157px;
  }
  #main-page .header-buildings {
    position: absolute;
    position: fixed;
    top: 0;
  }
  #main-page .header-buildings #dhabi-logo {
    margin-right: 19.56vw;
    cursor: pointer;
    position: absolute;
    height: 14.359px;
    top: 49.5%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #main-page .header-buildings #dhabi-logo img {
    width: 157px;
  }
  #main-page .header-buildings .register {
    font-size: 15px;
    margin-right: 19.56vw;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    color: #3615FF;
    cursor: pointer;
  }
  #main-page .overlay #contact {
    display: none;
  }
  #main-page .overlay #info, #main-page .overlay #terms {
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    width: 98vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    cursor: pointer;
    margin-top: 4000px;
    background-color: white;
  }
  #main-page .overlay #info .info-container, #main-page .overlay #terms .info-container {
    display: table;
    border-spacing: 0;
  }
  #main-page .overlay #info .info-content, #main-page .overlay #terms .info-content {
    display: table-cell;
    height: 100vh;
  }
  #main-page .overlay #info .info-content:first-child, #main-page .overlay #terms .info-content:first-child {
    width: 29.16vw;
  }
  #main-page .overlay #info .info-content:first-child p:first-child, #main-page .overlay #terms .info-content:first-child p:first-child {
    margin-top: 0;
  }
  #main-page .overlay #info .info-content:last-child, #main-page .overlay #terms .info-content:last-child {
    width: 68.4vw;
  }
  #main-page .overlay #info .info-content:last-child .scrollable, #main-page .overlay #terms .info-content:last-child .scrollable {
    scrollbar-width: none;
    /* Firefox */
    width: 68.4vw;
    padding-top: 40px;
    height: 95vh;
    position: absolute;
    top: 12px;
    margin-bottom: 38px;
    overflow: scroll;
  }
  #main-page .overlay #info .info-content:last-child .scrollable .scroll-content, #main-page .overlay #terms .info-content:last-child .scrollable .scroll-content {
    height: auto;
    padding-bottom: 20px;
  }
  #main-page .overlay #info .info-content:last-child .scrollable::-webkit-scrollbar, #main-page .overlay #terms .info-content:last-child .scrollable::-webkit-scrollbar {
    display: none;
  }
  #main-page .overlay #info h1, #main-page .overlay #terms h1 {
    padding-top: 0.52vw;
    margin-top: 12px;
  }
  #main-page .overlay #info h1 .left, #main-page .overlay #terms h1 .left {
    float: left;
  }
  #main-page .overlay #info h1 .right, #main-page .overlay #terms h1 .right {
    float: right;
  }
  #main-page .buildings {
    position: relative;
    padding-top: 2vw;
  }
  #main-page .buildings .slideshow-container-buildings {
    position: relative;
    margin: auto;
    height: 49.58vw;
  }
  #main-page .buildings .click-left, #main-page .buildings .click-right {
    position: absolute;
    width: 50%;
    opacity: 0%;
    height: 49.58vw;
    z-index: 700;
  }
  #main-page .buildings .click-left {
    float: left;
  }
  #main-page .buildings .click-right {
    float: right;
    right: 0;
  }
  #main-page .buildings .caption {
    position: absolute;
    display: table;
    padding-top: 7px;
    left: 0;
    top: 100%;
    width: 85vw;
    height: 22px;
  }
  #main-page .buildings .caption .caption-cell {
    display: table-cell;
    text-align: left;
    width: auto;
    max-width: 13vw;
    white-space: nowrap;
  }
  #main-page .buildings .caption .caption-cell:last-child {
    width: 5vw;
  }
  #main-page .buildings .caption .caption-cell:last-child {
    width: auto;
  }
  #main-page .buildings .slides {
    display: none;
    z-index: 1;
    cursor: pointer;
    height: 49.58vw;
    text-align: center;
    overflow: hidden;
  }
  #main-page .buildings .slides img {
    width: 97.22vw;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #main-page .buildings .slider-navigation {
    margin-top: -45px;
    z-index: 100;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #main-page .buildings .slider-navigation .dot {
    cursor: pointer;
    z-index: 100;
    height: 5px;
    width: 5px;
    margin-right: 10px;
    background-color: none;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
  }
  #main-page .buildings .slider-navigation .dot:last-child {
    margin-right: 0;
  }
  #main-page .buildings .slider-navigation .active {
    background-color: black;
  }
  #main-page #main-container {
    position: relative;
  }
  #main-page #main-container .container .box:first-child {
    width: 44vw;
    height: auto;
    display: table-cell;
  }
  #main-page #main-container .container .box:last-child {
    font-size: 20px;
    line-height: 130%;
    letter-spacing: 0.02em;
    width: 56vw;
    padding-top: 6vw;
    padding-bottom: 5vw;
    padding-right: 1.5vw;
    height: auto;
    display: table-cell;
  }
}

@media (min-width: 610px) and (max-width: 1440px) {
  #main-page #main-container .container .box:last-child {
    font-size: 18px;
  }
}

@media (min-width: 610px) and (max-width: 1200px) {
  #main-page #main-container .container .box:last-child {
    font-size: 15px;
  }
}

@media (min-width: 610px) and (max-width: 1100px) {
  #main-page #main-container .container .box:last-child {
    font-size: 14px;
  }
}

@media (min-width: 610px) and (max-width: 880px) {
  #main-page #main-container .container .box:last-child {
    font-size: 13px;
  }
}

@media (min-width: 610px) and (max-width: 620px) {
  #main-page #main-container .container .box:last-child {
    font-size: 11px;
  }
}

@media (min-width: 610px) {
  #main-page #main-container .selection {
    height: 12px;
    width: 97.22vw;
    position: relative;
    padding-top: 3px;
    padding-bottom: 5vw;
    text-align: left;
    border-top: 1px solid;
  }
  #main-page #main-container #register {
    padding-top: 70px;
    position: relative;
    float: right;
    color: #3615FF;
    cursor: pointer;
  }
  #main-page #main-container #latest {
    position: relative;
    padding-top: 70px;
    padding-bottom: 8.23vw;
    float: left;
  }
  #main-page #main-container #images {
    left: 0;
    padding-top: 41px;
    height: 27.78vw;
    min-width: 97.22vw;
    width: 97.22vw;
    max-width: 97.22vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-spacing: 0;
    position: relative;
  }
  #main-page #main-container #images .bodytext, #main-page #main-container #images .bodytext-building {
    width: 18.28vw;
    white-space: nowrap;
  }
  #main-page #main-container #images .bodytext-small {
    display: none;
  }
  #main-page #main-container #images .swiper-slide {
    padding-bottom: 0;
    width: 18.28vw !important;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  #main-page #main-container #images .img img {
    opacity: 100%;
    width: 18.28vw;
    height: auto;
    cursor: pointer;
  }
  #main-page #main-container #images .img img:hover {
    opacity: 50%;
  }
  #main-page #main-container #images .img:last-child {
    float: right;
  }
  #main-page .table .head-row, #main-page .table-buildings .head-row {
    height: 25px;
    text-align: left;
    border-top: 1px solid;
    cursor: pointer;
  }
  #main-page .table .head-row .main-tr, #main-page .table .accordion .main-tr, #main-page .table-buildings .head-row .main-tr, #main-page .table-buildings .accordion .main-tr {
    width: auto;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #main-page .table .accordion, #main-page .table-buildings .accordion {
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-top: 1px solid;
    height: auto;
    width: auto;
  }
  #main-page .table .panel:after , #main-page .table-buildings .panel:after  {
    max-height: auto;
    opacity: 1;
    height: 45vw;
    width: auto;
    overflow: hidden;
    -webkit-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
  }
}

@media (min-width: 610px) and (max-width: 800px) {
  #main-page .table .panel:after , #main-page .table-buildings .panel:after  {
    height: 60vw;
  }
}

@media (min-width: 610px) {
  #main-page .table .panel, #main-page .table-buildings .panel {
    max-height: 0;
    height: 41vw;
    width: auto;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
    -webkit-transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
    -moz-transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
    -o-transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
  }
  #main-page .table .panel .left, #main-page .table-buildings .panel .left {
    padding-top: 7.22px;
    padding-bottom: 5.5px;
    width: 50%;
    float: left;
  }
  #main-page .table .panel .left .slideshow-container, #main-page .table-buildings .panel .left .slideshow-container {
    width: 47.9vw;
    height: 39.58vw;
  }
  #main-page .table .right, #main-page .table-buildings .right {
    padding-top: 7.22px;
    padding-bottom: 5.5px;
    width: 50%;
    float: right;
  }
  #main-page .table .right .right-content, #main-page .table-buildings .right .right-content {
    width: 46.7vw;
  }
}

@media (min-width: 610px) and (max-width: 1440px) {
  #main-page .table .right .right-content, #main-page .table-buildings .right .right-content {
    font-size: 15px;
  }
}

@media (min-width: 610px) {
  #main-page .table .right .right-content .p, #main-page .table-buildings .right .right-content .p {
    padding-bottom: 2.07vw;
  }
}

@media (min-width: 610px) and (max-width: 1440px) {
  #main-page .table .right .right-content .p, #main-page .table-buildings .right .right-content .p {
    padding-bottom: 1.52vw;
  }
}

@media (min-width: 610px) {
  #main-page .table .right .right-content .p.price, #main-page .table-buildings .right .right-content .p.price {
    padding-bottom: 1.52vw;
  }
}

@media (min-width: 610px) and (max-width: 1440px) {
  #main-page .table .right .right-content .p.price, #main-page .table-buildings .right .right-content .p.price {
    padding-bottom: 1.2vw;
  }
}

@media (min-width: 610px) {
  #main-page .table .right .right-content .small, #main-page .table-buildings .right .right-content .small {
    font-size: 13px;
    line-height: 130%;
    letter-spacing: 0.02em;
    width: 40vw;
  }
}

@media (min-width: 610px) and (max-width: 1440px) {
  #main-page .table .right .right-content .small, #main-page .table-buildings .right .right-content .small {
    font-size: 12px;
    line-height: 130%;
    letter-spacing: 0.02em;
  }
}

@media (min-width: 610px) {
  #main-page .table .right .right-content .addtocart, #main-page .table-buildings .right .right-content .addtocart {
    padding-bottom: 2.22vw;
  }
  #main-page .table .right .right-content .addtocart a, #main-page .table-buildings .right .right-content .addtocart a {
    font-size: 12px;
  }
  #main-page .table .right .right-content .addtocart a .paypal button, #main-page .table-buildings .right .right-content .addtocart a .paypal button {
    border-radius: 40px;
    border: none;
    padding: 14px 40px;
    background-color: #31B1F0;
    width: 9.02vw;
    min-width: 100px;
    max-width: 158px;
    height: 1.94vw;
    min-height: 28px;
    max-height: 50px;
    cursor: pointer;
    position: relative;
  }
  #main-page .table .right .right-content .addtocart a .paypal button .paypalbutton, #main-page .table-buildings .right .right-content .addtocart a .paypal button .paypalbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3.6vw;
    min-width: 52px;
    max-width: 60px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  #main-page .table .right .right-content .addtocart a .paypal button:hover, #main-page .table-buildings .right .right-content .addtocart a .paypal button:hover {
    opacity: 80%;
  }
  #main-page .table .right .right-content .addtocart a .paypal button:focus, #main-page .table-buildings .right .right-content .addtocart a .paypal button:focus {
    outline: none;
  }
  #main-page .table .right .right-content .color .bull, #main-page .table-buildings .right .right-content .color .bull {
    font-size: 2.43vw;
    vertical-align: text-top;
    padding-left: 7px;
  }
  #main-page .table {
    padding-top: 4.53vw;
    border-bottom: 1px solid;
  }
  #main-page .table .head-row .main-tr div {
    display: inline-block;
  }
  #main-page .table .head-row .main-tr .td-1 {
    width: 20vw;
  }
  #main-page .table .head-row .main-tr .td-2 {
    width: 28.7vw;
  }
  #main-page .table .head-row .main-tr .td-3 {
    width: 27vw;
  }
  #main-page .table .head-row .main-tr .td-4 {
    width: 18vw;
  }
  #main-page .table .accordion .main-tr div {
    display: inline-block;
  }
  #main-page .table .accordion .main-tr .td-1 {
    width: 20vw;
  }
  #main-page .table .accordion .main-tr .td-2 {
    width: 28.7vw;
  }
  #main-page .table .accordion .main-tr .td-3 {
    width: 27vw;
  }
  #main-page .table .accordion .main-tr .td-4 {
    width: 18vw;
  }
  #main-page .table .right {
    height: inherit;
    overflow-y: scroll;
  }
  #main-page .table-buildings {
    padding-top: 4.53vw;
    border-bottom: 1px solid;
  }
  #main-page .table-buildings .head-row .main-tr div {
    display: inline-block;
  }
  #main-page .table-buildings .head-row .main-tr .td-1 {
    width: 15vw;
  }
  #main-page .table-buildings .head-row .main-tr .td-2 {
    width: 23.9vw;
  }
  #main-page .table-buildings .head-row .main-tr .td-3 {
    width: 18.8vw;
  }
  #main-page .table-buildings .head-row .main-tr .td-4 {
    width: 20.4vw;
  }
  #main-page .table-buildings .head-row .main-tr .td-5 {
    width: 18.28vw;
  }
  #main-page .table-buildings .accordion .main-tr div {
    display: inline-block;
  }
  #main-page .table-buildings .accordion .main-tr .td-1 {
    width: 15vw;
  }
  #main-page .table-buildings .accordion .main-tr .td-2 {
    width: 23.9vw;
  }
  #main-page .table-buildings .accordion .main-tr .td-3 {
    width: 18.8vw;
  }
  #main-page .table-buildings .accordion .main-tr .td-4 {
    width: 20.4vw;
  }
  #main-page .table-buildings .accordion .main-tr .td-5 {
    width: 18.28vw;
  }
  #main-page .centered {
    padding-top: 35px;
    height: auto;
    text-align: center;
    cursor: pointer;
  }
  #main-page #banner-container {
    padding-top: 13vw;
    padding-bottom: 13vw;
    width: 97.22vw;
  }
  #main-page #banner-container #img-banner {
    height: 39.8vw;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 97.22vw;
  }
  #main-page #banner-container #img-banner img {
    width: 97.22vw;
    vertical-align: middle;
    position: relative;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #main-page #about-container {
    border-top: 1px solid;
    padding-bottom: 36px;
  }
  #main-page #intro-container {
    height: auto;
    border-top: 1px solid;
    padding-bottom: 36px;
    margin-top: 71.38px;
    border-top: 0;
    width: 97.22vw;
    max-width: 97.22vw;
    height: auto;
  }
  #main-page #intro-container .about {
    height: auto;
    width: 20.92vw;
    min-width: 100px;
    padding-left: 0;
  }
  #main-page #intro-container .about:last-child {
    width: 23vw;
  }
  #main-page #intro-container #english {
    padding-right: 2.8vw;
  }
  #main-page #intro-container #french, #main-page #intro-container #arabic  {
    padding-left: 0;
  }
  #footer {
    height: 27px;
    text-align: left;
    border-top: 1px solid;
    border-spacing: 0px;
    width: inherit;
    padding-bottom: 0.2vw;
    margin-top: 7.70vw;
    bottom: 0;
  }
  #footer .about-footer {
    padding-top: 0.52vw;
    padding-bottom: 0.52vw;
    display: table-cell;
    width: auto;
    padding-right: 7vw;
    cursor: pointer;
  }
  #footer .about-footer:last-child {
    cursor: unset;
    padding-right: 0;
  }
  #footer #left {
    float: left;
    width: 21.32vw;
    white-space: nowrap;
  }
}

@media (min-width: 610px) and (max-width: 1400px) {
  #footer #left {
    width: 41.32vw;
  }
}

@media (min-width: 610px) {
  #footer #right {
    white-space: nowrap;
    width: auto;
    float: right;
    text-align: right;
  }
  #footer #right #space {
    word-spacing: 1.23vw;
  }
  #footer #right #created {
    margin-bottom: -25px;
  }
  #footer #right #created svg {
    width: 15px;
    height: auto;
    margin-bottom: -2.5px;
  }
}

@media (max-width: 610px) {
  .arrow {
    padding-left: 5px;
  }
  .centered {
    padding-top: 35px;
    height: auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
  }
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
  #main-page .header #register-mobile {
    right: 41.5px;
    height: auto;
    padding-top: 30px;
    top: 76.5px;
    margin: 0;
    text-align: right;
    position: absolute;
    -webkit-transform-origin: top right;
            transform-origin: top right;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    cursor: pointer;
  }
  #main-page .header #dhabi-logo {
    margin-right: 19.56vw;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #main-page .header #dhabi-logo img {
    width: 157px;
  }
  #main-page .header-buildings {
    position: absolute;
    top: 0;
  }
  #main-page .header-buildings .register {
    font-size: 15px !important;
    margin-right: 19.56vw;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #main-page .header-buildings #dhabi-logo {
    right: 31.5px;
    height: 25px;
    padding-top: 20px;
    top: 75px;
    margin: 0;
    width: auto;
    text-align: right;
    position: relative;
    z-index: 2000;
    background-color: none;
    -webkit-transform-origin: top right;
            transform-origin: top right;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    cursor: pointer;
  }
  #main-page .header-buildings #dhabi-logo img {
    height: 10px;
  }
  /* If info Block 4 columns */
  #main-page .mobile-container #about-container {
    height: auto;
    text-align: left;
    border-spacing: 0px;
    width: inherit;
  }
  #main-page .mobile-container #about-container .about {
    padding-top: 0.52vw;
    width: 95.47vw;
    padding-bottom: 9.33vw;
  }
  #main-page .mobile-container #about-container #dhabi-logo {
    padding-top: 10px;
    padding-left: 0;
    padding-bottom: 3vw;
  }
  #main-page .mobile-container #about-container #arabic {
    text-align: right;
  }
  #main-page .header, #main-page .header-buildings {
    height: 67px;
    width: 95.47vw;
    max-width: 95.47vw;
    border-bottom: 1px solid #000000;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    background-color: white;
    z-index: 800;
    position: absolute;
  }
  .centered, #main-page .header #register-mobile, #main-page .header-buildings .register, #main-page .mobile-container #about-container #dhabi-logo, #main-page .overlay #info h1, #main-page .overlay #contact h1, #main-page .overlay #terms h1, #main-page #intro-container #dhabi-logo-side, #main-page #main-container .selection, #main-page #main-container #latest, #main-page .table-buildings .head-row, #main-page .mobile-container .table .head-row, #main-page #footer, #main-page, #main-page .overlay #info .info-container, #main-page .overlay #contact .info-container, #main-page .overlay #terms .info-container, #main-page #intro-container, #main-page .mobile-container .table .panel .left .title-mobil, #main-page #footer .about-footer {
    font-family: Satoshi-Medium;
    font-style: normal;
    font-weight: bold;
    -webkit-text-size-adjust: 90%;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.01em;
  }
  #main-page .mobile-container #about-container, #main-page #main-container #description, #main-page .mobile-container .table .panel, #main-page .mobile-container .table .right .right-content, #main-page .mobile-container .table .right .right-content .small {
    font-family: Sentient-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 120%;
    /* or 18px */
    letter-spacing: 0.03em;
  }
  .centered, #main-page .header #register-mobile, #main-page .header-buildings .register, #main-page .mobile-container #about-container #dhabi-logo, #main-page .overlay #info h1, #main-page .overlay #contact h1, #main-page .overlay #terms h1, #main-page #intro-container #dhabi-logo-side, #main-page #main-container .selection, #main-page #main-container #latest, #main-page .table-buildings .head-row, #main-page .mobile-container .table .head-row, #main-page #footer {
    text-transform: uppercase;
  }
  #main-page .mobile-container .table .panel .left .slides {
    display: none;
    z-index: 1;
    position: relative;
    height: 76.54vw;
    cursor: pointer;
  }
  #main-page .mobile-container .table .panel .left .slides img {
    width: auto;
    height: auto‚;
    float: left;
    position: relative;
    top: 0;
    max-height: 77.54vw;
    min-height: 76.54vw;
  }
  #main-page .mobile-container .table .panel .left .slider-navigation {
    margin-top: 8px;
    z-index: 100;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #main-page .mobile-container .table .panel .left .slider-navigation .dot {
    cursor: pointer;
    z-index: 100;
    height: 5px;
    width: 5px;
    margin-right: 10px;
    background-color: none;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
  }
  #main-page .mobile-container .table .panel .left .slider-navigation .active {
    background-color: black;
  }
  #main-page .mobile-container #about-container #dhabi-logo, #main-page .overlay #info h1, #main-page .overlay #contact h1, #main-page .overlay #terms h1, #main-page #intro-container #dhabi-logo-side, #main-page #main-container .selection {
    height: 36px;
    text-align: left;
    border-top: 1px solid;
    padding-bottom: 14px;
  }
  .dhabi-logo-all {
    height: 30px;
  }
  .dhabi-logo-all.logo-apt {
    height: 65px;
  }
  /* Breaking point 1 Desktop, broad */
  #start-page::-webkit-scrollbar {
    display: none;
  }
  #start-page {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    position: relative;
    height: 100vh;
    width: 95.47vw;
    display: block;
  }
  #start-page #line-container-s {
    position: relative;
    height: 90vh;
    /* Use vh as a fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #start-page #line-container-s .line {
    margin-left: auto;
    margin-right: auto;
    width: 87.47vw;
  }
  #start-page #line-container-s .line:last-child {
    padding-bottom: 5%;
  }
  #start-page #line-container {
    display: none;
  }
  #main-page {
    margin-left: auto;
    margin-right: auto;
    margin-top: 72px;
    left: 0;
    right: 0;
    height: 100vh;
    width: 95.47vw;
  }
  #main-page .header-buildings {
    position: fixed;
  }
  #main-page .overlay #info, #main-page .overlay #contact, #main-page .overlay #terms {
    background-color: white;
    position: fixed;
    margin-left: auto;
    margin-right: auto;
    width: 96vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    cursor: pointer;
    margin-top: 4000px;
  }
  #main-page .overlay #info .info-content, #main-page .overlay #contact .info-content, #main-page .overlay #terms .info-content {
    height: 100vh;
  }
  #main-page .overlay #info .info-content:first-child, #main-page .overlay #contact .info-content:first-child, #main-page .overlay #terms .info-content:first-child {
    display: none;
  }
  #main-page .overlay #info .info-content:first-child p:first-child, #main-page .overlay #contact .info-content:first-child p:first-child, #main-page .overlay #terms .info-content:first-child p:first-child {
    margin-top: 0;
  }
  #main-page .overlay #info .info-content:last-child, #main-page .overlay #contact .info-content:last-child, #main-page .overlay #terms .info-content:last-child {
    width: 95.47vw;
  }
  #main-page .overlay #info .info-content:last-child .scrollable, #main-page .overlay #contact .info-content:last-child .scrollable, #main-page .overlay #terms .info-content:last-child .scrollable {
    scrollbar-width: none;
    /* Firefox */
    width: 89.33vw;
    padding-top: 35px;
    height: 92vh;
    position: absolute;
    top: 12px;
    margin-bottom: 30px;
    overflow: scroll;
  }
  #main-page .overlay #info .info-content:last-child .scrollable::-webkit-scrollbar, #main-page .overlay #contact .info-content:last-child .scrollable::-webkit-scrollbar, #main-page .overlay #terms .info-content:last-child .scrollable::-webkit-scrollbar {
    display: none;
  }
  #main-page .overlay #info h1, #main-page .overlay #contact h1, #main-page .overlay #terms h1 {
    padding-top: 0.52vw;
    margin-top: 12px;
  }
  #main-page .overlay #info h1 .left, #main-page .overlay #contact h1 .left, #main-page .overlay #terms h1 .left {
    float: left;
  }
  #main-page .overlay #info h1 .right, #main-page .overlay #contact h1 .right, #main-page .overlay #terms h1 .right {
    float: right;
  }
  #main-page #intro-container {
    padding-top: 10px;
    padding-bottom: 18px;
    height: auto;
    text-align: left;
    border-spacing: 0px;
    width: inherit;
  }
  #main-page #intro-container .about {
    padding-top: 0.52vw;
    width: 95.47vw;
    padding-bottom: 5.33vw;
  }
  #main-page #intro-container #dhabi-logo-side {
    padding-top: 10px;
    padding-left: 0;
    padding-bottom: 3vw;
  }
  #main-page #intro-container #arabic {
    text-align: right;
    float: right;
    width: 70vw;
  }
  #main-page #intro-container #french, #main-page #intro-container #english {
    width: 80vw;
  }
  #main-page .buildings {
    position: relative;
    padding-top: 20vw;
  }
  #main-page .buildings .slideshow-container-buildings {
    position: relative;
    margin: auto;
    height: 49.58vw;
  }
  #main-page .buildings .click-left, #main-page .buildings .click-right {
    position: absolute;
    width: 50%;
    opacity: 0%;
    height: 49.58vw;
    z-index: 700;
  }
  #main-page .buildings .click-left {
    float: left;
  }
  #main-page .buildings .click-right {
    float: right;
    right: 0;
  }
  #main-page .buildings .mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #main-page .buildings .mobile .caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    left: 0;
    right: 0;
    width: inherit;
    height: auto;
    white-space: nowrap;
  }
  #main-page .buildings .mobile .caption .caption-cell {
    text-align: left;
    width: 100vw;
  }
  #main-page .buildings .mobile .caption .caption-cell:last-child {
    text-align: right;
    width: 100vw;
  }
  #main-page .buildings .slides {
    display: none;
    z-index: 1;
    width: 95.47vw;
    cursor: pointer;
    height: 49.58vw;
    text-align: center;
    overflow: hidden;
  }
  #main-page .buildings .slides img {
    width: 95.47vw;
    vertical-align: middle;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #main-page .buildings .slider-navigation {
    margin-top: -35px;
    z-index: 100;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #main-page .buildings .slider-navigation .dot {
    cursor: pointer;
    z-index: 100;
    height: 5px;
    width: 5px;
    margin-right: 15px;
    background-color: none;
    border: 1px solid black;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background-color 0.6s ease;
    transition: background-color 0.6s ease;
  }
  #main-page .buildings .slider-navigation .dot:last-child {
    margin-right: 0;
  }
  #main-page .buildings .slider-navigation .active {
    background-color: black;
  }
  #main-page #main-container #description {
    width: inherit;
    height: auto;
    padding-top: 89px;
    padding-bottom: 60px;
  }
  #main-page #main-container #description #text {
    padding-right: 1.5vw;
  }
  #main-page #main-container .selection {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: -40px;
  }
  #main-page #main-container #latest {
    position: relative;
    padding-top: 3px;
    float: left;
  }
  #main-page #main-container #scroll-slider {
    height: 127.27vw;
    min-width: 95.47vw;
    width: 95.47vw;
    overflow: hidden;
    padding-bottom: 20px;
  }
  #main-page #main-container #scroll-slider #images {
    width: 95.47vw;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    height: 127.27vw;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-spacing: 0;
    position: relative;
  }
  #main-page #main-container #scroll-slider #scroll-slider::-webkit-scrollbar {
    display: none;
  }
  #main-page #main-container #scroll-slider .swiper-slide {
    -ms-flex-item-align: end;
        align-self: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #main-page #main-container #scroll-slider .swiper-slide.swiper-slide-active {
    padding-right: 4.8vw;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  #main-page #main-container #scroll-slider .swiper-slide.swiper-slide-next {
    margin-left: -80px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
  }
  #main-page #main-container #scroll-slider .img {
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 71.86vw;
    padding-bottom: 0;
    z-index: 1;
    width: 100vw;
  }
  #main-page #main-container #scroll-slider .img img {
    opacity: 100%;
    width: 71.86vw;
    height: auto;
    cursor: pointer;
  }
  #main-page #main-container #scroll-slider .img .bodytext-small, #main-page #main-container #scroll-slider .img .bodytext-building {
    width: 71.86vw;
    bottom: 0;
    white-space: nowrap;
  }
  #main-page #main-container #scroll-slider .img .bodytext {
    display: none;
  }
  #main-page .table-buildings .head-row, #main-page .mobile-container .table .head-row {
    height: 36px;
    text-align: left;
    border-top: 1px solid;
    cursor: pointer;
  }
  #main-page .table-buildings .head-row .main-tr, #main-page .table-buildings .accordion .main-tr, #main-page .mobile-container .table .head-row .main-tr, #main-page .mobile-container .table .accordion .main-tr {
    width: auto;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #main-page .table-buildings .accordion, #main-page .mobile-container .table .accordion {
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-top: 1px solid;
    height: auto;
    width: auto;
  }
  #main-page .mobile-container .table .panel:after  {
    max-height: auto;
    opacity: 1;
    height: 45vw;
    width: auto;
    overflow: hidden;
    -webkit-transition: all 1.5s ease-out;
    transition: all 1.5s ease-out;
  }
  #main-page .mobile-container .table .panel {
    max-height: 0;
    height: auto;
    width: auto;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
    -webkit-transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
    -moz-transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
    -o-transition: opacity 1.5s ease-out 0s, max-height 0.2s cubic-bezier(0, 0, 0.6, 1);
  }
  #main-page .mobile-container .table .panel .left {
    padding-top: 7.22px;
    padding-bottom: 5.5px;
    width: 100%;
  }
  #main-page .mobile-container .table .panel .left .title-mobil {
    padding-left: 32.67vw;
    padding-bottom: 8px;
    z-index: 50;
  }
  #main-page .mobile-container .table .panel .left .slideshow-container {
    width: 95vw;
    height: 76.54vw;
  }
  #main-page .buildings .mobile .caption .caption-cell, #main-page #main-container #scroll-slider .img .bodytext-small, #main-page #main-container #scroll-slider .img .bodytext-building, #main-page .table-buildings .head-row .main-tr .td-1, #main-page .table-buildings .head-row .main-tr .td-2, #main-page .table-buildings .accordion .main-tr .td-1, #main-page .table-buildings .accordion .main-tr .td-2, #main-page .mobile-container .table .head-row .main-tr .td-1, #main-page .mobile-container .table .head-row .main-tr .td-2, #main-page .mobile-container .table .accordion .main-tr .td-1, #main-page .mobile-container .table .accordion .main-tr .td-2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
  }
  #main-page .mobile-container .table .right {
    padding-top: 7.22px;
    padding-bottom: 7px;
    width: 100%;
  }
  #main-page .mobile-container .table .right .right-content {
    padding-top: 15px;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-style: normal;
    font-weight: normal;
  }
  #main-page .mobile-container .table .right .right-content .p {
    padding-bottom: 10vw;
  }
  #main-page .mobile-container .table .right .right-content .p.price {
    padding-bottom: 5.33vw;
  }
  #main-page .mobile-container .table .right .right-content .small .p {
    padding-bottom: 5.33vw;
  }
  #main-page .mobile-container .table .right .right-content .addtocart {
    padding-bottom: 5.33vw;
  }
  #main-page .mobile-container .table .right .right-content .addtocart a .paypal {
    padding-bottom: 1vw;
  }
  #main-page .mobile-container .table .right .right-content .addtocart a .paypal button {
    border-radius: 40px;
    border: none;
    padding: 14px 40px;
    background-color: #31B1F0;
    width: 108px;
    height: 42px;
    cursor: pointer;
    position: relative;
  }
  #main-page .mobile-container .table .right .right-content .addtocart a .paypal button .paypalbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 46px;
    height: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  #main-page .mobile-container .table .right .right-content .addtocart a .paypal button:hover {
    opacity: 80%;
  }
  #main-page .mobile-container .table .right .right-content .addtocart a .paypal button:focus {
    outline: none;
  }
  #main-page .mobile-container .table .right .right-content .color .bull {
    font-size: 8vw;
    vertical-align: text-top;
    padding-left: 7px;
  }
  #main-page .table-buildings {
    padding-top: 4.53vw;
    border-bottom: 1px solid;
  }
  #main-page .table-buildings .head-row .main-tr div {
    display: inline-block;
  }
  #main-page .table-buildings .head-row .main-tr .td-1 {
    width: 36vw;
  }
  #main-page .table-buildings .head-row .main-tr .td-2 {
    width: 62.13vw;
  }
  #main-page .table-buildings .head-row .main-tr .td-3 {
    display: none;
  }
  #main-page .table-buildings .head-row .main-tr .td-4 {
    display: none;
  }
  #main-page .table-buildings .head-row .main-tr .td-5 {
    display: none;
  }
  #main-page .table-buildings .accordion.active {
    height: 22px;
  }
  #main-page .table-buildings .accordion .main-tr div {
    display: inline-block;
  }
  #main-page .table-buildings .accordion .main-tr .td-1 {
    width: 36vw;
  }
  #main-page .table-buildings .accordion .main-tr .td-2 {
    width: 62.13vw;
  }
  #main-page .table-buildings .accordion .main-tr .td-3 {
    display: none;
  }
  #main-page .table-buildings .accordion .main-tr .td-4 {
    display: none;
  }
  #main-page .table-buildings .accordion .main-tr .td-5 {
    display: none;
  }
  #main-page .mobile-container {
    position: relative;
    height: auto;
  }
  #main-page .mobile-container .table {
    padding-top: 4.53vw;
    border-bottom: 1px solid;
  }
  #main-page .mobile-container .table .head-row .main-tr div {
    display: inline-block;
  }
  #main-page .mobile-container .table .head-row .main-tr .td-1 {
    width: 32.67vw;
  }
  #main-page .mobile-container .table .head-row .main-tr .td-2 {
    width: 62.13vw;
  }
  #main-page .mobile-container .table .head-row .main-tr .td-3 {
    display: none;
  }
  #main-page .mobile-container .table .head-row .main-tr .td-4 {
    display: none;
  }
  #main-page .mobile-container .table .accordion.active {
    height: 22px;
  }
  #main-page .mobile-container .table .accordion .main-tr div {
    display: inline-block;
  }
  #main-page .mobile-container .table .accordion .main-tr .td-1 {
    width: 32.67vw;
  }
  #main-page .mobile-container .table .accordion .main-tr .td-2 {
    width: 62.13vw;
  }
  #main-page .mobile-container .table .accordion .main-tr .td-3 {
    display: none;
  }
  #main-page .mobile-container .table .accordion .main-tr .td-4 {
    display: none;
  }
  #main-page .mobile-container #banner-container {
    position: relative;
    padding-top: 19vw;
    padding-bottom: 20vw;
    height: 41.2vw;
  }
  #main-page .mobile-container #banner-container #img-banner {
    height: 41.2vw;
    position: relative;
    text-align: center;
    overflow: hidden;
    width: 95.47vw;
  }
  #main-page .mobile-container #banner-container #img-banner img {
    width: 95.47vw;
    vertical-align: middle;
    position: relative;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #main-page .mobile-container #about-container {
    padding-bottom: 4vw;
  }
  #main-page #footer {
    padding-top: 10px;
    border-top: 1px solid;
    height: auto;
    text-align: left;
    border-spacing: 0px;
    width: inherit;
    padding-bottom: 0.2vw;
    margin-top: 7.70vw;
    bottom: 0;
  }
  #main-page #footer .about-footer {
    padding-bottom: 13px;
  }
  #main-page #footer #left {
    cursor: pointer;
    width: 95.47vw;
    white-space: nowrap;
  }
  #main-page #footer #right {
    white-space: nowrap;
    width: auto;
    padding-bottom: 0;
  }
  #main-page #footer #right #space {
    word-spacing: 1.23vw;
  }
  #main-page #footer #right #created {
    margin-bottom: -25px;
  }
  #main-page #footer #right #created svg {
    width: 15px;
    height: auto;
    margin-bottom: -2.5px;
  }
}
#intro-container {
  padding-top: 30px !important;
}
#header.header-buildings {
  padding: 10px 0;
}
/*# sourceMappingURL=style.css.map */