﻿.preview-gallery-top {
    border-radius: 10px !important;
    overflow: hidden;
/*    object-fit: cover;*/
    /*height: auto;*/
}
.item-fixed-width-20 {
    width: 20% !important;
}
.item-fixed-width-33 {
    width: 33% !important;
}
.item-adaptable {
    width: 20% !important;
}
.item33 {
    padding: 0.3rem !important;
    width: 33% !important;
}
.item50 {
    width: 50% !important;
}
.item100 {
    width: 100% !important;
}
.row > * {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.widget-img-list .widget-img-list-item {
    padding: 0.15rem !important;
}
.widget-img-list{
    margin:0px !important;
}
#gmap {
    height: 420px;
}
.avoid-break {
    break-inside: avoid;
}
.gmap-container {
    overflow: hidden;
}
/* When the width screen is above 992px */
@media (max-width: 991px) {
    .item-adaptable {
        width: 33% !important;
    }
}
@media (max-width: 767px) {
    .item-adaptable {
        width: 50% !important;
    }
}
@media (max-width: 575px) {
    .item-adaptable {
        width: 100% !important;
    }
    #gmap {
        width: 1050px !important;
    }
}
@media (min-width: 768px) {
    .gmap-container {
        overflow: auto !important;
    }
}
/*html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}*/
/*.preview-img {
    object-fit: cover;
}
#gmap{
    height:350px;
}
.preview-freewall {
    display: block;
    width: 100%;
    height: 100%;
}
.preview-layout {*/
/*    width:100%;*/
/*}
.brick {*/
/*    max-width:250px;*/
/*}
.header {
    height: 100%;
}

.free-wall {
    width: 100%;
    height: 100%;
}

@keyframes start {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes start {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

.free-wall .brick[data-state="init"] {
    display: none;
}

.free-wall .brick[data-state="start"] {
    display: block;
    animation: start 0.5s;
    -webkit-animation: start 0.5s;
}

.free-wall .brick[data-state="move"] {
    transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
    -webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}*/