html { font-family: "Roboto", sans-serif; }
body { min-height: 100%; background-color: #616161; overflow-x: hidden; }

.cd-nugget-info h2 { color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; padding: 30px 0 10px 0; }
.cd-nugget-info .cd-btn { display: none; }
.breadcrumbs { color: #e1e1e1; text-align: center; font-size: 13px; }

.cd-tour-wrapper { position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-width: none; max-height: none; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.cd-tour-wrapper.active { visibility: visible; opacity: 1; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s; }

.cd-single-step { z-index: 1; height: auto; width: auto; top: auto; left: auto; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); border-radius: 50%; visibility: hidden; opacity: 1; background-color: transparent; box-shadow: none; -webkit-transition: visibility 0s 0.4s; -moz-transition: visibility 0s 0.4s; transition: visibility 0s 0.4s; }
.cd-single-step > span { position: relative; z-index: 1; display: block; width: 30px; height: 30px; border-radius: inherit; background: #ff962c; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; overflow: hidden; text-indent: 100%; white-space: nowrap; opacity: 0.7; }
.cd-single-step::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; }
.active .cd-single-step,
.active .cd-single-step.move-left { -webkit-transition: visibility 0s 0.4s; -moz-transition: visibility 0s 0.4s; transition: visibility 0s 0.4s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.active .cd-single-step.is-selected { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; transition: transform 0.4s 0s; }
.cd-single-step.is-selected { visibility: visible; -webkit-transition: visibility 0s 0s; -moz-transition: visibility 0s 0s; transition: visibility 0s 0s; }
.cd-single-step.is-selected > span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.cd-single-step.is-selected::after { -webkit-animation: cd-pulse 2s infinite; -moz-animation: cd-pulse 2s infinite; animation: cd-pulse 2s infinite; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.cd-single-step.is-selected .cd-more-info { opacity: 1; }

@-webkit-keyframes cd-pulse {
  0% { box-shadow: 0 0 0 0 #ff962c; }
  100% { box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); }
}
@-moz-keyframes cd-pulse {
  0% { box-shadow: 0 0 0 0 #ff962c; }
  100% { box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); }
}
@keyframes cd-pulse {
  0% { box-shadow: 0 0 0 0 #ff962c; }
  100% { box-shadow: 0 0 0 20px rgba(255, 150, 44, 0); }
}
.cd-more-info { position: absolute; width: 400px; z-index: 1; padding: 30px; font-size: 13px; color: #ffffff; opacity: 0; background: rgba(0,0,0,0.6); border-radius: 4px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); transition: 0.4s; }
.cd-more-info::after { clear: both; content: ""; display: table; }
.cd-more-info::before { content: ''; position: absolute; height: 0; width: 0; border: 6px solid transparent; display: none; }
.cd-more-info h3 { font-size: 14px; font-weight: bold; margin-bottom: 15px; margin-top: 0; }
.cd-more-info .card-desc { line-height: 22px; }
.cd-more-info .card-msg { color: #eeff41; font-size: 12px; line-height: 18px; }
.cd-more-info .cd-nav { margin-top: 30px;}
.cd-more-info.left { right: calc(100% + 30px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-more-info.right { left: calc(100% + 30px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-more-info.left,
.cd-single-step .cd-more-info.right { top: 50%; }
.cd-more-info.top { bottom: calc(100% + 15px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.cd-more-info.bottom { top: calc(100% + 15px); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.cd-more-info.top,
.cd-more-info.bottom { left: 50%; }
.cd-more-info.left::before,
.cd-more-info.right::before { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.cd-more-info.top::before,
.cd-more-info.bottom::before { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.cd-more-info.left::before { border-left-color: inherit; left: 100%; }
.cd-more-info.right::before { border-right-color: inherit; right: 100%; }
.cd-more-info.top::before { border-top-color: inherit; top: 100%; }
.cd-single-step .cd-more-info.bottom::before { border-bottom-color: inherit; bottom: 100%; }
.is-selected .cd-single-step .cd-more-info { opacity: 1; }
.cd-more-info .cd-close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.cd-more-info .cd-close::after,
.cd-more-info .cd-close:before { content: '';position: absolute; left: 50%; top: 50%; height: 2px; width: 16px; border-radius: 4em; background-color: #cbccc8; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.cd-more-info .cd-close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); }
.cd-more-info .cd-close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); }

.cd-tour-nav { float: right; }
.cd-tour-nav::after { clear: both; content: ""; display: table; }
.cd-tour-nav li { display: inline-block; float: left; }
.cd-tour-nav li:first-of-type { margin-right: 1.5em; }
.cd-tour-nav a { font-size: 13px; color: #e1e1e1; font-weight: bold; text-decoration: none; }
.cd-tour-nav a.inactive { color: #a1a1a1; cursor: not-allowed; }

.cd-cover-layer { position: fixed; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; }
.cd-cover-layer.is-visible { opacity: 0; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; }

@-webkit-keyframes cd-fade-in {
  0%, 100% { opacity: 0; }
  14%, 40% { opacity: 1; }
}
@-moz-keyframes cd-fade-in {
  0%, 100% { opacity: 0; }
  14%, 40% { opacity: 1; }
}
@keyframes cd-fade-in {
  0%, 100% { opacity: 0; }
  14%, 40% { opacity: 1; }
}

.cd-app-screen { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 90%; min-width: 992px; height: 80%; border-radius: 4px; box-shadow: 0 10px 60px #08151d; overflow-x: hidden; }