*{
    outline: none;
}
body {
    background: #739cd1;
}
.clearfix{
    display: inline-block;
    width: 100%;
    clear: both;
}
.page_wrapper{
    width: 860px;
    margin: 0 auto;
    padding: 0 20px;
}
.map_wrapper {
    position: relative;
    background: url("/exhibition/floridaTour/img/FloridaMap.jpg?v=2")  no-repeat ;
    background-size: 700px auto;
    width: 700px;
    height: 920px;
    margin: -30px auto 0;
}
.head{
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("/exhibition/floridaTour/img/pimpochka.png") no-repeat;
    background-size: 22px 22px;
    border-radius: 10px;
}
.head:hover {
    box-shadow: inset 0 0 0 1px #add020, 0 0 9px 1px rgba(240, 255, 42, .8);
    background: url("/exhibition/floridaTour/img/pimpochka-active.png?v=1") no-repeat;
    background-size: 23px 23px;
    cursor: pointer;
}

span.head:hover {
    cursor: default;
}

#ocala{
    position: absolute;
    top: 73px;
    left: 200px;
}
#the_villages {
    position: absolute;
    top: 110px;
    left: 223px;
}
#maitland {
    position: absolute;
    top: 166px;
    left: 317px;
}
#tampa {
    position: absolute;
    top: 289px;
    left: 151px;
}
#largo {
    position: absolute;
    top: 300px;
    left: 103px;
}
#north_port {
    position: absolute;
    top: 440px;
    left: 183px;
}
#naples {
    position: absolute;
    top: 601px;
    left: 256px;
}
#west_palm_beach {
    position: absolute;
    top: 473px;
    left: 524px;
}
#boynton_beach {
    position: absolute;
    top: 529px;
    left: 508px;
}
#delrey_beach {
    position: absolute;
    top: 546px;
    left: 525px;
}
#plantation {
    position: absolute;
    top: 598px;
    left: 487px;
}
#fort_lauderdale {
    position: absolute;
    top: 597px;
    left: 510px;
}
#pinecrest  {
    position: absolute;
    top: 677px;
    left: 476px;
}
#pinecrest2 {
    position: absolute;
    top: 677px;
    left: 487px;
}
#ocoee{
    position: absolute;
    top: 184px;
    left: 293px;
}
.info_wrapper{
    position: absolute;
    background: rgba(255, 255, 255, 1);
    padding: 20px;
    width: 390px;
    border: 1px solid #979797;
    box-shadow:  0 0 3px 0;
    height: auto;
    border-radius: 10px;
    display: none;
}
.info_wrapper .date{
    font-family: "Sans-pro-semibold", sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 14px;
    float: left;
}
.info_wrapper .time{
    font-family: "Sans-pro-regular", sans-serif, Arial, Verdana, "Trebuchet MS";
    float: right;
}
.info_wrapper .branch{
    font-family: "Sans-pro-bold", sans-serif, Arial, Verdana, "Trebuchet MS";
    font-weight: 700;
    color: #535252;
    text-align: left;
    font-size: 16px;
}
.info_wrapper .location{
    position: relative;
    font-family: "Sans-pro-regular", sans-serif, Arial, Verdana, "Trebuchet MS";
    color: #535252;
    font-size: 18px;
    margin-top: 5px;
    margin-left: 15px;
}
.info_wrapper .location:before{
    position: absolute;
    left: -12px;
    top: 3px;
    display: inline-block;
    content: '';
    background: url("/exhibition/summerTour/img/location_pin_1x.png") no-repeat;
    height: 11px;
    width: 8px;
}
.logo-block {
    position: absolute;
    top: 42px;
    right: -172px;
}
.logo-block > img {
    height: 140px;
}
.instruction{
    position: absolute;
    top: 220px;
    right: -177px;
    color: #fff;
    border: 2px solid #fff;
    padding: 15px;
    width: 245px;
    font-family: "Sans-pro-regular", sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 16px;
}
.instruction p.header{
    font-size: 22px;
    font-family: "Sans-pro-semibold", sans-serif, Arial, Verdana, "Trebuchet MS";
    margin: 0;
}
.instruction ul{
    padding: 0 0 0 15px;
    margin-bottom: 0;
}
.instruction ul li:first-of-type{
    margin-bottom: 10px;
}

.go_to_calendar{
    box-sizing: border-box;
    display: inline-block;
    position: absolute;
    height: 58px;
    bottom: 45px;
    left: -160px;
    font-family: "Sans-pro-semibold", sans-serif, Arial, Verdana, "Trebuchet MS";
    font-weight: normal;
    border: 4px solid #FFFFFF;
    border-radius: 3px;
    background: none;
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    padding: 2px 28px 2px 20px;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0.8;
}
.go_to_calendar svg{
    display: inline-block;
    height: 40px;
    width: 36px;
    margin-right: 25px;
}
.go_to_calendar span{
    display: inline-block;
    height: 40px;
    line-height: 40px;
    vertical-align: bottom;
}
.go_to_calendar:hover svg path#ic-calendar{
    fill: #719bd3;
}

.go_to_calendar:hover {
    background: #fff;
    cursor: pointer;
    color: #719bd3;
}

@media only screen and (max-device-width : 1024px){
    .map_wrapper{
        width: 680px;
    }
    .logo-block{
        right: -140px;
    }
    .instruction{
        right: -140px;
    }
    .go_to_calendar{
        left: -100px;
    }
}
@media screen and (-webkit-min-device-pixel-ratio: 2),
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(min-resolution: 2dppx),
(min-resolution: 192dpi) {
    .info_wrapper .location:before{
        background: url("/exhibition/summerTour/img/location_pin_2x.png") no-repeat;
        background-size: 8px 11px ;
    }
}