.container{height:100%;font-size: 14px;}
#content>section {padding: 30px 0 !important}
header#left-side,
#wcag-button,
#right-fixed-nav-wrapper {display: none !important;}
.body-header .container {padding-top: 0px !important}
.footer-tabs-mobile .accordion {padding: 0 !important; border:0 !important;}
.footer-tabs-mobile h3 {margin: 0 !important;}


*{
	margin:0;
	padding:0;
	line-height:1;
	box-sizing:border-box
}
body *:not(.body-header):not(.body-header *):not(.footer-inner):not(.footer-inner *) {
    font-family: 'Titillium Web', sans-serif;
}
body{
	overflow-x:hidden;
	color:#272727;
	background-color:#fdfdfd
}

table,
tbody,
thead,
tr{
	width:100%
}
.container,
table{
	position:relative
}

.date,
strong,
th{
	font-weight:600
}

.mp-main-title:after,
.page-gallery-wrapper:after{
	content:"";
	clear:both
}

#breadcrumb li:not(.current):after,
.mp-main-title:after,
.mp-read-more:after,
.page-gallery-wrapper:after{
	content:""
}

#download-file-email .loading .spinner,
#load-more-articles .loading-spinner{
	animation-name:spin;
	animation-duration:1800ms;
	animation-iteration-count:infinite
}



#right-fixed-nav li,
#skislopes-table td.ski-run,
.ski-conditions td.ski-run,
.weather-diagrams-wrapper{
	font-family:Oswald, sans-serif
}

li,
p,
table{
	font-size: 1.071rem;
	color:#333;
	margin-left:0;

}

p,
strong{
	line-height:1.2em
}

h1,
h2,
h3,
h4,
h5,
h6{
	margin-bottom:.75em;
	color:#272727;
	font-weight:600
}

h1{
	font-size: 1.857rem;
}

h2{
	font-size: 1.714rem;
}

h3{
	font-size: 1.571rem;
}

h4{
	font-size: 1.429rem;
}

h5{
	font-size: 1.286rem;
}

h6{
	font-size: 1.143rem;
}

strong{
	display:inline-block
}

table{
	border-collapse:collapse
}

table tbody tr:hover{
	background:#f9f9f9
}

table td,
table th{
	padding:8px;
	text-align:left
}

th{
	text-transform:uppercase;
	padding-bottom:12px
}

th span{
	text-transform:none
}

#breadcrumb li,
#languages li a,
#left-side-foot p,
#mp-main nav a p,
#right-fixed-nav a h4,
#weather-forecast .item .block .key,
#weather-forecast .item h3 span,
.accordion-title:before,
.date{
	text-transform:uppercase
}

img{
	border-radius:1px
}

.scroll-down,
.scroll-up{
	display:block;
	position:absolute;
	left:248px;
	width:52px;
	height:52px;
	background:url(../img/scroll-arrow.png) no-repeat;
	opacity:.85;
	transition:opacity .1s linear
}

.scroll-down:hover,
.scroll-up:hover{
	opacity:1
}

.scroll-up{
	top:0;
	-moz-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	-webkit-transform:scaleY(-1);
	transform:scaleY(-1)
}

.scroll-down{
	bottom:0
}

.date{
	display:block;
	margin-bottom:10px;
	color:#009ec1;
	font-size: 1rem;
	padding-left:18px;
	background:url(../img/clock.png) 0 center no-repeat
}

.header,
.pagetitle{
	font-size: 1.857rem;
	margin-bottom:.88em
}

.introtext,
.justifyfull{
	text-align:justify
}

#languages,
#left-side-foot p,
#logo,
.center{
	text-align:center
}

.smalltext{
	font-size: 0.929rem;
}

.ico-nie,
.ico-no,
.ico-tak,
.ico-yes{
	display:inline-block;
	vertical-align:middle;
	width:24px;
	height:24px;
	background-repeat:no-repeat;
	background-position:center center
}

.ico-tak,
.ico-yes{
	background-image:url(../img/ico-yes.png)
}

.ico-nie,
.ico-no{
	background-image:url(../img/ico-no.png)
}

.pdf-link a,
a.pdf-link{
	display:block;
	background:url(../img/files/ico-pdf.png) 0 center no-repeat;
	padding:3px 0 3px 28px
}

#iframe-fullscreen{
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:10000000;
	top:0;
	right:0;
	border:none;
	background:#000
}

#logo,
#main-nav ul ul>li,
#main-nav>ul>li{
	border-bottom:1px solid rgba(246, 246, 246, .09)
}

#languages li a,
.mp-read-more{
	text-decoration:none;
	border-radius:1px
}

#close-iframe-fullscreen{
	position:fixed;
	top:25px;
	right:10px;
	z-index:10000005;
	width:50px;
	height:50px;
	cursor:pointer
}

#close-iframe-fullscreen:after,
#close-iframe-fullscreen:before{
	position:absolute;
	top:50%;
	right:10px;
	display:block;
	content:"";
	width:30px;
	height:5px;
	margin-top:-2px;
	background:#fff;
	transform:rotate(45deg)
}

body.body-locked{
	overflow:hidden!important
}

#close-iframe-fullscreen:after{
	transform:rotate(-45deg)
}

#right-fixed-nav-wrapper{
	position:fixed;
	right:-164px;
	top:30px;
	z-index:1000!important
}

