@font-face{
font-family:proxima_nova_bold;
src:url(/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-bold-webfont.ttf);
        src: url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-bold-webfont.eot');
    src: url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-bold-webfont.woff') format('woff'),
         url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-bold-webfont.ttf') format('truetype'),
         url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-bold-webfont.svg#proxima_nova_bold') format('svg');
}
@font-face {
    font-family: proxima_nova_rgregular;
    src: url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-regular-webfont.eot');
    src: url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-regular-webfont.woff') format('woff'),
         url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-regular-webfont.ttf') format('truetype'),
         url('/etc/designs/vf/global/fonts/visit-florida/ProximaNova/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.map-dropdown img[usemap],.map-region img, .map-region {
    border: medium none;
    height: auto;
    width: auto;
    max-width: 622px;
}
.map-dropdown{
    background: none repeat scroll 0 0 #000000;
    box-shadow: 1px 5px 10px #888888;
   position: absolute;
 }
.map-dropdown #freshwater{
    background: none repeat scroll 0 0 #FFFFFF;
    height: 520px;
    max-width: 619px;
    width: 619px;
}

.map-region{z-index:-1;position: absolute;}
.map-details{position: absolute;bottom:35px;left:0px; margin: 0 0 15px 50px;color: #FFFFFF; line-height: 18px; letter-spacing: 1px; }
.map-details a{color: #FFFFFF;text-decoration: none;}
.map-details  ul li{list-style: none outside none;}
.map-details  ul, .dropdownTop ul {margin:0;padding:0;border-radius: 0;}
.region-title{font-weight:bold; font-size:18px; }
.map-dropdown .btn {
    background:transparent; 
}
.map-dropdown .dropdown {
    background:#FF0099;
    border-radius: 20px;
    color: #FFFFFF;
    width: 234px;
    margin-top:18px; 
    padding: 5px 0px 8px;
}

.map-dropdown .dropdown .btn {
    -moz-user-select: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 0 0 0 22px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}


.dropdownBottom {
border: 3px solid #FFFFFF;
}
.ie8 .map-dropdown .dropdown, .ie9 .map-dropdown .dropdown { 
background:url(/etc/designs/vf/global/images/visit-florida/redesign/bg-ie8-mapDropDownTop.png) no-repeat;
height:33px;
border:none;
}
.ie8 .map-dropdown .dropdown.dropdownBottom , .ie9 .map-dropdown .dropdown.dropdownBottom {
background:url(/etc/designs/vf/global/images/visit-florida/redesign/bg-ie8-mapDropDownBottom.png) 8px 0 no-repeat;
height:38px;
border:none;
}
.map-dropdown .dropdownarrow {
    position: absolute;
    right: 15px;
    background: url(/etc/designs/vf/global/images/visit-florida/redesign/sprite-img.png) repeat-x 0px 0px;
    height: 12px;
    width: 20px;
    cursor: pointer;
    top: 10px;
    z-index: 1;
}
.ie9 .map-dropdown .dropdownarrow, .ie8 .map-dropdown .dropdownarrow {
    right: 35px;
    top:10px;
}
.ie9 .map-dropdown .open.dropdown .dropdownarrow,  .ie8 .map-dropdown .open.dropdown .dropdownarrow {
right: 35px;
}
.ie9 .dropdownTop .vf-dd-wraper {
    min-width:250px;
}
.ie #freshwater .dropdownTop .vf-dd-wraper, .ie #freshwater .dropdownTop .vf-dd-wraper .vf-ddl {
max-height:263px;
}
.map-dropdown .dropdown-menu li a {
    color:#fff;
    font-family: proxima_nova_bold;
    letter-spacing: 0.8px;
    
}
.ie8 .map-dropdown .dropdown-menu > li > a:hover, .ie9 .map-dropdown .dropdown-menu > li > a:hover, .ie8 .map-dropdown.dropdown-menu > li > a:focus, .ie9 .map-dropdown.dropdown-menu > li > a:focus
{
filter:none !important;
}
 .vf-map  .vf-ddl{
    left: 31px;
   
   }
.map-dropdown a.veiwAllcities {
position:relative;
text-transform: uppercase;
font-family: proxima_nova_bold;
font-size: 12px;
background:url(/etc/designs/vf/global/images/visit-florida/redesign/bg--ie8-mapArrow.png) 118px  center  no-repeat;
width: 130px;
display: inline-block;
color:#fff;
margin-right:23px;
letter-spacing:1px;
}
.ie8  .map-dropdown a.veiwAllcities, .ie9 .map-dropdown a.veiwAllcities {
width: 134px;
}

.map-dropdown a.veiwAllcities:hover, .map-dropdown a.orderMap:hover {
    color:#ABE5FF;
    text-decoration:none;
}


.map-dropdown a.orderMap  {
position: relative;
text-transform: uppercase;
font-family: proxima_nova_bold;
font-size: 12px;
background:url(/etc/designs/vf/global/images/visit-florida/redesign/bg--ie8-mapArrow.png) center right no-repeat;
width: 110px;
display: inline-block;
color:#fff;
letter-spacing:1px;
}
 .ie8 .map-dropdown a.orderMap, .ie9 .map-dropdown a.orderMap {
width: 115px;
} 
.ie9  .map-dropdown .dropdown .btn, .ie8  .map-dropdown .dropdown .btn {
padding:0 0 0 32px;
}

.map-dropdown .dropdownTop #dropdownMenu1 {
margin-top:4px;
margin-left: 10px;
padding:0 0 0 16px;
border:none;
outline:none;
}
.map-dropdown .dropdownTop .vf-ddl {
left:14px; 
}

 .vf-map  .region-list  .vf-dd, #dropdownMenu1{
        width: 245px;
        color: #fff;
        font-family: proxima_nova_bold;
        font-size: 12px;
        position: relative;
        z-index: 999;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-top:2px;
        border:none;
   }
