* {
    font-family:arial;
}
div#block-available-properties-from-meteor-sa .view-header {
    z-index: 1;
    position: relative;
}
img.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive {
    margin-top: 0px;
    margin-left: -17px;
}
#block-block-commercial-rented-spaces-properties div#edit-field-district-target-id--2--wrapper {
    width: 100%;
    float: none;
    padding-right: 10px;
}
#block-commercial-rented-spaces-properties-on-map div#edit-field-district-target-id--2--wrapper {
    width: 100%;
    float: none;
    padding-right: 10px;
}
#block-universalsa-advancedlanguageselectorblock-2 {
    display: none;
}
.sliding-popup-top {
  margin: 0;
  padding: 0;
  width: 100% !important;
  z-index: 99999;
  left: 0% !important;
  text-align: center;
  right: 0% !important;
}

#block-block-commercial-rented-spaces-properties .form-label {
    /* display:inline !important; */
    padding-left:1%;
    padding-right:1%;
    /* float:left; */
    /* background-color:#000000; */
    /* width:auto !important; */
    width:100% !important;
}
#block-block-commercial-rented-spaces-properties .form-radio.form-check-input {
 display:none;
} 
#block-block-commercial-rented-spaces-properties  .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
width:13%;
float:left;
}


#views-exposed-form-commercial-rented-spaces-properties-on-map-commercial-rented-spaces-properties-on-map .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
    width: 13% !important;
    float: left;
    /* display: flex; */
}
#views-exposed-form-commercial-rented-spaces-properties-on-map-commercial-rented-spaces-properties-on-map .form-check-label.form-label {
    /* display:inline !important; */
    padding-left:1%;
    padding-right:1%;
    /* float:left; */
    /* background-color:#000000; */
    /* width:auto !important; */
}


#views-exposed-form-commercial-rented-spaces-properties-on-map-commercial-rented-spaces-properties-on-map .form-radio.form-check-input {
 display:none;
} 

#views-exposed-form-commercial-rented-spaces-properties-on-map-commercial-rented-spaces-properties-on-map .button.js-form-submit.form-submit {
    display:none;
}

#views-exposed-form-commercial-rented-spaces-properties-on-map-commercial-rented-spaces-properties-on-map .form-check {
 padding-left: 1.5em !important;
} 

aside form {
    padding-left:10%;
    padding-right:10%;
}

.btn-success {
   --beo-btn-bg: #0C2031;
    --beo-btn-border-color: #0C2031;
    --beo-btn-hover-bg: #0C2031;
    --beo-btn-hover-border-color: #0C2031;
    color: #ffffff;
  margin-bottom:40px !important;
}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: -5px !important;
	right: -5px !important;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: #ffffff;
	border-radius: 50% !important;
	box-shadow: 0px 0px 2px 1px !important;
	}

button.open-popup-button {
    background-color: #0c2031;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    position: fixed;
    left: 1%;
    bottom: -5px;
    border: 1px solid #ffffff;
    z-index: 1000;
}
section.region.region-map-content #block-universalsa-webform-2 {
    width:60%;
    margin-left:20%
}
section.region.region-map-content #block-universalsa-webform-2 {
    width:60%;
    margin-left:20%;
    margin-top:2%;
    margin-bottom:2%
}
section.region.region-map-content #block-universalsa-webform-2 h2 {
    font-size:20px;
}
section.region.region-map-content #block-universalsa-webform-2 input#edit-actions-submit--2 {
    --beo-btn-bg: #0C2031;
    --beo-btn-border-color: #0C2031;
    --beo-btn-hover-bg: #0C2031;
    --beo-btn-hover-border-color: #0C2031;
    color: #ffffff;
}
section.region.region-map-content div#block-universalsa-webform-2  label {
    height: 3em;
}

.eu-cookie-withdraw-tab {
  position: absolute;
  top: 0;
  transform: translate(0%, -100%);
  left: unset;
  right: 0px;
  border: 1px solid #ffffff !important;!i;!;
   padding: 10px 20px;
}

.dropdown-menu li.active {
    display:none;
}
.advanced-language-selector .dropdown-menu {
  --beo-dropdown-zindex: 1000;
  --beo-dropdown-min-width: none;
}
section.region.region-header {
    height: 60px;
    align-content: center;
}
.field-download-plan-space span:nth-child(2) {
    display:none;
}
.views-row-delimiter {
    margin-left: -0.3em;
}
.field-download-plan-space a {
    color: red !important;!i;!;
    text-decoration: underline;
}

.advanced-language-selector .btn {
  --beo-btn-padding-x: 0rem;
  --beo-btn-padding-y: 0rem;
  --beo-btn-font-size: 0.875em;
  --beo-btn-border-width: 0px;
  background-color: #ffffff !important;
  margin-right:0px !important;
}
.region-header .justify-content-center {
  justify-content: space-between !important;
  
}