#right-fixed-nav{
	width:210px
}

#right-fixed-nav li{
	list-style:none;
	margin-bottom:2px;
	display:table;
	width:100%;
	height:46px;
	margin-right:0;
	transition:margin .1s linear;
	float:right;
	position:relative;
	background:#0fb2d6
}

#right-fixed-nav li:hover,
#right-fixed-nav-wrapper.mainpage li.opened:not(.opened-close){
	margin-right:148px
}

#right-fixed-nav li.highlighted{
	background:#f2a91b
}

#right-fixed-nav a{
	width:100%;
	height:100%;
	text-decoration:none;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}

#right-fixed-nav .ico{
	position:absolute;
	top:3px;
	left:3px;
	width:auto;
	height:auto
}

#right-fixed-nav a h4,
#right-fixed-nav a p{
	padding-left:48px
}

#right-fixed-nav a h4{
	font-size: 1.143rem;
	display:block;
	font-weight:400;
	margin:0;
	color:inherit
}

#breadcrumb .current,
#mp-main nav a p,
.mp-read-more{
	font-weight:600
}

#right-fixed-nav a p{
	font-size: 0.929rem;
	color:inherit
}

#right-fixed-nav li.social a{
	display:inline-block;
	width:28px;
	margin-right:10px;
	margin-top:9px
}

#right-fixed-nav li.social a:first-of-type{
	margin-left:66px
}

#left-side{
	position:fixed;
	background:rgba(15, 15, 15, .9);
	width:248px;
	height:100%;
	z-index:1000
}

#left-side-foot{
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}

#left-side-foot p{
	color:#aaa;
	font-size: 0.714rem;
	line-height:12px;
	padding:6px
}

#languages li{
	display:inline-block;
	vertical-align:middle;
	list-style:none;
	margin:0 4px
}

#languages li.active a,
#languages li:hover a{
	color:#272727;
	background:#ddd
}

#languages li a{
	display:block;
	color:#ddd;
	padding:3px;
	font-size: 1rem;
}

#logo{
	display:inline-block;
	padding:18px 36px;
	width:100%
}

#logo img{
	width:auto;
	max-width:100%;
	height:auto
}

#main-nav{
	color:#fff
}

#main-nav ul li{
	list-style:none;
	color:inherit
}

#main-nav ul li.active>a{
	display:block;
	background:#feab0b!important
}

#main-nav ul li a{
	display:block;
	text-decoration:none;
	color:inherit
}

#main-nav ul li a:hover{
	background:#12b4d8
}

#main-nav>ul>li{
	position:relative
}

#main-nav>ul>li>a{
	font-size: 1rem;
	text-transform:uppercase;
	padding:7px 0 6px 30px;
	font-weight:600
}

#main-nav ul ul{
	position:absolute;
	background:rgba(15, 15, 15, .9);
	top:0;
	left:248px;
	overflow:hidden;
	max-height:0;
	transition:max-height 50ms linear
}

#main-nav ul ul.opened{
	max-height:300px
}

#main-nav ul ul>li{
	border-left:1px solid rgba(246, 246, 246, .09)
}

#main-nav ul ul>li>a{
	font-size: 1rem;
	padding:8px 18px;
	white-space:nowrap
}

.mp-read-more{
	position:absolute;
	right:0;
	bottom:20px;
	background:rgba(0, 0, 0, .75);
	color:#eee;
	padding:12px 30px 12px 16px;
	font-size: 1.286rem;
	transition:all .1s linear;
	border:1px solid #444
}

.mp-read-more:after{
	display:block;
	position:absolute;
	top:50%;
	right:16px;
	margin-top:-3px;
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(45deg)
}

.mp-read-more:hover{
	background:rgba(0, 0, 0, .9);
	color:#fff
}

#content>section{
	position:relative;
	width:100%;
	padding:30px 0 30px 200px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}

#content>section>*{
	z-index:5
}

#content>section>.pattern{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:url(../img/pattern.png);
	z-index:1
}

#body-mainpage #content{
	display:block;
	height:300%
}

#body-mainpage #content.one-disabled{
	height:200%
}

#body-mainpage #content.two-disabled{
	height:100%
}

#body-mainpage #content>section{
	height:33.33333%;
	padding:0 0 0 200px
}

#body-mainpage #content.one-disabled>section{
	height:50%
}

#body-mainpage #content.two-disabled>section{
	height:100%
}

#body-mainpage #content>section .section-title{
	display:inline-block;
	background:rgba(242, 168, 27, .98);
	margin-top:30px;
	color:#fff;
	padding:10px 14px
}

#content .v-center{
	position:absolute;
	top:50%;
	margin-top:-200px;
	width:100%;
	height:414px;
	text-align:center
}

#content .v-center article{
	display:inline-block;
	vertical-align:top;
	width:31.333%;
	margin-right:3%;
	background:#fff;
	height:100%;
	text-align:left;
	opacity:.95;
	transition:opacity .2s linear
}

#content .v-center article a{
	width:100%
}

#content .v-center article:last-child{
	margin:0
}

#mp-main{
	position:absolute;
	bottom:7%;
	right:0;
	width:100%
}

#mp-main a{
	text-decoration:none;
	display:block;
	text-align:right;
}

#mp-section-main nav,
.mp-main-title{
	display:block;
	width:100%
}

.mp-main-title:after{
	display:block
}

.mp-main-title h1,
.mp-main-title p{
	
}