.ie9 .vf-map .region-list .vf-dd, #dropdownMenu1, .ie8 .vf-map .region-list .vf-dd, #dropdownMenu1 {
margin-top:5px; 
}
.ie9 .map-dropdown .dropdownTop #dropdownMenu1, .ie8 .map-dropdown .dropdownTop #dropdownMenu1  {
    margin-top:2px;
    margin-left:0px;
    width:222px;
    border:0;
    padding:0 0 0 22px;
 }  
 .ie8 .map-dropdown  .dropdown, .ie9 .map-dropdown  .dropdown {
    right:10px;
 }
 .vf-map   .region-list   .vf-ddl{width:210px;
   }
   
.vf-dd select   {background: none repeat scroll 0 0 #FF0099;
    color: #FFFFFF;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 215px;}
    
.vf-dd .item{margin: 5px 15px;}
.map-dropdown .carrots{font-weight: bold;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);}

.region-list{
    margin-left: 160px;
    position: absolute;
    top: 12px;
}

.selected-region{z-index:100; position: absolute;}
.hover-region{z-index:50;}
.region-list{z-index:200;}
.map-dropdown .featured-city{
    margin-top: 5px;
}
.featured-city ul li a { font-size:14px; font-family:proxima_nova_rgregular; }

.map-dropdown .city-list {
    margin: 10px 0;
}

.map-details .links span{margin-right:40px; float:left;}

.map-details .links span a::after {
  content: " ";
  color: #FFFFFF;
  -moz-transform: rotate(-90deg);
  transform:rotateX(90deg);
  
}
#Map{z-index:2000;}

.map-order-Links{
        position:absolute;
        bottom:5%;
        left:12%;
        
    }
.black_overlay{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.5 !important;
    opacity:.50 !important;
    filter: alpha(opacity=50);
}
 
.white_content {
    display:none;
    position: absolute;
    top: 70px;
    left: -1000px;
    background-color: white;
    z-index:1002;
    
}

#navMapIcon.open{
    background: none repeat scroll 0 0 #FFFFFF;
    z-index: 1003;
}

