/*====================================*/

@font-face {
	font-family: 'Intel One Regular';
	src: url("../fonts/intel_one/intelone-display-regular.woff2"), url("../fonts/intel_one/intelone-display-regular.woff") format("woff"), url("../fonts/intel_one/intelone-display-regular.ttf") format("truetype");
}

@font-face {
	font-family: 'Intel One Bold';
	src: url("../fonts/intel_one/intelone-display-bold.woff2"), url("../fonts/intel_one/intelone-display-bold.woff") format("woff"), url("../fonts/intel_one/intelone-display-bold.ttf") format("truetype");
}

@font-face {
	font-family: 'Intel One Medium';
	src: url("../fonts/intel_one/intelone-display-medium.woff2"), url("../fonts/intel_one/intelone-display-medium.woff") format("woff"), url("../fonts/intel_one/intelone-display-medium.ttf") format("truetype");
}

/*====================================*/

/*====================================*/

/* preload container */

#preload-container {
	display: none !important;
}

/*====================================================================================*/

#rl-widget {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
	max-width: 1366px;
	color: #fff; /*border: 1px solid #f00;*/
	overflow: hidden;
	background-color: #000;
}

#rl-widget > div {
	z-index: 1;
	position: relative;
}

#rl-widget #rl-stars {
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(../img/rl-bg-stars.jpg);
	background-size: auto;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
	z-index: 0;
}

#rl-widget #rl-headline {
	text-align: center;
	font-size: 4rem;
	line-height: 4rem;
	font-family: 'Intel One Bold', sans-serif;
	letter-spacing: .01rem;
	padding: 2rem 15% 1rem;
}

#rl-widget #rl-subhead {
	text-align: center;
	font-size: 2.25rem;
	line-height: 2.5rem;
	padding: 2rem 10% 2rem;
}

#rl-widget img {
	pointer-events: none;
}

#rl-widget #rl-app-footer {
	background-color: #000;
	padding-bottom: 3rem;
}

#rl-widget #rl-app-footer:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	top: -75px;
	height: 75px;
	background: black;
	background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

#rl-widget #rl-app-footer #rl-core-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	position: relative;
	margin-left: 35%;
	width: 65%;
	padding-top: 1rem;
	min-height: 210px;
	margin-bottom: 3rem;
}

#rl-widget #rl-app-footer #rl-core-text ul {
	padding: 0 0 0 1.25rem;
	margin: 0;
}

#rl-widget #rl-app-footer #rl-core-text ul.init {
	list-style: none;
	padding-left: 0.25rem;
}

#rl-widget #rl-app-footer #rl-core-text ul li {
	font-size: 1.75rem;
	line-height: 2rem;
}

#rl-widget #rl-app-footer #rl-core-text > div {
	width: 40%;
	margin-right: 7%;
	margin-top: -3rem;
}

#rl-widget #rl-app-footer #rl-core-text > div > div:nth-child(2) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -1rem;
}

#rl-widget #rl-app-footer #rl-core-text > div > div:nth-child(2) > div:nth-child(1) {
	width: auto;
	padding-right: 1rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix,
