/**
 * Travel Planner CSS
 */
 
.travel-planner-hidden {
    display: none;
}

/**
 * Sprite    
 *
 * 
 */
.travel-planner-map .multi-category:before,
.travel-planner-map .multi-category:after,
.travel-planner-map .categories-toggle-show,
.travel-planner-map .categories-toggle-hide,
.travel-planner-map .map-controls-placeholder,
.travel-planner-map .map-controls-zl-plus,
.travel-planner-map .map-controls-zl-minus,
.travel-planner-map .map-controls-zl-level-current-pointer,
.travel-planner-map .mine-tour-trigger,
.travel-planner-map .mine-tour-trigger:before,
.travel-planner-map .map-fullscreen-button,
.travel-planner-map .map-fullscreen-button:before,
.travel-planner-map .map-switched-button,
.travel-planner-map a#change-map i.map-ui-icon,
.travel-planner-map .tour-directions,
.travel-planner-map .tour-directions:before,
.travel-planner-map .popup-placeholder,
.travel-planner-map .mine-tour-points,
.travel-planner-map .mine-tour-points-toggle,
.travel-planner-map .mine-tour-points-list  li,
.travel-planner-map .remove-point,
.travel-planner-map .see-the-route,
.travelPlannerInfoWindow:after,
.travelPlannerInfoWindow > img,
.travelPlannerInfoWindow > div > a,
.travel-planner-map .facebook-share,
.travel-planner-map .single-category:before,
.travel-planner-map .single-category:after,
.travel-planner-map .single-category .category-link-all,
.travel-planner-map .jcarousel-prev, 
.travel-planner-map .jcarousel-next,
.travel-planner-modal-popup #cboxClose,
.travel-planner-map .add-custom-location-wrapper,
.travel-planner-map .share-the-route-wrapper
{
    background-image: url('../images/map-sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
}

/**
 * Fullscreen functionality
 */
.travel-planner-fullscreen {
    overflow: hidden !important;
}
.travel-planner-fullscreen-ancestor {
    position: static !important;
    height: auto;
    overflow: hidden;
}
.travel-planner-fullscreen .travel-planner-map {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 700 !important;
}


/**
 * Category menu 
 */
 #categories-wrapper {
    margin-top: 42px;
 }
.categories-placeholder-wrapper {
    outline: 0;
    margin-top: 6px;
    max-height: 542px;
}
.travel-planner-map .multi-category{
    width:241px;
    max-height:  542px;
    background-image: url('../images/menu_and_shadow.png');
 }