.front-page-txt {
    width: 50%;
    float: left;
    padding: 6% 2% 6% 2%;
}
.front-page-txt h1 {
    font-size: 20px;
    font-weight: bold;
}
.front-page-button a {
    background-color: #0C2031;
    width:auto;
    padding:20px 40px;
    border-radius:50px;
    color: #ffffff;
    float:right;
    margin-right: 10%;
    font-size: 1rem;
}
.front-page-new-added-wrapp {
   padding:5% 2% 2% 5%;
    text-align: center;
}
.front-page-new-added-wrapp h3 {
   font-size: 20px;
   font-weight: bold;
}
.front-page-new-added-wrapp p {
   font-size: 1rem;
}

.front-page-map-header-wrapp {
    text-align: center;
    padding:0% 2% 2%;
}
.front-page-map-header-wrapp h3{
    text-align: center;
    padding:4% 2% 2%;
    font-size: 20px;
    font-weight: bold;
}
.front-page-map-header-wrapp a {
    background-color: #0C2031;
    padding:20px 40px;
    border-radius:50px;
    color: #ffffff;
    margin-top:20px;
}
.front-page-commercial-space-on-map .view-footer {
    margin-top:50px !important;
    width:80%;
    margin-left:10% !important;
}





div #webform-submission-contact-form-commercial-space-add-form {
    width: 94%;
    background-color: #ffffff;
    margin-left: 3%;
    margin-top: 0%;
    position: relative;
    padding: 10px;
    margin-bottom: 2%;
    z-index: 462;
    /*box-shadow: 0px 1px 5px -2px;*/
    border-radius: 5px;
    font-size: 13px;
}
div#webform-submission-contact-form-commercial-space-add-form h2 {
    font-size:20px !important;
}

input#webform-submission-contact-form-commercial-space-add-form {
  --beo-btn-bg: #0C2031;
    --beo-btn-border-color: #0C2031;
    --beo-btn-hover-bg: #0C2031;
    --beo-btn-hover-border-color: #0C2031;
    color: #ffffff;
}
div#webform-submission-contact-form-commercial-space-add-form label{
    height:3em;
}
div#webform-submission-contact-form-commercial-space-add-form .text-count-wrapper.webform-counter-warning {
    display:none;
}

#webform-submission-contact-form-commercial-space-add-form label {
    height: 3em;
}

div#block-universalsa-webform {
    width: 94%;
    background-color: #ffffff;
    margin-left: 3%;
    margin-top: 0%;
    position: relative;
    padding: 10px;
    margin-bottom: 2%;
    z-index: 462;
    /*box-shadow: 0px 1px 5px -2px;*/
    border-radius: 5px;
    font-size: 13px;
}
div#block-universalsa-webform h2 {
    font-size:20px !important;
}

input#edit-actions-submit {
  --beo-btn-bg: #0C2031;
    --beo-btn-border-color: #0C2031;
    --beo-btn-hover-bg: #0C2031;
    --beo-btn-hover-border-color: #0C2031;
    color: #ffffff;
}
div#block-universalsa-webform label{
    height:3em;
}
div#block-universalsa-webform .text-count-wrapper.webform-counter-warning {
    display:none;
}

h1 {
    font-size:25px;
}
.view.view-universal-headquarters.view-id-universal_headquarters {
    margin-bottom:50px
}
a.navigation-toggle.cursor-pointer {
    display:none;
}
.front-page-commercial-space-on-map.view.view-commercial-spaces-on-map {
    margin-bottom:50px;
}
div#block-universalsa-navigationemailro {
    margin-bottom: 15px;
}
.front-page-nav-wrapper #block-universalsa-main-menu-header {
    background-color: #091927a6;
    border-radius: 10px;
}
.leaflet-container:after {
    -webkit-animation: leaflet-gestures-fadein .8s backwards;
    animation: leaflet-gestures-fadein .8s backwards;
    color: #fff;
    font-family: Roboto,Arial,sans-serif;
    font-size: 22px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 48%);
    z-index: 90;
    pointer-events: none
}

div#commercial-space-details-id {
    width: 80%;
    background-color: #ffffff;
    margin-left: 10%;
    margin-top: 0%;
    position: relative;
    padding: 20px;
    margin-bottom: 2%;
    z-index: 462;
    box-shadow: 0px 1px 5px -2px;
    border-radius: 5px;
}

.front-page-carousel-wrapper div#block-front-page-commercial-spaces-on-map-filter {
    position:absolute;
    z-index:100;
    background-color: #091927a6;
    padding:20px;
    border-radius:10px;
    top: -40vh;
    right: 6vw;
    color:#ffffff;
}
main #block-universalsa-content .field-status {
  background-color: #ffffff;
  width: auto;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  color: #000000;
  margin-left: 20px;
  /* float: right !important; */
  padding: 10px 20px;
  margin-top: 20px;
  font-size: 20px;
  font-weight: normal;
  box-shadow: 0px 0px 2px 0px;
}
.nav a:hover {
  color: #72b5e4;
  
}
.nav a:active {
  color: #72b5e4;
  
}
.facebook-icon  {
    float:left;
    width: 30px;
}