#rl-widget #rl-app-footer #rl-core-text .rl-core-number,
#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 6rem;
	background: #c7f7fe;
	background: -webkit-linear-gradient(left, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	background: linear-gradient(90deg, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-family: 'Intel One Medium', sans-serif;
	-webkit-transition: background-position .15s;
	transition: background-position .15s;
	background-size: 200%;
	background-position: 0%; /* ie */
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix.active,
#rl-widget #rl-app-footer #rl-core-text .rl-core-number.active,
#rl-widget #rl-app-footer #rl-core-text .rl-core-text.active { /*@include text_color();*/
	background-position: 105%;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix {
	font-size: 2rem;
	line-height: 2rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 2.5rem;
	line-height: 2.25rem;
}

#rl-widget #rl-app-footer #rl-thread-director {
	border: 1px solid #132f6f;
	box-shadow: inset 0 0 2rem #132f6f;
	width: 96%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 2% 0;
}

#rl-widget #rl-app-footer #rl-thread-director > div {
	padding: 0 .5rem;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline {
	font-size: 2.5rem;
	width: 35%;
	background: #c7f7fe;
	background: -webkit-linear-gradient(left, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	background: linear-gradient(90deg, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-family: 'Intel One Medium', sans-serif;
	-webkit-transition: background-position .15s;
	transition: background-position .15s;
	background-size: 200%;
	background-position: 0%; /* ie */
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-text {
	width: 65%;
	font-size: 2rem;
}

#rl-widget #rl-core-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-column-gap: .2rem;
	-moz-column-gap: .2rem;
	column-gap: .2rem;
	position: relative;
	z-index: 1;
	padding: 2rem 0 1rem;
}

#rl-widget #rl-core-buttons .rl-core-button {
	width: 33.3%;
	cursor: pointer;
	position: relative;
	background-color: rgba(0, 0, 0, 0.33);
	background-image: url(../img/rl-core-btn-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#rl-widget #rl-core-buttons .rl-core-button > img {
	opacity: 0;
}

#rl-widget #rl-core-buttons .rl-core-button > img.handset {
	display: none;
}

#rl-widget #rl-core-buttons .rl-core-button > img.tablet {
	display: none;
}

#rl-widget #rl-core-buttons .rl-core-button > img.desktop {
	display: block;
}

#rl-widget #rl-core-buttons .rl-core-button.active {
	background-image: url(../img/rl-core-btn-bg_selected.png);
}

#rl-widget #rl-core-buttons .rl-core-button > div {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute; /*display: flex;
                flex-direction: row;*/ /*@media only screen and (max-width: 768px) {
                    flex-direction: column;
                }*/ /*
                >div{
                    text-align: center;
                    padding: 1rem;
                    @media only screen and (max-width: 768px) {
                        height: 66%;
                        width: auto;
                        padding-bottom: 0;
                    }
                    img {
                        max-height: 75%;
                        box-shadow: 0 0 10px rgba(0, 0, 0, .66);

                        @media only screen and (max-width: 768px) {}
                    }
                }
                */ /*
                >div:nth-child(2) {

                    position: relative;
                    display: block;
                    width: 66.6%;
                    text-align: center;

                    @media only screen and (max-width: 768px) {
                        width: 100%;
                    }

                    span {
                        position: absolute;
                        font-size: 1.5rem;
                        line-height: 1.6rem;
                        width: 80%;
                        left: 40%;
                        top: 40%;
                        transform: translate(-50%, -50%);


                        @media only screen and (max-width: 1100px) {
                            font-size: 1.25rem;
                            line-height: 1.35rem;
                        }

                        @media only screen and (max-width: 992px) {
                            font-size: 1.0rem;
                            line-height: 1.1rem;
                        }

                        @media only screen and (max-width: 850px) {
                            font-size: .9rem;
                            line-height: 1rem;
                        }

                        @media only screen and (max-width: 650px) {
                            font-size: 12px;
                            line-height: 13px;
                        }

                        @media only screen and (max-width: 768px) {
                            padding-top: 1rem;
                            left: 50%;
                            top: 50%;
                            transform: translate(-50%, -50%);
                        }
                    }
                }
                */
}

#rl-widget #rl-core-buttons .rl-core-button > div img {
	position: absolute;
	max-height: 65%;
	left: 50%;
	top: 10%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.66);
}

#rl-widget #rl-app-wrapper {
	position: relative;
	z-index: 0;
}

#rl-widget #rl-activity-buttons {
	top: 10rem;
	left: 2rem;
	width: 33%;
	max-width: 22rem;
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	z-index: 9;
}

#rl-widget #rl-activity-buttons #rl-activity-text {
	font-size: 1.5rem;
	line-height: 1.7rem;
	text-align: center;
	margin-bottom: 2rem;
}

#rl-widget #rl-activity-buttons .rl-activity-button {
	position: relative;
	margin-bottom: .5rem;
	cursor: pointer;
	width: 100%;
	height: 80px;
	border-radius: 7px;
	border: 3px solid #152a56;
	position: relative;
	box-shadow: inset 0 0 50px #001441;
	color: #fff;
}