.travel-planner-map .categories-placeholder {
    width: 242px;
    padding: 0px;
    color: #fff;
    background-repeat: repeat;
    background-position: -1px 0px;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
}
.travel-planner-map .multi-category:before, 
.travel-planner-map .single-category:before,
.travel-planner-map .multi-category:after,
.travel-planner-map .single-category:after{
    display: block;
    content: "";
    font-size: 0;
}
.travel-planner-map .multi-category:before{
    width: 241px;
    height: 36px;
    margin-top: -36px;
    background-position: -375px -20px;
}
.travel-planner-map .multi-category:after{
    width: 241px;
    height: 42px;
    margin-bottom: -32px;
    background-position: -374px -74px;
}
.travel-planner-map .categories-placeholder li{
    max-width: 185px;
    margin: 0px 0px 0px 20px;
}
.travel-planner-map .categories-pins-placeholder li{
    margin-left: 5px;
}
.travel-planner-map .categories-placeholder .category-link {
    display: block;
    color: #fff;  
}
.travel-planner-map .category-link .categories-category-image{
    display: inline-block;
    width: 40px;
    margin-right: 10px;
    line-height: 51px;
    text-align: center;
}
.travel-planner-map .category-link  .categories-category-label,
.travel-planner-map .categories-pins-placeholder .category-pin-link{
    font-family: "Soho W02 Regular", Helvetica, Arial, sans-serif;    
}
.travel-planner-map .category-link  .categories-category-label {
    display: inline-block;
    max-width: 134px;
    overflow: hidden;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: "Soho W02 Regular", Helvetica, Arial, sans-serif;
}
.travel-planner-map .categories-placeholder .category-link:hover span {
    color: yellow;
}
.travel-planner-map .categories-pins-placeholder {
    display: none;
}
.travel-planner-map .categories-pins-placeholder .category-pin-link {
    display: inline-block;
    border-bottom: 1px solid #f6f3f1;
}
.travel-planner-map .categories-pins-placeholder .category-pin-link {
    color: #333;
}
.travel-planner-map .cboxElement {
    display: inline-block;
    font-size: 14px !important;
    color: #fff;
}
.travel-planner-map .cboxElement:hover{
    color: #fff !important;
}
.travel-planner-map .popup-placeholder-textcontent {
    top: 15px !important;
    max-width: 265px;
    height: 72px;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 35px;
    overflow: hidden;
    text-transform: uppercase;
    background-position: 100% -660px;
}
.travel-planner-map .cboxElement span{
    font-size: 14px;
    line-height: 18px;
}
.travel-planner-map .popup-placeholder-textcontent-textwrapper{
    overflow: hidden;
    max-height: 70px;
    max-width: 270px;
}
.travel-planner-map .cboxElement span.word-0 {
    display: block;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 24px;
}
.travel-planner-map .categories-toggle-show {
    position: absolute;
    right: 196px;
    display: inline;
    width: 100px;
    height: 50px;
    font-size: 0px !important;
    background-position: -170px -117px;
}
.travel-planner-map .categories-toggle-show:hover {
    background-position: -170px -178px;
}
.travel-planner-map .categories-toggle-hide {
    position: absolute;
    top: -21px;
    left: 215px;
    width: 18px;
    height: 18px;
    font-size: 0px !important;
    background-position: -223px -258px;
}
.travel-planner-map .categories-toggle-hide:hover {
    background-position: -200px -258px ;   
}
.travel-planner-map .single-category {
    position: absolute;
    width: 241px;
    max-height: 546px;
    background-image: url('../images/menu_single_cat.png') ;
    background-repeat: repeat-y;
}
.travel-planner-map .single-category:before {
    position: absolute;
    width: 241px;
    height: 32px;
    margin-top: -32px;
    margin-left: 2px;
    background-position: -301px -561px;
}
.travel-planner-map .single-category:after{
    position: absolute;
    bottom: -25px;
    width: 241px;
    height: 25px;
    background-position: -299px -598px;
}
.travel-planner-map .single-category .categories-pins-placeholder{
    padding: 0px;
}
.travel-planner-map .single-category a.category-link{
    cursor: context-menu;    
}
.travel-planner-map .single-category a.category-link span{
    font-weight: bolder;
    color: #fa4e3c;
}
.travel-planner-map .single-category a.category-link:hover span{
    color: #fa4e3c;    
}
.travel-planner-map .single-category .categories-toggle-hide{
    display: none !important;
}
.travel-planner-map .category-link-all{
    display: none;
}
.travel-planner-map .single-category .category-link-all{
    display: block;
    width: 28px;
    height: 27px;
    margin-left: 15px;
    font-size: 0px !important;
    background-position: -553px -139px;
}
.travel-planner-map .single-category .category-link-all:hover{
    background-position: -585px -139px;   
}
.travel-planner-map .category-pin-link{
    margin: 5px 0px;
}
.travel-planner-map .category-pin-link, 
.travel-planner-map .category-pin-link:hover{
    font-size: 14px !important;
    color: #358add !important;
}
.travel-planner-map  .category-pin-link:hover{
    border-bottom: 1px dashed #358add;
}
.travel-planner-map .categories-pins-placeholder .active{
    font-weight: bolder;
    border-bottom: 1px solid #358add;
}

/**
*  Red Logo Popup
*
*/

