@charset "utf-8";
@media (max-width:1200px){
	
	#main-nav{
	margin:0;
	}

	#main{
	padding-top:30px !important;
	}
	
	#main .wrap{
	padding:0 10px;
	width:auto;
	}
	
	#main .reservationtool{
	padding:0;
	}
	
	.contentarea.alternating .block-inner{
	padding:0 10px;
	width:auto;
	}
	
.liftreservation .bookingtool-container {
position:static;
}

.headerbannerblock .headeritem-info .wrap{
padding:0 100px;
}	
	
	
	
	
	.navbar .brand img{
	width:220px;
	}
		
}

@media (max-width:979px){
	
	.destinations-category-title{
	font-size:22px;
	}
	
	.MainContentArea{
	margin:0;
	}
	
	.homepage .headerbanner{
		position:relative;
		top:0 !important;
	}

	.homepage .block.spacemaker{
	display:none;
	}
	
	.reservationtool .option{
	margin-bottom:10px;
	}

	.navbar .mainmenu{
	position:relative;
	left:0;
	width:auto;
	}
	

	#main-horizonal-mob-nav{
	width:435px !important;
	right:-435px;
	background:#f7f7f7;
	box-shadow:inset 0 0 5px #666;
	}
	
	#main-horizonal-mob-nav .navi li{
	border-bottom:1px solid #b2b2b2;
	}
	
	#main-horizonal-mob-nav .navi li:first-child{
	border-top:1px solid #b2b2b2;
	}
	
	#main-horizonal-mob-nav .navi li a{
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	}
	
	.destinationpromotionblock .rightside,
	.destinationpromotionblock .leftside{
	float:none !important;
	width:auto !important;
	margin:0 !important;
	}
	
	.destinationpromotionblock .leftside-inner{
	margin:0 !important;
	padding-bottom:30px !important;
	}

	.destinationpromotionblock .item-content{
	padding-bottom:10px;
	}

	.destinationpromotionblock .read-more-btn{
	position:static;
	}
	
	.reservationtool .option{
	width:50%;
	}

	.reservationtool .reservation-tool-counts,
	.reservationtool .reservation-tool-campaign,
	.reservationtool .reservation-tool-submit,
	.reservationtool .reservation-tool-target{
	width:100%;
	}
	
	.teaserblock .item-image{
	width:100%;
	}
	
	.teaserblock .item-image img{
	width:100%;
	}
	
	.teaserblock .item-content{
	clear:both;
	margin:0;
	padding:15px;
	position:relative;
	background: linear-gradient(to bottom, #C00000 0%, #B10202 50%, #C00000 50%, #C00000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	
	.teaserblock .item-content:hover{
	background: linear-gradient(to bottom, #B50000 0%, #930202 0%, #AD0000 50%, #930202 50%, #AD0000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	
	.teaserblock .lift-inner-link{
	display:block;
	padding-right:55px;
	text-decoration:none;
	}
	
	.teaserblock .lift-inner-link h3{
	margin-left:0;
	}
	
	.teaserblock .lift-inner-link p{
	margin:0;
	}
	
	.teaserblock .icon-big-arrow{
	top:50%;
	margin-top:-32px;
	}
	
	.newsletter-btn{
	float:none;
	display:block;
	width:auto;
	margin:10px 0 0 15px;
	}

	.company-login .newsletter-btn{
	margin-left:0;
	}
	
	.productsearchpage .leftcolumn .block{
	width:50% !important;
	float:left !important;
	}
	
	.block{
	width:100% !important;
	}

	.fat-footer .container{
		width:auto;
		padding:0 10px;  
	}
	
	.fat-footer .container .footerdestinations,
	.fat-footer .container .footercontent{
		width: 100%;
		margin:0;
	}
	
}

@media (min-width:770px){
	
	.bookingtool-accordion{
	display:block !important;
	height:auto !important;
	}
	
} /* >= 770px */

@media (max-width:769px){
	
	#main .leftcolumn{
	width:auto;
	float:none;
	}
		
	#main .leftcolumn .submenu{
	display:none;
	}	
		
	#main .rightcolumn{
	clear:both;
	margin:0;
	}
	
	.companiesstartpage #main .leftcolumn{
	display:block;
	width:250px;
	}
		
	.companiesstartpage #main .rightcolumn{
	clear:none;
	margin-left:275px;
	}
	
	.productsearchpage #main .leftcolumn{
	display:block;
	width:100%;
	}
	
	.productsearchpage #main .leftcolumn .contentarea{
	display:none;
	}
	
	#main{
	padding-top:10px !important;
	}
	
	.publicmode .contentarea{
	margin-bottom:-15px;
	}
	
	.block{
	margin-bottom:15px;
	}	
		
	.mainmenu{
	display:none !important;
	}
	
	.destinationitem{
	width:33.3333% !important;
	}
	
	.destinationlandingpage .MainContentArea{
	padding-top:0;
	background:none;
	}
	
	.destinationlandingpage #main{
	padding-top:0 !important;
	}
	
	.DestinationLandingPageHeader .span3, .DestinationLandingPageHeader .span9{
	clear:both;
	width:100%;
	margin:0 !important;
	}
	
	.DestinationLandingPageHeader .header-lift{
	margin:0;
	padding:10px;
	width:auto;
	}
	
	.DestinationLandingPageHeader .lifted-text-block a{
	color:#000;
	}
	
	.DestinationLandingPageHeader .header-row{
	margin:0;
	}
	
	.DestinationLandingPageHeader .all-targets{
	padding:0;
	margin-top:15px;
	}
	
	.DestinationLandingPageHeader .all-targets h3{
	margin-top:25px;
	}
	
	.DestinationLandingPageHeader .rightside,
	.DestinationLandingPageHeader .leftside{
	width:50%;
	border:0;
	margin-left:0;
	padding:0 10px 0 0;
	}
	
	.DestinationLandingPageHeader .halfside, 
	.DestinationLandingPageHeader .inner-rightside, 
	.DestinationLandingPageHeader .inner-leftside{
	  width: 100%;
	}
	
	.DestinationLandingPageHeader .basic-square-list{
	margin:0;
	}
	
	.DestinationLandingPageHeader .basic-square-list li{
	margin-top:5px;
	}
	
	.DestinationLandingPageHeader .basic-square-list li a{
	display:block;
	background:#c00000;
	padding:5px 7px 7px 7px;
	color:#fff;
	font-size:18px;
	}
	
	#open-mob-nav{
	display:block;
	}
	
	.card-filter-form label{
	vertical-align:top !important;
	}
	
	.accommodationpage .leftcolumn .contentarea{
	max-width:none;
	}
	
	.premiumproductlistblock .premiumitem{
	width:100%;
	}
	
	.BottomContent [class*="span"]{
	width:100% !important;
	}	

	.BottomContent [class*="span"]:first-child{
	margin-bottom:30px;
	}	