.mp-main-title h1{
	display:inline-block;
	padding:12px 24px 14px;
	font-size: 4.429rem;
	background:rgba(242, 168, 27, .98);
	color:#fff;
	margin-bottom:0
}

.mp-main-title p{
	background:rgba(0, 0, 0, .84);
	color:#fff;
	display:inline-block;
	padding:16px;
	font-size: 1.071rem;
	text-align:right;
	margin-bottom:18px;
	line-height:18px
}

#mp-main nav ul{
	text-align:right;
	width:100%
}

#mp-main nav li{
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin-right:4px
}

#mp-main nav li:last-child{
	margin:0
}

#mp-main nav a{
	display:block;
	width:124px;
	height:124px;
	background:rgba(247, 249, 251, .95);
	text-align:center;
	color:#202020;
	text-decoration:none;
	border-bottom:4px solid #cacbcb;
	padding:3px
}

#mp-main nav a:hover{
	background:rgba(18, 180, 216, .95);
	border-bottom-color:#43c1de;
	color:#fff
}

#mp-main nav a .img-wrap{
	padding:1px 34px
}

#mp-main nav a img{
	display:block;
	max-width:100%;
	width:auto;
	height:auto
}

#mp-main nav a img.hover,
#mp-main nav a:hover img{
	display:none
}

#mp-main nav a:hover img.hover{
	display:block
}

#mp-main nav a p{
	display:block;
	margin-bottom:2px;
	font-size: 1rem;
	line-height:1em;
	color:inherit
}

#mp-main nav a span{
	font-size: 0.857rem;
	color:inherit
}

#mp-news-wrapper .container{
	z-index:6
}

#content .aside-wrapper{
	display:flex;
	flex-wrap:wrap
}

#content .aside-wrapper.aside-left{
	flex-flow:row-reverse
}

#content .aside-wrapper>article{
	flex-grow:1;
	flex-basis:66.666%
}

#content .aside-wrapper>aside{
	flex-basis:30.833%;
	margin-left:2.5%
}

#content .aside-wrapper.aside-left>aside{
	margin-right:2.5%;
	margin-left:0
}

.formatted-content ol,
.formatted-content p,
.formatted-content strong,
.formatted-content table,
.formatted-content ul{
	margin-bottom:1em
}

.formatted-content li,
.formatted-content p,
.formatted-content strong{
	line-height:1.3em
}

.formatted-content li strong{
	margin-bottom:0px;
}

.formatted-content p strong{
	line-height:1em;
	margin-bottom: 0;
	display: inline;
}

.formatted-content ol,
.formatted-content ul{
	list-style-position:inside;
	margin-left:5px
}

.formatted-content td,
.formatted-content th{
	padding:5px 8px;
	line-height:1.25
}

.formatted-content a{
	color:#098eaf
}

.formatted-content .iframe-wrapper{
	position:relative;
	display:block;
	width:100%;
	padding-bottom:56.25%;
	border:none
}

.formatted-content iframe{
	width:100%;
	height:400px
}

.formatted-content .iframe-wrapper iframe{
	position:absolute;
	top:0;
	left:0;
	height:100%
}

.formatted-content hr{
	margin:22px 0;
}

.formatted-content img{
	display:block;
	margin-bottom:1em;
	max-width:100%;
	width:auto;
	height:auto
}

#breadcrumb{
	display:block;
	width:100%;
	padding:15px;
	background:rgba(255, 255, 255, .96);
	margin-bottom:28px;
	border-radius:1px
}

#breadcrumb li{
	display:inline-block;
	list-style:none;
	font-size: 1rem;
	color:#484848
}

#breadcrumb li:not(.current):after{
	display:inline-block;
	width:8px;
	height:11px;
	background:url(../img/arrow_b.png) center center no-repeat;
	opacity:.8;
	padding:0 6px
}

#breadcrumb a{
	text-decoration:none;
	color:inherit
}

#content.subpage-content>section{
	background-image:url(../img/subpage-default-bg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:450px
}

.page-gallery-wrapper{
	display:block;
	margin:20px 0 0
}

.page-gallery-wrapper:after{
	display:block;
	width:100%
}

.page-gallery{
	display:block;
	width:100%;
	font-size: 0;
}
.ajax-content .page-gallery{
	height:500px;
	overflow-y:auto;
}
.ajax-content .page-gallery img{
	width:100%;
	max-windth:auto;
}

.page-gallery a{
	display:inline-block;
	vertical-align:top;
	width:23.75%;
	margin-right:1.25%;
	margin-bottom:10px;
	font-size: 1rem;
	opacity:.9;
	transition:all .1s linear;
	border:1px solid #eee;
	padding:2px;
	border-radius:2px
}

.page-gallery a:hover{
	opacity:1
}

.page-gallery a:nth-child(4n){
	margin:0
}

.page-gallery a img{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	margin-bottom:0
}

.accordions-wrapper{
	border-top:1px solid #ddd;
	margin-bottom:14px
}

.accordion{
	padding:6px 0;
	border-bottom:1px solid #ddd
}