#rl-widget #rl-activity-buttons .rl-activity-button > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#rl-widget #rl-activity-buttons .rl-activity-button > div {
	top: 50%;
	height: auto;
	left: 1rem;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#rl-widget #rl-activity-buttons .rl-activity-button > div span {
	font-size: 2rem;
	line-height: 2rem;
	white-space: nowrap;
}

#rl-widget #rl-activity-buttons .rl-activity-button > div img {
	height: 80%;
	position: absolute;
	right: 2rem;
	left: auto;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: right .25s;
	transition: right .25s;
}

#rl-widget #rl-activity-buttons .rl-activity-button:hover > div img {
	right: 1.75rem;
}

#rl-widget #rl-activity-buttons .rl-activity-button.active {
	box-shadow: inset 0 0 35px #0040fa;
	background-color: #020b1b;
	border: 3px solid #1f3e7f;
}

#rl-widget #rl-activity-buttons .rl-activity-button.active span {
	background: #c7f7fe;
	background: -webkit-linear-gradient(left, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	background: linear-gradient(90deg, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-family: 'Intel One Medium', sans-serif;
	-webkit-transition: background-position .15s;
	transition: background-position .15s;
	background-size: 200%;
	background-position: 0%; /* ie */
}

#rl-widget #rl-app-container {
	position: relative;
	z-index: 0;
	margin-top: -7rem;
}

#rl-widget #rl-app-container > div {
	position: absolute;
}

#rl-widget #rl-app-container #rl-app {
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
	max-width: 1366px;
	max-height: 730px;
	color: #fff; /*background-color: #000;*/
	overflow: hidden;
	height: auto;
}

#rl-widget #template { /* dev & debug */
	position: absolute;
	left: 0;
	top: 0px;
	width: 100%;
	z-index: 0;
	border: 1px solid #00f;
	opacity: .66;
	display: none;
}

#rl-widget * {
	opacity: 1;
	font-family: 'Intel One Regular', sans-serif;
	color: #fff;
}

#rl-widget .hide {
	display: none !important;
}

#rl-widget .animated { /* animation settings for element fade */ /* animation-duration: 0.1s; */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

#rl-widget #preloader-percent {
	font-family: 'Intel One Regular', sans-serif;
	font-size: 10px;
	color: #ccc;
}

#rl-widget #modal-shade { /*====================================*/ /* shade */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index: 99;
	position: absolute; /* preloader disabled for dev */ /*display: none!important;*/
}

#rl-widget #modal-shade .loader {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 33%;
	-webkit-transform: translate(-50%, -33%);
	-ms-transform: translate(-50%, -33%);
	transform: translate(-50%, -33%);
	width: 15%;
}

#rl-widget #modal-shade div {
	margin-bottom: 20px;
}

#rl-widget #modal-shade .sep {
	width: 100%;
	height: 1px;
	background-color: #CCCCCC;
}

#rl-widget #rl-head {
	text-align: center;
	margin: 7% 0;
}

#rl-widget #rl-head .headline {
	font-family: 'Intel One Bold';
	font-size: 65px;
	font-weight: bold;
	margin-bottom: 15px;
}

#rl-widget #rl-head .subhead {
	font-size: 30px;
	padding: 0 5%;
}