.facebook-icon a {
    visibility: visible;
    font-size: 0px ;
}

.facebook-icon a:before {
    visibility: visible ;
    font-family: FontAwesome;
    font-size: 25px;
    display: inline-block;
    content: '\f39e';
}

.instagram-icon  {
    float:left;
    width: 30px;
}

.instagram-icon a {
    visibility: visible;
    font-size: 0px ;
}

.instagram-icon a:before {
    visibility: visible ;
    font-family: FontAwesome;
    font-size: 25px;
    display: inline-block;
    content: '\f16d';
    float:left;
}

.linkedin-icon  {
    float:left;
    width: 30px;
    margin-left: 10px;
}

.linkedin-icon a {
    visibility: visible;
    font-size: 0px ;
}

.linkedin-icon a:before {
    visibility: visible ;
    font-family: FontAwesome;
    font-size: 25px;
    display: inline-block;
    content: '\f08c';
    float:left;
}

div#edit-field-first-and-last-name-compan-wrapper {
    width: 23%;
    float: left;
    margin-left:1%;

}

div#edit-field-contact-phone-wrapper {
    width: 23%;
    float: left;
    margin-left:2%;
}

div#edit-field-e-mail-wrapper {
    width: 23%;
    float: left;
    margin-left:2%;
}

div#edit-field-i-accept-data-processing-c-wrapper {
    width: 23%;
    float: left;
    margin-left:2%;
}

div#edit-field-first-and-last-name-compan-wrapper  label.form-label {
    height:65px
}

div#edit-field-contact-phone-wrapper  label.form-label {
    height: 65px;
}

div#edit-field-e-mail-wrapper  label.form-label {
    height:65px
}

div#edit-field-i-accept-data-processing-c-wrapper  label.form-label {
    height:65px
}

form#contact-message-contact-form-form {
    width: 80%;
    z-index: 111;
    margin: auto;
    margin-left:1vw;
    margin-bottom:50px;
    margin-left: 10%;
    margin-top: -10vh;
    position: relative;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0px 0px 1px 0px #000000;
}
.leaflet-popup-content {
    margin: 10px 10px 10px 10px;
}

.leaflet-popup-content .views-field.views-field-title a {
    position:absolute !important;
    background-color:#00000085;
    font-size: 16px;
    padding:5px;
    color:#ffffff;
    border-radius:5px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 15px;
}
.leaflet-popup-content .views-field.views-field-field-total-area {
    position:absolute !important;
    background-color:#00000085;
    font-size:14px;
    padding:5px;
    color:#ffffff;
    border-radius:5px;
    margin-top:-32px !important;
    right:15px
}
aside.col-lg-3.region.region-sidebar-second #block-universal-headquarters-map {
    right:10px;
    width:35vw;
    position:absolute;
}
#block-universalsa-local-tasks .list.nav-item a {
    visibility: visible;
    font-size: 0px ;
}
#block-universalsa-local-tasks .list.nav-item a:before {
    visibility: visible ;
    font-family: FontAwesome;
    font-size: 25px;
    display: inline-block;
    content: '\f03a';
}
#block-universalsa-local-tasks .map.nav-item a {
    visibility: visible;
    font-size: 0px;
}
#block-universalsa-local-tasks .map.nav-item a:before {
    font-size: 0px;
    visibility: visible;
    font-family: FontAwesome;
    font-size: 25px;
    display: inline-block;
    content: '\f041';
}
/*colors START*/

:root {
  --beo-body-bg: #fff0;
  --beo-body-color: #333;
  --beo-primary: #0C2031;
  --beo-primary-hover: #0C2031;
  --beo-light: #f8f9fa;
  --beo-dark: #272727;
}

body {
  background-color: var(--beo-body-bg);
  color: var(--beo-body-color);
}

.text-primary {
  color: #0C2031 !important;
}

.bg-primary {
  background-color: #0C2031 !important;
}

.text-primary-hover {
  color: #0C2031!important;
}

.bg-primary-hover {
  background-color: #0C2031 !important;
}

.text-light {
  color: #f8f9fa !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.text-dark {
  color: #272727 !important;
}

.bg-dark {
  background-color: #0C2031 !important;
}

[id^=edit-submit], .btn-primary {
  --beo-btn-bg: #0C2031;
  --beo-btn-border-color: #0C2031;
  --beo-btn-hover-bg: #0C2031;
  --beo-btn-hover-border-color: #0C2031;
  color: #ffffff;

}

.btn-outline-primary,
.btn-outline-primary:focus {
  --beo-btn-color: #0C2031;
  --beo-btn-border-color: #0C2031;
  --beo-btn-hover-color: #fff;
  --beo-btn-hover-bg: #0C2031;
  --beo-btn-hover-border-color: #0C2031;
}

