
/* UTILITIES :  bootstrap columns */
@media (min-width: 768px) and (max-width: 991px) {
	.search-gadget .col-sm-63p { width:63%; }
	.search-gadget .col-sm-20p { width:20%; }
	.search-gadget .col-sm-22p { width:22%; }
	.search-gadget .col-sm-16p { width:16%; }
	.search-gadget .col-sm-12p { width:12%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.search-gadget .col-md-63p { width:63%; }
	.search-gadget .col-md-20p { width:20%; }
	.search-gadget .col-md-22p { width:22%; }
	.search-gadget .col-md-16p { width:16%; }
	.search-gadget .col-md-12p { width:12%; }
}
@media (min-width: 1200px) {
	.search-gadget .col-lg-63p { width:63%; }
	.search-gadget .col-lg-20p { width:20%; }
	.search-gadget .col-lg-22p { width:22%; }
	.search-gadget .col-lg-16p { width:16%; }
	.search-gadget .col-lg-12p { width:12%; }
}
@media (min-width: 1700px) {
	.search-gadget .col-xlg-6 { width:50%; }
}

/* general */
	
	.clear { clear: both; }
	
	@media (min-width: 992px) {
		.col-md-one-and-a-half { float:left; width:12.5%; }
		.col-md-seventh { float:left; width:14.28%; }
		.col-md-seventhdoubled { float:left; width:28.56%; }
	}
	@media (min-width:1200px) {
	 	.col-lg-15 { width:12.5%; }
	}
	@media (max-width: 767px) {
		.hidden-xs { display:none !important; }
	}
	
	.im-pricebutton { background:#33cccc; color:#fff; text-transform:uppercase; text-align:center; border:none; display:block; margin:0 auto; max-width:150px; transition:all 0.3s; border-radius:2px; }
	.im-pricebutton:focus,
	.im-pricebutton:hover { background:#111; text-decoration:none; }
	.im-pricebutton-label { font-size:12px; line-height:100%; padding:9px 10px 5px 10px; display: block; white-space: nowrap; letter-spacing:-0.2px; }
	.im-pricebutton-amount { font-size:22px; line-height:100%; padding:0 10px 9px 10px; display:block; margin:0; }
	
	
/* search gadget (multiple page types) */
	
	.BE .embedded-search { background:#EBEBEB; margin-top:0; padding:15px 16px 13px 16px; }
	.BE .embedded-search .search-gadget.BE { border:none; padding:0; font-size:100%; border:none; }
	.BE .embedded-search .search-gadget.BE .showHideMap a { margin-top:27px; border:none; background:#FB535F; color:#fff; height:45px; line-height:45px; font-size:21px; padding:0 5px; text-align:center; overflow:hidden; text-transform:uppercase; display:block; }
	
	.BE .search-gadget.BE .product { display:none; }
	.BE .search-gadget.BE .row { margin:0 -4px; }
	.BE .search-gadget.BE .col-xs-6 { padding:0 4px; }
	.BE .search-gadget.BE .col-xs-12 { padding:0 4px; }
	.BE .search-gadget.BE .label { color:#333; font-size:14px; line-height:27px; margin:9px 0 0 12px; padding:0; font-weight:normal;text-align:left;border-radius:0; display:block; width:auto; position:absolute; pointer-events:none; }
	.BE .search-gadget.BE .input { color:#333; background: #fff; width:100%; height:45px; line-height:45px; font-size:14px; margin-bottom:2px; display:block; }
	.BE .search-gadget.BE select { color:#333; border:none; width:100%; -webkit-appearance:none; -moz-appearance:none; height:45px; padding-left:10px; padding-right:36px; padding-top:1px; background:url(../images/icon-dropdown.png) 100% 50% no-repeat; background-size:auto 100%; cursor:pointer; }
	.BE .search-gadget.BE input[type='text'] { border:none; width:100%; height:45px; padding-left:12px; padding-right:10px; box-shadow:none; }
	.BE .search-gadget.BE input::-webkit-input-placeholder, .BE .search-gadget.BE input::placeholder { color:#333; opacity:1; }
	.BE .search-gadget.BE span.input select { background-position:right 5px top 50%; background-size:18px auto; width:100%; text-align:left; padding-left:100px; padding-right:25px; border:none; }
	.BE .search-gadget.BE #accomtypes_selector { padding-left:10px; }
	.BE .search-gadget.BE #locations_selector { padding-left:10px; }
	.BE .search-gadget.BE #facilities_selector { padding-left:10px; }
	.BE .search-gadget.BE .pseudo { background:#fff url(../images/icon-datepicker.png) 100% 2px no-repeat; background-size:auto 100%; height:45px; line-height:45px; padding:0px 10px; font-size:14px; display:block; cursor:pointer; pointer-events:all; }
	.BE .search-gadget.BE .awaiting-pseudo { font-size:14px; padding:0px 10px; pointer-events:none; }
	.BE .search-gadget.BE #name_location_filter { font-size:14px; padding:0 5px 0 15px; }
	.BE .search-gadget.BE .im-searchbutton { width:100%; height:45px; line-height:45px; padding-top:0; padding-bottom:0; text-align:center; font-size:16px; font-weight:bold; color:#fff; margin:0; max-width:300px; border-radius:0; }
	.datepicker-container .datepicker-panel > ul > li.disabled,
	.datepicker-container .datepicker-panel > ul > li.disabled:hover { background-color:#f8f8f8; }
	.datepicker-container .datepicker-panel > ul > li.picked,
	.datepicker-container .datepicker-panel > ul > li.picked:hover { background-color:#33cccc; color:#fff; }
	
	#itemGadget .embedded-search { display:none; }
	
	@media (max-width: 767px) {
		.BE .search-gadget.BE .label { margin-left:10px; }
		.BE .search-gadget.BE span.input select { padding-left:65px; padding-right:15px; background-position:100% 50%; }
		.BE .search-gadget.BE input[type="text"] { padding-left:10px; }
		.BE .search-gadget.BE #accomtypes_selector,
		.BE .search-gadget.BE #locations_selector,
		.BE .search-gadget.BE #facilities_selector { padding-left:6px; }
	}
	
	@media (min-width: 420px) {
		.pac-container { min-width:400px; }
	}
	
	
	
/* simple loading spinner */
.lds-dual-ring-medium-dark { display: block; width: 80px; height: 80px; margin:0 auto; }
.lds-dual-ring-medium-dark:after { content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #555; border-color: #555 transparent #555 transparent; animation: lds-dual-ring 1.2s linear infinite; }
.lds-dual-ring-small-dark { display: block; width: 40px; height: 40px; margin:0 auto; }
.lds-dual-ring-small-dark:after { content: " "; display: block; width: 32px; height: 32px; margin: 4px; border-radius: 50%; border: 3px solid #555; border-color: #555 transparent #555 transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* loading spinner */
	
	.lds-spinner {
	  color: #33cccc;
	  display: inline-block;
	  position: relative;
	  width: 80px;
	  height: 80px;
	  transform:scale(2);
	}
	.lds-spinner div {
	  transform-origin: 40px 40px;
	  animation: lds-spinner 1.2s linear infinite;
	}
	.lds-spinner div:after {
	  content: " ";
	  display: block;
	  position: absolute;
	  top: 3px;
	  left: 37px;
	  width: 6px;
	  height: 18px;
	  border-radius: 20%;
	  background: #33cccc;
	}
	.lds-spinner div:nth-child(1) {
	  transform: rotate(0deg);
	  animation-delay: -1.1s;
	}
	.lds-spinner div:nth-child(2) {
	  transform: rotate(30deg);
	  animation-delay: -1s;
	}
	.lds-spinner div:nth-child(3) {
	  transform: rotate(60deg);
	  animation-delay: -0.9s;
	}
	.lds-spinner div:nth-child(4) {
	  transform: rotate(90deg);
	  animation-delay: -0.8s;
	}
	.lds-spinner div:nth-child(5) {
	  transform: rotate(120deg);
	  animation-delay: -0.7s;
	}
	.lds-spinner div:nth-child(6) {
	  transform: rotate(150deg);
	  animation-delay: -0.6s;
	}
	.lds-spinner div:nth-child(7) {
	  transform: rotate(180deg);
	  animation-delay: -0.5s;
	}
	.lds-spinner div:nth-child(8) {
	  transform: rotate(210deg);
	  animation-delay: -0.4s;
	}
	.lds-spinner div:nth-child(9) {
	  transform: rotate(240deg);
	  animation-delay: -0.3s;
	}
	.lds-spinner div:nth-child(10) {
	  transform: rotate(270deg);
	  animation-delay: -0.2s;
	}
	.lds-spinner div:nth-child(11) {
	  transform: rotate(300deg);
	  animation-delay: -0.1s;
	}
	.lds-spinner div:nth-child(12) {
	  transform: rotate(330deg);
	  animation-delay: 0s;
	}
	@keyframes lds-spinner {
	  0% {
	    opacity: 1;
	  }
	  100% {
	    opacity: 0;
	  }
	}
	
	.slow-loading {
	  font-size:120%;
	  max-width:500px;
	  margin:60px auto 0 auto;
	  opacity:0;
	  -webkit-animation: fadeInForSlowLoadingRequests 9s forwards; 
	  animation: fadeInForSlowLoadingRequests 9s forwards;
	}
	@keyframes fadeInForSlowLoadingRequests {
	    0%   {opacity: 0;}
	    90%  {opacity: 0;}
	    100% {opacity: 1;}
	}
	@-webkit-keyframes fadeInForSlowLoadingRequests {
	    0%   {opacity: 0;}
	    90%  {opacity: 0;}
	    100% {opacity: 1;}
	}
	