/* --- Stylesheet 4935 () --------- */ 

header { position: relative; }
header .inner { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background-color: #FFF; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) }
header .maxwidth { position: relative; }
#logo { position: absolute; top: 9px; right: 0; width: 146px; height: 48px; display: block; background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741314/logo.png); background-repeat: no-repeat; background-position: center center; }
#navoverlay { max-height: 0px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99; background-color: #000; background-color: rgba(0, 0, 0, 0.85); overflow: hidden; transition: max-height 150ms; }
#navoverlay.open { max-height: 1000px; transition: max-height 500ms; }
nav ul { margin: 70px 0 20px 0px; padding: 0; list-style-type: none; width: 130px; }
nav ul li { margin: 0; padding: 8px 0; border-bottom: 1px solid #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
nav ul li:last-child { border-bottom-width: 0px; }
nav ul li a { color: #FFF; text-decoration: none; font-size: 28px; }
header .copy { margin-bottom: 20px; }
header .copy ul { margin: 0; padding: 0; list-style-type: none; }
header .copy ul:after { display: block; content: ""; clear: left; }
header .copy ul li { margin: 0 20px 0 0; padding: 0; float: left; }
header .copy ul li a { color: #FFF; text-decoration: none; }
header.open .inner { background-color: rgba(0, 0, 0, 0.85); color: #FFF; }
header.open #logo { opacity: 0.85; }

/*Home icon by Icons8 */
#icon-home { display: block; position: absolute; top: 8px; left: 0; cursor: pointer; }
#icon-home svg { position: relative; top: 8px; width: 30px; height: 30px; display: inline-block; fill: #000000; margin-right: 5px; }
a#icon-home { color: #000; text-decoration: none; }
header.open a#icon-home { color: #FFFFFF; }
header.open #icon-home svg { fill: #FFFFFF; }

/* --- Stylesheet 4937 () --------- */ 

#nav_icon_wrapper { position: relative; top: 0; left: 100px; z-index: 102; height: 40px; width: 40px; padding: 10px 0; }
#nav_icon_wrapper .extra { position: absolute; top: 9px; left: 46px; }
#nav_icon { position: relative; height: 40px; width: 40px; cursor: pointer; }
#nav_icon .nav_line { position: absolute; left: 5px; width: 30px; height: 4px; background-color: #000; }
#nav_icon .nav_line1 { top: 12px; -webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease; transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease; }
#nav_icon .nav_line2 { top: 20px; -webkit-transition: opacity 0.4s 0.4s ease; transition: opacity 0.4s 0.4s ease; }
#nav_icon .nav_line3 { top: 28px; -webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease; transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease; }

/* Clicked */
#nav_icon.clicked .nav_line { background-color: #FFF; }
#nav_icon.clicked .nav_line1 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 23px; -webkit-transition: all 0.8s 0.2s ease, top 0.2s linear; transition: all 0.8s 0.2s ease, top 0.2s linear; }
#nav_icon.clicked .nav_line2 { opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; }
#nav_icon.clicked .nav_line3 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 23px; -webkit-transition: all 0.8s 0.2s ease, top 0.2s linear; transition: all 0.8s 0.2s ease, top 0.2s linear; }

/* --- Stylesheet 4936 () --------- */ 

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
	#logo { background-image: url(https://tramino.s3.amazonaws.com/s/ski-ok/741315/logo2.png); background-size: 146px 48px; }
}
@media all and (min-width:1251px) and (max-width:1600px) {
	nav ul li { padding: 7px 0; }
	nav ul li a { font-size: 26px; }
	header .copy ul li a { font-size: 15px; }
}
@media all and (min-width:1000px) and (max-width:1250px) {
	nav ul li { padding: 6px 0; }
	nav ul li a { font-size: 24px; }
	header .copy ul li a { font-size: 14px; }
}
@media all and (min-width:768px) and (max-width:999px) {
	nav ul li { padding: 5px 0; }
	nav ul li a { font-size: 22px; }
	header .copy ul li a { font-size: 13px; }
}
@media all and (min-width:568px) and (max-width:767px) {
	nav ul li { padding: 4px 0; }
	nav ul li a { font-size: 20px; }
	header .copy ul li a { font-size: 12px; }
}
@media all and (max-width:567px) {
	nav ul li { padding: 3px 0; }
	nav ul li a { font-size: 18px; }
	header .copy ul li a { font-size: 12px; }
	#nav_icon_wrapper { left: 85px; }
	header #logo { top: 5px; width: 120px; background-size: contain; }
}