.accordion-title{
	position:relative;
	font-size: 1.643rem !important;
	cursor:pointer;
	padding:12px 0;
	margin:0!important;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.accordion-title:before{
	position:absolute;
	right:32px;
	top:50%;
	margin-top:-5px;
	content:attr(data-textshow);
	font-size: 1.071rem;
	font-weight:500;
	color:#666
}

.accordion-title.opened:before{
	content:attr(data-texthide)
}

.accordion-title:after{
	position:absolute;
	width:10px;
	height:10px;
	right:10px;
	top:50%;
	margin-top:-8px;
	transform:rotate(-135deg);
	border-top:2px solid #868686;
	border-left:2px solid #868686;
	content:""
}

.accordion-title.opened:after{
	border-bottom:2px solid #868686;
	border-right:2px solid #868686;
	border-top:none;
	border-left:none;
	margin-top:0
}

.articles-wrapper,
.boxes-wrapper{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch
}

.article-box{
	position:relative;
	padding-bottom:34px;
	display:block;
	background:#fff;
	box-shadow:0 0 3px rgba(0, 0, 0, .1);
	transition:all .1s linear;
	flex-grow:1;
	margin-bottom:26px
}

.article-box:hover{
	box-shadow:0 0 6px rgba(0, 0, 0, .1)
}

.article-box a{
	text-decoration:none
}

.article-box .content{
	padding:14px
}

.article-box .img{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	margin-bottom:0
}

.article-box .title{
	display:block;
	font-size: 1.286rem;
	color:#232323;
	font-weight:600;
	margin-bottom:10px
}

.article-box .desc{
	margin-bottom:0
}

.btn-read-more,
.article-box .read-more{
	display:block;
	background:#0fb2d6;
	bottom:0;
	color:#fff;
	font-size: 1.143rem;
	font-weight:600;
	left:0;
	margin:0!important;
	opacity:1;
	padding:10px;
	position:absolute;
	text-align:center;
	transition:all .1s linear 0s;
	width:100%
}

.btn-read-more:hover,
.article-box .read-more:hover{
	opacity:.8
}

.articles-wrapper .article-box.first .read-more{
	width:34.085%;
	left:auto;
	right:0
}

.article-box .read-more span{
	position:relative
}

.article-box .read-more span:after{
	display:block;
	content:"";
	width:6px;
	height:6px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	position:absolute;
	right:-12px;
	top:50%;
	margin-top:-3px;
	transform:rotate(45deg)
}

.articles-wrapper .article-box,
.boxes-wrapper .article-box{
	width:31.833%;
	max-width:31.833%;
	margin-right:2.25%
}

.articles-wrapper .article-box:nth-child(3n+1){
	margin-right:0
}

.articles-wrapper .article-box.first{
	width:100%;
	max-width:100%;
	margin-right:0;
	padding-bottom:0
}

.articles-wrapper .article-box.first .content,
.articles-wrapper .article-box.first .img{
	display:inline-block;
	vertical-align:top
}

.articles-wrapper .article-box.first .img{
	width:65.916%;
	margin-right:2.5%
}

.articles-wrapper .article-box.first .content{
	width:31.584%;
	padding-left:0
}

#load-more-articles{
	position:relative;
	width:100%;
	height:44px;
	font-size: 1.429rem;
	cursor:pointer;
	display:block;
	background:#0fb2d6;
	color:#fff;
	font-weight:600;
	opacity:1;
	padding:10px;
	text-align:center;
	transition:all .1s linear 0s;
	width:100%;
}

#load-more-articles.disabled{
	background:#5f5f5f;
	cursor:default;
}
#load-more-articles:hover{
	opacity:.8
}

#load-more-articles .loading-spinner{
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-25px;
	width:50px;
	height:50px;
	border-left:3px solid #F2A91B;
	border-right:3px solid #0FB2D6;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	border-radius:50%;
	display:none;
	animation-timing-function:linear
}

@keyframes spin{
	from{
		transform:rotate(0)
	}
	to{
		transform:rotate(360deg)
	}
}

.boxes-wrapper .article-box:nth-child(3n){
	margin-right:0
}

.single-article .main-image{
	display:block;
	width:100%;
	margin-bottom:12px
}

.single-article .main-image img{
	width:auto;
	height:auto;
	max-width:100%
}

.single-article .date{
	line-height:1.65em
}

.wyciagi-temp .name,
.wyciagi-temp .type{
	width:20%
}

.trasy-temp,
.wyciagi-temp{
	margin-top:14px
}

.resort-plan .ski-run-yellow,
.ski-conditions .ski-run-yellow{
	width:38px;
	padding:2px;
	text-align:center
}

.resort-plan .ski-run-yellow span,
.ski-conditions .ski-run-yellow span{
	display:inline-block;
	width:25px;
	height:25px;
	line-height:20px;
	background:#fffcc5;
	border:2px solid #d7d48d;
	font-family:Oswald, sans-serif;
	font-size: 0.929rem;
	text-align:center;
	padding:1px;
	color:#222
}

#skislopes-table td.ski-run,
.ski-conditions td.ski-run{
	width:60px;
	text-align:center!important;
	color:#fff
}

#skislopes-table .ski-run p,
.ski-conditions .ski-run p{
	position:relative;
	display:block;
	padding:3px 0;
	overflow:hidden;
	margin:0!important;
	color:inherit
}

#skislopes-table .ski-run p span,
.ski-conditions .ski-run p span{
	position:relative;
	z-index:2
}

.resort-plan .slope-red p,
.ski-conditions .slope-red p{
	background:rgba(253, 32, 23, .9)
}