.liftreservation .bookingtool-container {
position:static;
}

.activitiespage .bookingtool-container .wrap,
.productsearchpage .bookingtool-container .wrap{
padding:0 !important;
}

.bookingtool{
background: #eee none repeat scroll 0 0;
border: 1px solid #b2b2b2;
box-shadow: none;
padding:10px;
margin-bottom:10px;
}

.bookingtool-title {
display:block;
text-align:left;
font-size:20px;
line-height:26px;
position:relative;
cursor:pointer;
}

.bookingtool-title:after{
content:"+";
font-size: 30px;
font-weight:bold;
position:absolute;
top:0;
right:0;
line-height:20px;
}

.bookingtool-title.expanded:after{
content:"–";
line-height:23px;
}

.bookingtool-accordion{
display:none;
}

.bookingtool .inputfield{
width:-moz-calc(100% - 8px);
width:-webkit-calc(100% - 8px);
width:calc(100% - 8px);
margin-top:10px;
border-width:1px;
}

.bookingtool .field-arr, .bookingtool .field-dep{
width:-moz-calc(50% - 8px);
width:-webkit-calc(50% - 8px);
width:calc(50% - 8px);
}

.bookingtool .field-people select{
height:30px;
}
	
.bookingtool .field-people select:nth-child(n+2){
margin-top:10px;
}	

.productbannerblock .bookingtool-accordion {
display:block;
}

.sorting-bar{
margin-bottom:10px;
}

.sorting-bar div{
width:100%;
}
	
} /* 769  */



@media (max-width:767px){

.DestinationLandingPageHeader .destinations-category-title{
min-height:0;
margin-bottom:0;
}

.activities-filters .datelink{
margin:0 15px 10px 0;
line-height:20px;
vertical-align:top;
}

.activities-filters .datepicker{
margin:0;
vertical-align:top;
}

.activity-category-select{
margin-bottom:10px;
display:block;
width:auto;
}

.activity-category-select select{
background:none;
border:0;
margin:0;
}

.publicmode .popup-area .wrap{
margin-top:100px;
padding:10px !important;	
}

.headerbannerblock .headeritem-info {
top: auto;
bottom:0;
}

.headerbannerblock .item-text{
display: none;
}

.headerbannerblock .item-title {
font-size:22px;
text-align:center;
line-height:normal;
}

.headerbannerblock .headeritem-info .wrap {
padding:0 10px;
}

.headerbanner .owl-controls,
.headerbanner.complex .headerblock-info{
display:none;
}

.fancybox-skin{
padding:0 !important;
}

div.fancybox-title{
background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
bottom: 0;
box-sizing: border-box;
font-size:11px;
position: absolute;
width: 100%;
padding:0;
}

.fancy-title{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

cursor:pointer;
padding: 5px;
}

.fancy-title.open{
white-space:normal;
}

.fancybox-title .sharebuttons {
bottom: 100%;
top: auto;
padding: 0 5px;
}

.sharebuttons.compact li{
margin:0;
}

.sharebuttons.compact li a i{
border:2px solid rgba(255, 255, 255, 0.5);
}

.headerbanner.complex .headerbannerblock .imagelink{
background:none !important;
}

.headerbannerblock .imagelink{
display:block;
min-height:100px;
}

.headerbanner .owl-item{
overflow:hidden;
height:0;
}

.headerbanner .owl-item.showing,
.headerbanner .owl-item.active{
height:auto;
}


} /* 767 */

