@charset "UTF-8";
/* CSS Document - KEFSKI Version */

.bold {
  font-weight: bold; }

.underlined {
  text-decoration: underline; }

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

/*	Resets (http://lessframework.com by Jony Korpi)	------	*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block; }

a img {
  border: 0; }

/* Selection colors */
::selection {
  background: #a0c1df;
  color: black; }

::-moz-selection {
  background: #a0c1df;
  color: black; }

img::selection {
  background: transparent; }

img::-moz-selection {
  background: transparent; }

body {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

.clear {
  background: none;
  border: 0 !important;
  clear: both !important;
  display: block;
  float: none !important;
  font-size: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important; }

li {
  list-style-type: none; }

@font-face {
	font-family: 'HelveticaNeueMedium';
	src: url("fonts/HelveticaNeueMedium.eot");
	src: url("fonts/HelveticaNeueMedium.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueMedium.woff") format("woff"), url("fonts/HelveticaNeueMedium.ttf") format("truetype");
	font-weight: 300;
	font-style: normal; 
}

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 16px;
	font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	color: #9e9e9e; 
}

body.info {
	background-color: #424242;
}

strong {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }

h1, h2, h3, h4, h5 {
  font-size: 10px;
  line-height: 16px;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300; }

a {
  outline: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-decoration: none;
  color: #9e9e9e;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent; }

a.selected {
  color: #424242; }

a:hover, a.hovered {
  color: #424242; }

body.info a {
	color: #9e9e9e;
}

body.info a.selected {
  color: #ffffff; }

body.info a:hover, a.hovered {
  color: #ffffff; }


#loaderDiv {
    background-color: #ffffff;
    display: table-cell;
    height: 100vh;
    width: 100%;
    vertical-align: middle;
	position: fixed;
	top: 0;
	z-index: 20;
	line-height: 100vh;
	text-align: center;
}

#loaderDiv img {
	width:200px;
	height:auto;
}

#rdsMenuIcon {
	position:fixed;
	top:0px;
	left:0px;
	z-index:5;
	/*background-color: rgba(229,229,229,1);
	width:100%;
	height:60px;*/
	box-sizing: border-box;
}

body.info #rdsMenuIcon .hamburger-inner, body.info #rdsMenuIcon .hamburger-inner::before, body.info #rdsMenuIcon .hamburger-inner::after {
	background-color:#9e9e9e;
}

#rdsLeftColumn {
    font-size: 12px;
    line-height: 19px;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	box-sizing: border-box;
	white-space: nowrap;
	z-index: 2;
	background-color:rgba(255,255,255,.95);
	display:none;
}

body.info #rdsLeftColumn {
	background-color:rgba(66,66,66,.95);
}

#rdsRightColumn {
    font-size: 12px;
    line-height: 19px;
	position:fixed;
	height:100%;
	top:0px;
	right:0px;
	box-sizing: border-box;
	white-space: nowrap;
	z-index: 2;
	width:auto;
	display:block !important;
}

body.info #rdsRightColumn {
	background-color:rgba(66,66,66,.95);
}

#rdsNavMenu {
	position:relative;
	top:96px;
	left:80px;
}

.rdsCategory {
	white-space: nowrap;
	margin-left:1em;
	color: #e2e2e2;
}

.rdsCategory:hover {
	color:#9e9e9e;
	cursor:pointer;
}

.rdsCategory.selected {
	color: #9e9e9e;
}

#rdsContent {
	width:60%;
	max-width:60%;
	margin:0px auto;
	box-sizing: border-box;
	margin-top:96px;
}

.rdsContentCaption {
	font-size:120%;
	opacity:1;
  	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}

.rds-ContentItem:hover .rds-ContentCaption {
	opacity:1;
}

.rdsContentImage {
	width:100%;
	box-sizing: border-box;
	cursor:pointer;
}

.rdsContentImage img {
	width:100%;
	height:auto;
}

.rdsContentCaption {
	width:100%;
	text-align:center;
	height:40px;
	line-height: 30px;
}