#skislopes-table .slope-blue p,
#skislopes-table .slope-blue-red p,
.ski-conditions .slope-blue p,
.ski-conditions .slope-blue-red p{
	background:rgba(0, 149, 225, .9)
}

#skislopes-table .slope-green p,
.ski-conditions .slope-green p{
	background:rgba(0, 148, 54, .9)
}

#skislopes-table .slope-blue-red p:after,
.ski-conditions .slope-blue-red p:after{
	position:absolute;
	top:0;
	right:-135px;
	width:200px;
	height:200px;
	content:"";
	z-index:0;
	background:#fd352d;
	transform:rotate(40deg)
}

#resort-plan-bg{
	position:absolute;
	top:0;
	left:248px;
	width:calc(100% - 248px);
	overflow:hidden
}

#resort-plan-bg img{
	width:100%
}

.resort-plan td.no,
.resort-plan td.ski-run{
	width:26px;
	padding:4px 6px!important
}

#ccskiing-table td.ski-run-yellow{
	border-radius:50%
}

#chairlift-table td.name,
#skilift-table td.name{
	font-weight:600;
	width:18%
}

#chairlift-table td.type,
#skilift-table td.type{
	width:13%
}

.resort-plan-legend .rpl-col{
	display:inline-block;
	vertical-align:top;
	width:24%;
	margin-right:1.3333%
}

.resort-plan-legend .rpl-col:last-child{
	margin-right:0
}

.resort-plan-legend .rpl-col li{
	list-style:none;
	padding:4px 0
}

.resort-plan-legend .rpl-col li span{
	display:inline-block;
	vertical-align:middle
}

.resort-plan-legend .rpl-col li span[class^=rpl-ico-]{
	background-image:url(../img/resort-plan-legend.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	overflow:hidden;
	margin-right:4px
}

.rpl-ico-chailrlift{
	background-position:0 0
}

.rpl-ico-plate_lift{
	background-position:0 -25px
}

.rpl-ico-surface_lift{
	background-position:0 -50px
}

.rpl-ico-conveyor_belt{
	background-position:0 -75px
}

.rpl-ico-hook_lift{
	background-position:0 -100px
}

.rpl-ico-ski_school{
	background-position:0 -125px
}

.rpl-ico-rent{
	background-position:0 -150px
}

.rpl-ico-ski_service{
	background-position:0 -175px
}

.rpl-ico-cc_skiing{
	background-position:-25px 0
}

.rpl-ico-snowpark{
	background-position:-25px -25px
}

.rpl-ico-ice_rink{
	background-position:-25px -50px
}

.rpl-ico-garden_for_kids{
	background-position:-25px -75px
}

.rpl-ico-snowing{
	background-position:-25px -100px
}

.rpl-ico-lighting{
	background-position:-25px -125px
}

.rpl-ico-cash_desk{
	background-position:-25px -150px
}

.rpl-ico-ATM{
	background-position:-25px -175px
}

.rpl-ico-cantor{
	background-position:-50px 0
}

.rpl-ico-post_office{
	background-position:-50px -25px
}

.rpl-ico-swimming_pool{
	background-position:-50px -50px
}

.rpl-ico-court{
	background-position:-50px -75px
}

.rpl-ico-accommodation{
	background-position:-50px -100px
}

.rpl-ico-gastronomy{
	background-position:-50px -125px
}

.rpl-ico-toilet{
	background-position:-50px -150px
}

.rpl-ico-ski_bus_stop{
	background-position:-50px -175px
}

.rpl-ico-parking{
	background-position:-75px 0
}

.rpl-ico-pharmacy{
	background-position:-75px -25px
}

.rpl-ico-first_aid{
	background-position:-75px -50px
}

.rpl-ico-topr_duty_office{
	background-position:-75px -75px
}

.rpl-ico-planned_investments{
	background-position:-75px -100px
}

.rpl-ico-hard_ski_run{
	background-position:-75px -125px
}

.rpl-ico-easy_ski_run{
	background-position:-75px -150px
}

.rpl-ico-very_easy_ski_run{
	background-position:-75px -175px
}

.ski-conditions .difficulty-level{
	width:135px
}

.ski-conditions .is-active{
	widows:90px
}

.small-cam{
	margin-bottom:12px;
	position:relative
}

.small-cam img,
.small-cam:last-child{
	margin-bottom:0
}

.small-cam a{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative
}

.small-cam .label{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	padding:10px;
	color:#fff;
	background:rgba(0, 0, 0, .8);
	z-index:10;
	font-size: 1rem;
	font-weight:600;
	border-radius:2px 0 0
}

.weather-data table{
	margin-bottom:2em
}

.weather-data tr:hover{
	background-color:#eee;
	color:#333
}

.weather-data td{
	vertical-align:top;
	padding:2px 4px
}

.weather-data td.name{
	font-weight:600;
	width:45%
}

.weather-data td.value{
	text-align:right
}

.weather-data td.time{
	background:url(../img/weather-clock.png) 8px 4px no-repeat;
	padding-left:24px;
	width:58px
}

.weather-diagrams-wrapper{
	display:flex;
	flex-wrap:wrap;
	align-items:stretch
}

.weather-diagram{
	min-width:20%;
	flex-grow:1;
	display:inline-block;
	position:relative;
	margin-bottom:12px;
	padding:1px
}

.weather-diagram:not(.bigger):last-child{
	flex-grow:1
}

.weather-diagram.bigger{
	flex-grow:0
}

.weather-diagram.bigger:last-child{
	flex-grow:1
}

.weather-diagram .caption-wrapper{
	position:absolute;
	top:-3px;
	left:1px;
	display:table;
	width:131px;
	height:22px;
	background:#000;
	z-index:15
}

.weather-diagram.bigger .caption-wrapper{
	width:195px
}

.weather-diagram.history .caption-wrapper{
	width:323px
}

.weather-diagram .caption{
	display:table-cell;
	color:#fff;
	text-align:center;
	font-size: 0.857rem;
	line-height:12px;
	vertical-align:middle;
	padding:3px 0
}

.weather-diagram .img-wrapper{
	display:inline-block;
	position:relative;
	margin-right:5px
}

.weather-diagram .img-wrapper img{
	display:inline-block;
	margin-bottom:0;
	border:2px solid #000;
	border-left-width:1px
}

#weather-forecast .item{
	display:inline-block;
	vertical-align:top;
	width:32.333%;
	margin-right:1.5%;
	padding:12px;
	text-align:center
}

