/***********************

 Sisällys

- imports
- Bootsrap overrides
- main architecture
- typo
- blocks & components
  - img carousel
- navi
- icons
- tabs
- banners and ads
- reservation tool
- forms & inputs
- search
- footer
- misc
- media queries

****************/

/********************** 
* Bootsrap overrides */

.hidden{
display:none;
visibility: hidden;
}

.navbar {z-index: 8900;}

.navbar-inner {
  background-color: #c00000;
  background-image: none;
  border: none;
  border-radius: 0;
  box-shadow: 0;
  filter:none;

}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; border: 1px solid #b2b2b2;}

.row {margin-left: 0;}

.navbar .brand {margin-top: 10px;}

.form-horizontal .control-group {margin-bottom: 10px;}

input, textarea, .uneditable-input {width: 226px;}

.form-horizontal .controls {margin-left: 0;}
.form-horizontal .control-label {width: auto; margin-right: 20px;}

/*****************
* architecture *//

html, body {height: 100%;}

body {

	background: #f7f7f7;
	/*font-family:'meta';*/
	color: #1d1d1b;
	overflow-x: hidden;
}
body.frontpage {

	background: #f7f7f7 url(../img/header_img_1.jpg) no-repeat 50% 0;
	background-attachment:fixed;
}
/*body.landingpage {background: url(../img/header_img_landari.jpg) no-repeat 50% 108px;}*/
body.resorts{background: url(../img/demo_kohteet_body_bg.jpg) no-repeat 50% 110px;}

#main-helper {
	
	width: 100%;
	background: #f7f7f7;
	box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2);
}
#main {

	margin-top: 516px;
	/*background: #ffffff;*/
	padding-top: 30px;
	overflow: hidden;
	border-radius: 3px;
}
.frontpage #main {margin-top: 490px;}
.resorts #main {margin-top: 0;}
.productpage #main {margin-top: 120px;}

body.frontpage #main-helper {background: #ffffff;}

#map-container {

	position: absolute;
	left: 0;
	width: 100%; 
	height: 100%;
	max-height: 700px;
	/*min-height: 500px;*/
	margin-bottom: 20px;
	overflow: hidden;
	clear: both;	
}
#map-canvas { height: 100%;}


/*********
* typo */

/*
@font-face{

	font-family: 'meta';
	src: local('MetaMedium-Roman'), local('MetaMedium'), url('fonts/MTMERO__.TTF') format('truetype');
}
@font-face{

	font-family: 'metabold';	
	src: local('MetaBold-Roman'), local('MetaBold'), url('fonts/MTBDRO__.TTF') format('truetype');
}
*/
.strong-link {
	text-transform:uppercase; 
	font-size: 13px; 
	line-height: 13px;
}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}

h1{
color:#c00000;
}

h2 {
	line-height:40px; 
	margin-bottom:8px;
	margin-top:26px;
}

h2:first-child{
margin-top:0;    
}

h3 {
	line-height: 26px; 
	margin-bottom: 5px;
}
h4 {
	margin-bottom: 5px;
	margin-top: 28px;
}

b {/*font-family: 'metabold'*/; font-weight: normal;}
.bold {/*font-family: 'metabold'*/; font-weight: bold;}

.h4-subheader {

	display: block;
	font-size: 24px;
	margin-bottom:8px;
}

.center-txt {text-align: center !important;}

.basic-introduction {
	font-size: 115%;
	margin-bottom: 24px;
	font-weight: bold;
}

.basic-paragraph img.lefty{
	float:left;
	padding: 4px 10px 10px 0;
}
.basic-paragraph img.right{
	
	float: right;
	padding: 4px 0 10px 10px;
}

.tad-smaller {font-size: 95% !important;}
.bit-smaller {font-size: 90% !important;}
.smaller {font-size: 75% !important;}
.tad-bigger {font-size: 105% !important;}
.bit-bigger {font-size: 110% !important;}
.bigger {font-size: 125% !important;}
.lot-bigger {font-size: 150% !important;}
.huge {font-size: 200% !important;}

/********************** *
* blocks & components */

.call-block-mobile,
.call-block {	
	height: 60px; 
	color: #ffffff;
	text-shadow: 0 1px 1px #760000;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	text-transform: uppercase;
}
/*.call-block  img{padding-top: 10px;}*/

.call-block-multirow{	
	/*height: 60px; */
	color: #ffffff;
	text-shadow: 0 1px 1px #760000;
	font-size: 23px;
	/*line-height: 60px;*/
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
} 
.call-block-multirow img{position: relative;}

.gallery-thumbs {margin-top: 10px; text-align: center;}
.gallery-thumbs .thumb {margin: 0 4px 0 4px;}
.grey-pane {	
	background: #efefef; 
	height: 36px; 
	border: 1px solid #dcdcdc;
}
.grey-pane a {color: #333333;}

.card-filter-form label{
position:relative;
}

.card-filter-form label span{
display:block;
margin: 0 20px 0 20px;
}

.card-filter-form label input{
position:absolute;
top:0;
left:0;
}

.resorts-card {
	border: 1px solid #b2b2b2;
	margin-top: 14px;
}

.card-details {padding: 8px;}

.resorts-card-book-link {margin-top: -6px; text-transform:uppercase;}
.resorts-card-accordion {
	margin: 0;
	text-align: center;	
	background: #ffffff;
	
}
.resorts-card-accordion img {padding-bottom: 8px;}
.basic-square-list {text-align: left; margin-top: 8px; margin-left:15px}
.basic-square-list li {list-style: none;}
.basic-square-list li:before {
      /* For a round bullet */
      /*content:'\2022';*/
      /* For a square bullet */
      content:'\25A0';
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -15px;
	  top:1px;
      font-size: 13px;
	  color:#c00000;
}
.basic-square-list.grey-dot li:before {color: #1d1d1b;}
.basic-square-list.red-dot li:before {color: #C00000;}

#grid .starter-card {margin-left: 1.34357%;}

/* img carousel */

.header-carousel-wrapper{
	background-color: #fff;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
	position: relative;
}
/*
.center-helper {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 300px;
	text-align: center;
	border: 1px solid red;
	z-index: 8050;
}*/
.carousel-titles-overlay {
	
	position: absolute;
	
	bottom: 0;
	/*margin:0 25%;*/
	/*left: 521px;*/
	text-align: left;
	z-index: 8050;
	color: #1d1d1b;
	background: rgba(255,255,255, 0.7);	
}

.carousel-titles-overlay .row-fluid {
	padding-left: 20px;
	display: table;
	height:100%; 
}
.carousel-titles-overlay .middle {
	
	margin-top: 30px;
	vertical-align: middle;
}
#header-carousel img {
	display: block;
	float: left;
	max-width: 100%;
	height: 100%;
}

#header-carousel-title{
	position: absolute;
	bottom: 30px;
	left: 50%;
	width: 946px;
	margin-left: -450px;
	text-align: left;
	z-index: 7210;
	color: #FFFFFF;
	text-shadow: 0 1px 2px #3a3a3a;
	text-shadow: 0 1px 10px #2c2c2c;
}
#header-carousel-subtitle{
	position: absolute; 
	bottom:30px;
	left: 50%;
	width: 946px;
	margin-left: -450px;
	text-align: left;
	z-index: 7211;
    color: #FFFFFF;
    text-shadow: 0 1px 2px #3a3a3a;
}
#carousel-prev, #carousel-next {
	display:none;
	height: 400px;
	width: 50%;
	top: 0;
	position: absolute;
	z-index:100;
}