.rdsContentSlideShow {
	display:none;
	position:fixed;
	z-index: 20;
	height:100vh;
	width:100vw;
	top:0px;
	left:0px;
	background-color:rgba(255,255,255,1);
	padding:50px 20px;
	box-sizing: border-box;
}

.rdsSlideShowClose {
	position:absolute;
	top:0px;
	right:0px;
	z-index:25;
}

.rdsSlideShowDiv, .rdsSlideSoloDiv {
	width:100%;
	height:100%;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.rdsContentSlideShow ul {
	position:relative;
	width:100%;
	height:90%;
	padding:0px;
	margin:0px;
	box-sizing: border-box;
}

.rdsContentSlideShow ul li {
	display:none;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
	text-align: center;
    flex-direction: column;
    justify-content: center;
}

.rdsContentSlideShow ul li:first-child {
	display:block;
}

.rdsContentSlideShow li img {
	max-width:100%;
	max-height:100%;
	cursor: pointer;
	margin:auto 0px;
}

.rdsSlideControl {
	text-align: center;
	padding:0px;
	margin:0px;
	width:100%;
	font-size:150%;
	line-height: 3em;
}

.rdsLeftArrow {
	display:inline-block;
	text-align:left;
	cursor: pointer;
	width:5%;
}

.rdsSlideCaption {
	display:none;
	visibilty:hidden;
	width:80%;
	text-align:center;
}

.rdsRightArrow {
	display:inline-block;
	text-align: right;
	cursor: pointer;
	width:5%;
}

#rdsInfoDiv {
	display:none;
	font-size:80%;
	width:100%;
}

#rdsContactDiv {
	font-size:80%;
}

.rdsPortraitImg {
	float:left;
	margin:0px 25px 25px 0px;
	width:150px;
	height:auto;
}

.rdsInfoHeader {
	font-size:140%;
	text-transform: uppercase;
	margin-bottom:1em;
}

.rdsInfoHeader svg {
	width:150px;
	height:auto;
	fill: #9e9e9e;
}

.rdsInfoBlurb {
	font-size: 130%;
	margin-bottom:.5em;
}

.rdsSocialIcons {
	margin-top: 2em;
	font-size:250%;
}

.rdsSocialIcons .smaller {
	font-size:90%;
}

.rdsSocialIcons a {
	margin-right:.5em;
}



/* For mobile phones: */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 850px) 
and (orientation : landscape) {
/* For mobile landscape: */
	#rdsContent {
		width:65%;
		max-width:65%;
	}
}

@media only screen and (min-width: 668px) {
    /* For tablet portrait: */	
	#loaderDiv img {
		width:250px;
	}
	#rdsContent {
		width:600px;
		max-width:67%;
	}
	.rdsContentCaption {
		height:80px;
		line-height: 70px;
	}
	#rdsInfoDiv {
		width:80%;
	}

}

@media only screen and (min-width: 768px) {
    /* For tablet landscape: */
	#rdsContent {
		width:800px;
		padding:0px 0px;
	}
	#rdsInfoDiv {
		width:70%;
	}

}

@media only screen and (min-width: 1024px) {
    /* For desktop: */	
	#loaderDiv img {
		width:300px;
	}
	#rdsContent {
		width:950px;
	}
	#rdsMenuIcon {
		display:none;
		visibility: hidden;
	}
	#rdsLeftColumn {
		width:auto;
		display:block !important;
	}
	#rdsCategories {
		top:96px;
		right:80px;
	}
	.rdsSlideCaption {
		width:60%;
	}
	.rdsContentCaption {
		height:96px;
		line-height: 80px;
	}
	#rdsInfoDiv {
		width:50%;
	}

}

@media only screen and (min-width: 1300px) {
    /* For desktop: */	
	#loaderDiv img {
		width:350px;
	}
	#rdsContent {
		width:1250px;
	}

}

@media only screen and (min-width: 1500px) {
    /* For desktop: */	
	#loaderDiv img {
		width:400px;
	}
	#rdsContent {
		width:1350px;
	}

}