.travel-planner-modal-popup, .travel-planner-modal-popup #cboxWrapper {
    padding-bottom: 60px !important;
}
.travel-planner-modal-popup{
    box-shadow: 5px 5px 27px #000;
}
.travel-planner-modal-popup #cboxWrapper{
    background-image: url('../images/popup2.png');    
    background-repeat: repeat-y;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
}
.travel-planner-modal-popup #cboxContent{
    width: 550px !important;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
}
.travel-planner-modal-popup #cboxLoadedContent{
    width: 550px !important;
    min-height: 100px;
    margin-top: 30px;
}

.travel-planner-modal-popup #cboxClose{
    right: -6px;
    top: -14px;
    width: 31px;
    height: 31px;
    background-position: -61px -35px;
    background-color: transparent !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
}
.travel-planner-modal-popup #cboxClose:hover{
    background-position: -61px -66px;   
}
.travel-planner-modal-popup form .form-type-checkbox{
    margin-right: 10px;
}
.travel-planner-modal-popup form input[type="checkbox"] {
    float: none;
}
.travel-planner-modal-popup form>div>.form-item{
    margin-top: 15px;
    margin-bottom: 10px;
}
.travel-planner-map .popup-placeholder-textcontent-textwrapper:focus, .travel-planner-map .colorbox-inline:focus {
    outline: none !important;
}

/**
* Scroller
*
*/
.travel-planner-map .jspVerticalBar, 
.travel-planner-map .jspTrack{
    background-color: #fa4e3c;
}
.travel-planner-map .single-category .jspVerticalBar,
.travel-planner-map .single-category .jspTrack{
    background-color: inherit;   
}
.travel-planner-map .jspVerticalBar .jspDrag {
    background-color: #fff;
}
.travel-planner-map .single-category .jspDrag {
    background-color: #d5d2c4;
}
.travel-planner-map .jspVerticalBar {
    margin-right: 10px;
    width: 13px;
}
.travel-planner-map .categories-placeholder-wrapper .jspPane{
    left: 0 !important;
}


/**
 * Map controls
 *
 */
 .travel-planner-map .map-controls-placeholder{
    width: 57px;
    height: 168px;
    margin: 0px 0px 0px 15px;
    background-position: 0px -93px;
 }
.travel-planner-map .map-controls-zl-plus,
.travel-planner-map .map-controls-zl-minus {
    clear: both;
    width: 24px;
    height: 24px;
    margin: 11px 14px;
    float: left;
}
.travel-planner-map .map-controls-zl-plus{ 
    background-position: -3px -5px;
}
.travel-planner-map .map-controls-zl-plus:hover{ 
    background-position: -31px -34px;
}
.travel-planner-map .map-controls-zl-minus {
    background-position: -31px -5px;
    margin-top: 16px;
}
.travel-planner-map .map-controls-zl-minus:hover {
    background-position: -3px -34px;
}
.travel-planner-map .map-controls-zl-levels {
    position: relative;
    top: -4px;
    left: 19px;
    float: left;
    width: 22px;
    height: 70px;
}
.travel-planner-map .map-controls-zl-level {
    position: relative;
    width: 12px;
}
.travel-planner-map .map-controls-zl-level-current-pointer{
    position: absolute;
    top: 0%;
    width: 14px;
    height: 16px;
    background-position: -59px -1px;
}
.travel-planner-map .map-controls-zl-level:last-child div{
    top:50%;
}

/**
 * Travel planner  
 *
 * widget
 */
.travel-planner-map .mine-tour-trigger {
    width: 52px;
    height: 25px;
    padding: 48px 17px 35px;
    margin-bottom: 12px;
    color: #3792ee;
    font-size: 12px !important;
    background-position: -100px 0px;     
    cursor: pointer;  
}
.travel-planner-map .mine-tour-trigger:before {
    position: relative;
    bottom: 28px;
    left: 3.5px;
    display: block;
    width: 46px;
    height: 36px;
    content: "";
    font-size: 0;
    background-position: -96px -112px;
    cursor: pointer;  
}
.travel-planner-map .mine-tour-trigger:hover{
    background-position: -68px -150px;
} 
.travel-planner-map .mine-tour-trigger:hover:before {
    animation: bounce .25s linear 2;
    -webkit-animation: bounce .25s linear 2;
    -moz-animation: bounce .25s linear 2;
    -o-animation: bounce .25s linear 2;
}