.btn-check:focus + .btn-primary,
.product--rendered-attribute .form-radio:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-check:focus + .btn-outline-primary,
.product--rendered-attribute .form-radio:focus + .btn-outline-primary,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);
}
[id^=edit-reset], .btn-danger {
  --beo-btn-color: #fff;
  --beo-btn-bg: #861318;
  --beo-btn-border-color: #861318;
  --beo-btn-hover-color: #fff;
  --beo-btn-hover-bg: #861318;
  --beo-btn-hover-border-color: #861318;
  --beo-btn-focus-shadow-rgb: 255, 94, 94;
  --beo-btn-active-color: #fff;
  --beo-btn-active-bg: #861318;
  --beo-btn-active-border-color: #861318;
  --beo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --beo-btn-disabled-color: #fff;
  --beo-btn-disabled-bg: #861318;
  --beo-btn-disabled-border-color: #861318;
}
.more_info {
    z-index: 100;
    position: relative;
}
.more_info .nav li.nav-item.dropdown.nav-item--expanded {
    right: 0px;
    float: right;
    position: fixed;
    background-color: brown;
    color: #ffffff;
    /* margin-top: -30px; */
}
.more_info .nav .nav-link.dropdown-toggle {
    /* right: 0px; */
    /* float: right; */
    background-color: brown;
    color: #ffffff;
}
.more_info ul.dropdown-menu {
    background-color: brown;
}
.more_info .nav .nav-item  {
    background-color: brown;
    color: #ffffff;
}

/*colors END*/

    .front-page-map-content-wrapp .geolocation-map-container {
    height: 50vh !important;
    /* filter: grayscale(1); */
    border-radius: 10px;
}
   
.front-page-map-content-wrapp #block-front-page-commercial-spaces-on-map-block{
    position:absolute;
    z-index: 1045;
    height: 50vh;
    width: 60vw;
    top: 30vh;
    right: 9vw;
}

#block-filter-commercial-space-available-properties  .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
width:13%;
float:left;
}



#block-filter-commercial-space-available-properties .form-check-label.form-label {
    /* display:inline !important; */
    padding-left:1%;
    padding-right:1%;
    /* float:left; */
    /* background-color:#000000; */
    /* width:auto !important; */
}


#block-filter-commercial-space-available-properties .form-radio.form-check-input {
 display:none;
} 

#block-filter-commercial-space-available-properties .button.js-form-submit.form-submit {
    display:none;
}

#block-filter-commercial-space-available-properties .form-check {
 padding-left:0px !important;
} 





#block-universalsa-exposedformcommercial-spaces-on-mappage-1 .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
    width: 14% !important;
    float: left;
    /* display: flex; */
}
#block-universalsa-exposedformcommercial-spaces-on-mappage-1 .form-check-label.form-label {
    /* display:inline !important; */
    padding-left:1%;
    padding-right:1%;
    /* float:left; */
    /* background-color:#000000; */
    /* width:auto !important; */
}


#block-universalsa-exposedformcommercial-spaces-on-mappage-1 .form-radio.form-check-input {
 display:none;
} 

#block-universalsa-exposedformcommercial-spaces-on-mappage-1 .button.js-form-submit.form-submit {
    display:none;
}

#block-universalsa-exposedformcommercial-spaces-on-mappage-1 .form-check {
 padding-left:0px !important;
} 


#block-universalsa-content article {
    padding: 10px;
    padding:10px;
    background-color:#ffffff;
    margin-bottom:20px;
}


#block-universalsa-content article .field-commercial-space-descripti {
    font-size: 25px;
    padding: 10px;
}

#block-universalsa-content article .body {
    padding: 10px;
}

#block-universalsa-content article .form-label {
    float:left;
    padding-right:20px
}
#block-universalsa-content article .field-download-plan-space {
    padding-left:10px;
    padding-right:10px;
}

.page-title.text-center.underline.mt-3.mb-5 {
    margin-bottom: 1rem !important;
    margin-top: 0rem !important;
}
[id$="block-brands"] h2 {
    font-size:20px;
}


[id$="block-brands"] {
    text-align:justify;
    padding: 0px 20px 0vw 20px;
    font-size: 16px;
}

[id$="block-logos"] .media.media--blazy.media--slick.media--image.media--ratio.media--ratio--fluid.is-b-loaded {
  padding-bottom: 150px !important;
}
[id$="block-logos"] img {
 background-color:#000000;
    height:150px !important;
    width:auto !important;
    margin:auto !important;
}
[id$="block-logos"] .slick-arrow::before {
  color: #000 !important;
  font-size: 36px;
  font-size: 2.25rem;
}

ul.nav.nav-tabs {
    z-index: 1;
    position: relative;
}
.available-commercial-spaces .views-field.views-field-field-image {
    margin-top: -50px;
}

.available-commercial-spaces .views-field.views-field-title {
    width: 75% !important;
    float:left;
    width: 81%;
    background: #0c203180;
    left: 0;
    float: left;
    position: relative;
    bottom: 50px;
    height: 50px;
    border-radius: 0px 0px 0px 5px;
}
.available-commercial-spaces .views-field.views-field-title a {
    width: 100% !important;
    float:left;
    color: var(--beo-white);
    font-size: 20px;
}

