/* FONTS */
@font-face {
    font-family: 'Klavika-Bold';
    src: url('/site/templates/styles/fonts/KlavikaWebBasicBold.eot');
    src: url('/site/templates/styles/fonts/KlavikaWebBasicBold.eot?#iefix') format('embedded-opentype'),
         url('/site/templates/styles/fonts/KlavikaWebBasicBold.woff') format('woff'),
         url('/site/templates/styles/fonts/klavika-bold-webfont.ttf') format('truetype'),
         url('/site/templates/styles/fonts/klavika-bold-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika-Medium';
    src: url('/site/templates/styles/fonts/KlavikaWebBasicMedium.eot');
    src: url('/site/templates/styles/fonts/KlavikaWebBasicMedium.eot?#iefix') format('embedded-opentype'),
         url('/site/templates/styles/fonts/KlavikaWebBasicMedium.woff') format('woff'),
         url('/site/templates/styles/fonts/klavika-medium-webfont.ttf') format('truetype'),
         url('/site/templates/styles/fonts/klavika-medium-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika-Regular';
    src: url('/site/templates/styles/fonts/KlavikaWebBasicRegular.eot');
    src: url('/site/templates/styles/fonts/KlavikaWebBasicRegular.eot?#iefix') format('embedded-opentype'),
         url('/site/templates/styles/fonts/KlavikaWebBasicRegular.woff') format('woff'),
         url('/site/templates/styles/fonts/klavika-regular-webfont.ttf') format('truetype'),
         url('/site/templates/styles/fonts/klavika-regular-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Klavika-Regular-Italic';
    src: url('/site/templates/styles/fonts/KlavikaWebBasicRegularItalic.eot');
    src: url('/site/templates/styles/fonts/KlavikaWebBasicRegularItalic.eot?#iefix') format('embedded-opentype'),
         url('/site/templates/styles/fonts/KlavikaWebBasicRegularItalic.woff') format('woff'),
         url('/site/templates/styles/fonts/klavika-regular-webfont.ttf') format('truetype'),
         url('/site/templates/styles/fonts/klavika-regular-webfont.svg#PTSansNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "Klavika-Regular", Helvetica, Arial, sans-serif;
	font-size: 14px;
	background: #000;
}

p {
	font-size: 15px;
}

.balance {
	margin-top: 2em;
	min-width: 300px;
}

.inventory {
	width: 100%;
	font-size: 14px;
}

.inventory td {
	vertical-align: top;
}

.inventory .taxDesc {
	font-size: 0.8em;
}

.success {
	background: #BFCF66;
	border-radius: 4px;
	padding: 3px 6px;
	color: #244A8E;
	font-size: 18px;
}

.success a {
	font-weight: bold;
	color: #244A8E;
	font-size: 18px;
}

#wrap_Inputfield_qty {
	float: left;
	margin-right: 4px;
}

#wrap_Inputfield_qty input {
	text-align: center;
	width: 40px;
}

.padloper-editcart .padloper-submit {
	float: right;
}

.goToCheckout {
	font-size: 22px;
	margin-top: 1em;
}


.text-hide,
.text-hide * {
	font-size: 0;
	text-indent: -999px;
}

.navbar { display: none; }
.navbar .search {
	position: relative;
	color: #fff;
	float: right;
	font-size: 15px;
	top: 18px;
	right: 7px;
}

iframe {
	max-width: 100%;
}

/* mobile-seach */
#mobile-search {
	display: none;
	background: #222;
    position: relative;	
}
#mobile-search #search_query {
	color: #999;
	width: 80%;
	border: none;
	padding: 15px;
	background: transparent;
}
#mobile-search #search_query:focus {
	color: #fff;
}
#mobile-search button {
	color: #fff;
	position: absolute;
	right: 0;
	padding: 4px;
	width: 44px;
	height: 35px;
	-webkit-appearance: none;
	background: #222;
	border: 1px solid #333;
	margin: 7px 16px 5px 16px;
	border-radius: 4px;
	-webkit-appearance: none;
}
.navbar .search {
	position: relative;
	color: #fff;
	float: right;
	font-size: 15px;
	top: 18px;
	right: 8px;
}