@keyframes bounce {
  25% {
    bottom: 30px;
  }
  75% {
    bottom: 26px;
  }
}
@-webkit-keyframes bounce {
  25% {
    bottom: 30px;
  }
  75% {
    bottom: 26px;
  }
}
@-moz-keyframes bounce {
  25% {
    bottom: 30px;
  }
  75% {
    bottom: 26px;
  }
}
@-o-keyframes bounce {
  25% {
    bottom: 30px;
  }
  75% {
    bottom: 26px;
  }
}

.travel-planner-map .mine-tour-points{
    position: absolute;
    bottom: 4px;
    z-index: 10;
    display: none;
    padding: 10px;
    width: 265px;
    max-height: 590px;
    background-position: -628px -7px;
}
.travel-planner-map .mine-tour-points-toggle{
    position: relative;
    left: 221px;
    bottom: 4px;
    width:22px;
    height:22px;
    background-position: -169px -231px;
}
.travel-planner-map .mine-tour-points-toggle:hover{
    background-position: -197px -231px;    
}

.travel-planner-map .mine-tour-tip-onempty {
  display: none;
}
.travel-planner-map .travel-planner-tour-empty .mine-tour-tip-onempty {
  display: block;
  margin: 12px 24px 12px 6px;
  font-size: 1.4em;
  line-height: 1.4em;
}
.travel-planner-map .travel-planner-tour-empty .add-custom-location-wrapper,
.travel-planner-map .travel-planner-tour-empty .mine-tour-points-list,
.travel-planner-map .travel-planner-tour-empty .see-the-route,
.travel-planner-map .travel-planner-tour-empty .share-the-route-wrapper {
  display: none;
}