.available-commercial-spaces .views-field.views-field-field-total-area {
    float: right;
    position: relative;
    top: 69px;
    margin-right: 20px;
    color: #fff;
    background: #0c203180;
    border-radius: 5px;
    font-size:17px !important;
}

.available-commercial-spaces .views-field.views-field-field-status {
    width: auto !important;
    float:left;
    left: 20px;
    z-index: 999;
    padding: 10px 20px;
    float: left;
    position: relative;
    top: 69px;
    margin-right: 20px;
    color: #fff;
    background: #0c203180;
    border-radius: 5px;
    font-size: 17px;
}

.available-commercial-spaces .views-field.views-field-field-district {
    width: 25% !important;
    float:left;
    text-align: center;
    color: #f5f5f2;
    padding-right: 10px;
    width: 19%;
    background: #86131854;
    float: right;
    height: 50px;
    bottom: 50px;
    position: relative;
    border-radius: 0px 0px 5px 0px;
    font-size:17px !important;
    
}

.available-commercial-spaces .views-field.views-field-body {
    width: 60% !important;
    float:left;
}
.available-commercial-spaces .views-field{
}
.views-view-responsive-grid .views-view-responsive-grid__item {
}
.header-frontpage-wrapper a.site-logo.text-reset {
    visibility:hidden;
}
.header-frontpage-wrapper a.site-logo.white-logo {
    margin-left: 5vw !important;
    margin-top: 5vh !important;
    background-color: #ffffffa3;
    border-radius: 5px;
}

.header-frontpage-wrapper .white-logo {
    width: 250px;
    position:absolute;
}
.header-frontpage-wrapper .black-logo {
    width: 0px;
    display:none;
}
.front-page-footer-wrapper .offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: 100vw;
    border-radius: 0vw 0vw 100vw 0vw;
}
.front-page-footer-wrapper .offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: 100vw;
    border-radius: 0vw 0vw 100vw 0vw;
}

.front-page-footer-wrapper .bg-primary {
    background-color: #0c2031 !important;
}

.front-page-footer-wrapper .btn-close {
   margin-right:1vw;
   color:#ffffff !important;
   position: absolute;
   right: 1vw;
   top: 1vw;
}



.view.view-front-page-slider .slick-prev:before {
    content: "<";
}
.view.view-front-page-slider .slick-next:before {
    content: ">";
}
.site-logo img {
    width: 250px;
    background-color: #ffffff;
    border-radius: 5px;
}

.view.view-front-page-slider h2 {
    display:none;
}
.front-page-nav-wrapper .bg-dark {
    background-color:#00000000 !important;
}
.front-page-footer-wrapper .bg-dark {
    /* background-color: #0919274d !important; */
    /* background-image: linear-gradient( #0c203100 ,#0c20317d,#0C2031); */
}
.front-page-footer-wrapper .py-5 {
  padding-top: 1rem !important;
  /* padding-bottom: 49px !important; */
}
.front-page-nav-wrapper .btn.active {
    background-color:#00000000 !important;
   border: #fff0;
}

.slick-arrow::before {
  color: #fff !important;
  font-size: 36px;
  font-size: 2.25rem;
}

.view.view-front-page-slider .slick {
    height: 70vh;
    top: 0px;
    /* color: #ffffff; */
     z-index: -1;
}
.region-carousel-bottom span.views-field.views-field-field-image {
    width: 50% !important;
    float: left;
    padding:10px;
}

.region-carousel-bottom span.views-field.views-field-title {
    width: 50% !important;
    float: left;
    /* height: 50% !important; */
    /* height:100px !important; */
    /* position:absolute; */
}

/* .region-carousel-bottom span.views-field.views-field-field-status {
    width: 60% !important;
    float: left;
}

.region-carousel-bottom span.views-field.views-field-field-total-area {
    width: 40% !important;
    float: left;
}
.front-page-carousel-wrapper .region-carousel-bottom .slick-slide {
    background-color: #091927a6;
    border-radius: 10px;
    box-shadow: 0px 0px 3px -1px #0C2031;
    color:#ffffff;
}
.front-page-carousel-wrapper .region-carousel-bottom .slick-slide a{
    border-radius: 10px;
    box-shadow: 0px 0px 3px -1px #0C2031;
    color:#72b5e4;
}
*/
.region-carousel-bottom .slick .slick-slide img {
    /* filter: grayscale(100%) !important; */
    /* -webkit-filter: grayscale(100%) !important; */
}

