img
{
    max-width: 100%;
}

.nav-menu
{
    background-color: #131313;
    z-index: 1;
}

#u7365_align_to_page {
    padding-bottom: 46px;
}

.banner img
{
    width: 100%;
    display: block;
}

.banner
{
    position: relative;
}

.title
{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 40px;
    letter-spacing: 6px;
    margin-bottom: 100px;
    text-align: center;
}

.dark-map
{
    background-color: #000;
    padding-top: 100px;
}

.map-content
{
    z-index: 1;
    min-height: 320px;
    background-image: none;
    border-width: 0px;
    border-color: #000000;
    /* width: 100%; */
    width: 890px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.text-light
{
    color: #fff;
    text-align: left;
    font-size: 16px;
    margin-bottom: 30px;
    /* line-height: 30px; */
    line-height: 1.6;
}

.map-image
{
    text-align: center;
}

.content-image-map
{
    display: inline-block;
    position: relative;
}

.marker
{
    position: absolute;
    border: 2px solid transparent;
    transition: 0.3s;
    cursor: pointer;
    width: 10px;
    height: 10px;
    background-color: #eca84d;
    display: block;
    border-radius: 50%;
}

.marker:hover
{
    border: 2px solid #fff;
}

.panel
{
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: 200px;
    height: 0;
    transition: 0.3s;
}

.marker:hover .panel
{
    height: initial;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    width: 180px;
}

.marker[data-mark="1"]
{
    top: 64.3%;
    left: 79.9%;
}

.marker[data-mark="2"]
{
    top: 66.6%;
    left: 79.8%;
}

.marker[data-mark="2"] .panel
{
    width: 300px;
}

.marker[data-mark="3"]
{
    top: 66.6%;
    left: 82.2%;
}

.marker[data-mark="4"]
{
    top: 61.9%;
    left: 79.9%;
}

.marker[data-mark="5"]
{
    top: 64.3%;
    left: 77.5%;
}

.marker[data-mark="6"]
{
    top: 61.8%;
    left: 77.4%;
}

.marker[data-mark="7"]
{
    top: 61.9%;
    left: 70.1%;
}

.marker[data-mark="7"] .panel
{
    width: 300px;
}

.marker[data-mark="8"]
{
    top: 59.6%;
    left: 72.5%;
}

.marker[data-mark="8"] .panel
{
    width: 300px;
}

.marker[data-mark="9"]
{
    top: 66.7%;
    left: 62.8%;
}

.marker[data-mark="10"]
{
    top: 69%;
    left: 65.2%;
}

.marker[data-mark="11"]
{
    top: 61.9%;
    left: 48.2%;
}

.marker[data-mark="12"]
{
    top: 59.5%;
    left: 45.8%;
}

.marker[data-mark="12"] .panel
{
    width: 140px;
}

.marker[data-mark="13"]
{
    top: 57.1%;
    left: 48.2%;
}

.marker[data-mark="13"] .panel
{
    width: 220px;
}

.marker[data-mark="14"]
{
    top: 76.3%;
    left: 62.8%;
}

.marker[data-mark="14"] .panel
{
    width: 220px;
}

.marker[data-mark="15"]
{
    top: 73.9%;
    left: 62.8%;
}

.marker[data-mark="16"]
{
    top: 85.7%;
    left: 58%;
}

.marker[data-mark="16"] .panel
{
    width: 240px;
}

.marker[data-mark="17"]
{
    top: 83.5%;
    left: 60.4%;
}

.marker[data-mark="17"] .panel
{
    width: 155px;
}

.marker[data-mark="18"]
{
    top: 81%;
    left: 60.4%;
}

.marker[data-mark="18"] .panel
{
    width: 240px;
}

.marker[data-mark="19"]
{
    top: 92.9%;
    left: 53.1%;
}

.marker[data-mark="19"] .panel
{
    width: 170px;
}

.marker[data-mark="20"]
{
    top: 47.5%;
    left: 62.8%;
}

.marker[data-mark="21"]
{
    top: 49.9%;
    left: 60.3%;
}

.marker[data-mark="22"]
{
    top: 57%;
    left: 82.3%;
}

.marker[data-mark="22"] .panel
{
    width: 240px;
}

.marker[data-mark="23"]
{
    top: 40.3%;
    left: 87.2%;
}

.marker[data-mark="23"] .panel
{
    width: 210px;
}

.marker[data-mark="24"]
{
    top: 49.8%;
    left: 48.2%;
}

.marker[data-mark="24"] .panel
{
    width: 300px;
}

.marker[data-mark="25"]
{
    top: 21.1%;
    left: 38.4%;
}

.marker[data-mark="25"] .panel
{
    width: 150px;
}

.marker[data-mark="26"]
{
    top: 28.3%;
    left: 94.4%;
}

.marker[data-mark="26"] .panel
{
    width: 130px;
}

.marker[data-mark="27"]
{
    top: 23.6%;
    left: 84.7%;
}

.marker[data-mark="28"]
{
    top: 18.8%;
    left: 67.7%;
}

.link-hover
{
    text-decoration: none !important;
    color: #fff !important;
}

.link-hover:hover
{
    color: #eca84d !important;
}

.link
{
    color: #000;
}

.titulo-branco
{
    color: #fff;
    margin-bottom: 30px;
}

.text-left
{
    text-align: left;
}

.scroll
{
    overflow-x: auto;  
    padding-right: 10px;
}

.scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(48, 48, 48, 0.3);
	background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar-thumb
{
	background-color: #333;
}