.top-container {
	position: relative;
}

.top-container .logout {
	font-size: 16px;
	color: #fff;
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 99;
}

#main-container {
	background: url(images/bg.jpg) no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed !important;
}

#footer-container {
	background: #002049 url(images/footer-bg.jpg) repeat-x;
	min-height: 267px;
}

#credits-container {
	background: #000;
	color: #fff;
	text-align: right;
	height: 30px;
}

#credits-container span {
	font-size: 14px;
	line-height: 30px;
}

#credits-container span a {
	color: #fff;
}

/* navigation */
#main-navigation {
	font-family: "Klavika-Medium", Helvetica, Arial, sans-serif;
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 100px 0 0 0;
	padding: 50px 0;
}

#main-navigation #search-form {
	position: absolute;
	top: -78px;
	right: 0;
	width: 303px;
	height: 110px;
	padding-top: 80px;
}

#search-form #search {
	float: left;
}

#search-form #search input {
	margin-right: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 5px;
	width: 235px;
}

#search-form #search button {
	text-transform: uppercase;
	color: #fff;
	background: #d41622;
	border: none;
	padding: 4px 8px;
}

#logos {
	position: absolute;
	left: 0;
	top: 30px;
	width: 293px;
	height: 38px;
	background: url(images/logos.png) no-repeat center center;
}

#logos a {
	display: block;
	float: left;
	height: 38px;
	font-size: 0;
	text-indent: -999px;
	margin-right: 18px;
}

#logos a.fia {
	width: 40px;
}

#logos a.nez {
	width: 85px;
}

#logos a.tt {
	width: 75px;
}

#logos a.akk {
	width: 38px;
	margin-right: 0;
}

#main-navigation > ul#navigation {
	background: url(images/nav-bg.png) repeat-x;
	height: 50px;
	padding: 0;
	margin: 0 -15px;
	text-align: center;
}

#main-navigation > ul#navigation > li {
	display: inline-block;
}

#main-navigation > ul#navigation > li > a { 
	display: block;
	font-size: 28px; font-size: 2.8rem;
	color: #fff;
	text-transform: uppercase;
	height: 50px;
	line-height: 50px;
	padding: 0 25px;
}

#main-navigation > ul#navigation > li.active a,
#main-navigation > ul#navigation > li a:hover { 
	text-decoration: none;
	background: url(images/nav-hover-bg.png) repeat-x top left;
}

#main-navigation #subNav {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: left;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	padding: 80px 20px 20px 20px;
}

#main-navigation .subNav > li {
	display: inline-block;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 10px;
	min-height: 200px;
	vertical-align: top;
}

#main-navigation ul#navigation .subNav > li > a {
	display: block;
	text-transform: uppercase;
	color: #fff;
	background: #ba171c;
	padding: 4px 6px;
	margin-bottom: 5px;
}

#main-navigation ul#navigation .subNav li li  a {
	background: transparent;
	padding-left: 5px;
}

#main-navigation ul#navigation .subNav li li  a:hover {
	text-decoration: underline;
}

/* touch */
#main-navigation > ul#navigation > li.hover #subNav {
	display: block;
}

#main-navigation #logo {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#main-navigation #lang {
	background: url(images/lang-bg.png) no-repeat top left;
	/*width: 142px;*/
	width: 75px;
	height: 27px;
	position: absolute;
	right: 0;
	top: 62px;
}

#main-navigation ul#lang li {
	display: block;
	float: left;
	margin-right: 12px;
}

#main-navigation ul#lang li a {
	display: block;
	width: 26px;
	height: 27px;
}

#main-navigation ul#lang li.en {
	/*margin-right: 0;*/
}

#main-navigation ul#lang li.login {
	margin-right: 0;
}

#main-navigation ul#lang li a:hover {
	opacity: 0.2;
}

/* frontpage items */

#carousel {
	margin-bottom: 20px;
}

.home-tpl .carousel {
	z-index: 0;
	margin-top: -36px;
}

/*#carousel .carousel-control { visibility: hidden; }*/
#carousel:hover .carousel-control { visibility: visible; }