#rl-widget .highlight .title {
	-webkit-transform: scale(1.01) !important;
	-ms-transform: scale(1.01) !important;
	transform: scale(1.01) !important;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	background: #c7f7fe;
	background: -webkit-linear-gradient(left, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	background: linear-gradient(90deg, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-family: 'Intel One Medium', sans-serif;
	-webkit-transition: background-position .15s;
	transition: background-position .15s;
	background-size: 200%;
	background-position: 0%; /* ie */
}

#rl-widget .highlight .title * {
	background: #c7f7fe;
	background: -webkit-linear-gradient(left, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	background: linear-gradient(90deg, #57e4fe 0%, #5ae9fe 10%, #4861f8 50%, #6276d8 51%, #fff217 52%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
	font-family: 'Intel One Medium', sans-serif;
	-webkit-transition: background-position .15s;
	transition: background-position .15s;
	background-size: 200%;
	background-position: 0%; /* ie */
}

#rl-widget #rl-buttons {
	width: 100%;
	position: relative;
	background-size: 100% 300%;
	background-repeat: no-repeat;
	background-image: url("../img/i9k-pdp-btn-bg.png");
	background-position: left top;
	overflow: hidden;
	height: 130px;
}

#rl-widget #rl-buttons .btn {
	display: inline-block;
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: 0;
	height: 100%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#rl-widget #rl-buttons .btn#rl-btn-0 {
	position: absolute;
	left: 0;
	width: 33.33%;
}

#rl-widget #rl-buttons .btn#rl-btn-1 {
	position: absolute;
	left: 33.33%;
	width: 33.33%;
}

#rl-widget #rl-buttons .btn#rl-btn-2 {
	position: absolute;
	left: 66.66%;
	width: 33.33%;
}

#rl-widget #rl-buttons .btn a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	text-decoration: none; /*border: 1px solid #f00;*/
}

#rl-widget #rl-buttons .btn a span {
	color: #fff;
	font-size: 30px;
	position: absolute;
	top: 47%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-shadow: none;
	width: 100%;
	padding: 0 5% 0 10%;
}

#rl-widget #rl-buttons .btn a span * {
	color: #fff;
}

#rl-widget #rl-buttons .btn a,
#rl-widget #rl-buttons .btn.active a span,
#rl-widget #rl-buttons .btn.active a span * {
	color: #44d2c5; /*text-shadow: 0 0 .3rem #44d2c5;*/
}

/* fallback to static image if not able to create webgl canvas */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix,
#rl-widget #rl-app-footer #rl-core-text .rl-core-number,
#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	background: transparent;
	color: #4581F3;
	background-size: 100%;
	-webkit-transition: none;
	transition: none;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline {
	background: transparent;
	color: #4581F3;
	background-size: 100%;
	-webkit-transition: none;
	transition: none;
}

#rl-widget #rl-activity-buttons .rl-activity-button.active span {
	background: transparent;
	color: #4581F3;
	background-size: 100%;
	-webkit-transition: none;
	transition: none;
}

#rl-widget .highlight .title {
	background: transparent;
	color: #4581F3;
	background-size: 100%;
	-webkit-transition: none;
	transition: none;
}

#rl-widget .highlight .title * {
	background: transparent;
	color: #4581F3;
	background-size: 100%;
	-webkit-transition: none;
	transition: none;
}

}

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

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline {
	font-size: 2.25rem;
	width: 40%;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-text {
	width: 60%;
	font-size: 2rem;
}

}

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

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline {
	font-size: 1.9rem;
	width: 40%;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-text {
	width: 60%;
	font-size: 1.75rem;
}

}

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

#rl-widget #rl-app-footer #rl-core-text > div {
	margin-top: 0;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix,
#rl-widget #rl-app-footer #rl-core-text .rl-core-number,
#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 5rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix {
	font-size: 1.5rem;
	line-height: 1.5rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 1.75rem;
	line-height: 1.5rem;
}

#rl-widget #rl-app-footer #rl-thread-director {
	font-size: 1.5rem;
}

#rl-widget #rl-activity-buttons {
	top: 5rem;
}

#rl-widget #rl-app-container {
	margin-top: -4rem;
}

}

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

#rl-widget #rl-headline {
	padding: 2rem 5% 1rem;
}

#rl-widget #rl-subhead {
	padding: 2rem 5% 2rem;
	font-size: 2rem;
	line-height: 2.25rem;
}

#rl-widget #rl-app-footer #rl-core-text {
	min-height: 250px;
}

#rl-widget #rl-app-footer #rl-core-text ul li {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

#rl-widget #rl-app-footer #rl-thread-director {
	-webkit-box-align: start;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: start;
	padding: 1rem 1.5rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1.25rem;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline,