#carousel-prev:hover,
#carousel-next:hover {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
}
#carousel-prev {
	left: -521px;
	background-color: rgba(0, 0, 0, 0.5);
}
#carousel-next {
	background-color: rgba(0, 0, 0, 0.5);
	right: -521px;
}
#carousel-prev-overlay,
#carousel-next-overlay {
	position: absolute;
	z-index: 5540;
	width: 50%;
	height: 100%;
	top: 0;
	
}
#carousel-prev-overlay {	
	background: url(../img/icon_arrow_left_72.png) no-repeat 100% 50%;	
	left: -420px;
}
#carousel-prev-overlay:hover {background: url(../img/icon_arrow_left_72_hover.png) no-repeat 100% 50%;}

#carousel-next-overlay {	
	background: url(../img/icon_arrow_right_72.png) no-repeat 0px 50%;
	right: -420px;
}
#carousel-next-overlay:hover {background: url(../img/icon_arrow_right_72_hover.png) no-repeat 0px 50%;}

#carousel-pager {
	margin-left: -470px;
	position: absolute;
	left: 50%;
	top: 10px;
}
#carousel-pager a {
	border: 2px solid #fff;
	border-radius: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
}
#carousel-pager a:hover {background-color: rgba(255, 255, 255, 0.5);}
#carousel-pager a span {display: none;}
#carousel-pager a.selected {background-color: #fff;}

.mvimg {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}
.mvimg:hover {
    filter: none;
    -webkit-filter: grayscale(0);
}


/*********
* navi */

.navi-upper-link,
.navi-upper-link:hover {
	line-height: 30px;
	font-size: 14px;
	text-transform: uppercase;
}

.nav li + .nav-sub-header {margin-top: -6px;}

.nav-header {
	background: #dcdcdc;
	color: #c00000;
	font-size: 16px;
	font-weight: 500;
}

