/*----------Destination Css----------*/
html..tabMap{ margin-top:100px;}

.filterby_area{ padding-bottom:35px; width:100%; float:left;}

.destination-content-area h4{ text-transform:uppercase; font-size:15px; letter-spacing:1px; text-align:center; font-family:ProximaNovaS-Regular; font-weight:bold; margin-bottom:15px;}
.destination-content-area h4:before{ content:''; height:0px; background:#f8f8f8; width:100%; display:block; position:relative; top:13px; z-index:-1;}
.destination-content-area h4 span{ padding: 0 15px;}
/*.destination-content{ width:700px; margin:0 auto;}*/
.filter-box{ position:relative; width:100%; float:left; border-radius:2px; -webkit-border-radius:2px; border:1px solid #fff; padding:13px 80px 0 80px; background:#fff;}
ul.filter{ list-style:none; padding:0; margin:0;}
.filter-box a{ color:#515151;}
.filter-box a:hover{ text-decoration:none; color:#000;}
.destination-map .button{ display:block;}

/*
ul.filter .active .filter-box, ul.filter a:hover .filter-box{ border:1px solid #eeeeee; box-shadow:0 0 15px #eeeeee;}
ul.filter .active .closebtn, ul.filter .closebtn{ content:''; background:url(../img/close-btn.png) left top no-repeat; width:22px; height:22px; display:inline-block; position:absolute; right:-10px; top:-10px;}
*/
ul.filter .active .closebtn, ul.filter .closebtn{ content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
ul.filter .active .closebtn:before, ul.filter .closebtn:before{ content:''; background:url(../img/close-btn.png) left top no-repeat; width:22px; height:22px; position:absolute; right:-10px; top:-10px;}

ul.filter .closebtn{ display:none; font-size:0px;}
.filter-box img {
      /*
	  filter: url(filters.svg#grayscale); /* Firefox 3.5+ */ 
      /* filter: gray; /* IE5+ */  /* opacity:0.2;  */
	  
     /* -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      /*-webkit-transition: all .5s ease-in-out;*/
    }
.remove {display: none;} 
/*#tabbed-content{ position:relative; min-height:750px;}*/
/*#tab-4{ position:absolute; width:100%; background:#fff; height:100%; left:0; top:0;}*/
ul.filter li{ box-shadow:0 0 6px 4px #efefef; cursor:pointer; position:relative; display:black; width:100%; float:left; margin:0 0 17px 0; border:1px solid #efefef; border-radius:3px;}
ul.filter .active img,
.filter-box:hover img {
      filter: none;opacity:1;
      -webkit-filter: grayscale(0); 
    } 
	
	
ul.filter .active li.active {box-shadow: 0 0 8px 5px #e8e2e2;}	
	
.destination-map{ position:relative; background:url(../img/desination-map-4.jpg) left top no-repeat; width:100%; height:640px; margin:0 auto;}
.destination-map5{ position:relative; background:url(../img/desination-map-5.jpg) left top no-repeat; width:100%; height:829px; margin:0 auto;}
.sandiego{ position:absolute; top:423px; left:154px;}
.phoenix{ position:absolute; top:425px; left:249px;}
.anchorage{ position:absolute; top:669px; left:182px;}
.honolulu{ position:absolute; top:668px; left:414px;}
.portland{ position:absolute; top:111px; left:109px;} 
.oakland{ position:absolute; top:277px; left:35px;}
.sanfransico{ position:absolute; top:301px; left:76px;}
/*.sanjose{ position:absolute; top:316px; left:34px;}  */
.lasvegas{ position:absolute; top:356px; left:204px;}
.losangels{ position:absolute; top:388px; left:127px;} 
.orangecounty{ position:absolute; top:400px; left:148px;}
.denver{ position:absolute; top:287px; left:392px;}
.palmsprings{ position:absolute; top:379px; left:160px;}
/* .spokane{ position:absolute; top:5px; left:5px;} */
/* .boise{ position:absolute; top:173px; left:217px;} */
.tucson{ position:absolute; top:455px; left:271px;}

.simple-tooltip-container button.button:hover{ background:url(../img/location-active.png) left top no-repeat;}

#tab-1 .destination-map{ background:url(../img/alaskaair3.jpg) left top no-repeat;}
#tab-2 .destination-map{ background:url(../img/united2.jpg) left top no-repeat;}
#tab-3 .destination-map{ background:url(../img/alaskaair.jpg) left top no-repeat;}

.destination-content-area{ width:100%; float:left; padding:30px 0;}
.destination-left{ width:780px; float:left;}
.destination-right{ width:330px; float:right;}
.destination-left .container{ width:100%; padding:0;}

.simple-tooltip-container,
.simple-righttooltip-container,
.left-tooltip-container {
  /*position: relative;*/
}
.autotablet{  width:25px; height:25px;}
.simple-tooltip-tooltip{
  position: absolute;
  z-index: 666;
  top:-191px;
  left: -30px;
  width: 370px;	
  background: #fff; 
  border-radius: 2px;
  padding: 0; border:none; box-shadow:0 0 20px #ccc;
  text-align: left;
} 
.destination-map .button{ width:25px; height:25px; display:inline-block; font-size:0px; border:none; background:none; outline:none; box-shadow:none; border:none;}
.simple-tooltip-tooltip:after{ content:''; background:url(../img/bottom-arrow.png) left top no-repeat; width:25px; height:11px; display:inline-block; position:absolute; bottom:-11px; left:27px;}
.simple-tooltip-tooltip__title,
.simple-righttooltip-tooltip__title {
  margin: 0;
  line-height: 1;
}
.simple-tooltip-tooltip p,
.simple-righttooltip-tooltip p {
  font-size: 1em;
}
.destination-map .button:focus, .simple-tooltip-tooltip__close:focus{ box-shadow:none; border:none; outline:none;}
.simple-tooltip-tooltip__close{
	background:url(../img/close-btn.png) left top no-repeat; width:22px; height:22px;
  float: right;  outline:none; box-shadow:none; border:none;
  /** fix typo inputs **/ margin-right:-10px; margin-top:-10px;
  font-family: inherit; font-size:0px; border:none;
}
.simple-tooltip-tooltip__wrapper img{ float:left;}
.tool-tip-content{ padding: 0 20px 0 20px; width: 55%;float: left;}
.tool-tip-content h5{ font-size:22px; margin:0 0 12px 0; font-family:ProximaNovaS-Regular;}
.tool-tip-content p{ font-size:12px; line-height:18px;}

/* tooltip modal */
.left-tooltip-tooltip {
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  z-index: 667;
  position: fixed;
  width: 25em;
  max-width: 100%;
  padding: .5em;
  font-size: 1em;
  border: 0;
  animation: fromleft .3s linear;
  background-image:
      -webkit-linear-gradient(
        top,
        #882525 3em,
        #f7f7f7 3em
      );  background-image:
      linear-gradient(
        to bottom,
        #882525 3em,
        #f7f7f7 3em
      );
}
.left-tooltip-tooltip__close {
  float: right;
  background: transparent;
  color: #fff;
}
.left-tooltip-tooltip__title {
  font-size: 1.2em;
  margin: 0;
  color: #fff;
  font-weight: normal;
}

.mobmapimage {display:none;}

@-webkit-keyframes fromleft {
  0%   { width: 0; }
  100% { width: 25em; }
}
@keyframes fromleft {
  0%   { width: 0; }
  100% { width: 25em; }
}
#cssmenu ul li.active a{ color:#fff;}
.mobile-map-tab{ display:none;}
.mobile-link-tab li{ width:23%; margin:1%; display:inline-block; list-style:none;}
.mobile-link-tab h3{ margin:0; padding:0; font-size:16px;}
.mobile-link-tab a, .mobile-link-tab button{ width:23%; margin:1%; display:inline-block; position:relative; z-index:999; border-radius:3px; background:#fff; color:#24292e; border:1px solid #979797; padding:12px 0; cursor:pointer;}
.mobile-link-tab a:hover, .mobile-link-tab .active a, .mobile-link-tab button:hover, .mobile-link-tab button.active{ background:#24292e; border-color:#24292e; color:#fff; text-decoration:none;}
.mobile-map-tab h4{ text-transform:uppercase; font-size:15px; letter-spacing:1px; text-align:center; font-family:ProximaNovaS-Regular; font-weight:bold; margin-bottom:35px;}
.mobile-map-tab h4:before{ content:''; height:2px; background:#f8f8f8; width:100%; display:block; position:relative; top:13px; z-index:-1;}
.mobile-map-tab h4 span{ background:#fff; padding: 0 15px;}
.mobile-city-content{ display:none;}
div#city1{ display:none;}
.mobile-map-tab .page, .mobile-map-tab .tabcontent{ position:relative; border:1px solid #f0f0f1; width:100%; float:left; background:#fff; margin-top:12px;}
.mobile-map-tab .tool-tip-content, .mobile-map-tab .tabcontent .tool-tip-content{ text-align:left; padding:10px; }
.mobile-map-tab .page img, .mobile-map-tab .tabcontent img{ float:left;}
.mobile-map-tab ul{ padding:0;}
.hide {
    display: none;
}
.mobile-map-tab .mobileClose{
	background:url(../img/close-btn.png) left top no-repeat; width:22px; height:22px;
  float: right;  outline:none; box-shadow:none; border:none;
  /** fix typo inputs **/ margin-right:-10px; margin-top:-10px;
  font-family: inherit; font-size:0px; border:none; cursor:pointer;
}
/* Style the tab */
.tab11 {
    overflow: hidden;
}
.tab11 button { 
    cursor: pointer; 
    transition: 0.3s; 
} 
.tabcontent {
    display: none;
}

/*@media (max-width: 890px) {*/
@media (max-width: 55.625em) {
 
  /* affichage des éléments */
  .nodesktop { display: block; }

  /* cachage des éléments inutiles, chabitte ! */
  .notablet { display: none; }
  
  /* linéarisation contenus flottants/table-layout */
  .autotablet {
    float: none;
    display: block;
    width: auto;
  }

  /**
   * adaptation structure globale (page / skip links / header / contenu principal / footer)
   */
  .square-block--tabs {
    margin-left: 15%;
    width: 30%;
  }
  .square-block--hide {
    margin-left: 48%;
    width: 30%;
  } 
}
/*----------Destination Css----------*/
@media (max-width: 1200px){
	.destination-right{ width: 100%;}
	.mobile-link-tab a, .mobile-link-tab button{ width: 22%;}
	.destination-left{ width:70%;}
	.destination-right{ width:28%;}
	.filter-box{ padding:13px 40px 0 40px;}
}
@media (max-width: 1050px){
.container{ width: 94%;}
.navbar-custom .navbar-collapse, .navbar-custom .container{ padding:0;}
.menulist li a{ padding:20px 10px;} 
.fr{ width:100%;}
.destination-left{ width:100%;}
.destination-right{ width:100%;}
.location-area .container{ padding:0; width:96%;}
.filter-box{ padding-bottom:13px; text-align:center;}

.autotablet{ width:24px; height:24px;}
.destination-map .button{ left:0; top:0;}
.sandiego{ position:absolute; top:310px; left:86px;}
.phoenix{ position:absolute; top:324px; left:173px;}
.portland{ position:absolute; top:76px; left:51px;}
.sanfransico{ position:absolute; top:194px; left:24px;}
.sanjose{ position:absolute; top:225px; left:32px;}
.lasvegas{ position:absolute; top:245px; left:123px;}
.losangels{ position:absolute; top:269px; left:45px;}
.orangecounty{ position:absolute; top:284px; left:71px;}
.denver{ position:absolute; top:209px; left:292px;}
.simple-tooltip-tooltip{ position: fixed; top:30%; left:0;width: 90%;}
.tool-tip-content{ width:60%;}
.active .filter-box p{ display:block;}
.destination-map{ display:none;}
.mobile-map-tab{ display:block;}
.mobile-map-tab .page{ margin-top:20px;}
.mobmapimage {display:block;}
.mobileCityInfo .tool-tip-content h5{ font-size:18px;}
ul.filter .active .closebtn, ul.filter .closebtn{ background: none; width:100%; height:100%; right: 0; top: 0;}
.filter-box:before{ content:''; background:none; width:13px; height:7px; right: 15px; top: 20px; display:inline-block; position:absolute;}

ul.filter .closebtn:before{ background: url(../img/top-arrow.png) 0 0 no-repeat; width:13px; height:7px; content:''; display:inline-block; position:absolute; right:15px; top:20px;}
.filter-box p{ display:none;}

}
@media(max-width:767px) {
.slider-area{margin-top:75px;}
#seating-lounge-area h2{ margin-top:20px;}
.slider-caption{ margin-top:10px;}
.slider-caption h2{font-size: 36px; padding-top: 22px;margin-bottom: 15px;}
.slider-caption p{ line-height:18px; font-size:16px; padding-left:20px; padding-right:20px;}
.fr{ float:left !important; margin:0 0 20px 0;}
#seating-lounge-area .img-responsive{ margin:0;}
.owl-buttons{ display:none;}
.owl-pagination{ display:block;}
.gridlist:hover{ border:1px solid transparent;}
.location-content{ width:90%;}
.destination-content{ width:350px;}
.destination-map{ background:url(../img/mobile-desination-map.png) left top no-repeat; width:350px; height:420px;}
#tab-1 .destination-map{ background:url(../img/mobile-southwest.jpg) left top no-repeat;}
#tab-2 .destination-map{ background:url(../img/mobile-united.jpg) left top no-repeat;}
#tab-3 .destination-map{ background:url(../img/mobile-alaskaair.jpg) left top no-repeat;}
ul.filter li{ width: 100%; margin: 0 0 15px 0; border:1px solid #eeeeee; border-radius:5px; text-align:center;}

.destination-map .button{ width:24px; height:24px; background-size:contain !important;}
.simple-tooltip-tooltip{ left:0;}
.simple-tooltip-tooltip::after{ content:inherit; background:none;}
.simple-tooltip-tooltip{ left: -75px;}
.destination-content-area  {padding-top: 40px;}
.destination-content-area .container{ padding:0;}
.destination-content{ width:100%;}
.destination-left{ width:100%;}
.destination-right{ width:100%; padding-top: 20px;}
.mobile-map-tab .mobileClose{ margin-right:-5px;}
}

@media(max-width:500px) {
	.simple-tooltip-tooltip{ top:24%;}
	.tool-tip-content{ width:50%;}
	.tool-tip-content h5{ font-size:16px;}
}

@media(max-width:350px) {
.destination-content{ width:300px; /*overflow-x:hidden;*/}
.destination-map{ width:100%;}
.simple-tooltip-tooltip{ left:-50px; width: 300px;}
.simple-tooltip-tooltip__wrapper img { width: 130px;}
}

@media (max-width: 550px){ 
.mobile-link-tab li, .mobile-link-tab button{ width: 31%; float: left;} 
}
@media (max-width: 380px){
	.mobile-link-tab li, .mobile-link-tab button{ width: 48%; float: left;}
	.mobile-map-tab .page img, .tabcontent img{ width:45%;}
}