#navMapIcon.open a {
    color: #227aa7;
    text-decoration: none;
}
.map-dropdown .open .drp-icon  {
position: absolute;
right: -19px;

background: url("/etc/designs/vf/global/images/visit-florida/redesign/sprite-img.png") repeat-x 0px -11px;
height: 19px;
width: 20px;
cursor: pointer;
}



 .close-map{
 background:url(/etc/designs/vf/global/images/visit-florida/redesign/bg-map-close.png) no-repeat; 
    border:none;
    color: #FFFFFF;
    margin-top: 19px;
    position: absolute;
    right: 14px;
    cursor: pointer;
    text-transform:uppercase;
    font-size:11px;
    z-index:999;
    width:11px;
    height:0px;
    padding: 10px 0 0;
    overflow:hidden;
}
/*
.close-map:before, .close-map:after {
    border-right: 2px solid;
    content: '';
    display: block;
    height: 13px;
    margin-top: -11px;
    position: absolute;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 123%;
    top: 82%;
    width: 0;
}
.close-map:after {
    margin-top: -11px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}   

 */

*:before, *:after {
    box-sizing: border-box;
}
*:before, *:after {
    box-sizing: border-box;
}
#navMapIcon.open a {
    color: #227AA7;
    text-decoration: none;
}
.map-dropdown ul.navigation li.open a:hover{
    background:none;
 } 
 
.map-dropdown #selected-region{
    display:none;
}


.map-dropdown{display:none;}


@media only screen and (max-width : 744px) {
    .hidden-xs{display:none !important;}
    select.vf-sddl{margin:0px;
    height: auto;
    }

}

@media only screen and (min-width : 745px) {
    .visible-xs{display:none !important;}

}
@media only screen and (min-width : 320px) and (max-width : 744px) {
    .map-dropdown img[usemap],.map-region img, .map-region {
       max-width: 100%;
    }
    .map-dropdown .dropdown {
        position:relative;
        left:0px;
    }
    
    .map-dropdown.white_content{
        left:0px;
        top: 48px;
    }
    
     .map-dropdown.white_content  .mapNavClone{
        height:60px;
    }
    
    .map-dropdown.white_content  .mapNavClone li{
        height:100%;
    }
    
    .map-dropdown.white_content  .mapNavClone li a{
        height:30px;
    }
    
    .map-dropdown.white_content  .dropdownTop.dropdown.open  li a{
       line-height:0px;
    }
    
    .map-details {
        bottom: 3%;
        color: #FFFFFF;
        left: 0;
        margin: 0 0 0 20px;
        position: absolute;
        width:50%;
    }
    
   .map-dropdown .navigation #navMapIcon.open {
        z-index: 1003;
    }
    
    .region-list {
        margin-left: 35px;
   }
    
    #freshwater{
        
        height:auto;
    }
        .close-map {
            background: none;
            border: none;
            color: #FFFFFF;
            margin-top: -17px;
            position: absolute;
            right: 14px;
            cursor: pointer;
            font-size: 10px;
            z-index: 9999;
            overflow: visible;
            padding: 0;
            width: 30px;
        }
.close-map:before, .close-map:after {
            border-right: 3px solid;
            content: '';
            display: block;
            height: 16px;
            margin-top: -24px;
            position: absolute;
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            left: 48%;
            top: 60%;
            width: 0;
    }
    .close-map:after {
        margin-top: -24px;
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    */
    .vf-ddl::-webkit-scrollbar {
        background: transparent;
        height: 10px;
        overflow: visible;
        width: 10px;
    }
    .vf-ddl::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-border-radius:5px;
    }
    .vf-ddl::-webkit-scrollbar-thumb:hover{
        background-color: rgba(0, 0, 0, 0.6);   
    }
    .vf-ddl::-webkit-scrollbar-corner {
        background: transparent;
    }


    
}

    

@media only screen and (min-width : 768px) {
    .white_content{position:fixed !important;}
    .region-title, .map-dropdown .featured-city{
        padding-left:24px;
    }
	
	.vf-ddl::-webkit-scrollbar {
        background: transparent;
        height: 10px;
        overflow: visible;
        width: 10px;
    }
     .vf-ddl::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
        -webkit-border-radius:5px;
    }
    .vf-ddl::-webkit-scrollbar-thumb:hover{
        background-color: rgba(0, 0, 0, 0.6);   
    }
    .vf-ddl::-webkit-scrollbar-corner {
        background: transparent;
    }

}

.mapNavClone {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 76px;
  left: 284px;
  position: absolute;
  top: -76px;
  width: 69px;
  z-index: 100000;
}