.region-carousel-bottom .slick .slick-slide img:hover {
    filter: none !important;
    -webkit-filter: grayscale(0) !important;
}
.view.view-front-page-slider .slide__caption {
    position: absolute;
    width: 69vw !important;
    height: 100vh;
    background-color: #0000003b;
    top: 0px;
    /* color: #ffffff; */
    width: auto;
    border-radius: 0vw 0vw 100vw 0vw;
    float: right !important;
    right: 5vw !important;
    color: #00fff5;
    font-size: 25px;
    background-color: #091927a6;
    width: auto !important;
    padding: 10px;
    margin-left: 26vw;
    margin-right: 0px !important;
    float: right !important;
    border-radius: 10px;
    align-items: center !important;
    align-content: top !important;
    text-align: center !important;
}
.front-page-carousel-wrapper {
    position: relative;
    width: 100vw;
    float: right;
    align-content: end !important;
    margin-bottom: 0px !important;
    z-index: 90;
    margin-top: -35vh;
    height: 0vh !important;
}
.front-page-footer-wrapper {
    position: relative;
    width: 100vw;
    float: left;
    /* margin-bottom: 2rem !important; */
}

.front-page-slider-wrapper {
    height: 81vh;
}

.view.view-front-page-slider .slide__description {
    color: #00fff5;
    margin-top: 13vh;
    font-size: 25px;
    width: auto !important;
    padding: 10px;
    border-radius: 10px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.front-page-nav-wrapper {
  background-image: linear-gradient(#0C2031, #00000000);
  height: 20vh;
  width:100% !important;
  position:absolute;
  z-index:100;
}
.front-page-nav-wrapper a {
    color: #f8f9fa;
}

.site-logo.text-reset img {
    width: 250px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
    border-radius: 5px;
}
.carousel .slick-slide {
    box-shadow: 0px 0px 3px 0px #000000;
    border-radius: 5px 5px 5px 5px;
    margin-top:20px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom: 20px;
}
.field-content.carousel-title {
    display:flex;
    width:auto;
    float:left;
     padding:10px;
    font-size:18px;
}
.field-content.carousel-total-area {
    display:flex;
    width:auto;
    float:right;
    padding: 0px 10px 0px 0px;
    /* font-size:18px; */
}
.field-content.commercial-space-carousel-status {
  /* display:flex; */
  /* width:auto; */
  /* text-align:center; */
  padding: 0px 0px 0px 10px;
  /* font-size: 10px; */
}
.mt-lg-4 {
   margin-top: 0rem !important;
 }
.py-5 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.views-view-responsive-grid .views-view-responsive-grid__item {border-radius: 17px;}
.field-content.available-commercial-spaces-title {
    float: left;
    padding: 10px 0px 10px 10px;
    font-size: 20px;
    line-height: 30px;
}

.field-content.available-commercial-spaces-status {
}

.field-content.available-commercial-spaces-total-area {
    padding: 10px 10px 10px 10px;
    font-size: 19px;
}

.views-field.views-field-field-district {
    float: left;
    padding: 10px 0px 10px 10px;
    font-size: 19px;
}
.design-and-renovations-of-commercial-spaces-text {
  margin-left:0px !important;
}
.design-and-renovations-of-commercial-spaces .align-left {
    padding: 20px !important;
}
#block-universalsa-menuonfooterleft {
   float: left;
   width: 33%;
}
#block-universalsa-contactonfooterright {
   float: left;
   width: 33%;
}
#block-universalsa-contactonfootermiddle {
   float: left;
   width: 33%;
}

/*
.front-page-commercial-space-on-map .view-filters{
    width: 29%;
    float:right;
    height: 60vh !important;
}
.front-page-commercial-space-on-map .view-content{
   width:70%;
   float:left;
   height: 60vh;
}
*/
.region-carousel-bottom {
    /* margin-bottom:20px; */
    height:auto !important;
    padding-bottom: 0px;
}
.region-carousel-bottom .slick-slide {
    background-color: #eff8ff;
    border-radius: 10px;
    box-shadow: 0px 0px 3px -1px #0C2031;
}
.form-radios.bef-nested ul li {
    display: block;
}
#block-available-commercial-spaces-vertical-carousel-block .slick__slide {
    padding: 0px;
    color: #0C2031;
    margin-bottom:10px !important;
    margin-right:10px !important;
    background-color: #eff8ff;
    border-radius: 10px;
    box-shadow: 0px 0px 8px -5px #0C2031;
}
#block-available-commercial-spaces-vertical-carousel-block .slick-slide {
    margin-right:10px !important;
}

div#popup-buttons button {
    background-color: #ffffff !important;
    color:#000000 !important;
    background-image:none;
}
div#popup-buttons button:hover {
    background-color: #0c2031 !important;
    color:#ffffff !important;
    background-image:none;
    text-shadow:none;
    border:none;
    box-shadow:none;
}


#block-universalsa-menuonfooterleft h3 {
    font-size:1.5rem !important;
}
#block-universalsa-menuonfooterleft  {
    font-size:0.9rem !important;
}
#block-universalsa-contactonfootermiddle h3 {
    font-size:1.5rem !important;
}
#block-universalsa-contactonfootermiddle  {
    font-size:0.9rem !important;
}
#block-universalsa-contactonfooterright h3 {
    font-size:1.5rem !important;
}
#block-universalsa-contactonfooterright  {
    font-size:0.9rem !important;
}




/*   ################Mobile zone############### */