#carousel .glyphicon-chevron-left {
	font-size: 0;
	background: url(images/carousel-nav.png) center left no-repeat;
	height: 91px;
	width: 33px;
	left: 15px;
	margin-top: -60px;
	}

#carousel .glyphicon-chevron-right {
	font-size: 0;
	background: url(images/carousel-nav.png) center right no-repeat;
	height: 91px;
	width: 33px;
	right: 0;
	margin-top: -60px;
	}

.home-tpl #carousel-caption-container {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 805px;
	height: 67px;
	background: url(images/suorakulmio.png) no-repeat bottom left;
	max-width: 100%;
	overflow: hidden;
}

.home-tpl .carousel-caption {
	display: none;
	font-family: "Klavika-Regular", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-size: 3.0rem;
	font-style: italic;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 805px;
	height: 67px;
	text-transform: uppercase;
	text-align: left;
	line-height: 31px;
	padding-left: 20px;
}

.home-tpl .carousel-caption a {
	color: #fff;
}

.carousel-indicators li {
	color: #fff;
	font-size: 36px;
	background: url(images/blue-ball.png) no-repeat top left;
	margin-right: 15px;
}

.carousel-indicators .active {
	background: url(images/red-ball.png) no-repeat top left;
}

.carousel-indicators li:hover {
	opacity: 0.6;
}

.carousel-inner .item {
	margin-bottom: 0;
}

/* items */

.home-tpl .item > h2 {
	font-family: "Klavika-Bold", Helvetica, Arial, sans-serif;
	background: url(images/title-bg-left.png) no-repeat left;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	height: 30px;
	position: relative;
	margin: 0;
	line-height: 30px;
	padding: 1px 0 0 27px;
}

.home-tpl .item .item-content {
	background: #fff;
	padding: 10px 30px;
}

.home-tpl .item .item-content p {
	position: relative;
	padding-left: 90px;
}

.home-tpl .item .item-content .more {
	color: #d41622;
	text-transform: uppercase;
}

.home-tpl .upcoming-events .item-content .more {
	color: #fff;
}

.home-tpl .item .item-title {
	font-size: 20px; 
}

.home-tpl .item .date {
	font-size: 20px; 
	position: absolute;
	top: 0;
	left: 0;
}

.home-tpl .item-content .summary {
	font-size: 15px; 
}

.home-tpl .upcoming-events .item-content {
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	padding: 10px 30px;
}

.home-tpl .upcoming-events > h2 {
	background: url(images/title-bg-right.png) no-repeat right;
}

.home-tpl .upcoming-events .item-content a {
	text-transform: uppercase;
	color: #fff;
}

.cancelled {
    text-decoration: line-through;
}

/* news */

.recent-news h2 {
  font-family: "Klavika-Bold", Helvetica, Arial, sans-serif;
  background: url(images/title-bg-left.png) no-repeat left;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  height: 30px;
  position: relative;
  margin: 0;
  line-height: 30px;
  padding: 1px 0 0 27px;
}

.recent-news .item-content {
	background: #fff;	
	padding: 15px;
}

.recent-news a {
	display: block;
}

.recent-news .more {
	display: block;
	margin-top: 15px;
}

.home-tpl .recent-news a {
	margin-bottom: 10px;
}

.basic .recent-news {
	margin: -10px -10px 20px -10px;
}

.basic .recent-news p {
	margin-bottom: 10px !important;
}

.news-block h4 {
	font-size: 20px; font-size: 2.0rem;
	font-weight: bold;
	margin: 5px 0 0 0;
}

.news-block img {
	float: left;
	margin-right: 8px;
}

.newest-news h4 {
	font-family: 'Klavika-Bold';
	text-transform: uppercase;
	margin-top: 10px;
}

.newest-news {
	margin-bottom: 16px;
}

.news {
	background: #eaeaea;
	padding: 10px;
}

.news h4 {
	font-size: 15px; 
	position: relative;
	padding-left: 145px;
	margin: 0 0 5px 0;
}

@media screen and  (max-width: 768px) {
	.news h4 {
	    padding-left: 0;
	}
	.news h4 span {
		position: relative !important;
		left: 0 !important;
	}
	.news h4 a {
		display: block;
	    clear: both;
	    margin-bottom: 10px;
	}
}

