@-ms-viewport {width: device-width;} /* */

@viewport {width: device-width;}

html,body {margin: 0; padding: 0;}
.forprint {display: none;} 
.donotprint {} 

.clearfix {}
.clearfix:before {width: 100%;}
.clearfix:after {}

@media print {a:after {content: ""; display: none;}
    a {border: 0;color: black;}
    * {-webkit-print-color-adjust: exact; print-color-adjust: exact;}
    
    .donotprint {display: none !important;} 
    .forprint {display: block;} 
}

::-webkit-input-placeholder 	{color: #b6b6b6; opacity: 1;}
:-moz-placeholder 				{color: #b6b6b6; opacity: 1;}
::-moz-placeholder 				{color: #b6b6b6; opacity: 1;}
:-ms-input-placeholder 			{color: #b6b6b6; opacity: 1;}

::-moz-selection 				{background:#b3d4fc;text-shadow:none}
::selection 					{background:#b3d4fc;text-shadow:none}

/* common */

html {font-family: BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', 'Roboto Rouble', sans-serif;color: #ffffff;background: #040404;font-weight: 300;font-size: 20px;line-height: 1.25em;margin: 0;padding: 0;position: relative;/* overflow: overlay; */}
body {position: relative;padding: 0;margin: 0;background: #040404;color: white;}


h1, .likeh1,
h2, .likeh2,
h3, .likeh3, 
h4, .likeh4,
h5, .likeh5,
h6, .likeh6 {margin: 0 0 1rem 0;padding: 0;font-weight: 300;color: inherit;}
h1, .likeh1 {font-size: 2rem;line-height: 1.25em;text-transform: uppercase;}
h2, .likeh2 {font-size: 1.5rem;line-height: 1.333334em;text-transform: uppercase;}
h3, .likeh3 {font-size: 1.4rem;line-height: 1.2em;}
h4, .likeh4 {font-size: 1.2rem;line-height: 1.333334em;}
h5, .likeh5 {font-size: 1.2rem; line-height: 1.333334em;}
h6, .likeh6 {font-size: 1.1rem; line-height: 1.333334em;}

p {margin: 0 0 1rem 0;}

b, strong {font-weight: 700;}

ul, ol {margin: 0 0 1.333334rem 0;}
ul li, ol li {}

table {}
tr {}
td, th {}
td {vertical-align: top;}

a {color: #f8d200; fill: #f8d200;text-decoration: none;cursor: pointer;transition: all 0.3s cubic-bezier(0, 0, 0, 1);}
a:hover {color: #ffffff; fill: #ffffff; text-decoration: none;}
a:focus {}
a:active, .active > a, a.active {}
a:visited {}

svg {display: block;flex: none;}
svg use {fill: inherit; transition: inherit;}

*:focus,
a:focus, 
input:focus, 
textarea:focus, 
button:focus,
select:focus {outline:0; outline: none;}

img {max-width: 100%;}
a img {border: 0;}

/* ############################### */

.holder {position: relative;width: 100%;min-width: 16rem;margin: 0 auto;}
.wrapper {position: relative;margin: 0 auto;width: 100%;max-width: 63rem;box-sizing: border-box;padding: 0 1rem;display: flex;flex-flow: column nowrap;}

.social, .mail {display: flex;flex-flow: row nowrap;}
.social a, .mail a {width: 2rem;height: 2rem;transition: none;}
.mail a {width: 3rem;}
.social a svg, .mail a svg {display: block;width: inherit;height: inherit;}
.social a svg use, .mail a svg use {transition: all 0.3s cubic-bezier(0, 0, 0, 1);}
.social a + a {margin: 0 0 0 1rem;}
.social a.youtube {width: 3rem;}

header {padding: 1rem 0;transform: translateY(-0.5rem); opacity: 0;transition: all 0.2s cubic-bezier(0, 0, 0, 1); transition-delay: 0s;}
header .wrapper {flex-flow: row nowrap;justify-content: space-between;align-items: center;}
header .logo {}
header .logo a {display: flex;flex-flow: column nowrap;position: relative;margin: 0;}
header .logo a img {}
header .logo a img:nth-child(1) {width: 9rem;}
header .logo a img:nth-child(2) {width: 4rem;margin: 0 0 0 5rem;}
header .fill {flex:1 1 auto;}
header .mail {}
header .mail a {height: 1.5rem;width: 2.25rem;display: block;}
header .social {margin: 0 0 0 1rem;}
header .social a {width: 1.5rem;height: 1.5rem;}
header .social a.youtube {width: 2.25rem;}

nav {margin: 2rem 0;font-size: 1.5rem;line-height: 1em;transform: translateY(-0.5rem); opacity: 0;transition: all 0.2s cubic-bezier(0, 0, 0, 1); transition-delay: 0.1s;}
nav .wrapper {display: block;}
nav a {color: white;}
nav a.active {border-bottom: 1px solid;}
nav a:hover {color: #f8d200;}
nav a.active:hover {}

main {margin: 2rem 0;transform: translateY(-0.5rem); opacity: 0;transition: all 0.2s cubic-bezier(0, 0, 0, 1); transition-delay: 0.2s;}
main .content {}
main .content .wrapper {}

body.loaded header {transform: translateY(0); opacity: 1;}
body.loaded nav {transform: translateY(0); opacity: 1;}
body.loaded main {transform: translateY(0); opacity: 1;}

.rtGallery {position: relative;display: flex;flex-flow: column nowrap; margin: 0 0 3rem 0;}
.rtGallerySections {position: relative;display: flex;flex-flow: row wrap;justify-content: flex-start;margin:0 -2rem 0 0;}
.rtGallerySection {width: calc(25% - 2rem);position: relative;display: flex;flex-flow: column nowrap;margin: 0 2rem 2rem 0;transform: translateY(-0.5rem); opacity: 0;transition: all 0.2s cubic-bezier(0, 0, 0, 1);}
body.loaded .rtGallerySection {transform: translateY(0); opacity: 1;}
.rtGallerySection:last-child {}
.rtGallerySection + .rtGallerySection {}
.rtGallerySection > a {display: flex;flex-flow: column nowrap;}
.rtGallerySection > a .img {position: relative;display: block;width: 100%;height: 8rem;background-color: #f8d200;background-repeat: no-repeat;background-size: cover;background-position: center;}
.rtGallerySection > a .img .count {position: absolute;display: block;right: 0.5rem;bottom: 0.5rem;padding: 0 0.5rem;}
.rtGallerySection > a .img .count > .badge {position: absolute;width: 100%;height: 100%;background: #f8d200;left: 0;top: 0;transform: skewX(20deg);z-index: 1;}
.rtGallerySection > a .img .count > .text {position: relative;z-index: 2;display: block;color: black;font-size: 0.8rem;line-height: 1.5em;}
.rtGallerySection > a .img .count::before {}
.rtGallerySection > a .img[data-nopicture] {background: #111;}
.rtGallerySection > a .img[data-nopicture]::before {content:"no photos";color: #222;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.rtGallerySection > a .title {position: relative;display: block;margin: 1rem 0 0 0;}
.rtGallerySection > a .dates {position: relative; display: block; margin: 0.25rem 0 0 0; font-size: 0.8em; color: #aaa;}
.rtGallerySection > a:hover {}
.rtGallerySection > a:hover .img {}
.rtGallerySection > a:hover .img .count {}
.rtGallerySection > a:hover .img .count::before {}
.rtGallerySection > a:hover .title {}

.rtGalleryAlbum {}
.rtGalleryAlbumTitle {}
.rtGalleryAlbumDates {margin:1rem 0;}
.rtGalleryAlbumDescription {margin:1rem 0;}
.rtGalleryAlbumDescription > * {}
.rtGalleryAlbumDescription > *:last-child {margin-bottom:0;}
.rtGalleryAlbumItems {position: relative;display: flex;flex-flow: row wrap;justify-content: space-between; margin:0 -1rem 0 0;}
.rtGalleryAlbumItem {width: calc(20% - 1rem);position: relative;display: flex;flex-flow: column nowrap;margin: 0 1rem 1rem 0;transform: translateY(-0.5rem); opacity: 0;transition: all 0.2s cubic-bezier(0, 0, 0, 1);}
body.loaded .rtGalleryAlbumItem {transform: translateY(0); opacity: 1;}
.rtGalleryAlbumItems::after {content:"";flex:1 1 auto;}
.rtGalleryAlbumItem:last-child {}
.rtGalleryAlbumItem + .rtGalleryAlbumItem {}
.rtGalleryAlbumItem + .rtGalleryAlbumItem {}

@media (max-width: 1024px) {/**/
	html {font-size: 3.5vw;}
	header .social {}
	.rtGallerySections {margin:0;}
	.rtGallerySection {width:100%;margin: 0 0 2rem 0;}
	.rtGallerySection > a .img {height: 15rem;}
	.rtGalleryAlbumItem {width: calc(33.333% - 1rem);}
}