@media (max-width:650px){
	
	.flockler .rowsize-2 .item {
	  width:100%;
	}
	
	.companiesstartpage #main .leftcolumn{
	width:auto;
	float:none;
	}
	
	.company-login{
	max-width:none;
	}
		
	.companiesstartpage #main .rightcolumn{
	clear:both;
	margin-left:0;
	}
	
	.destinationitem{
	width:50% !important;
	}
	
	.productsearchpage .leftcolumn .block{
	width:100% !important;
	}
	
	.search-item-image{
	position:relative;
	width:100%;
	height:auto;
	}
	
	.search-item-image img{
	position:relative;
	margin:0 !important;
	left:0 !important;
	width:100% !important;
	height:auto !important;
	}
	
	.search-item .search-item-info{
	margin:0;
	width:100%;
	padding:0;
	}
	
	.search-item-info .person-container{
	height:auto;
	}
	
	.search-item-price{
	width:100%;
	padding:0 0 10px 0;
	}
	
	.search-item-price .link{
	position:relative;
	left:auto;
	top:auto;
	right:auto;
	bottom:auto;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	width:auto;
	padding:0 15px;
	}
	
	.price-hasprice .hasprice{
	padding:0 0 10px 0;
	text-align:right;
	}
	
	
	.DestinationLandingPageHeader .rightside,
	.DestinationLandingPageHeader .leftside{
	width:100%;
	}
	
	.destinationitem{
	width:100% !important;
	}
	
	#main-nav{
	position:relative;
	top:0 !important;
	}

	#main-horizonal-mob-nav{
	width:250px !important;
	right:-250px;
	}
	
	.MainContentArea{
	margin-top:0 !important;
	}
	
	.headerbanner{
	position:relative !important;
	}
	
	#main-helper{
	padding:0 !important;
	}

.publicmode .headerbanner{
background:url(../img/ajax-loader.gif) no-repeat center center;
}

.headerbannerblock .item-text .wrap{
margin:0 auto;
}

.headerbannerblock .item-text h2,
.headerbanner h1{
font-size:22px;
}

.complex .controls,
.complex .header-carousel-data{
display:none !important;
}


	.bannerimage{
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
	position:relative;
	left:50%;
	}
	
	.bannerimage img{
	height:395px;
	width:auto;
	max-width:none;
	position:relative;
	left:-50%;
	}

	.newsletterblock .col{
	clear:both;
	float:none;
	width:auto;
	}
	
	.newsletter-btn{
	margin:0 0 0 15px;
	}
	
	.destinationpromotionblock .lift-price-container.centered{
	width:100px;
	height:100px;
	margin: -70px 0 0 -70px;		
	}

	.destinationpromotionblock .lift-price-container.centered .txt {
	  font-size: 18px;
	  margin-top: -3px;
	  margin-bottom:5px;
	}	

	.destinationpromotionblock .lift-price-container.centered .price {
	  font-size: 35px;
	  line-height: 35px;
	}
	
	.fat-footer .row{
	margin:15px 0;
	}
	
	.footerdestinations{
	margin-top:25px;
	}
	
	.footer-resorts-list{
	width:50%;
	}
	
	.dlheader .pull-right{
	clear:both;
	float:none;
	}
	
	.dlheader .tad-bigger{
	display:block;
	margin:15px 0;
	}
	
	.destinationlistblock .item, .productlistblock .item{
	width:100%;
	}
	
	.some-buttons a{
	margin-right:5px;
	}
	
	.offers h2{
	width:100%;
	}
	
	
	
	.searchresult .searchpanel{
	position:static;
	margin:10px 0 0 0;
	
	}
	
	.promotionblock .lift-message h3{
	margin:0 0 30px 0;
	font-size:20px;
	}

	.some-buttons a{
		float:left;
		margin-bottom:30px;
		margin-right:20px;
	}
	
	.some-buttons a:nth-child(5){
		clear:both;
	}
	
	.footermenu li{
	clear:both;
	padding-left:0px;
	margin-bottom:5px;
	}
	
	.paymenttypes li{
		margin-bottom:10px;
	}
	
	.pictureframeblock .pictureframe {
	width: 100%!important;
	}
	.pictureframeblock .canvas {
	width:100%;
	}
	


} /* 650 */


/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/