#weather-forecast .item:last-child{
	margin-right:0
}

#weather-forecast .item h3{
	font-size: 1.286rem;
}

#weather-forecast .item h3 span{
	color:#666;
	font-size: 1rem;
	font-weight:400
}

#weather-forecast .item .block{
	display:block;
	margin-bottom:16px
}

#weather-forecast .item .block.temperature .value,
#weather-forecast .item .block.temperature img{
	display:inline-block;
	vertical-align:middle;
	margin:0
}

#weather-forecast .item .block.temperature .value{
	font-size: 2.571rem;
	margin-left:6px
}

#weather-forecast .item .block .key,
#weather-forecast .item .block .value{
	display:block
}

#weather-forecast .item .block .key{
	font-size: 1.429rem;
	color:#0FB2D6;
	margin-bottom:4px;
	font-weight:600
}

#weather-forecast .item .block .value{
	font-size: 1.857rem;
	color:#333
}

#download-files li{
	list-style:none;
	display:block;
	width:100%;
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:1px solid #ddd
}

#download-files img{
	display:block;
	margin:0
}

#download-files a{
	display:table
}

#download-files a>*{
	display:table-cell;
	vertical-align:middle
}

#download-files .name{
	padding-left:15px
}

#download-file-email{
	position:relative;
	overflow:hidden;
	width:360px;
	color:#4a4a4a;
	font-size: 1rem;
	padding:8px
}

#download-file-email input,
#download-file-email label,
#download-file-email textarea{
	display:block;
	width:100%
}

#download-file-email input,
#download-file-email textarea{
	padding:6px;
	border:1px solid #ddd;
	margin-bottom:12px;
	border-radius:2px;
	font-family:inherit;
	color:#4a4a4a;
	font-size: 0.929rem;
}

#download-file-email input{
	line-height:1.5em
}

#download-file-email label{
	margin-bottom:2px
}

#download-file-email textarea{
	height:120px
}

#download-file-email button{
	display:block;
	width:100%;
	border:none;
	background:#F2A91B;
	border-radius:2px;
	padding:8px;
	color:#fff;
	text-align:center;
	cursor:pointer
}

#download-file-email p{
	margin-bottom:10px
}

#download-file-email .loading{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100000;
	background:rgba(255, 255, 255, .75);
	display:none
}

#download-file-email .loading .spinner{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-15px;
	margin-left:-15px;
	width:30px;
	height:30px;
	border-radius:50%;
	border-top:2px solid #0FB2D6;
	border-bottom:2px solid #0FB2D6;
	border-right:2px solid transparent;
	border-left:2px solid transparent;
	animation-timing-function:linear;
	z-index:100001
}

.partners-info{
	margin-left:2px
}

.partners-info li{
	list-style:none;
	position:relative;
	line-height:30px;
	padding-left:30px
}

.partners-info li:before{
	display:block;
	width:24px;
	height:24px;
	content:"";
	background:url(../img/partners-ico.jpg) no-repeat;
	position:absolute;
	top:3px;
	left:0
}

.partners-info li.address:before{
	background-position:0 0
}

.partners-info li.phone:before{
	background-position:0 -24px
}

.partners-info li.email:before{
	background-position:0 -48px
}

.partners-info li.www:before{
	background-position:0 -72px
}

.partners-info li.open-hours:before{
	background-position:0 -96px
}

.price-lists-wrapper{
	display:block;
	width:100%;
	margin-bottom:14px
}
.price-list table th.color {
  background: #227fdd;
  text-align: center;
}
.price-list table th.color,
.price-list table th.color p{
  color: #fff;
}
.price-list table{
	border-spacing:6px;
	border-collapse:separate
}

.price-list th{
	text-transform:none;
	padding:0
}

.price-list th p{
	margin:0;
}
.price-list th span,
.price-list th .span{
	display:block;
	padding:10px 16px;
}
.price-list th.blue span,
.price-list th.blue .span{
  color:#fff;
}

.price-list th.blue{
	background:#0d9cbe;
	color:#fff;
	font-size: 1.286rem;
}

.price-list th.blue span:last-child,
.price-list th.blue .span:last-child{
	background:#0986a4;
	color:#ace4f4;
	font-size: 0.929rem;
	padding:6px 16px
}