.news span {
	display: block;
	float: left;
}

.news .arrows {
	position: absolute;
	left: 0;
	color: #d71622;
	width: 35px;
}

.news .date {
	position: absolute;
	left: 35px;
	width: 110px;
}

/* links */

.links {
	padding: 20px;
	color: #fff;
}

.links li span {
	font-family: 'Klavika-Bold';
	font-size: 19px;
	text-transform: uppercase;
}

.links li a {
	color: #fff;
	font-size: 14px;
	padding: 0;
	text-transform: none;
}


.links li li {
	line-height: 15px;
}

/* lifts */

.lifts {
	padding: 0 15px;
	text-align: center;
}

.lift {
	display: inline-block;
	width: 200px;
	margin-right: 35px;
	margin-bottom: 20px;
}

.lifts a:last-child {
	margin-right: 0;
}

.lift img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0); 
}

.lift img:hover {
  -moz-backface-visibility: hidden !important;

  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}

/* banners */

.banners {
	margin-bottom: 95px;
}

.banners a {
	display: block;
	padding: 10px;
	text-align: center;
	border-top: 3px solid #002045;
	margin-bottom: 20px;
}

.home-tpl .banners a {
	padding: 0;
	border: none;
	background: transparent;
}

.banners img {
	margin: 0 auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0); 
}

.banners img:hover {
  -moz-backface-visibility: hidden !important;

  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}

/* edit-mode */

#edit {
	background: #2f4248;
	font-size: 18px;
	padding: 10px;
	display: block;	
}

#edit * {
	color: #a7e5f9;
}

/* //////////////// content ///////////// */

/* navigation */

.nav-vertical-container {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	margin-bottom: 20px;
	position: relative;
	z-index: 0;
}

.nav-vertical-container .nav-title {
	font-family: 'Klavika-Bold';
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	padding: 70px 25px 30px 25px;
	margin: 0;
}

.nav-vertical-container .nav-title * {
	color: #fff;
}

.nav-vertical {
	text-transform: uppercase;
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}

.nav-vertical ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.nav-vertical li {
	position: relative;
	color: #d71622;
	clear: both;
}

.nav-vertical li ul {
	background: #808080;
	background: rgba(128, 128, 128, 0.8);
	padding: 10px 0;
	display: none;
}

.nav-vertical li.current > ul,
.nav-vertical li.parent > ul {
	display: block;
}

.nav-vertical li.current > a {
	font-weight: bold;
}

.nav-vertical a {
	display: block;
	color: #fff;
}

.nav-vertical > li > a {
	font-size: 18px; font-size: 1.8rem;
	background: #444;
	background: rgba(68, 68, 68, 0.8);
	padding: 7px 20px 8px 29px;
	position: relative;
} 

.nav-vertical > li > ul > li::before {
	content: ">> ";
	display: block;
	float: left;
	padding: 2px 5px 5px 24px;
}

.nav-vertical > li.has_children > a > span {
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 2;
	background: url(images/plus.png) no-repeat left;
	font-size: 0;
	text-indent: -99px;
}


.nav-vertical > li > a > span.open {
	/* display: block; */
	background: url(images/minus.png) no-repeat left;
}

.nav-vertical li li.current > a {
	text-decoration: underline;
}

.nav-vertical li li a {
	padding: 2px 0 2px 55px;
}

.nav-vertical li li li a {
	padding: 0 0 0 65px;
}

.nav-vertical li li li a {
	padding: 2px 0 2px 75px;
}

.nav-vertical li li a {
	font-size: 14px; font-size: 1.4rem;
}

/* main content */

.basic {
	margin-top: -27px;
}

.basic .item,
.basic-with-right .item {
	padding: 10px;
	background: #fff;
	border-top: 3px solid #002045;
	margin-bottom: 20px;
}

.basic .item h2,
.basic-with-right .item h2,
.basic .item-content p,
.basic-with-right .item-content p  {
	margin: 0;
}

.basic .banners a,
.basic-with-right .banners a {
	background: #fff;
	text-align: center;
}

.basic .item img,
.basic-with-right .item img {
	display: block;
	max-width: 100%;
	height: auto;
}