@media (max-width: 768px) {
a.navigation-toggle.cursor-pointer {
    display:block;
}

.slick .slick-dots--thumbnail-grid li {
  display: inline-block !important;
  width: 15% !important;
  height: auto !important;
  vertical-align: top !important;
}


    .mobile-menu-wrapp    .site-logo img {
        width: 50vw !important;
        margin-left: 25vw !important;
        margin-right: 25vw !important;
        position:absolute;
    left:0px;
    }
    .front-page-nav-wrapper {
  background-image: linear-gradient(#0C2031, #00000000);
  height: 20vh;
  width:100% !important;
  position:absolute;
  z-index: 111;
}
    .leaflet-top.leaflet-right {
    margin-top: 20vh;
}
    
   .slick-track {
    opacity: 1;
    width: 3360px;
    transform: translate3d(-224px, 0px, 0px);
    zoom: 1.7;
    margin-left: -35%;
}
.front-page-carousel-wrapper .slick-track {
    opacity: 1;
    width: 3360px;
    transform: translate3d(-224px, 0px, 0px);
    zoom: 0;
    margin-left: 0%;
}
    div#commercial-space-details-id {
    width: 94%;
    background-color: #ffffff;
    margin-left: 3%;
    margin-top: 0%;
    position: relative;
    padding: 10px;
    margin-bottom: 3%;
    z-index: 462;
    box-shadow: 0px 1px 5px -2px;
    border-radius: 5px;
    font-size: 13px;
}
 .field-commercial-space-descripti.field-commercial-space-descripti {
    font-size:17px !important;
}
    main #block-universalsa-content .field-status {
  background-color: #ffffff;
  width: auto;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  color: #000000;
  margin-left: 10px;
  /* float: right !important; */
  padding: 5px 20px;
  margin-top: -20px;
  font-size: 17px;
  font-weight: normal;
  box-shadow: 0px 0px 2px 0px;
}
    .front-page-carousel-wrapper div#block-front-page-commercial-spaces-on-map-filter {
    position:absolute;
    z-index:100;
    background-color: #091927a6;
    padding:5px;
    border-radius:10px;
    top: -10vh;
    left:1vw;
    color:#ffffff;
    width:98vw;
}
.front-page-carousel-wrapper div#block-front-page-commercial-spaces-on-map-filter .js-form-item.form-item.js-form-type-select {
    width:50%;
    float:left;
   padding:0px 5px 0px 5px;
}

    .header-frontpage-wrapper a.site-logo.white-logo {
    margin-left: 0vw !important;
    margin-top: 5vh !important;
    background-color: #ffffff00;
    border-radius: 5px;
}
.front-page-footer-wrapper .site-logo {
    width:50vw;
}
   img.about-us-image-right.align-right {
    width: 100%;
    padding: 0px 0px 10px 0px !important;
    height:auto;
}
  .design-and-renovations-of-commercial-spaces .align-left img {
    padding: 0px 0px 10px 0px !important;
    width:100%;
    height:auto;
} 
.design-and-renovations-of-commercial-spaces .align-left {
    padding: 0px 0px 10px 0px !important;
    width:100%;
    height:auto;
}    

div#edit-field-first-and-last-name-compan-wrapper {
    width: 98%;
    
    margin-left:1%;

}

div#edit-field-contact-phone-wrapper {
    width: 98%;
    
    margin-left:1%;
}

div#edit-field-e-mail-wrapper {
    width: 98%;
    margin-left:1%;
}

div#edit-field-i-accept-data-processing-c-wrapper {
    width: 98%;
    margin-left:1%;
}

div#edit-field-first-and-last-name-compan-wrapper  label.form-label {
    height:auto;
}

div#edit-field-contact-phone-wrapper  label.form-label {
    height:auto;
}

div#edit-field-e-mail-wrapper  label.form-label {
    height:auto;
}

div#edit-field-i-accept-data-processing-c-wrapper  label.form-label {
    height:auto;
}
    form#contact-message-contact-form-form {
    width: 94vw;
    margin-left:2vw;
    margin-right:2vw;
    z-index: 111;
}
    
    aside.col-lg-3.region.region-sidebar-second #block-universal-headquarters-map {
    right:2vw;
    left:2vw;
    width:96vw;
    position:relative;
}
    .front-page-map-content-wrapp .geolocation-map-container {
    height: 50vh !important;
    filter: grayscale(1);
    border-radius: 10px;
    display:none;
}
    
    .front-page-map-content-wrapp #block-front-page-commercial-spaces-on-map-block{
    position:absolute;
    z-index:1;
    height:50vh;
    width:84vw;
    top:29vh;
    right:8vw
}


.page-title.text-center.underline.mt-3.mb-5 {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    font-size:20px;
}

    
    .more_info .nav li.nav-item.dropdown.nav-item--expanded {
    right: 0px;
    float: right;
    position: absolute;
    background-color: brown;
    color: #ffffff;
    margin-top: 25px;
    top: 0px !important;
    /* margin-top: 0px !important; */
}
#block-filter-commercial-space-available-properties  .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id:first-child {
width:100%;
float:left;
text-align:center
}
#block-filter-commercial-space-available-properties   .accordion .fieldset-legend.accordion-button {
    padding-bottom:0px !important;
    padding-top:0px;
}
#block-filter-commercial-space-available-properties  .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
    width:33%;
    float:left;
    text-align: center /* display: flex; */;
    margin-bottom: 0px !important;
}