.mapNavClone li a, .mapNavClone li a:hover {
    color: #006699;
    display: block;
    font-family: proxima_nova_rgbold;
    font-size: 12px;
    height: 75px;
    letter-spacing: 1px;
    padding: 25px 0 10px 20px;
    text-transform: uppercase;
    text-decoration:none;
    
}


 .mapNavClone, .ie8  .mapNavClone {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 76px;
  left: 284px;
  position: absolute;
  top: -76px;
  width: 69px;
  z-index: 100000;
}

.mdrp-icon {
  background: url("/etc/designs/vf/global/images/visit-florida/redesign/sprite-img.png") repeat-x scroll -4px -18px ;
  cursor: pointer;
  height: 11px;
  position: absolute;
  right: 27px;
  top: 44px;
  width: 16px;
}




.ie8 .responsiveglobalheader  .map-dropdown   {
  position:fixed;
} 
.mapNavClone li a,   .mapNavClone li a:hover, .ie8  .mapNavClone li a, .ie8  .mapNavClone li a:hover  {
    color: #006699;
    display: block;
    font-family: proxima_nova_rgbold;
    font-size: 12px;
    height: 75px;
    letter-spacing: 1px;
    padding: 25px 0 10px 20px;
    text-transform: uppercase;
    text-decoration:none;
    cursor:pointer;
}

 .navigation .open .drp-icon {
  background: url("/etc/designs/vf/global/images/visit-florida/redesign/sprite-img.png") repeat-x scroll -2px -19px ;
  cursor: pointer;
  height: 10px;
  position: absolute;
  right: -4px;
  top: 35px;
  width: 19px;
}   
    

.map-dropdown .dropdown.open , .ie8 .map-dropdown .dropdown.open.dropdownBottom{
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left: 1px solid #FF0099;
  border-right: 1px solid #FF0099;
  border-top: 1px solid #FF0099;
  color: #FF0099;
}

.map-dropdown .dropdown.open  #dropdownMenu1, .map-dropdown .dropdown.open   ul.vf-ddl li a{
    color:#FF0099;
}

.map-dropdown .dropdown.open ul.vf-ddl {
  color: #FF0099;
  width:100%;
  left: -2px;
  max-height: 186px;
  height:auto;
  overflow-y: auto;
}

.map-dropdown .dropdown.open   ul.vf-ddl li a:hover, .ie8 .map-dropdown .dropdown.open   ul.vf-ddl li:hover, .ie9 .map-dropdown .dropdown.open   ul.vf-ddl li:hover{
    color:#FFFFFF;
    background:#FF0099;
    cursor:pointer;
}

.map-dropdown  .dropdown.open .dropdownarrow {
  background: url("/etc/designs/vf/global/images/visit-florida/redesign/sprite-img.png") repeat-x scroll 0 -8px;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 14px;
  top: 2px;
  width: 21px;
  z-index: 1;
}

.map-dropdown  .dropdownBottom.open .dropdownarrow {
     right: 22px;
}
.ie8 .map-dropdown .dropdownBottom .dropdownarrow, .ie9 .map-dropdown .dropdownBottom .dropdownarrow {
right:22px;
top:13px;
}
.ie8 .map-dropdown .open.dropdownBottom .dropdownarrow, .ie9 .map-dropdown .open.dropdownBottom .dropdownarrow {
right:15px;
top:3px;
}
.map-dropdown .dropdown.open li a {
    font-family: proxima_nova_bold;
    font-size:12px;
    text-transform: capitalize;
    display: block;
    text-decoration: none;
    padding:  5px 0 5px 20px;
}

.map-dropdown .dropdown.open #dropdownMenu1{
    text-align:left;
    padding-left:20px;
}

.ie8 .map-dropdown .featured-city, .ie8 .map-dropdown .region-title{
    padding-left:24px;
}
.ie9 .map-dropdown .featured-city, .ie9 .map-dropdown .region-title{
    padding-left:24px;
}

#navMapIcon.open  a:hover{
background:none!Important;
}



.map-dropdown .dropdown.dropdownTop{
    width: 260px;
}

.map-dropdown .dropdown.dropdownTop.open .vf-ddl{
    width:260px;
}