#content-container {
	background: #fff;
	padding: 25px 30px 20px 30px;
	margin-bottom: 20px;
}

#content-container h1 {
	font-family: "Klavika-Bold", Helvetica, Arial, sans-serif;
	font-size: 29px; font-size: 2.9rem;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 2px solid #002045;
	margin: 4px 0 10px 0;
}

#content-container .body h1 { 
	font-size: 24px; font-size: 2.4rem;
	text-transform: none;
	border: none;
}

#content-container .body h2 { 
	font-size: 22px; font-size: 2.2rem;
	margin: 0 0 10px 0;
}

#content-container .body h3 { 
	font-size: 18px; font-size: 1.8rem;
	margin: 0 0 10px 0;
}

#content-container .body h4 { 
	font-size: 16px; font-size: 1.6rem;
	margin: 0 0 10px 0;
}

#content-container .body a {
	text-decoration: underline;
}

#content-container .body img {
	max-width: 100%;
	height: auto;
}
#content-container .body img.align_right{
	float:right;
	margin: 0 0 10px 10px;
}
#content-container .body img.align_left{
	float:left;
	padding-right: 20px;
}
#content-container #body {
	padding-bottom: 50px;
	border-bottom: 2px solid #002045;
}

/* highlights */

.highlight-item h2 {
	font-size: 20px; font-size: 2rem;
	margin-bottom: 5px !important;
	text-transform: uppercase;
}

.highlight-item img {
	margin-bottom: 15px;
}


/* events */

.events-item-tpl .upcoming-events {
	padding: 20px;
}

.events-item-tpl .upcoming-events h2 {
	font-family: "Klavika-Bold", Helvetica, Arial, sans-serif;
	font-size: 20px; font-size: 2.0rem;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.events-item-tpl .upcoming-events p {
	margin-bottom: 10px;
}

.events-item-tpl .upcoming-events .place {
	font-weight: bold;
}


.events-item-tpl .upcoming-events .more {
	display: block;
	margin: 10px 0 0 0;
}

#events-table-container {
	overflow-x: scroll;
	margin-bottom: 1em;
}

.events-table {
	width: 100%;
}

.events-table thead {
	color: #fff;
	text-transform: uppercase;
	background: #002045;
}

.events-table tbody {
	background: #eaeaea;
}

.events-table th {
	cursor: pointer;
}

.events-table th,
.events-table td {
	padding: 5px 10px;
}

.events-table .even td {
	background: #d7d7d7;
}


#carousel {
    -webkit-animation: carousel 1s ease forwards;
}

@-webkit-keyframes carousel {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* kauppa */

.products-item-tpl .gallery {
	text-align: center;
}

.products-item-tpl .gallery img {
	margin: 0 auto 10px;
}

.product-title {
	font-family: "Klavika-Medium", Helvetica, Arial, sans-serif;
	font-size: 22px; font-size: 2.2rem;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.product-grid {
	text-align: center;
}

.product-item {
	text-align: center;
	vertical-align: top;
	width: 220px;
	display: inline-block;
	margin-bottom: 20px;
}

.product-item:hover {
	opacity: 0.8;
}

.product-item h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

.product-item .price {
	font-size: 18px;
}

.product-image {
	display: inline-block;
	padding: 15px;
	border: 1px solid #adadad;
	border-radius: 6px;
	vertical-align: top;
	line-height: 180px;
	min-height: 180px;
}

.product-image img {
	vertical-align: middle;
}

.product-fields {
	margin-top: 20px;
}

.product-fields span {
	display: block;
	margin-bottom: 10px;
}

.product-fields span input {
	height: 20px;
	width: 30px;
}

#content-container .body .product-fields a.btn {
	text-decoration: none;
	margin-top: 10px;
}

/* tt-teemasivu */

.title-row {
	position: relative;
	text-align: center;
}

#content-container .title-row h1 {
	line-height: 40px;
}

@media screen and (max-width: 1200px) {

	#content-container .title-row h1 {
		font-size: 20px;
	}

}

.title-row #tt-logo {
	position: absolute;
	left: 0;
	top: 0;
	max-height: 80%;
}

@media screen and  (max-width: 768px) {

	.title-row #tt-logo {
		position: static;
	}

}