.travel-planner-map .mine-tour-points .label{
    width: 97px;
    margin-top: 1px;
    margin-left: 46px;
    color: #fff;
    font-size: 22px;
}
.travel-planner-map .mine-tour-points-list{
    padding:0;
}
.travel-planner-map .mine-tour-points-list  li{
    list-style-type: decimal;
    list-style-position: inside;
    width: 200px;
    height: 28px;
    margin: 5px 0px 5px 12px;
    padding-left: 12px;
    background-position: 0px -487px;   
}
.travel-planner-map .mine-tour-points-list li:hover {
    color: #f04837;
    background-position: -215px -485px;   
}
.travel-planner-map .mine-tour-points-list li:hover a:first-child {
     color: #f04837 !important;
}
.travel-planner-map .mine-tour-points-list li:nth-child(3n){
    background-position: 0px -332px; 
}
.travel-planner-map .mine-tour-points-list li:nth-child(3n):hover{
    background-position: -220px -332px; 
}
.travel-planner-map .mine-tour-points-list li:nth-child(3n-1){
    background-position: 0px -445px;
    width: 192px;   
}
.travel-planner-map .mine-tour-points-list li:nth-child(3n-1):hover{
    background-position: -220px -442px;
}
.travel-planner-map .mine-tour-points-list li:nth-child(3n+1){
    background-position: 0px -527px;    
}
.travel-planner-map .mine-tour-points-list li:nth-child(3n+1):hover{
    background-position: -220px -522px;
}
.travel-planner-map .mine-tour-points-list li a{
    display: inline-block;
}
.travel-planner-map .mine-tour-points-list li, 
.travel-planner-map .mine-tour-points-list li a:first-child{
    font-size: 15px;
    font-weight: 900;
    color: #fff;
}
.travel-planner-map .mine-tour-points-list li a:first-child{
    width: 145px;
    height: 16px;
    padding: 5px 0px 0px;
    padding: 3px 0 0\9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
 .travel-planner-map .remove-point{
    position: relative;
    top: 5px;
    right: 7px;
    width: 15px;
    height: 15px;
    float: right;
    font-size: 0 !important;
    background-position: -135px -262px;
}
 .travel-planner-map .mine-tour-points-list li:hover .remove-point {
    background-position: -104px -262px;   
}
 .travel-planner-map .add-custom-location, 
 .travel-planner-map .see-the-route,
 .travel-planner-map .share-the-route{
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-weight: normal\9;
}
 .travel-planner-map .add-custom-location,  .travel-planner-map .add-custom-location-wrapper{
    width: 140px;
    height: 30px;
}
 .travel-planner-map .add-custom-location-wrapper{
    margin-left: 34px;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-left: 35px;
    background-position: 0px -562px;
}
 .travel-planner-map .see-the-route{
    float: left;
    width: 69px;
    height: 24px;
    padding: 7px 30px;
    background-position: -221px -277px;
}
 .travel-planner-map .share-the-route,  .travel-planner-map .share-the-route-wrapper{
    width: 119px;
    height: 38px;
}
 .travel-planner-map .share-the-route-wrapper{
    float: left;
    background-position: -177px -560px;
}
 .travel-planner-map .share-the-route{
    padding-top: 6px;
    padding-left: 32px;
}
 .travel-planner-map .add-custom-location:hover,
 .travel-planner-map .see-the-route:hover,
 .travel-planner-map .share-the-route:hover{
    color: #fff !important;    
}
 .travel-planner-map .add-custom-location-wrapper:hover{
    background-position: 0px -600px;   
}
 .travel-planner-map .see-the-route:hover{
    background-position: -91px -279px;
}
 .travel-planner-map .share-the-route-wrapper:hover{
    background-position: -176px -602px;    
}

/**
 * User location
 * styling
 * 
 */
 .travel-planner-map li.user-location a{
    font-weight: bolder;
    font-family: "Soho W02 Regular", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
 }



/**
 * Tour
 *
 * directions
 */
 .travel-planner-map .tour-directions{
    position: absolute;
    bottom: 11px;
    left: 100px;
    z-index: 1;
    width: 86px;
    height: 110px;
    background-position: -305px -129px;
    cursor: pointer; 
}
 .travel-planner-map.tour-directions:hover{
    background-position: -392px -129px;
}
 .travel-planner-map .tour-directions-show, 
 .travel-planner-map .tour-directions-hide{
    position: relative;
    top: 84px;
    left: 15px;
    color: #3792ee;
    font-size: 12px !important;
}
 .travel-planner-map .tour-directions-show{
    left: 12px;
}
 .travel-planner-map .tour-directions:before {
    position: absolute;
    bottom: 63px;
    left: 39px;
    display: block;
    width: 17px;
    height: 17px;
    content: "";
    font-size: 0;
    background-position: -263px -232px;
    cursor: pointer;
}
 .travel-planner-map .tour-directions:hover:before{
    animation: oscillation 2s linear infinite;
    -webkit-animation: oscillation 2s linear infinite;
    -moz-animation: oscillation 2s linear infinite;
    -o-animation: oscillation 2s linear infinite;
}
@keyframes oscillation {
  25% {
    left: 49px;
  }
  75% {
    left: 33px;
  }
}
@-webkit-keyframes oscillation {
  25% {
    left: 49px;
  }
  75% {
    left: 33px;
  }
}
@-moz-keyframes oscillation {
  25% {
    left: 49px;
  }
  75% {
    left: 33px;
  }
}
@-o-keyframes oscillation {
  25% {
    left: 49px;
  }
  75% {
    left: 33px;
  }
}



/**
 * Toggle screen
 *
 * element
 */
 .travel-planner-map .map-fullscreen-button {
    bottom: 180px !important;
    left: 10px !important;
    width: 64px;
    height: 41px;
    font-size: 0px !important;
    background-position: 2px -265px;
}
 .travel-planner-map .map-fullscreen-button:before{
    display: block;
    width: 20px;
    height: 19px;
    margin: 13px 0px 0px 20px;
    content: "";
    font-size: 0;
    background-position: -66px -276px;
}
 .travel-planner-map .map-fullscreen-button:hover:before{
    background-position: -66px -297px;
}

/**
 * Pin Popups
 *
 * Bubles
 */
.travelPlannerInfoWindow {
    z-index: -1;
    margin: 0 0 52px -6px;
    min-width: 400px !important;
    max-width: 421px !important;
    padding: 10px;
    background-color: white \9;
    background-color: rgba(255, 255, 255, 0.85);
}
.travelPlannerInfoWindow:after{
    position: absolute;
    bottom: -20px;
    display: block;
    width: 23px;
    height: 20px;
    content: "";
    font-size: 0;
    background-position: -378px 0px;
}
.travelPlannerInfoWindow > img {
    position: absolute !important;
    right: -39px;
    z-index: 100;
    width: 0px !important;
    padding: 23px 22px;
    background-position: -486px -133px;
}
.travel-planner-popup .travel-planner-popup-title, .travel-planner-popup .field-item p{
    margin-bottom: 10px;
}
.travel-planner-popup .travel-planner-popup-title{
    font-size: 24px;
    font-weight: 900;
    color: #f74d3b;
}
.travel-planner-popup .travel-planner-popup-body{
    max-height: 160px;
    overflow: auto;
    margin-bottom: 5px;
}
.travel-planner-popup .travel-planner-popup-body a,
.gm-style .travel-planner-popup .travel-planner-popup-body a {
    font-size: 1em;
}
.gm-style
 .travel-planner-map .field-item p {
    font-size: 14px;
}
.travelPlannerInfoWindow > img:hover{
    background-position: -485px -178px;
}
.travel-planner-popup .carousel {
    height: 300px;
    overflow: hidden;
}
.travel-planner-popup .carousel .slide {
    height: 300px;
    float: left;
    overflow: hidden;
}
 .travel-planner-map .map-switched-button{
    bottom: 33px !important;
    left: 1073px !important;
    width:92px;
    height:98px;
    font-size: 0px !important;
    background-position: -185px -6px;
}
.travelPlannerInfoWindow > div{
    height: inherit;
}
.travelPlannerInfoWindow > div > a {
    position: relative;
    display: block;
    width: 220px;
    height: 23px;
    padding: 6px 0px 5px 0px;
    text-align: center;
    float: left;
}
 .travel-planner-map .add-to-minetour{
    background-position: -364px -247px;   
}
 .travel-planner-map .add-to-minetour:hover{
    color: #358add !important;
    background-position: -364px -283px;
}
 .travel-planner-map .remove-minetour {
   background-position: -3px -660px;   
}
 .travel-planner-map .remove-minetour:hover {
    color: #358add !important;
    background-position: -3px -697px; 
}
.travelPlannerInfoWindow > div > a, .facebook-share a{
    color: white;
    font-size: 12px;
    font-weight: 900;
}
 .travel-planner-map .facebook-share {
    left: 220px;
    width: 190px;
    height: 33px;
    background-position: -436px -330px;
    float: left;
}
 .travel-planner-map .facebook-share a{
    display: inline-block;
    width: 135px;
    height: 20px;
    padding: 7px 0 0 40px;
}
 .travel-planner-map .facebook-share:hover{
    background-position: -436px -366px;    
}
 .travel-planner-map .facebook-share:hover a{
    color: #358add !important;
}

.travel-planner-map .travelPlannerInfoWindow .travel-planner-instagram {
  margin: .4em 0;
}
.travel-planner-map .travelPlannerInfoWindow .travel-planner-instagram .travel-planner-instagram-hash {
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .4em;
}
.travel-planner-map .travelPlannerInfoWindow .travel-planner-instagram .travel-planner-instagram-images {
  text-align: center;
  min-height: 100px;
  width: 94%;
  margin: 1% auto 3% auto;
}
.travel-planner-map .travelPlannerInfoWindow .travel-planner-instagram .travel-planner-instagram-images img.travel-planner-instagram-images-img {
  width: 100% !important;
  height: auto !important;
  margin: 1% !important;
  padding: 0 !important;
  border: 0 !important;
}
.travel-planner-map .travelPlannerInfoWindow .travel-planner-instagram .travel-planner-instagram-images .jcarousel-prev.jcarousel-prev-horizontal {
  position: absolute;
  top: 40%;
  left: -16px;
}
.travel-planner-map .travelPlannerInfoWindow .travel-planner-instagram .travel-planner-instagram-images .jcarousel-next.jcarousel-next-horizontal {
  position: absolute;
  top: 40%;
  right: -16px;
}

/**
 * Travel Planer Tooltip
 */
.travelPlannerToolTip {
  height: 42px;
  padding: 12px 0 6px 12px;
  color: #368ce4;
  font-size: 13px !important;
  font-weight: bolder !important;
  letter-spacing: 1px;
  text-align: center;
  background-image: url('../images/map-sprite.png');
  background-repeat: no-repeat;
  background-position: 0 -754px;
  position: relative;
  min-width: 165px;
}
.travelPlannerToolTip:after {
  content: '';
  width: 11px;
  float: right;
  position: absolute;
  top: 0;
  right: -11px;
  height: 54px;
  margin: 0;
  background: url('../images/map-sprite.png') 100% -754px no-repeat;
}

 /**
 *
 * Mine tour popup
 * for reached 
 * 8 pins
 *
 */
.travel-planner-modal-popup .title{
    padding-top: 0px;
    padding-left: 10px;
    font-size: 24px;
    color: #f74d3b;
    font-family: 'Soho W02 Bold', Helvetica, Arial, sans-serif;
}
.travel-planner-modal-popup .message{
    margin-left: 10px;
    padding-bottom: 20px;
    color: #000000;
    font-size: 14px;
    font-family: 'Soho W02 Regular', Helvetica, Arial, sans-serif;
}
.travel-planner-modal-popup


/**
 * 
 * jCarousel
 * 
 */
 .travel-planner-map .jcarousel-container  {
    margin: 20px auto;
    text-align: center;
}


 .travel-planner-map .jcarousel-container  .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}

 .travel-planner-map .jcarousel-container .photo-credits a {
    color: #fff;
}