#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-text {
	width: 100%;
	padding-bottom: .28rem;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline {
	font-size: 2.75rem;
}

#rl-widget #rl-activity-buttons {
	top: 2.5rem;
}

#rl-widget #rl-activity-buttons #rl-activity-text {
	font-size: 1.25rem;
	line-height: 1.5rem;
	padding: 0 0 0 1rem;
}

#rl-widget #rl-activity-buttons .rl-activity-button {
	height: 60px;
}

#rl-widget #rl-activity-buttons .rl-activity-button > div span {
	font-size: 1.5rem;
}

#rl-widget #rl-app-container {
	margin-top: -2rem;
}

}

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

#rl-widget #rl-stars {
	opacity: 1;
}

#rl-widget #rl-headline {
	padding: 2rem 13% .5rem;
	font-size: 3.25rem;
	line-height: 3.5rem;
}

#rl-widget #rl-subhead {
	padding: 1rem 13% 1rem;
	font-size: 1.75rem;
	line-height: 2rem;
}

#rl-widget #rl-app-footer {
	margin-top: -10rem;
}

#rl-widget #rl-app-footer:before {
	top: -50px;
	height: 50px;
}

#rl-widget #rl-app-footer #rl-core-text {
	margin-left: 0%;
	width: 100%;
	min-height: 225px;
	-webkit-box-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	padding-top: .5rem;
}

#rl-widget #rl-app-footer #rl-core-text ul li {
	font-size: 1.5rem;
	line-height: 1.75rem;
}

#rl-widget #rl-app-footer #rl-core-text > div {
	margin-right: 0;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix {
	font-size: 1.5rem;
	line-height: 2rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 2rem;
	line-height: 2rem;
}

#rl-widget #rl-app-footer #rl-thread-director {
	width: 90%;
	margin: 0 5% 0;
	padding: 2.25rem;
}

#rl-widget #rl-core-buttons .rl-core-button {
	background-image: url(../img/rl-core-btn-bg_tablet.png);
}

#rl-widget #rl-core-buttons .rl-core-button > img.handset {
	display: none;
}

#rl-widget #rl-core-buttons .rl-core-button > img.tablet {
	width: 100%;
	display: block;
}

#rl-widget #rl-core-buttons .rl-core-button > img.desktop {
	display: none;
}

#rl-widget #rl-core-buttons .rl-core-button.active {
	background-image: url(../img/rl-core-btn-bg_selected_tablet.png);
}

#rl-widget #rl-core-buttons .rl-core-button > div img {
	max-height: 65%;
	top: 13%;
}

#rl-widget #rl-activity-buttons {
	position: relative;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	top: 1rem;
	max-width: 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#rl-widget #rl-activity-buttons > div {
	width: 40%;
}

#rl-widget #rl-activity-buttons > div:nth-child(1) {
	width: 50%;
}

#rl-widget #rl-activity-buttons #rl-activity-text {
	font-size: 1.5rem;
	line-height: 1.75rem;
	text-align: left;
	padding: 0 0 0 2rem;
	margin-bottom: 0rem;
}

#rl-widget #rl-activity-buttons .rl-activity-button {
	height: 50px;
}

#rl-widget #rl-activity-buttons .rl-activity-button > div img {
	height: 50%;
}

#rl-widget #rl-app-container {
	margin-top: 0rem;
}

#rl-widget.no-webgl #rl-app img {
	-webkit-transform: scale(1.3) translateY(-3rem);
	-ms-transform: scale(1.3) translateY(-3rem);
	transform: scale(1.3) translateY(-3rem);
}

#rl-widget.no-webgl #rl-app img.i5,
#rl-widget.no-webgl #rl-app img.i7 {
	-webkit-transform: scale(1.3) translateX(-1.5rem) translateY(-4rem);
	-ms-transform: scale(1.3) translateX(-1.5rem) translateY(-4rem);
	transform: scale(1.3) translateX(-1.5rem) translateY(-4rem);
}

}

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

#rl-widget #rl-app-footer #rl-core-text ul li {
	font-size: 1rem;
	line-height: 1.25rem;
}