.title-row #some {
	width: 85px;
	height: 32px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(images/some.jpg) no-repeat left;
}

.title-row #some a {
	display: block;
	float: left;
	height: 32px;
	width: 28px;
	font-size: 0;
	text-indent: -999px;
}

/* padloper */

.padloper-cart {
	width: 100%;
}

.padloper-cart td {
	padding: 5px 0;
}

.padloper-submit {
	margin-bottom: 10px;
}

#padloper-customerform .Inputfield {
	margin-bottom: 10px;
}

#customerForm {
	margin-top: 20px;
}

.ui-state-error {
	color: red;
}

/* some */

#share {
	margin: 40px 0 10px 0;
}

/* seurahaku */

.seurahaku-tpl .Inputfields label {
	font-size: 18px;
}

.kartta-container {
	border-left: 1px solid #eee;
}

@media screen and  (min-width: 1170px) {

	#main-navigation #subNav {
		width: 1170px;
		margin: 0 -14px;
	}

}

@media screen and  (min-width: 1000px) {

	.collapse {
		display: block;
	}

}

@media screen and  (max-width: 1000px) {

	html { font-size: 7px; }

	.banners img { margin: 0 auto; }

	.basic { margin-top: 0; }

	.nav-vertical > li::before { line-height: 10px; font-size: 10px; }

	#main-navigation { padding: 50px 0 30px 0; }
	#main-navigation #logo { top: -60px; }
	.carousel-indicators { display: none; }

	.nav-vertical-container .navbar-toggle {
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
	}

	.nav-vertical-container .navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.recent-news-content { display: none; }
	.home-tpl .newslist-toggle { display: none !important; }
	.home-tpl .recent-news-content { display: block; }

}

@media screen and  (max-width: 768px) {

	html { font-size: 6px; }

	.home-tpl .item .date,
	.home-tpl .item .item-title {
		font-size: 16px;
	}

	#main-container { background: #222 !important; }

	#navigation { display: none; }
	.navbar { display: block; }
	#main-navigation { margin: 60px 0 0 0; padding: 30px 0; }
	.home-tpl #main-navigation { padding: 50px 0; }
	#main-navigation #search-form #logos { 
		background: url(images/logos-small.png) no-repeat center center;
		width: 180px; 
		left: auto; 
		right: 0; 
	}
	#logos a.fia {
  width: 40px;
margin-right: 0;
}
#logos a.nez {
  width: 50px;
margin-right: 10px;
}
#logos a.tt {
  width: 40px;
  margin-right: 0;
}
#logos a.akk {
  width: 38px;
  margin-right: 0;
}
	.home-tpl .carousel-caption {
		padding: 10px 15px 15px 15px;
		line-height: 25px;
	}
	#main-navigation #search-form #search { display: none; }
	#main-navigation #lang { right: 0px; top: 0px; }

	#logo img { width: 90px; }

	.lifts { margin-bottom: 20px; }
	.lift { margin: 10px; }

	.top-container .logout { top: -10px;}

	#carousel { margin-bottom: 20px; }
	.carousel-indicators { display: none; }
	.home-tpl #carousel-caption-container { bottom: 0; }
	.home-tpl .carousel-caption { width: 100%; }

	.nav-vertical > li > a { font-size: 2.2rem; }
	.nav-vertical li li a { font-size: 2rem; }
	.nav-vertical > li.has_children > a > span { top: 5px;}

	.home-tpl .upcoming-events > h2 { background: url(images/title-bg-left.png) no-repeat left; }
}

.newslist-toggle {
	margin: -3px 0 0;
}

.newslist-toggle .icon-bar {
	background: #fff;
}

/* facebook */

.fb-like-box {
	margin-bottom: 20px;
}

/* instagram */

#instat {
    background: #fff;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}

#instat h3 {
    font-family: "Klavika-Bold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin: 10px 0 15px 5px;
}

#instat h3 span {
    font-size: 2.2rem;
}

#instat img {
    width: 49%;
    margin: 0 1% 1% 0;
    display: inline-block;
    transition: opacity 0.5s ease-in-out;
}

#instat img:hover {
	opacity: 0.8;
}