/** GENRAL **/
.header-wrapper,
.resp-navigation,
.footer-wrapper,
.cookiebox {
    display: none;
}

.Sitemap {
    text-align: center;
}

.Sitemap .Btn {
    display: block;
    margin: 5px;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #B8993F;
    color: #FFFFFF;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.Sitemap .Btn:hover,
.Sitemap .Btn.Active {
    background-color: #0B172B;
    color: #FFFFFF;
}

.fancybox-skin {
    padding: 0px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.fancybox-nav {
    width: 20px;
}



/** DATA TAGS **/
.Sitemap-items li.Sitemap-item[data-section="General"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #E6194B;
    color: #FFFFFF;
}

.Sitemap-items li.Sitemap-item[data-section="Buying"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #F58231;
    color: #FFFFFF;
}

.Sitemap-items li.Sitemap-item[data-section="Selling"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #3CB44B;
    color: #FFFFFF;
}

.Sitemap-items li.Sitemap-item[data-section="Renting"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #4363D8;
    color: #FFFFFF;
}

.Sitemap-items li.Sitemap-item[data-section="Commercial"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #911EB4;
    color: #FFFFFF;
}

.Sitemap-items li.Sitemap-item[data-section="Land"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #F032E6;
    color: #FFFFFF;
}

.Sitemap-items li.Sitemap-item[data-section="Auctions"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #469990;
    color: #FFFFFF;
}

.Sitemap-items li.Sitemap-item[data-section="Branches"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #FFD8B1;
    color: #000000;
}

.Sitemap-items li.Sitemap-item[data-section="Area"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #AAFFC3;
    color: #000000;
}

.Sitemap-items li.Sitemap-item[data-section="User"] .Sitemap-thumbnail .Sitemap-sectionTag {
    background-color: #DCBEFF;
    color: #000000;
}



/** SITE MAP OPTIONS **/
.Sitemap-sections {
    padding: 20px;
    font-size: 0px;
}

.Sitemap-sections ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.Sitemap-sections ul li {
    display: inline-block;
    vertical-align: top;
}



/** IMAGES ONLY **/
.ImagesOnly {
    display: block;
    margin: 10px auto 0px auto;
    text-align: center;
}

.ImagesOnly .ImagesOnly-text,
.ImagesOnly .ImagesOnly-toggle {
    display: inline-block;
    vertical-align: middle;
}

.ImagesOnly .ImagesOnly-text {
    text-transform: uppercase;
    color: #000000;
    font-size: 12px;
    padding: 0px 10px 0px 0px;
}

.ImagesOnly .ImagesOnly-toggle {
    position: relative;
    width: 48px;
    height: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #EBF5FF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ImagesOnly .ImagesOnly-toggle.Active {
    background-color: #0B172B;
}

.ImagesOnly .ImagesOnly-toggle span {
    position: absolute;
    top: 2px;
    left: 2px;
    right: 0px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #0B172B;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.ImagesOnly .ImagesOnly-toggle.Active span {
    left: 25px;
    background-color: #B8993F;
}



/** SITE MAP CARDS **/
.Sitemap-items {
    padding: 20px;
    font-size: 0px;
    background-color: #EBF5FF;
}

.Sitemap-items ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.Sitemap-items li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    max-width: 400px;
}

.Sitemap-items li .Sitemap-full {
    display: none;
    padding: 5px;
}

.Sitemap-items li .Sitemap-full.Active {
    display: block;
}

.Sitemap-items li .Sitemap-full img {
    display: block;
    width: 100%;
    height: auto;
}

.Sitemap-items li .Sitemap-itemSpacing {
    margin: 10px;
    padding: 0px 0px 5px 0px;
    font-size: 12px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Sitemap-items li .Sitemap-itemSpacing:hover {
    -webkit-box-shadow: 0px 30px 30px -30px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0px 30px 30px -30px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 30px 30px -30px rgba(0, 0, 0, 0.8);
}

.Sitemap-items li .Sitemap-thumbnail {
    position: relative;
    display: block;
    padding: 150% 0px 0px 0px;
    background-color: #EFEFEF;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Sitemap-items li .Sitemap-thumbnail:hover {
    -webkit-background-size: 120%;
    -moz-background-size: 120%;
    background-size: 120%;
}

.Sitemap-items li .Sitemap-thumbnail:after {
    content: '';
    position: absolute;
    z-index: 0;
    inset: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: rgba(11, 23, 43, 0.6);
}

.Sitemap-items li .Sitemap-thumbnail:hover:after {
    background-color: rgba(11, 23, 43, 0.3);
}

.Sitemap-items li .Sitemap-thumbnail .Sitemap-sectionTag {
    position: absolute;
    z-index: 5;
    bottom: 10px;
    left: 10px;
    padding: 5px;
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
}

.Sitemap-items li .Sitemap-pageTitle {
    padding: 10px;
}

@media screen and (max-width: 1280px) {
    .Sitemap-items li {
        width: 33%;
    }
}

@media screen and (max-width: 740px) {
    .Sitemap-items li {
        width: 50%;
    }
}



@media screen and (max-width: 480px) {
    .Sitemap-items li {
        display: block;
        width: auto;
        margin: 0px auto;
    }

    .Sitemap-items li .Sitemap-itemSpacing {
        margin: 20px 0px;
    }
}