#rl-widget #rl-app-footer #rl-core-text > div > div:nth-child(2) > div:nth-child(1) {
	padding-right: .5rem;
}

#rl-widget #rl-app-footer #rl-core-text > div > div:nth-child(2) {
	margin-top: -.5rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix,
#rl-widget #rl-app-footer #rl-core-text .rl-core-number,
#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 3rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-prefix {
	font-size: 1rem;
	line-height: 1rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 1.25rem;
	line-height: 1.1rem;
}

#rl-widget #rl-activity-buttons #rl-activity-text {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

}

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

#rl-widget #rl-app-footer #rl-core-text {
	min-height: 128px;
	padding-top: .25rem;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline {
	font-size: 2.25rem;
}

}

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

#rl-widget #rl-activity-buttons .rl-activity-button > div span {
	font-size: 1.25rem;
}

}

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

#rl-widget #rl-app-footer {
	margin-top: -4rem;
}

#rl-widget #rl-app-footer:before {
	top: -25px;
	height: 25px;
}

#rl-widget #rl-app-footer #rl-thread-director {
	padding: 1rem;
}

#rl-widget.no-webgl #rl-app img {
	-webkit-transform: scale(1.5) translateY(-1.5rem);
	-ms-transform: scale(1.5) translateY(-1.5rem);
	transform: scale(1.5) translateY(-1.5rem);
}

#rl-widget.no-webgl #rl-app img.i5,
#rl-widget.no-webgl #rl-app img.i7 {
	-webkit-transform: scale(1.5) translateX(-1.5rem) translateY(-2rem);
	-ms-transform: scale(1.5) translateX(-1.5rem) translateY(-2rem);
	transform: scale(1.5) translateX(-1.5rem) translateY(-2rem);
}

}

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

#rl-widget #rl-headline {
	padding: 1.5rem 7.5% .5rem;
	font-size: 1.75rem;
	line-height: 2rem;
}

#rl-widget #rl-subhead {
	padding: .5rem 10% 0;
	font-size: 1rem;
	line-height: 1.1rem;
}

#rl-widget #rl-app-footer #rl-core-text ul li {
	font-size: .85rem;
	line-height: 1.1rem;
}

#rl-widget #rl-app-footer #rl-core-text .rl-core-text {
	font-size: 1rem;
	line-height: 1.1rem;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-headline {
	font-size: 1.25rem;
}

#rl-widget #rl-app-footer #rl-thread-director #rl-thread-director-text {
	font-size: .9rem;
	line-height: 1.1rem;
}

#rl-widget #rl-core-buttons {
	padding: 1rem 0 1rem;
}

#rl-widget #rl-core-buttons .rl-core-button {
	background-image: url(../img/rl-core-btn-bg_handset.png);
}

#rl-widget #rl-core-buttons .rl-core-button > img.handset {
	width: 100%;
	display: block;
}

#rl-widget #rl-core-buttons .rl-core-button > img.tablet {
	display: none;
}

#rl-widget #rl-core-buttons .rl-core-button > img.desktop {
	display: none;
}

#rl-widget #rl-core-buttons .rl-core-button.active {
	background-image: url(../img/rl-core-btn-bg_selected_handset.png);
}

#rl-widget #rl-activity-buttons {
	left: 1rem;
	top: 0rem;
}

#rl-widget #rl-activity-buttons #rl-activity-text {
	font-size: .85rem;
	line-height: 1rem;
	padding: 0 0 0 1rem;
}

#rl-widget #rl-activity-buttons .rl-activity-button {
	height: 30px;
	margin-bottom: .2rem;
}

#rl-widget #rl-activity-buttons .rl-activity-button > div span {
	font-size: 1rem;
}

#rl-widget #rl-app-container { /*margin-top: 1.25rem;*/
}

}

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

#rl-widget #rl-activity-buttons .rl-activity-button > div span {
	font-size: .9rem;
}

}

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

#rl-widget #rl-core-buttons .rl-core-button > div img {
	max-height: 50%;
	top: 20%;
}

}