.price-list th.blue span.empty,
.price-list th.blue .span.empty{
	display:none
}

.price-list td{
	position:relative;
	padding:8px 14px;
	border:1px solid #b6b6b6;
	font-weight:600;
	line-height:20px;
	background:#fff
}

.price-list.winter .gray{
	background:#f0f0f0;
	text-align:center
}

.price-list.winter tr:hover{
	background:0 0
}

.price-list.winter td{
	min-width:196px
}

.price-list.winter td span,
.price-list.winter td .span{
	font-weight:500;
	color:#888;
	font-size: 0.929rem;
}

.price-list.winter td.gray{
	border:none;
	min-width:auto
}

.price-list.winter .best-price-ico{
	display:inline-block;
	position:absolute;
	top:-8px;
	margin-top:0;
	right:-8px;
	width:28px;
	height:28px;
	background:url(../img/best-price.png) no-repeat;
	vertical-align:middle;
	margin-left:5px;
	z-index:10
}

.price-list.summer table{
	border-spacing:4px
}

.price-list.summer{
	display:inline-block;
	vertical-align:top;
	width:32.333%;
	margin-right:1.5%
}

.price-list.summer:last-child{
	margin-right:0
}

.price-list.summer td.type{
	width:70%
}

.price-list.summer td.price{
	width:30%;
	text-align:center
}

.price-list .tr-title td{
	background:#f0f0f0;
	border:none;
	font-size: 1.143rem;
	padding:12px;
	text-align:center!important;
	text-transform:uppercase
}

.videos-wrapper{
	margin-bottom:14px
}

.videos-wrapper img{
	margin-bottom:0
}

.videos-wrapper .video{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:32.333%;
	margin-right:1.5%;
	margin-bottom:1.5%;
	opacity:.9;
	transition:all .1s linear;
	border:1px solid #eee;
	border-radius:2px
}

.videos-wrapper .video:hover{
	opacity:1
}

.videos-wrapper .video:nth-child(3n){
	margin-right:0
}

.videos-wrapper .video .inner{
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:56%;
	overflow:hidden
}

.videos-wrapper .video .inner img{
	position:absolute;
	top:50%;
	margin-top:-37.5%;
	left:0
}

.videos-wrapper .video .caption{
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	background:rgba(0, 0, 0, .85);
	color:#fff;
	font-size: 1rem;
	font-weight:600;
	padding:8px;
	width:100%;
	line-height:1.15em
}

#route-service,
footer{
	position:relative
}

#route-service{
	display:block;
	width:100%:
}

#route-service-map,
#route-service-right{
	display:inline-block;
	vertical-align:top
}

#route-service-map{
	width:58%;
	margin-right:2%;
	height:440px
}

#route-service-right{
	width:40%
}

#route-service-input{
	width:100%;
	border:1px solid #eee;
	padding:8px;
	font-size: 0.929rem;
	color:#333
}

#route-service-tips{
	height:375px;
	overflow-y:auto;
	padding:10px 0
}

#fancybox-content,
#fancybox-outer,
#fancybox-wrap{
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box
}

footer>div{
	padding-left:200px;
	width:100%;
	height:auto
}

#footer-logos .main,
#footer-logos .second{
	display:table;
	width:100%;
	padding:30px 0
}

#footer-logos .main{
	padding-bottom:15px
}

#footer-logos a{
	display:table-cell;
	vertical-align:middle;
	text-align:center
}

#footer-logos img{
	width:auto;
	max-width:100%;
	height:auto
}

#footer-map-wrapper{
	position:relative;
	height:250px;
	/*
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	*/
	background-position:40% center;
	background-image:url("../img/static-map.jpg");
}

#footer-map{
	position:absolute!important;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden
}

#footer-map-wrapper .legend{
	position:absolute;
	display:block;
	top:50%;
	left:0;
	background:rgba(255, 255, 255, .9);
	width:280px;
	height:184px;
	padding:20px;
	margin-top:-92px;
	z-index:10
}

#footer-map-wrapper .legend li{
	position:relative;
	list-style:none;
	padding-left:32px;
	margin-bottom:12px;
	line-height:16px;
	font-size: 1rem;
	color:#6b6b6b
}

#footer-map-wrapper .legend li.one-line{
	line-height:22px
}

#footer-map-wrapper .legend a{
	color:inherit
}

i[class^=mp-contact-ico-]{
	position:absolute;
	width:25px;
	height:25px;
	left:0;
	top:50%;
	margin-top:-12.5px;
	background-image:url(../img/contact-tileset.png);
	background-repeat:no-repeat
}

.mp-contact-ico-marker{
	background-position:-25px 0
}

.mp-contact-ico-time{
	background-position:-25px -25px
}

.mp-contact-ico-phone{
	background-position:0 -25px
}

.mp-contact-ico-mail{
	background-position:0 0
}

#footer-bottom{
	background-color:#151515;
	padding-top:20px;
	padding-bottom:20px
}

#footer-bottom li{
	list-style:none;
	line-height:1.05em
}

#footer-bottom a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	opacity:1
}

#footer-bottom a:hover{
	opacity:.8
}

#footer-bottom .col>ul>li{
	display:block;
	margin-bottom:5px
}

#footer-bottom .col>ul>li>a,
#footer-bottom .col>ul>li>p{
	font-weight:600;
	font-size: 1rem;
	margin-bottom:5px;
}