.map-dropdown .dropdownTop.open #dropdownMenu1{
    margin-left:0px;
}

.map-dropdown .dropdown.dropdownBottom.open ul.vf-ddl{
    left:-2px;
}

.vf-ddl li a{font-size:11px;}

.ie8 .map-dropdown .dropdownBottom.open , .ie9 .map-dropdown .dropdownBottom.open {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-left: 1px solid #ff0099;
    border-right: 1px solid #ff0099;
    border-top: 1px solid #ff0099;
    color: #ff0099; 
}

#freshwater .vf-dd-wraper{
    max-height: 220px;
    height:auto;
    position: absolute;
    overflow-y: auto;
    background: none repeat scroll 0 0 #FFFFFF;
    width:234px;
  border-bottom: 1px solid #FF0099;
  border-bottom-left-radius:20px;
  border-bottom-right-radius: 20px;
  border-left: 1px solid #FF0099;
  border-right: 1px solid #FF0099;
  overflow: hidden;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
margin-top:0px;
left: -1px;
padding: 10px 0 15px 0px;
}

.dropdownBottom.open{
   bottom: 100px;
   border-radius: 17px;
}
.dropdownBottom.open.large{
   bottom: 200px;
   
}

#freshwater .dropdownTop .vf-dd-wraper{
    width:260px;
}

.dropdownTop .vf-dd-wraper.dropdown-menu ul.vf-ddl{
    overflow-x:hidden;
    overflow-y:auto;
}

.ie8 .vf-dd-wraper.dropdown-menu, .ie9 .vf-dd-wraper.dropdown-menu{
    top:30px;
}

ul.mapNavClone {padding:0px;margin:0px;}
ul.mapNavClone li{list-style:none;}

/* mobile portrait view */
@media all and (min-width:0px) and (max-width:360px) {
.vf-map .region-list .vf-dd, .dropdownTop #dropdownMenu1 {
        width:235px;
}
.map-dropdown .dropdown {
        width:210px;
}
.vf-map .region-list .vf-dd, #dropdownMenu1 {
        width: 210px;
}
.map-dropdown .dropdownarrow {
        right:4px; 
}

.map-dropdown .dropdownBottom.open .dropdownarrow {
    right:6px;
}
#freshwater .vf-dd-wraper {
    width:210px;
}
.mapNavClone li a, .mapNavClone li a:hover, .ie8 .mapNavClone li a, .ie8 .mapNavClone li a:hover {
    height:50px;
}

.map-dropdown .featured-city {
padding:0 0 0 28px;
}
.region-title {
padding:0 0 0 28px;
}
.map-dropdown .dropdown .btn {
padding:0 0 0 25px;
}
.map-dropdown .dropdown.dropdownTop {
overflow:hidden;
}
.map-dropdown .dropdown.dropdownBottom {
    overflow: hidden;
}
.vf-sddl {
    width: 281px;
    background: transparent;
    border: none;
    padding: 2px 0 0 24px;
    color: #fff;
    font-family:proxima_nova_bold;
    text-transform: capitalize;
    outline: none;
     line-height:20px;
    }

}
@media all and (min-width:360px) and (max-width:640px) {
.map-dropdown .featured-city {
padding:0 0 0 28px;
}
.region-title {
padding:0 0 0 28px;
}
.map-dropdown .dropdown .btn {
padding:0 0 0 25px;
}
.map-dropdown .dropdown.dropdownTop {
overflow:hidden;
}
.map-dropdown .dropdown.dropdownBottom {
    overflow: hidden;
}
.vf-sddl {
    width: 281px;
    background: transparent;
    border: none;
    padding: 2px 0 0 24px;
    color: #fff;
    font-family:proxima_nova_bold;
    text-transform: capitalize;
    outline: none;
     line-height:20px;
    }
}

#freshwater  .dropdownTop .vf-dd-wraper, #freshwater  .dropdownTop .vf-dd-wraper .vf-ddl{
    max-height: 280px;
    padding-bottom:4px;
    padding-top:4px; 
}

body.noscroll{
    overflow:hidden;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   .enews-overlay .overlay-content-container .form-submit input {
       line-height:14px;
    }
}
.ie8 .visible-xs{display:none !important;}