#block-universalsa-exposedformcommercial-spaces-on-mappage-1    .accordion .fieldset-legend.accordion-button {
    padding-bottom:0px !important;
    padding-top:0px;
}

#block-universalsa-exposedformcommercial-spaces-on-mappage-1 .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id:first-child {
width: 100% !important;
float: left;
text-align:center
    /* display: flex; */
}
 #block-universalsa-exposedformcommercial-spaces-on-mappage-1 .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
width: 33% !important;
float: left;
text-align:center;
    /* display: flex; */
     margin-bottom: 0px !important;
}
    .site-logo img {
/*    width: 50vw !important;
    margin-left: 25vw !important;
    margin-right: 25vw !important;
    margin-top: -10px;
    */
}
    
.front-page-commercial-space-on-map .view-filters{
    width: 100%;
    float:none;
    height: auto !important;
}
.front-page-commercial-space-on-map .view-content{
   width:100%;
   float:none;
   height: auto !important;
}
h3 {
    font-size: 20px;
}
  #block-universalsa-menuonfooterleft {
     float: left;
     width: 100% !important;
     text-align: left;
  }
  #block-universalsa-contactonfooterright {
     float: left;
     margin-top:20px;
     width: 100% !important;
     text-align: left;
  }
    #block-universalsa-contactonfootermiddle {
     float: left;
     margin-top:20px;
     width: 100% !important;
     text-align: left;
  }

#block-universalsa-emailsales {
    display: block;
}
#block-universalsa-phoneslistinheader{
    display: none;
}
#block-universalsa-phonelistinheaderright{
    display: none;
}
.footer-region-25-procent  {
    font-size:14px;
    }
    
.front-page-txt h1 {
    font-size:20px;
    text-align: center;
}
.front-page-txt p {
    font-size:12px;
}
.front-page-txt {
    width: 100%;
    float: left;
    padding: 1% 1% 1% 1%;
}
.front-page-img {
    display: none;
}
.front-page-button a {
    background-color: #0C2031;
    width: auto;
    padding: 10px 20px;
    border-radius: 50px;
    color: #ffffff;
    float: right;
    margin-right: 1%;
}
.front-page-new-added-wrapp h3 {
    font-size: 25px;
}
.front-page-map-header-wrapp {
    text-align: center;
    padding: 0% 0% 5% 0%;
}
.front-page-map-header-wrapp a {
    background-color: #0C2031;
    padding: 10px 20px;
    border-radius: 50px;
    color: #ffffff;
    margin-top: 20px;
}
section.region.region-header {
    height: 60px;
    align-content: center;
}
section.region.region-map-content #block-universalsa-webform-2 {
    width: 80%;
    margin-left: 10%;
    margin-top: 2%;
    margin-bottom: 2%;
}
.sliding-popup-top {
  margin: 0;
  padding: 0;
  width: 100% !important;
  z-index: 99999;
  left: 0% !important;
  text-align: center;
  right: 0% !important;
}
#block-universalsa-advancedlanguageselectorblock-2 {
    display: block;
    position:absolute;
    float:right;
    right: 0px;
    top: 10px;
    width: 90px;
}
	header {
		width:60%
	}
	#block-universalsa-advancedlanguageselectorblock-2 .nav-link {
    padding:5px !important;
}
#block-universalsa-advancedlanguageselectorblock-2 .nav-link.active {
    background-color:white;
}
#block-block-commercial-rented-spaces-properties div#edit-field-district-target-id--2--wrapper {
    width: 100%;
    float: none;
    padding-right: 0px;
}
#block-commercial-rented-spaces-properties-on-map div#edit-field-district-target-id--2--wrapper {
    width: 100%;
    float: none;
    padding-right: 0px;
}

#views-exposed-form-rented-spaces-properties-list-block-commercial-rented-spaces-properties .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
    width: 40% !important;
    float: left;
    /* display: flex; */
}
#views-exposed-form-rented-spaces-properties-list-block-commercial-rented-spaces-properties .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id:first-child {
    width: 100% !important;
    /* display: flex; */
    text-align: center;
    padding-left: 0px !important;
}
#views-exposed-form-commercial-rented-spaces-properties-on-map-commercial-rented-spaces-properties-on-map .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id {
    width: 40% !important;
    float: left;
    /* display: flex; */
}

#views-exposed-form-commercial-rented-spaces-properties-on-map-commercial-rented-spaces-properties-on-map .js-form-item.form-item.form-check.js-form-type-radio.form-item-field-district-target-id.js-form-item-field-district-target-id:first-child {
    width: 100% !important;
    /* display: flex; */
    text-align: center;
    padding-left: 0px !important;
}
	
}