/** Carousel **/

.travel-planner-popup-carousel{
    margin-bottom: 5px;
    text-align: center;
    min-height: 220px;
}

 .travel-planner-map .jcarousel-clip {
    overflow: hidden;
    margin-bottom: 5px;
}

 .travel-planner-map .jcarousel-clip ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

 .travel-planner-map .jcarousel-clip li {
    overflow: hidden;
    text-align: center;
}
 .travel-planner-map .jcarousel-clip img{
    display: block;
    height: auto;
    max-height: 236px !important;
    margin: auto;
}
 .travel-planner-map .media-youtube-outer-wrapper, 
 .travel-planner-map .jcarousel-item object, 
 .travel-planner-map .jcarousel-item embed, 
 .travel-planner-map .jcarousel-item iframe{
    width: 420px !important;
    height: 240px !important;
}

/** Carousel Controls **/

 .travel-planner-map .jcarousel-control-prev,
 .travel-planner-map .jcarousel-control-next {
    position: absolute;
    top: 200px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}
 .travel-planner-map .jcarousel-prev, .jcarousel-next{
    display:inline-block;
    width: 10px;
    height: 15px;
} 
 .travel-planner-map .jcarousel-prev {
    margin-right: 10px;
    background-position: -552px -197px;    
}
 .travel-planner-map .jcarousel-prev:hover {
    background-position: -565px -197px;    
}
 .travel-planner-map .jcarousel-next {
    margin-left: 10px;
    background-position: -552px -182px;    
}
 .travel-planner-map .jcarousel-next:hover {
    background-position: -564px -182px;    
}