.nav-list li.nav-header a{
	color: #c00000;
	border: none;
	text-shadow: none;
}
.nav-header.active,
.nav-list li.nav-header.active a{

	color: #ffffff;
	background-color: #C00000;
}
.nav-list li.nav-header:hover {background: #c00000;}

.nav-header.nav-sub-header {
	background: none;
	font-size: 13px;
	font-weight: normal;
}

.bg-white  .nav > li > a {
	color: #4E4E4E; 
	text-transform:uppercase; 
	/*font-family: 'metabold';*/
	font-weight: bold;
	font-size: 16px;
	line-height: 50px;
}

.side-menu-title {

	color: #ffffff;
	font-size: 24px;
	background: #c00000;
	display: block;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 16px;
	line-height: 20px;
	padding: 3px 15px;
	text-transform: uppercase;	
}
.side-menu-title h2{margin-bottom: 16px;}

.mm-is-menu li.side-menu-title-mob {

	color: #ffffff;
	font-size: 24px;
	background: #c00000;
	display: block;
	margin-left: 0;
	margin-right: -15px;
	line-height: 20px;
	padding: 3px 15px;
	text-transform: uppercase;	
} 
.mm-is-menu li.side-menu-title-mob h2 a,
li.side-menu-title h2 a{
	color: #ffffff; 
	border: none;
	/*background-image: none;*/
	display: block;
	width: 100%;
}
li.side-menu-title h2 a:hover{
	color: #e2e2e2; 
	text-decoration: none;
}
.nav-list li a{
	border-bottom: 1px solid #e2e2e2;
	color: #1d1d1b;
	text-transform: uppercase;
}
.nav > li > a:hover, .nav > li > a:focus {
  background-color: #c00000;
  color: #ffffff;
  text-shadow: none;
}
.mm-menu * {font-size: 110%}
.mm-menu a {color: #666666;}

.navi-mob-divider-top {border-top: 1px solid rgba(255, 255, 255, 0.7);}
.navi-mob-divider-top:before {

	bottom: 0;
	content: "";
	display: block;
	position: relative;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.navi-mob-divider-bottom {padding-bottom:6px;border-bottom: 1px solid rgba(255, 255, 255, 0.7);}
.navi-mob-divider-bottom:after {

	bottom: -6px;
	content: "";
	display: block;
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}



/*********
* tabs */

.tab-content {

  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-top: none;
  padding: 16px;
}
.nav-tabs li a {
	font-size: 28px;
	padding: 10px 20px;
}

/**********
* icons */

.icons-helper {
	margin-right: -30px;
	line-height: 23px;
	width: 90%;
	display: block;
}

#reservation-tool .icon {
	position:absolute;
	width:38px;
	height:38px;
	top:50%;
	right:0;
	margin-top:-19px;
}
#reservation-tool-shrinked .icon {
	display: inline-block;
	width: 38px;
	height: 37px;
	line-height: 60px;
	margin-top: 10px;
	
}

.icon-cabin {background: url(../img/icon_cabin.png) no-repeat 50% 50%;}
.icon-calendar {background: url(../img/icon_calendar.png) no-repeat 50% 50%;}
.icon-people {background: url(../img/icon_people.png) no-repeat 50% 50%;}
.icon-code {background: url(../img/icon_lamp.png) no-repeat 50% 50%;}
.icon-full {background: url(../img/icon_full.png) no-repeat 50% 50%; width: 30px; height: 22px;}
.icon-full:hover {background: url(../img/icon_full_hover.png) no-repeat 50% 50%;}
.icon-arrow {background: url(../img/nuoli_btn_oikea.png) no-repeat 50% 50%;}

.icon-array-left-72,
.icon-array-right-72 {
	
	display: inline-block;
	width: 40px;
	height: 100%;
	min-height: 73px;
}
.icon-array-left-72 {background: url(../img/icon_arrow_left_72.png) no-repeat;}
.icon-array-left-72:hover {background: url(../img/icon_arrow_left_72_hover.png) no-repeat;}
.icon-array-right-72 {background: url(../img/icon_arrow_right_72.png) no-repeat;}
.icon-array-right-72:hover {background: url(../img/icon_arrow_right_72_hover.png) no-repeat;}

.icon-big-arrow {
	position: absolute;
	width: 35px; 
	height: 64px;
	top: 36%;
	right: 20px;
	z-index: 3201;
	background: none;
}
.red-square {
    background: #c00000;
    display: inline-block;
    height: 10px;
    width: 10px;
}


/********************
* banners and ads */

.lifted-text-block {
	color: #1d1d1b;
	/*text-shadow: 0 1px 1px #760000;*/
	/*text-shadow: 1px 1px 2px #006D78, 1px 0px 10px rgba(0, 109, 120, 0.3);*/
}

/*.lifted-text-block p {
	text-shadow: 1px 1px 1px #006D78, 1px 0px 20px rgba(0, 109, 120, 0.8),1px 0px 5px rgba(0, 109, 120, 0.3);
}*/

.lift-white-bg {
	background: #ffffff;
	border: 1px solid #b2b2b2;
}
.header-lift {margin: 120px 0 20px 0;}

.half-col {
	display: block;
	width: 50%;
	float: left;
}

.lift-col-one-third {
	position: relative;	
	width: 32% !important; 
	height: 100%;
	margin-left: 8px; 
	margin-bottom: 8px;
	float:left;	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.offer-lifts {overflow: hidden;}

.lift-span {
	width: 32%; 
	min-width: 332px; 
	margin-left: 8px; 
	margin-bottom: 8px;
}

.lift-one-third {
	position: relative;	
	width: 100%;
	min-height: 170px;
}

.lift-col {
	/*width: 100%;*/
	float: left;
}
.lift-col-inner {

	position: relative;
	margin: 0; 
}
.lift-col h3.lift-message {

  margin-left: 8px;
  text-shadow: 0 1px 1px #333333;
  font-size: 22px;
  max-width: 60%;

}
.lift-col-inner img{ 

	width: 100%;
}

.campaign-lift.grey-bg{
	border: 1px solid #DCDCDC;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.campaign-lift .lift-message {

	position: static;	
	width: 60%;
	display: block;
	float: left;
}
.campaign-lift .lift-message  h2,
.campaign-lift .lift-message  p {padding: 0 4px 0 10px;}

.campaign-lift .lift-image {	
	text-align: right;
	position: static;
	width: 40%;
	display: inline-block;
	float: right;
}

.lift-price-container,
.lift-message,
.lift-image {

	position: absolute;	
}
.adaptive-image {	
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
	
}
.full-width-image {
    height: auto; 
	width: 100%;
    max-width: 100%;
    max-height: 100%;	
}
.lift-price-container {
	display: inline-block;
	right: 15px;
	z-index: 2300; 
	padding: 10px;
	background-color: #c00000;
	color: #ffffff;
	top: 15px;
}
.reservation-lift .lift-price-container {padding: 8px;}

.lift-price-container .price{
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
}
.reservation-lift  .lift-price-container .price{
	font-size: 24px;
	line-height: 22px;
}
.lift-price-container .extension {
	font-size: 16px;
	line-height: 16px;
}
.reservation-lift .lift-price-container .extension {
	font-size: 14px;
	line-height: 12px;
}

h3.lift-message {
	z-index: 2200;
	bottom: 0px;
	margin-left: 8px;
	color: #ffffff;
	line-height: 20px;
	text-shadow: 1px 1px 2px #606060, 1px 1px 10px rgba(0,0,0,0.5);
	font-weight: bold;
}
.lift-image {
	z-index: 2100; 
	top: 0; 
	left: 0;
	width: 100%;
}

.lift-inner-link {color: #ffffff; }
.lift-inner-link:hover {text-decoration: none;color: #ffffff;}

.lift-inner-link h3 {margin-left: 10px;}
.lift-inner-link p {margin: 0 70px 10px 10px ;}

.lift-link:hover,
.lift-link {color: inherit; width: 100%;}

.price-box {border: 2px solid #c00000; color: #c00000; text-align: center; background:#fff;}
.price-box-label {font-size: 26px; line-height: 30px; margin-top: 10px;}
.price-box-amount {font-size: 68px; line-height: 60px; font-weight: bold; letter-spacing:-2px; }
.price-box-extension {font-size: 26px; line-height: 26px;}

.price-box-btn {

	font-size: 24px; 
	line-height: 50px;
	color: #ffffff;
	display: inline-block;
	width: 100%;
	text-shadow: 0 1px 1px #760000;
	font-weight: bold;
	text-transform: uppercase;
}
.price-box-btn img {padding-top: 4px;}
.price-box-btn:hover {
	color: #ffffff; 
	text-shadow: -1px -1px 1px #760000;
	text-decoration: none;
}

.red-gradient {
	background: #c00000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2IxMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c00000 0%, #b10202 50%, #c00000 50%, #c00000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c00000), color-stop(50%,#b10202), color-stop(50%,#c00000), color-stop(100%,#c00000));
	background: -webkit-linear-gradient(top,  #c00000 0%,#b10202 50%,#c00000 50%,#c00000 100%);
	background: -o-linear-gradient(top,  #c00000 0%,#b10202 50%,#c00000 50%,#c00000 100%);
	background: -ms-linear-gradient(top,  #c00000 0%,#b10202 50%,#c00000 50%,#c00000 100%);
	background: linear-gradient(to bottom,  #c00000 0%,#b10202 50%,#c00000 50%,#c00000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00000', endColorstr='#c00000',GradientType=0 );
}

.red-gradient:hover,
.red-gradient-invert {

	background: #b50000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTMwMjAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjYWQwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOTMwMjAyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FkMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #b50000 0%, #930202 0%, #ad0000 50%, #930202 50%, #ad0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b50000), color-stop(0%,#930202), color-stop(50%,#ad0000), color-stop(50%,#930202), color-stop(100%,#ad0000));
	background: -webkit-linear-gradient(top,  #b50000 0%,#930202 0%,#ad0000 50%,#930202 50%,#ad0000 100%);
	background: -o-linear-gradient(top,  #b50000 0%,#930202 0%,#ad0000 50%,#930202 50%,#ad0000 100%);
	background: -ms-linear-gradient(top,  #b50000 0%,#930202 0%,#ad0000 50%,#930202 50%,#ad0000 100%);
	background: linear-gradient(to bottom,  #b50000 0%,#930202 0%,#ad0000 50%,#930202 50%,#ad0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50000', endColorstr='#ad0000',GradientType=0 );

}


/********************* 
* reservation tool */

#reservation-tool {
	margin: 10px auto 20px auto;	
	background: #ffffff;	
	padding: 15px;
	box-shadow: 0 1px 3px #222222;
}

.frontpage-header-title {
	position: absolute;
	top: 150px;
	font-size: 45px;
	left: 50%;
	width: 946px;
	margin-left: -450px;
	color: #fff;
	text-shadow: 0 1px 2px #3a3a3a;
	text-shadow: 0 1px 10px #2c2c2c,0px -1px 0px rgba(0, 0, 0, 0.4);
}

.frontpage #reservation-tool {

	position: relative;
	margin: 0 auto;	
	top: 440px;
	background: #ffffff;	
	padding: 15px;
	z-index: 8100;
	box-shadow: 0 1px 3px #222222;
}
#reservation-tool-shrinked {

	position: relative;
	background: #EFEFEF;
	border: 1px solid #B2B2B2;
	box-shadow: none;
	display: block;
	margin: 10px auto 20px;
	padding: 15px;
	max-width: 90%;
	position: static;
	text-align: center;
}
#reservation-tool-shrinked a,
#reservation-tool a.red-btn{
	padding:0 43px 0 10px;
}
#reservation-tool-shrinked a {
	display: block;
    margin: 4px;
}

#reservation-tool-shrinked a#reservation-tool-arrival, 
#reservation-tool-shrinked a#reservation-tool-people {
  float: left;
  width: 38%;
}
#reservation-tool-shrinked a#reservation-tool-departure, 
#reservation-tool-shrinked a#reservation-tool-campaign {
  float: right;
  width: 38%;
}
#reservation-tool-shrinked a#reservation-tool-people,
#reservation-tool-shrinked a#reservation-tool-campaign,
#reservation-tool-shrinked a#reservation-tool-arrival,
#reservation-tool-shrinked a#reservation-tool-departure {
  text-align: left;
}
#reservation-tool-shrinked #reservation-tool-submit {

	border: 3px solid #EFEFEF;
	color: #FFFFFF;
	clear:both;
	overflow: hidden;
	display: block;
	/*font-family: 'metabold';*/
	font-weight: bold;
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	text-shadow: 0 1px 1px #760000;
}

#reservation-tool-shrinked a.active,
#reservation-tool-shrinked a:hover,
#reservation-tool a.active,
#reservation-tool a:hover{
	border: 2px solid #c00000;
	color: #c00000;
	text-decoration: none;
}
#reservation-tool-shrinked a .icon {
	display: inline-block;
	float: right; 
}
#reservation-tool a .icon {display: inline-block;	}

.reservation-lift {

	background: #efefef;
	border: 1px solid #b2b2b2;
}
.reservation-lift img {width: 100%;}
.reservation-lift h2,
.reservation-lift h4,
.reservation-lift p.basic-paragraph {padding: 10px}

.reservation-lift .reservation-btn {

  border: 2px solid #B2B2B2;
  color: #1d1d1b;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  margin: 0 8px 8px 8px;
  padding-left: 10px;
  overflow: hidden;
  vertical-align: middle;
}
.landingpage .reservation-lift .reservation-btn {

	display: inline-block;	
	width: 100px;
}

.reservation-lift .reservation-btn:hover { 
	border: 2px solid #c00000; 
	text-decoration:none;
}

.reservation-lift .red-btn {
	/*display:block;
	padding: 0;*/

  clear: both;
  color: #FFFFFF;
  display: block;
  font-size: 24px;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  margin: 0;
  overflow: hidden;
  text-shadow: 0 1px 1px #760000;	
}
.reservation-lift .red-btn .icon { 
  display: inline-block;
    height: 37px;
    line-height: 60px;
    margin-top: 10px;
    width: 38px;
}

/********************
* forms & inputs */ 

#reservation-tool .red-btn {

	/*font-family: 'metabold';*/
	font-weight: bold;
	display: inline-block;
	height: 60px;
	font-size: 24px;
	line-height: 60px;
	color: #ffffff;
	text-shadow: 0 1px 1px #760000;
	border: 2px solid #c00000;
	vertical-align:top;
	
}
.red-btn {

	margin-top: -3px;
	display: inline-block;
	height: 62px;
	font-size: 30px;
	line-height: 60px;
	padding: 0 10px 0 20px;
	color: #ffffff;
	font-weight: bold;
	text-transform:uppercase;
	text-shadow: 0 1px 2px #760000;
	border: 1px solid #c00000;
}
.red-btn:focus {color: #ffffff;}
.grey-sidebar-btn {

	padding: 4px;
	width: 100%;
	color: #C00000;
}

.read-more-btn:hover,
#reservation-tool .red-btn:hover,
.red-btn:hover{
	color: #ffffff; 
	text-shadow: 0 -1px 1px #760000;
	text-decoration: none;
}
.read-more-btn {

	display: inline-block;
	height: 58px;
	font-size: 28px;
	line-height: 56px;
	padding: 0 10px 0 20px;
	color: #ffffff;
	text-shadow: 0 1px 2px #760000;
}

.pre-label {
  display: inline-block;
  margin-bottom: 0;
  padding-top: 5px;
  margin-right: 6px;
  vertical-align: middle;
}
.newsletter-btn {	
	/*float: right;
	margin: 10px 90px 0 0;*/
	margin-top: 20px;
	padding: 0 0 0 30px;
}
.newsletter-btn img {margin: 0 10px 0 20px;}

.full-width-btn {
	display: block !important;	
}
.customized-select-wrapper {

	display: block;
	float: left; 
	height: 30px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 1px solid maroon;
}
#upper-navbar .customized-select {

	line-height: 25px;

} 
.customized-select select {
	background: transparent;
	width: 268px;
	/*padding: 5px;*/
	font-size: 14px;
	line-height:17px;
	border: 0;
	border-radius: 0;
	height: 30px;
	-webkit-appearance: none;
}
   
.customized-select {
	width: 240px;
	height: 28px;
	overflow: hidden;
	background: url(../img/icon_dropdown_arrow.png) no-repeat right #ffffff;
	border: 1px solid #b2b2b2;
}
.customized-black-arrow {background: url(../img/icon_dropdown_arrow_black.png) no-repeat right #ffffff;}

.customized-70 select {width: 100px}
.customized-70 {width: 70px;}

.customized-100 select {width: 130px}
.customized-100 {width: 100px;} /* select width - icon */

.customized-120 select {width: 150px}
.customized-120 {width: 120px;}

.customized-150 select {width: 180px}
.customized-150 {width: 150px;}
 
.customized-170 select {width: 200px}
.customized-170 {width: 170px;}

.customized-200 select {width: 230px}
.customized-200 {width: 200px;}

.green-bg {background-color: #24902b;}
.lightgreen-bg {background-color: #9fdc9d;}

.calendar-legend {
	
	vertical-align: middle;
	margin: 0 0 0 0;
}
.calendar-legend-box {
	position: relative;
	display: inline-block;
	width: 54px;
	height: 34px;
	line-height: 34px;
	top: 10px; 
}

input[type=checkbox].big-black-check {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}
input[type=checkbox].big-black-check + label.custom-big-check-label {
	width: 32px;	
	height:26px;
	margin: 0;
	display:inline-block;
	line-height:26px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].big-black-check + label.custom-big-check-label.active,
input[type=checkbox].big-black-check:checked + label.custom-big-check-label {background-position: 0 -26px;}

.custom-big-check-label{ background-image:url(../img/icon_check_big_black.png);}	
.custom-big-check-helper {height:26px; width: 80px; text-align: center;}	

/***********
* search */

.search #main {
	box-shadow: none;
	margin-top: 110px;
	min-height: 500px;
}

#main-helper.search {
	box-shadow: none;
}

.search h3 {
	color: #c00000;
	font-size: 22px;
	margin:0 0 10px 0;
}

.search h4 {
	font-size: 19px;
	line-height: 19px;
	margin:10px 0 0 0;
}

.search label {
	margin-left: 3px;
}

.search .icon {
	position: absolute;
	width: 38px;
	height: 38px;
	right: 10px;
	top: 50%;
	margin-top: -16px;
}

.search-page-title h1{
	color: #c00000;
}

/* sorting-bar */

.sorting-bar {
	line-height: 40px;
}

.sorting-bar .sort-by {

	text-align: right;
}

.sorting-bar .sort-by p{
	text-transform: uppercase;
	display: inline-block;
	padding-right: 10px;
}

/* search-reservation-tool-container */

.search-reservation-tool-container{
	border: 1px solid #b2b2b2;
	margin: 0;
	background: #eee;
	padding: 13px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.search-reservation-tool-container a {
	position: relative;
	display: inline-block;
	padding: 0 8px 0 18px;
	margin: 0 2px;
	height: 60px;
	font-size: 14px;
	line-height: 60px;
	border: 1px solid #b2b2b2;
	color: #1d1d1b;
	margin-bottom: 8px;
	background-color: #fff;
	display: inline-block;
}

.search-reservation-tool-container a:hover {
	border: 1px solid #c00000;
	color: #c00000;
	text-decoration: none;
}

.search-reservation-tool-container h3{
	text-align: center;
}

.search #search-reservation-tool-submit {
	position: relative;
	text-align: center;
}

#search-reservation-tool-target, #search-reservation-tool-arrival, #search-reservation-tool-departure, #search-reservation-tool-people, #search-reservation-tool-campaign, #search-reservation-tool-submit{
	width: 100%;
}

/* customer-service */

#customer-service {
	background: #eee;
	border: 1px solid #b2b2b2;
	padding: 13px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


/* payment-method */

#payment-method {
	padding: 13px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#payment-method h4 {
	text-transform: uppercase;
}