#footer-bottom li ul li{
	padding-left:8px
}

#footer-bottom li ul li a,
#footer-bottom li ul li p{
	font-size: 0.857rem;
	color:#e2e2e2
}

#footer-bottom .col{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:20%;
	min-height:178px
}


#footer-bottom .social a{
	display:inline-block;
	vertical-align:top;
	opacity:1;
	margin-right:5px;
	transition:all .1s linear
}

#footer-bottom .social a:hover{
	opacity:.8
}

body.zoom-inactive{
	cursor:default!important
}

body.zoom-inactive #glass{
	display:none!important
}

@media screen and (min-width:1200px){
	body.body-de #right-fixed-nav a h4,
	body.body-ru #right-fixed-nav a h4{
		font-size: 1rem;
	}
	body.body-de #right-fixed-nav{
		width:230px
	}
	body.body-de #right-fixed-nav li:hover,
	body.body-de #right-fixed-nav-wrapper.mainpage li.opened:not(.opened-close){
		margin-right:182px
	}
	body.body-de #right-fixed-nav-wrapper{
		right:-185px
	}
	body.body-de .mp-main-title h1{
		margin-left:30%
	}
	body.body-ru #right-fixed-nav{
		width:250px
	}
	body.body-ru #right-fixed-nav li:hover,
	body.body-ru #right-fixed-nav-wrapper.mainpage li.opened:not(.opened-close){
		margin-right:202px
	}
	body.body-ru #right-fixed-nav-wrapper{
		right:-205px
	}
	body.body-ru #right-fixed-nav li{
		height:48px
	}
	body.body-ru .mp-main-title p{
		margin-left:25%
	}
	body.body-ru #mp-main nav a p{
		font-size: 1.071rem;
	}
	body.body-ru #content .v-center{
		margin-top:-220px;
		height:440px
	}
}

#mobile-nav-btn-wrap{
	display:none;
	float:right
}

#mobile-nav-btn{
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:3px
}

#mobile-nav-burger:after,
#mobile-nav-burger:before{
	content:"";
	width:100%
}

#mobile-nav-burger,
#mobile-nav-burger:after,
#mobile-nav-burger:before{
	position:absolute;
	left:0;
	height:5px;
	background:#fff;
	border-radius:3px
}

#mobile-nav-burger{
	top:50%;
	width:70%;
	margin:-2px 15% 0
}

#mobile-nav-burger:before{
	top:-10px
}

#mobile-nav-burger:after{
	top:10px
}


/*** WCAG ***/
#wcag-controls-wrapper {
  position: fixed;
  width: 100%;
  z-index: 99999;
  text-align: center;
}

#wcag-button {
  position: absolute;
  width: 56px;
  height: 56px;
  right: 220px;
  bottom : -80px;
  background: url('/assets/templates/kotelnica/img/accessibility-icon.png') center center/100% 100% no-repeat;
  border: none;
  cursor: pointer;
  opacity: 0.8;
}
#wcag-button:hover {
  opacity: 1;
}
#wcag-controls {
  display: none;
  padding: 10px 70px 10px 0;
  text-align: right;
  border-bottom: 2px solid #000;
  background: #fff;
}
body.wcag-high-contrast #wcag-controls {
  background: #000;
}
#wcag-controls > * {
  display: inline-block;
  margin-left: 18px;
}
#wcag-controls > * > * {
  display: inline-block;
}

#wcag-controls button {
  display: inline-block;
  color: yellow;
  background: #000;
  border: 1px solid #000;
  padding: 6px;
  margin-left: 4px;
  cursor: pointer;
  font-size: 16px;
}

body.wcag-high-contrast {
  background: #222;
}

body.wcag-high-contrast,
body.wcag-high-contrast ul,
body.wcag-high-contrast li,
body.wcag-high-contrast p,
body.wcag-high-contrast table,
body.wcag-high-contrast #main-nav,
body.wcag-high-contrast .mp-main-title h1,
#body-mainpage.wcag-high-contrast #content>section .section-title,
#body-mainpage.wcag-high-contrast .article-box .title,
body.wcag-high-contrast .date,
body.wcag-high-contrast #mp-main nav a,
body.wcag-high-contrast #footer-bottom li ul li a,
body.wcag-high-contrast #footer-bottom li ul li p,
body.wcag-high-contrast #footer-bottom a {
  color: yellow !important;
}

body.wcag-high-contrast main#content,
body.wcag-high-contrast main#content > *,
body.wcag-high-contrast .mp-main-title h1,
body.wcag-high-contrast #mp-main nav a,
#body-mainpage.wcag-high-contrast #content>section .section-title,
#body-mainpage.wcag-high-contrast #content .v-center article,
body.wcag-high-contrast #breadcrumb,
body.wcag-high-contrast .article-box{
  background: #000 !important;
}

body.wcag-high-contrast .mp-read-more  {
  color: yellow;
  border-color: yellow;
  background: #000;
}

body.wcag-high-contrast #mp-main nav a img{display: none !important;}
body.wcag-high-contrast #mp-main nav a img.hover{display: block !important;}
body.wcag-high-contrast #right-fixed-nav li {background: #222;}
body.wcag-high-contrast .scroll-down,
body.wcag-high-contrast .scroll-up {
display: none;
}


iframe#myIframe{
position: relative;
}
.formatted-content .iframe-wrapper{
/* padding-bottom: 0; */
}