/** Carousel Pagination **/

 .travel-planner-map .jcarousel-navigation {
    display: inline-block;
    padding: 0 0 3px 0;
}
 .travel-planner-map .jcarousel-navigation li{
    position: relative;
    top: -4px;
    float: left;
    margin:3px;
}
 .travel-planner-map .jcarousel-navigation li, .jcarousel-navigation li a{
    width: 12px;
    height: 12px;
}
 .travel-planner-map .jcarousel-navigation a span{
    font-size: 0 !important;
} 
 .travel-planner-map .jcarousel-navigation li a{
    display: block;   
    margin-right: 6px;
    border-radius: 14px;
    background: #358add;
}
 .travel-planner-map .jcarousel-navigation a:hover{
    background-color: #f7d457;    
}
 .travel-planner-map .jcarousel-navigation li.active a, .jcarousel-navigation a:active, .jcarousel-navigation a:visited {
    color: #fff;
    background-color: #f74d3b;
}


/**
 * Logo
 */
.logo-placeholder {
  margin-top: 10px;
}


/**
 * 
 * Map changer
 * 
 */

 .travel-planner-map div#maptype {
    width: 94px;
    height: 98px;
    margin: 17px 13px;
}
 .travel-planner-map a#change-map {
    position: relative;
    display: block;
    width: 94px;
    height: 98px;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    cursor: pointer;
}
 .travel-planner-map a#change-map i.map-ui-icon {
    display: block;
    width: 94px;
    height: 98px;
}
 .travel-planner-map a#change-map span.front i.map-ui-icon {
    background-position: -185px -7px;
}
 .travel-planner-map a#change-map .map-ui-label {
    width: 80%;
    display: block;
    position: absolute;
    z-index: 1;
    text-align: center;
    top: 41px;
    left: 8px;
    color: #fff;
    text-shadow: 1px 1px 1px #358add;
    filter: dropshadow(color=#358add, offx=1, offy=1);
}

 .travel-planner-map a#change-map span.back i.map-ui-icon {
    background-position: -276px -7px;
}


                                                    /* Flipper */