/* search-item */

.search-item {
	border: 1px solid #b2b2b2;
	background: #fff;
	position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* search-item/image */

.search-item-image {
	overflow: hidden;
}

.search-item-image img {
	width: 100%;
	height: auto;
}

/* search-item/info */

.search-item-info {
	padding: 5px;
	padding-left: 0;
	position: relative;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;     
}

.search-item-info p{
	color: #c00000;
}
.search-item-info .person-container {
	position: absolute;
	bottom: 20px;
	font-size: 30px;
	font-weight: bold;
	color: #c00000;
}

.search-item-info img{
	display: inline-block;
	width: auto;
	vertical-align:bottom;
}

/* search-item/price */



/* search-item/offer */

.search-item-offer {
	position: absolute;
	border: 1px solid #b2b2b2;
	background: #fff;
	left: -10px;
	top: 8px;
	padding:8px 10px;
	text-transform: uppercase;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.search-item-offer:before {
	background-image: url(../img/icon_corner.png);
	background-repeat: no-repeat;
	content: "";
	display: block;
	position: absolute;
	left: -1px;
	width: 9px;
	height: 18px;
	overflow: hidden;
	bottom:-19px;
}

/* search-item/not-available */

.not-available a#search-reservation-tool-select:hover {
	text-decoration: underline;
	background: #E7E7E7;
	cursor: pointer;
}

.not-available p {
	color: black;
	font-size: 18px;
	line-height: normal;
	padding-top: 10px;
	text-align: right;
	text-decoration: none;
	height: 62px;
}

.not-available h2 {
	color: black;
	font-size: 15px;
	line-height: normal;
	text-align: right;
	margin-bottom: 10px;
	height: 40px;
}

.not-available #search-reservation-tool-select {
	position: relative;
	width: 100%;
	background: none;
	background-color: #eee;
	border: 1px solid #b2b2b2;
	color: #c00000;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 15px;
	padding-left: 17px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.not-available .icon {
	display: none;
}

/* search-item/dropdown */

.search-item-dropdown {
	border: 1px solid #b2b2b2;
	border-top: 0px;
	background: #eee;
	height: 40px;
	text-align: center;
	color: #1d1d1b;
	display: block;
}

.search-item-dropdown:hover {
	background: #E7E7E7;
	cursor: pointer;
}

.search-item-dropdown p {
	display: inline;
	line-height: 40px;
	font-size: 25px;
	font-weight: bold;
}

.search-item-dropdown .plus-sign {
	line-height: 40px;
	font-size: 30px;
}

.search-item-dropdown .minus-sign {
	display: none;
	line-height: 40px;
	font-size: 30px;
}

.search-item-dropdown-content {
	display: none;
	border: 1px solid #b2b2b2;
	border-top: 0px;
	background-color: #fff;
	background-image: url(../img/icon_info.png);
	background-position: 2% 50%;
	background-repeat: no-repeat;
	color: #1d1d1b;
	padding: 15px;
	padding-left: 65px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* search-show-more */

.search-show-more {
	background-color: #b2b2b2;
	padding: 13px;
	text-align: center;
	color: white;
	font-size: 18px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}


/***********
* footer */

.fat-footer {	
	overflow: visible;
	background-color: #c00000;
	color: #ffffff;
	margin-bottom: 30px;
}
.fat-footer a{color: #ffffff;}

.footer-resorts-list{
margin:0;
}

.footer-resorts-list li{
	list-style:none;
}

.bottom-end {
	background: #ffffff;
	color: #1d1d1b;
	padding: 20px 0;
}

.bottom-end a{color: #1d1d1b;}
.bottom-end-link {font-size: 14px; line-height: 8px; margin-right: 20px;}


/*********
* misc */

/* vahingossa meni ensin väärin päin*/
.white-bg,
.bg-white {
	background: none; 
	background: #ffffff; 
	color: #1d1d1b;
}

.red-bg {background-color: #C00000;}
.grey-bg {background: #efefef; }

.shadow-grey {text-shadow: 0 1px 1px #666666;}

.featured-spacer {height: 644px;}

.fixed-top-50 {top: -50px;}

.lift-h2 {margin-top: -34px;}

.zero-m {margin: 0;}

div.container-fluid.plr-zero {padding-left: -0; padding-right: 0 !important;}

.mt-0 {margin-top: 0 !important;}
.mt-4 {margin-top: 4px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-60 {margin-top: 60px;}
.mt-gutter {margin-top: 14px;}
.mt-header {margin-top: 100px;}

.mb-0 {margin-bottom: 0;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-gutter {margin-bottom: 14px;}

.ml-0 {margin-left: 0;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}

.ml-60p {margin-left: 60%;}
.ml-gutter {margin-left: 14px;}

.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mr-gutter {margin-right: 14px;}

.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}

.rp-10 p{padding-right: 10px;}
.pr-20 {padding-right: 20px;}

.p-4 {padding: 4px;}
.p-6 {padding: 6px;}
.p-8 {padding: 8px;}
.p-10 {padding: 10px;}
.p-20 {padding: 20px;}
.p-gutter {padding: 14px;}

.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}

.f-red, 
.f-red:hover {color: #c00000;}
.f-white,
.f-white:hover {color: #ffffff;}
.f-grey {color: #1d1d1b;}
.f-lgrey {color: #333333;}
.f-dgrey {color: #333333;}

.v-center {vertical-align: middle !important; height: 100%}

.ribbon-wrapper {

	position: relative;
}
.ribbon {

	position:absolute;
	top: 25%;
	z-index: 4150;
	width: 10%;
	font-size: 23px;
	min-width: 80px;
	background: #ffffff;
	color: #c00000;
	padding: 10px 20px;
	border: 1px solid #b2b2b2;
	margin-left: -10px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #c00000 transparent transparent transparent;
	bottom: -1em;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: 1em 1em 0 0;
	border-color: transparent;
}

.mid {vertical-align: middle;}

.pull-inners-right {text-align: right;}

.relative {position: relative;}

.tb-border-grey {border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.border-grey {border: 1px solid #dcdcdc;}
.border-grey-in {
	border: 1px solid #dcdcdc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.border-red {border: 1px solid #c00000;}
.h-border-red:hover {border: 1px solid #c00000;}

.b-border-grey {border-bottom: 1px solid #dcdcdc;}
.l-border-grey {border-right: 1px solid #dcdcdc;}

.overflow-auto {overflow:auto;}

.iblock {display: inline-block;}

.divider-4 {height: 4px;}
.divider-10 {height: 10px;}


/******************


#reservation-tool .red-btn, #reservation-tool-shrinked #reservation-tool-submit, .bg-white .nav > li > a, .bold, .meta, .tk-ff-meta-web-pro, b, body {
	font-family: "ff-meta-web-pro","Trebuchet MS",sans-serif;
}


/* ************************* */

/*
	Animations
*/
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
.mm-is-menu.mm-horizontal .mm-inner > ul
{
	-webkit-transition: none 0.4s ease;
	-moz-transition: none 0.4s ease;
	-o-transition: none 0.4s ease;
	transition: none 0.4s ease;
}
html.mm-opened.mm-dragging .mm-page
{
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
html.mm-opened.mm-dragging.mm-next .mm-menu,
html.mm-opened.mm-dragging.mm-front .mm-menu
{
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
html.mm-opened .mm-page,
html.mm-opened #mm-blocker
{
	/* border-color is needed to force transitionend event even if no other value changed */
	/* transform is needed to force hardware acceleration */
	-webkit-transition-property: top, right, bottom, left, margin, border, -webkit-transform;
	-moz-transition-property: top, right, bottom, left, margin, border, -moz-transform;
	-o-transition-property: top, right, bottom, left, margin, border, -o-transform;
	transition-property: top, right, bottom, left, margin, border, transform;
	
	border: none solid rgba(0, 0, 0, 0);
}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker
{
	border: none solid rgba(1, 1, 1, 0);
}
.mm-is-menu.mm-horizontal .mm-inner > ul
{
	-webkit-transition-property: margin-left;
	-moz-transition-property: margin-left;
	-o-transition-property: margin-left;
	transition-property: margin-left;
}

html.mm-accelerated.mm-opening .mm-page,
html.mm-accelerated.mm-opening #mm-blocker,
html.mm-accelerated .mm-is-menu.mm-horizontal .mm-inner > ul.mm-subopened
{
	-webkit-transform: translate3d( 0, 0, 1px );
	-moz-transform: translate3d( 0, 0, 1px );
	-o-transform: translate3d( 0, 0, 1px );
	transform: translate3d( 0, 0, 1px );
}

html.mm-opened .mm-page,
html.mm-opened #mm-blocker
{
	margin: 0px;
	left: 0%;
	top: 0;
}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker
{
	margin: 0 0 0 -65px;
	left: 100%;
}


/*
	Menu, submenus, items
	- Sizing and positioning
*/
html.mm-opened .mm-page,
.mm-menu,
.mm-menu .mm-inner,
.mm-is-menu ul,
.mm-menu div.mm-search,
.mm-menu div.mm-search input
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

/* html/body */
html.mm-opened,
html.mm-opened body
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
html.mm-opened body
{
	position: relative;
}

/* menu */
.mm-menu
{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	overflow: hidden;
}
.mm-menu.mm-opened
{
	display: block;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.mm-menu.mm-opened ~ .mm-menu.mm-opened
{
	display: none;
}
.mm-inner
{
	width: 100%;
	height: 100%;
	padding: 0 65px 0 0;
}

/* ul/li */
.mm-is-menu ul,
.mm-is-menu li
{
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.mm-is-menu li
{
	position: relative;
}
.mm-is-menu li:after
{
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 6px;
}

.mm-is-menu .mm-inner > ul
{
	width: 100%;
	padding: 20px 0 40px 0;
}

/* items */
.mm-is-menu li > a,
.mm-is-menu li > span
{
	text-indent: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 40px;
	overflow: hidden;
	display: block;
	padding: 0 10px 0 0;
	margin: 0;
}


/* subopen/close */
.mm-menu a.mm-subopen
{
	width: 40px;
	height: 40px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.mm-menu a.mm-subopen:before
{
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
}
.mm-menu a.mm-subopen.mm-fullsubopen
{
	border-left: none;
	width: 100%;
}
.mm-menu a.mm-subopen.mm-fullsubopen:before
{
	border-left: none;
}
.mm-menu a.mm-subclose
{
	text-indent: 40px;
	padding-top: 20px;
	margin-top: -20px;
}
.mm-menu a.mm-subopen + a,
.mm-menu a.mm-subopen + span
{
	padding-right: 45px;
}

/* page + blocker */
html.mm-opened .mm-page
{
	height: 100%;
	overflow: hidden;
	position: absolute;
}
html.mm-background .mm-page
{
	background: inherit;
}
#mm-blocker
{
	background: #fff;
	opacity: 0;
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker
{
	display: block;
}

/* vertical submenu */
.mm-menu.mm-vertical ul ul
{
	display: none;
	padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical li.mm-opened > ul
{
	display: block;
}
.mm-menu.mm-vertical ul ul li:last-child,
.mm-menu.mm-vertical ul ul li:last-child:after
{
	border-bottom-width: 0;
}
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > a.mm-subopen + span
{
	padding-right: 5px;
	margin-right: 40px;
}
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + a,
.mm-menu.mm-vertical li.mm-opened.mm-selected > em.mm-counter + a.mm-subopen + span
{
	margin-right: 75px;
}

/* horizontal submenu */
.mm-menu.mm-horizontal .mm-inner
{
	white-space: nowrap;
}
.mm-menu.mm-horizontal ul
{
	vertical-align: top;
	margin-left: 0%;
}
.mm-menu.mm-horizontal ul.mm-submenu
{
	display: none;
}
.mm-menu.mm-horizontal ul,
.mm-menu.mm-horizontal ul.mm-submenu.mm-opened
{
	display: inline-block;
}
.mm-menu.mm-horizontal ul.mm-subopened
{
	margin-left: -100%;
	max-height: 100%;
	overflow: hidden;
}


/*
	Menu, submenus, items
	- Styling (default: dark background)
*/
.mm-is-menu
{
	background: #333;
}
.mm-is-menu *
{
	-webkit-text-size-adjust: none;
	text-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.mm-is-menu li
{
	border-bottom: 1px solid rgba( 255, 255, 255, 0.1 );
}
.mm-is-menu li,
.mm-is-menu li > a,
.mm-is-menu li > span
{
	color: rgba( 255, 255, 255, 0.5 );
	text-decoration: none;
}
.mm-menu li.mm-selected > a,
.mm-menu li.mm-selected > span
{
	background: rgba( 0, 0, 0, 0.2 );
}
.mm-menu li.mm-selected > a.mm-subopen
{
	background: transparent;
}

/* subopen/close */
.mm-menu a.mm-subopen
{
	border-left: 1px solid rgba( 255, 255, 255, 0.1 );
}
.mm-menu a.mm-subopen:before
{
	border-left: 1px solid rgba( 0, 0, 0, 0.4 );
}
.mm-menu a.mm-subclose
{
	background: rgba( 0, 0, 0, 0.2 );
}

/* vertical submenu */
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical li.mm-opened > ul
{
	background: rgba( 255, 255, 255, 0.06 );
}

/* page + blocker */
html.mm-opened .mm-page
{
	box-shadow: 0 0 20px rgba( 0, 0, 0, 0.8 );
}


/*
	Labels
	- Sizing and positioning
*/
.mm-menu li.mm-label
{
	text-transform: uppercase;
	text-indent: 20px;
	line-height: 25px;
}


/*
	Labels
	- Styling
*/
.mm-menu li.mm-label
{
	background: rgba( 255, 255, 255, 0.1 );
	font-size: 11px;
	color: rgba( 255, 255, 255, 0.5 );
}


/*
	Counters
	- Sizing and positioning
*/
.mm-menu em.mm-counter
{
	text-indent: 0;
	text-align: center;
	text-shadow: none;
	line-height: 22px;
	display: block;
	min-width: 16px;
	height: 20px;
	padding: 0 2px;
	position: absolute;
	right: 40px;
	top: 10px;
}
.mm-menu em.mm-counter + a.mm-subopen
{
	padding-left: 35px;
}
.mm-menu em.mm-counter + a.mm-subopen + a,
.mm-menu em.mm-counter + a.mm-subopen + span
{
	padding-right: 80px;
}


/*
	Counters
	- Styling
*/
.mm-menu em.mm-counter
{
	border-radius: 5px;
	background: rgba( 255, 255, 255, 0.1 );
	box-shadow: 0 0 2px rgba( 0, 0, 0, 0.3 );
	font-size: 11px;
	font-style: normal;
	color: rgba( 255, 255, 255, 0.4 );
}


/*
	Arrows
	- Sizing and positioning
*/
.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before
{
	content: '';
	border-width: 4px;
	border-style: solid;
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 50%;

	-webkit-transform: rotate( -45deg );
	-moz-transform: rotate( -45deg );
	-o-transform: rotate( -45deg );
	transform: rotate( -45deg );
}
.mm-menu a.mm-subopen:after
{
	border-top: none;
	border-left: none;
	margin-top: -4px;
	right: 16px;
}
.mm-menu a.mm-subclose:before
{
	border-right: none;
	border-bottom: none;
	margin-top: 4px;
	left: 20px;
}
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen:after
{
	-webkit-transform: rotate( 45deg );
	-moz-transform: rotate( 45deg );
	-o-transform: rotate( 45deg );
	transform: rotate( 45deg );
}


/*
	Arrows
	- Styling
*/
.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before
{
	border-color: rgba( 255, 255, 255, 0.3 );
}


/*
	Search
	- Sizing and positioning
*/
.mm-menu div.mm-search
{
	width: 100%;
	height: 50px;
	padding: 10px;
	position: relative;
	z-index: 1;
}

.mm-menu div.mm-search input
{
	border: none;
	/*border-radius: 15px;*/
	line-height: 30px;
	outline: none;
	display: block;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0 0 0 10px;
}
.mm-menu li.mm-noresults
{
	border: none;
	display: none;
	padding-top: 30px;
}
.mm-menu li.mm-noresults:after
{
	border: none;
}
.mm-menu.mm-noresults li.mm-noresults
{
	display: block;
}

.mm-menu .mm-noresult,
.mm-menu .mm-nosubresult > a.mm-subopen,
.mm-menu .mm-nosubresult > em.mm-counter
{
	display: none;
}
.mm-menu .mm-nosubresult > a.mm-subopen + a, 
.mm-menu .mm-nosubresult > a.mm-subopen + span
{
	padding-right: 5px;
}


/*
	Search
	- Styling
*/
.mm-menu div.mm-search
{
	background: rgba( 0, 0, 0, 0.2 );
	border-bottom: 1px solid rgba( 255, 255, 255, 0.1 );
}
.mm-menu div.mm-search input
{
	background: rgba( 255, 255, 255, 0.3 );
	color: rgba( 255, 255, 255, 0.9 );
}
.mm-menu li.mm-noresults
{
	color: rgba( 255, 255, 255, 0.4 );
	text-align: center;
}


/*
	Bugfix for browsers without support for overflowscrolling
		- Android < 3
*/
html.mm-no-overflowscrolling.mm-opened,
html.mm-no-overflowscrolling.mm-opened body
{
	overflow: visible;
}
html.mm-no-overflowscrolling.mm-opened body
{
	overflow-x: hidden;
}
html.mm-no-overflowscrolling.mm-opened .mm-page
{
	min-height: 200%;
	position: fixed;
	top: 0;
	z-index: 3;
}
html.mm-no-overflowscrolling .mm-menu
{
	height: auto;
	min-height: 100%;
	overflow: default;
	overflow-x: default;
	overflow-y: default;
	position: relative;
	left: auto;
	top: auto;
}
html.mm-no-overflowscrolling.mm-right .mm-menu
{
	position: absolute;
}


/*
	Bugfix for browsers with "scrolling" addressbar
		- mobiel safari on iPhone and iPod
*/
html.mm-iphone-addressbar.mm-opened body
{
	padding-bottom: 60px;
}


/*
	Sizing and positioning for larger screens
*/
@media all and (min-width: 500px) {

	.mm-menu
	{
		width: 500px;
	}
	html.mm-opening .mm-page,
	html.mm-opening #mm-blocker
	{
		left: 500px;
	}
}



/* ****************** */

/*
	CSS for a menu with light colors.
*/

/*
	Menu, submenus, items
	- Styling (light background)
*/
.mm-is-menu
{
	background: #f6f6f6;
}
.mm-is-menu *
{
	text-shadow: none;
	/*font-family: 'metabold';*/
	font-family: "ff-meta-web-pro","Trebuchet MS",sans-serif;
}
.mm-is-menu li
{
	border-bottom-color: rgba( 255, 255, 255, 0.7 );	
}
.mm-is-menu li a
{
	background: url(../img/icon_nav_arrow_right.png) no-repeat 98% 50%;
}
.mm-is-menu li a.mmenu-basic-link {background: none;}

.mm-is-menu li:after
{
	border-bottom-color: rgba( 0, 0, 0, 0.1 );
}
.mm-is-menu li,
.mm-is-menu li > a,
.mm-is-menu li > span
{
	color: #666666;
	text-decoration: none;
}
.mm-is-menu li > a:hover {	color: #1a1a1a;	text-decoration: none;}

.mm-menu li.mm-selected > a,
.mm-menu li.mm-selected > span
{
	background: rgba( 255, 255, 255, 0.6 );
}

/* subopen/close */
.mm-menu a.mm-subopen
{
	border-left-color: rgba( 255, 255, 255, 0.7 );
}
.mm-menu a.mm-subopen:before
{
	border-left-color: rgba( 0, 0, 0, 0.1 );
}
.mm-menu a.mm-subclose
{
	background: rgba( 255, 255, 255, 0.6 );
}

/* vertical submenu */
.mm-menu.mm-vertical li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical li.mm-opened > ul
{
	background: rgba( 0, 0, 0, 0.05 );
}

/* page + blocker */
html.mm-opened .mm-page
{
	box-shadow: 0 0 10px rgba( 0, 0, 0, 0.6 );
}


/*
	Labels
	- Styling
*/
.mm-menu li.mm-label
{
	background: rgba( 0, 0, 0, 0.05 );
	color: rgba( 0, 0, 0, 0.4 );
}


/*
	Counters
	- Styling
*/
.mm-menu em.mm-counter
{
	background: rgba( 0, 0, 0, 0.2 );
	box-shadow: none;
	color: rgba( 255, 255, 255, 0.8 );
}


/*
	Arrows
	- Styling
*/
.mm-menu a.mm-subopen:after,
.mm-menu a.mm-subclose:before
{
	border-color: rgba( 0, 0, 0, 0.2 );
}

/*
	Search
	- Styling
*/
.mm-menu div.mm-search
{
	background: #c00000;
	border-bottom-color: rgba( 0, 0, 0, 0.1 );
}
.mm-menu div.mm-search input
{
	background: rgb( 243, 243, 243);
	border: none;
	color: rgba( 0, 0, 0, 0.7 );
}
.mm-menu li.mm-noresults
{
	color: rgba( 0, 0, 0, 0.5 );
}


/* ********************** */

/*
	position
*/

/* top */
html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker
{
	top: 0%;
	left: 0;
}
html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker
{
	margin: -65px 0 0 0;
	left: 0;
	top: 100%;
}

/* right */
html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker
{
	left: auto;
	right: 0%;
}
html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker
{
	margin: 0 -65px 0 0;
	left: auto;
	right: 100%;
}

/* bottom */
html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker
{
	bottom: 0%;
	top: auto;
}
html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker
{
	margin: 0 0 -65px 0;
	top: auto;
	left: 0;
	bottom: 100%;
}

.mm-menu.mm-top .mm-inner
{
	padding: 0 0 65px 0;
}
.mm-menu.mm-right .mm-inner
{
	padding: 0 0 0 65px;
}
.mm-menu.mm-bottom .mm-inner
{
	padding: 65px 0 0 0;
}

@media all and (min-width: 500px) {


	.mm-menu.mm-top,
	.mm-menu.mm-bottom
	{
		width: 100%;
	}
	html.mm-opening.mm-top .mm-page,
	html.mm-opening.mm-top #mm-blocker,
	html.mm-opening.mm-bottom .mm-page,
	html.mm-opening.mm-bottom #mm-blocker
	{
		left: 0;
	}

	.mm-menu.mm-right
	{
		width: 500px;
		left: auto;
		right: 0;
	}
	html.mm-right.mm-opening .mm-page,
	html.mm-right.mm-opening #mm-blocker
	{
		left: auto;
		right: 500px;
	}
}



/*
	z-position
*/

/* reset defaults */
html.mm-front.mm-opening .mm-page
{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
}

/* z-indexing */
html.mm-front .mm-page,
html.mm-front #mm-blocker
{
	z-index: 0;
}
.mm-menu.mm-front
{
	z-index: 1;
}

/* styling */
.mm-menu.mm-front
{
	box-shadow: 0 0 15px rgba( 0, 0, 0, 0.5 );
}
html.mm-opened.mm-next .mm-page
{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.6) inset;
}

/* animations */
.mm-menu.mm-front,
.mm-menu.mm-next
{
	-webkit-transition: none 0.4s ease;
	-moz-transition: none 0.4s ease;
	-o-transition: none 0.4s ease;
	transition: none 0.4s ease;

	-webkit-transition-property: top, right, bottom, left, margin, border-color, -webkit-transform;
	-moz-transition-property: top, right, bottom, left, margin, border-color, -moz-transform;
	-o-transition-property: top, right, bottom, left, margin, border-color, -o-transform;
	transition-property: top, right, bottom, left, margin, border-color, transform;
}
html.mm-accelerated.mm-opening .mm-menu.mm-front,
html.mm-accelerated.mm-opening .mm-menu.mm-next
{
	-webkit-transform: translate3d( 0, 0, 1px );
	-moz-transform: translate3d( 0, 0, 1px );
	-o-transform: translate3d( 0, 0, 1px );
	transform: translate3d( 0, 0, 1px );
}


/* left */
.mm-menu.mm-front .mm-inner,
.mm-menu.mm-next .mm-inner
{
	padding: 0 0 0 65px;
}
html.mm-opened .mm-menu.mm-front,
html.mm-opened .mm-menu.mm-next
{
	left: -100%;
}
html.mm-opening .mm-menu.mm-front,
html.mm-opening .mm-menu.mm-next
{
	left: 0%;
	margin: 0 0 0 -65px;
}

/* top */
.mm-menu.mm-top.mm-front,
.mm-menu.mm-top.mm-next
{
/* 	bottom: auto; */
}
.mm-menu.mm-top.mm-front .mm-inner,
.mm-menu.mm-top.mm-next .mm-inner
{
	padding: 65px 0 0 0;
}
html.mm-opened .mm-menu.mm-top.mm-front,
html.mm-opened .mm-menu.mm-top.mm-next
{
	left: 0;
	top: -100%;
}
html.mm-opening .mm-menu.mm-top.mm-front,
html.mm-opening .mm-menu.mm-top.mm-next
{
	margin: -65px 0 0 0;
	left: 0;
	top: 0%;
}

/* right */
.mm-menu.mm-right.mm-front,
.mm-menu.mm-right.mm-next
{
	left: auto;
}
.mm-menu.mm-right.mm-front .mm-inner,
.mm-menu.mm-right.mm-next .mm-inner
{
	padding: 0 45px 0 0;
}
html.mm-opened .mm-menu.mm-right.mm-front,
html.mm-opened .mm-menu.mm-right.mm-next
{
	left: auto;
	right: -100%;
}
html.mm-opening .mm-menu.mm-right.mm-front,
html.mm-opening .mm-menu.mm-right.mm-next
{
	margin: 0 -65px 0 0;
	left: auto;
	right: 0%;
}

/* bottom */
.mm-menu.mm-bottom.mm-front,
.mm-menu.mm-bottom.mm-next
{
	top: auto;
}
.mm-menu.mm-bottom.mm-front .mm-inner,
.mm-menu.mm-bottom.mm-next > .mm-inner
{
	padding: 0 0 65px 0;
}
html.mm-opened .mm-menu.mm-bottom.mm-front,
html.mm-opened .mm-menu.mm-bottom.mm-next
{
	left: 0;
	bottom: -100%;
}
html.mm-opening .mm-menu.mm-bottom.mm-front,
html.mm-opening .mm-menu.mm-bottom.mm-next
{
	margin: 0 0 -65px 0;
	left: 0;
	bottom: 0%;
}


@media all and (min-width: 500px) {


	/* left */
	html.mm-opened .mm-menu.mm-front,
	html.mm-opened .mm-menu.mm-next
	{
		left: -500px;
	}
	html.mm-opening .mm-menu.mm-front,
	html.mm-opening .mm-menu.mm-next
	{
		left: 0px;
	}

	/* top + bottom*/
	html.mm-opened .mm-menu.mm-top.mm-front,
	html.mm-opened .mm-menu.mm-top.mm-next,
	html.mm-opened .mm-menu.mm-bototm.mm-front,
	html.mm-opened .mm-menu.mm-bototm.mm-next,
	html.mm-opening .mm-menu.mm-top.mm-front,
	html.mm-opening .mm-menu.mm-top.mm-next,
	html.mm-opening .mm-menu.mm-bototm.mm-front,
	html.mm-opening .mm-menu.mm-bototm.mm-next
	{
		left: 0;
	}

	/* right */
	html.mm-opened .mm-menu.mm-right.mm-front,
	html.mm-opened .mm-menu.mm-right.mm-next
	{
		right: -500px;
		left: auto;
	}
	html.mm-opening .mm-menu.mm-right.mm-front,
	html.mm-opening .mm-menu.mm-right.mm-next
	{
		right: 0px;
		left: auto;
	}
}