.travel-planner-map .flip-container,  
.travel-planner-map .flipper,  
.travel-planner-map 
.travel-planner-map .flipper .front, 
.travel-planner-map .flipper .back {
    display: block;
    width: 100%;
    height: 100%;
} 

 .travel-planner-map .flip-container {
    perspective: 1000;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
}
 .travel-planner-map .flip-container:hover .flipper {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
} 

 .travel-planner-map .flipper {
    transform-style: preserve-3d;
    transition: 0.25s;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.25s;
    -moz-transform-style: preserve-3d;
    -moz-transition: 0.25s;
    -o-transform-style: preserve-3d;
    -o-transition: 0.25s;
}                                                  

 .travel-planner-map .flipper .front, .flipper .back {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -webkit-transform: rotateY(0deg);
    position: absolute;
    top: 0;
    left: 0;
}
 .travel-planner-map .flipper .front {
    z-index: 2;
}
 .travel-planner-map .flipper .back {
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
}

                                                    /* Flipper enD */

/**
 * 
 *  Footer
 * 
 */
 .travel-planner-map .footer{
    position: absolute;
    bottom: 0;
    height: 30px;
    width: 100%;
    background-color: #f94e3c;
 }
 
 
 
/**
 * Pin icon animations
 *
 */

img.travel-planner-markerImage {
  -webkit-transition: 150ms ease-in-out;
  -moz-transition: 150ms ease-in-out;
  -o-transition: 150ms ease-in-out;
  -khtml-transition: 150ms ease-in-out;
  -ms-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}
img.travel-planner-markerImage:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -khtml-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform:scale(1.3);
  z-index: 800;
}