.img-thumbnail {
	padding: 4px;
	line-height: 1.42857;
	background-color: white;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	max-width: 100%;
	height: auto
}
.img-circle {
	border-radius: 50%
}
hr {
	margin: 0;
	padding:0;
	border: 0;
	border-top: 1px solid #CCCCCC;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
	min-width: 0
}
legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	line-height: inherit;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}


output {
	display: block;
	padding-top: 7px;
	line-height: 1.42857;
	color: #555555
}

@media (max-width: 767px) {
.visible-xs {
	display: block !important
}
table.visible-xs {
	display: table
}
tr.visible-xs {
	display: table-row !important
}
th.visible-xs, td.visible-xs {
	display: table-cell !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
	display: block !important
}
table.visible-sm {
	display: table
}
tr.visible-sm {
	display: table-row !important
}
th.visible-sm, td.visible-sm {
	display: table-cell !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
	display: block !important
}
table.visible-md {
	display: table
}
tr.visible-md {
	display: table-row !important
}
th.visible-md, td.visible-md {
	display: table-cell !important
}
}
@media (min-width: 1200px) {
.visible-lg {
	display: block !important
}
table.visible-lg {
	display: table
}
tr.visible-lg {
	display: table-row !important
}
th.visible-lg, td.visible-lg {
	display: table-cell !important
}
}
@media (max-width: 767px) {
.hidden-xs {
	display: none !important
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
	display: none !important
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
	display: none !important
}
}
@media (min-width: 1200px) {
.hidden-lg {
	display: none !important
}
}
.visible-print {
	display: none !important
}
@media print {
.visible-print {
	display: block !important
}
table.visible-print {
	display: table
}
tr.visible-print {
	display: table-row !important
}
th.visible-print, td.visible-print {
	display: table-cell !important
}
}

div.scrollingHotSpotLeft {
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0
}
div.scrollingHotSpotRight {
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0
}
div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}
div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%
}/*! jQuery UI - v1.11.1 - 2014-08-13
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}
.ui-slider {
	position: relative;
	text-align: left
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .5em;
	display: block;
	border: 0;
	background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}
.ui-slider-horizontal {
	height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}
.ui-slider-vertical {
	width: .8em;
	height: 100px
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}
.ui-widget {
	font-family:'Futura W01 Light';
	font-size: 1.1em
}
.ui-widget .ui-widget {
	font-size: 1em
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	color: #222222
}
.ui-widget-content a {
	color: #222222
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	color: #222222;
	font-weight: bold
}
.ui-widget-header a {
	color: #222222
}
@-webkit-keyframes spin {
100% {
-webkit-transform:rotate(360deg)
}
}
@-moz-keyframes spin {
100% {
-moz-transform:rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes sonarDot {
0% {
opacity:1.0
}
20% {
opacity:0;
box-shadow:0 0 2px 1px pink;
-webkit-transform:scale(3, 3);
-ms-transform:scale(3, 3);
transform:scale(3, 3)
}
100% {
opacity:0
}
}
@-moz-keyframes sonarDot {
0% {
opacity:1.0
}
20% {
opacity:0;
box-shadow:0 0 2px 1px pink;
-webkit-transform:scale(3, 3);
-ms-transform:scale(3, 3);
transform:scale(3, 3)
}
100% {
opacity:0
}
}
@keyframes sonarDot {
0% {
opacity:1.0
}
20% {
opacity:0;
box-shadow:0 0 2px 1px pink;
-webkit-transform:scale(3, 3);
-ms-transform:scale(3, 3);
transform:scale(3, 3)
}
100% {
opacity:0
}
}
@-webkit-keyframes flip {
0% {
-webkit-transform:rotateY(90deg);
-ms-transform:rotateY(90deg);
transform:rotateY(90deg)
}
50% {
-webkit-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
transform:rotateY(0deg)
}
75% {
-webkit-transform:rotateY(90deg);
-ms-transform:rotateY(90deg);
transform:rotateY(90deg)
}
}
@keyframes flip {
0% {
-webkit-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
transform:rotateY(0deg)
}
75% {
-webkit-transform:rotateY(90deg);
-ms-transform:rotateY(90deg);
transform:rotateY(90deg)
}
}
@-webkit-keyframes coin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes coin {
0% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@-webkit-keyframes pulse {
0% {
background-color:#ffd904
}
11% {
background-color:#9cd600
}
22% {
background-color:#00d6ba
}
33% {
background-color:#00aae9
}
44% {
background-color:#0567cc
}
55% {
background-color:#5d1066
}
66% {
background-color:#b71648
}
77% {
background-color:#912541
}
88% {
background-color:#ff604c
}
100% {
background-color:#ffd904
}
}
@keyframes pulse {
0% {
background-color:#ffd904
}
11% {
background-color:#9cd600
}
22% {
background-color:#00d6ba
}
33% {
background-color:#00aae9
}
44% {
background-color:#0567cc
}
55% {
background-color:#5d1066
}
66% {
background-color:#b71648
}
77% {
background-color:#912541
}
88% {
background-color:#ff604c
}
100% {
background-color:#ffd904
}
}
@-webkit-keyframes lava-lamp-position {
0% {
top:-50%;
left:-10%
}
25% {
top:0%;
left:-40%
}
40% {
top:-20%;
left:-50%
}
50% {
top:-45%;
left:-35%
}
75% {
top:-5%;
left:-15%
}
85% {
top:-15%;
left:0%
}
100% {
top:-50%;
left:-10%
}
}
@keyframes lava-lamp-position {
0% {
top:-50%;
left:-10%
}
25% {
top:0%;
left:-40%
}
40% {
top:-20%;
left:-50%
}
50% {
top:-45%;
left:-35%
}
75% {
top:-5%;
left:-15%
}
85% {
top:-15%;
left:0%
}
100% {
top:-50%;
left:-10%
}
}
a:focus {
	outline: 0
}
body {
	position: relative;
	z-index: 0
}
.hero {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -3
}
.hero h1, .hero h2 {
	text-align: center;
	letter-spacing: -0.05em
}
.hero h1 {
	font-size: 60px
}
@media (min-width: 992px) {
.hero h1 {
	font-size: 130px
}
}
.hero h2 {
	font-size: 19px
}
@media (min-width: 768px) {
.hero h2 {
	font-size: 20px
}
}
@media (min-width: 992px) {
.hero h2 {
	font-size: 24px
}
}
.hero .inner {
	height: 100%
}
.hero header {
	z-index: 5;
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.hero #hero-mask, .hero .hero-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.7);
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.hero #title-fade {
	opacity: 1
}
.main {
	position: relative;
	z-index: 80;
	overflow: hidden;
	background-color: white
}
.footer {
	position: relative;
	z-index: 88;
	background-color: white
}
.footer .footer-inner {
	display: block;
	position: relative;
	width: 100%
}
body .full-screen-overlay {
	position: fixed;
	overflow: hidden;
	overflow-y: auto;
	top: 0;
	left: 0;
	right: 0;
	visibility: hidden;
	z-index: 9000;
	opacity: 0;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all 250ms;
	transition: all 250ms;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	backface-visibility: visible;
	-webkit-backface-visibility: visible
}
body .full-screen-overlay#contact-overlay {
	background: #1f1f1f
}
body .full-screen-overlay .close-overlay {
	position: absolute;
	z-index: 10;
	top: 77px;
	right: 17px;
	font-size: 26px;
	color: #cccccc
}
@media (min-width: 768px) {
body .full-screen-overlay .close-overlay {
	right: 50px
}
}
body[data-overlay-open="true"][data-overlay-id="#letter-overlay"] {
	overflow: hidden
}
body[data-overlay-open="true"][data-overlay-id="#letter-overlay"] #letter-overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 250ms;
	transition: all 250ms
}
.alt-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.2)
}
.row-centered {
	text-align: center
}
.col-centered {
	display: inline-block;
	float: none;
	margin-right: -4px
}
@media (min-width: 1360px) {
.col-xl-10 {
	width: 83.333333% !important
}
}
.css-slider.fade-slider .slide {
	top: 0 !important;
	left: 0 !important;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s linear, visibility 0.5s linear !important;
	transition: opacity 0.5s linear, visibility 0.5s linear !important;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.css-slider.fade-slider .slide.active {
	z-index: 100;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s linear, visibility 0s linear !important;
	transition: opacity 0.5s linear, visibility 0s linear !important;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.row-centered {
	text-align: center
}
.col-centered {
	display: inline-block;
	float: none;
	margin-right: -4px
}
@media (min-width: 1360px) {
.col-xl-10 {
	width: 83.333333% !important
}
}



.cta {
	display: inline-block;
	color: #666;
	padding: 0 3em;
	height: 38px;
	cursor: pointer;
	line-height: 38px;
	border-radius: 100px;
	background-color: white;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: background-color 0.25s ease-in-out;
	transition: background-color 0.25s ease-in-out
}
@media (max-width: 480px) {
.cta {
	padding: 0 10px;
	height: 32px;
	line-height: 32px
}
}
.cta:hover {
	text-decoration: none
}
.cta.blue {
	color: #fff;
	background-color: #29aecc
}
.cta.blue:hover {
	background-color: #2fb7d5
}
.cta.blue:active {
	background-color: #26a3bf
}
.cta.salmon {
	color: #fff;
	background-color: #fa492b
}
.cta.salmon:hover {
	background-color: #fa563a
}
.cta.salmon:active {
	background-color: #fa3c1c
}
.cta.hollow {
	color: white;
	border: solid 1px rgba(255,255,255,0.5);
	background-color: transparent;
	-webkit-transition: background-color 0s, border-color 0.5s;
	transition: background-color 0s, border-color 0.5s
}
.cta.hollow:hover {
	background-color: white;
	border-color: white;
	color: #1f1f1f
}
.cta.white {
	background-color: white;
	border: solid 1px rgba(255,255,255,0.5);
	color: #1f1f1f;
	outline: none
}
.cta.white:hover {
	background-color: #f2f2f2;
	-webkit-transition: background-color 0s;
	transition: background-color 0s
}
ul.level-1-nav {
	position: relative;
	text-align: center;
	padding-top: 60px;
	margin: 0 auto 40px;
	font-size: 0
}
ul.level-1-nav li {
	display: inline-block;
	margin: 0 15px 5px;
	vertical-align: top
}
ul.level-1-nav a {
	position: relative;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	width: 100px;
	font-weight: 300;
	font-size: 14px;
	font-family:'Futura W01 Light';
}
.nav-bar {
	position: fixed;
	z-index: 5000;
	width: 100%;
	height: 136px;
	top: -78px;
	left: 0;
	padding: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.nav-bar .nav-bar-inner {
	width: 100%;
	height: 78px;
	padding: 20px 20px;
	position: relative;
	top: 68px;
	-webkit-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out
}
@media (min-width: 768px) {
.nav-bar .nav-bar-inner {
	padding: 20px 50px
}
}
.nav-bar .menu-text {
	opacity: 0;
	color: #26C6DA;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 84px;
	z-index: 99999999;
	top: 30px
}
.nav-bar .menu-text:hover {
	text-decoration: none
}
@media (min-width: 768px) {
.nav-bar .menu-text {
	opacity: 1
}
}
.nav-bar .menu-wrap {
	top: 74px
}
@media (min-width: 768px) {
.nav-bar .menu-wrap {
	top: 68px
}
}
.nav-bar .identity a {
	display: inline-block;
	position: relative;
	z-index: 9
}
.nav-bar .identity svg {
	width: 180px;
	height: 25px
}
.nav-bar .identity .dt-brandmark {
	fill: #26C6DA
}
.nav-bar .identity .dt-logo {
	fill: #26C6DA
}
.nav-bar .hamburger {
	right: 20px;
	top: 18px;
	width: 30px;
	height: 26px;
	z-index: 9999;
	position: absolute
}
@media (min-width: 768px) {
.nav-bar .hamburger {
	right: 45px;
	top: 25px
}
}
.nav-bar.alternate {
	position: fixed
}
.nav-bar.alternate .identity .dt-brandmark {
	fill: white
}
.nav-bar.alternate .identity .dt-logo {
	fill: white
}
.nav-bar.alternate .nav-bar-inner {
	background: rgba(51,51,51,0.9);
	top: 0;
	-webkit-transition: top 0.25s ease-in-out;
	transition: top 0.25s ease-in-out;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.nav-bar.alternate .menu-wrap {
	position: fixed;
	top: -14px;
	-webkit-transition: top 0.25s ease-in-out;
	transition: top 0.25s ease-in-out
}
.nav-bar.alternate.no-bg .nav-bar-inner {
	opacity: 0;
	-webkit-transition: top 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0s linear 0.15s;
	transition: top 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0s linear 0.15s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.nav-bar.alternate.open .menu-wrap, .nav-bar.alternate:hover .menu-wrap {
	top: 74px
}
@media (min-width: 768px) {
.nav-bar.alternate.open .menu-wrap, .nav-bar.alternate:hover .menu-wrap {
	top: 68px
}
}
.nav-bar.alternate.open .nav-bar-inner, .nav-bar.alternate:hover .nav-bar-inner {
	top: 68px;
	-webkit-transition: top 0.25s ease-in-out;
	transition: top 0.25s ease-in-out
}
.nav-open .menu-wrap {
	top: 74px !important;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	position: fixed !important
}
@media (min-width: 768px) {
.nav-open .menu-wrap {
	top: 68px !important
}
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.hamburger:before, .hamburger:after {
	content: " ";
	display: table
}
.hamburger:after {
	clear: both
}
.menu-wrap {
	position: fixed;
	display: block;
	right: 0
}
.hamburger {
	cursor: pointer;
	width: 30px;
	height: 30px;
	padding: 3px;
	z-index: 9999
}
.hamburger>div {
	background: #26C6DA;
	height: 4px;
	margin-bottom: 4px;
	float: left;
	width: 100%
}
.hamburger>div:nth-child(1), .hamburger>div:nth-child(3) {
	float: right
}
.hamburger.active {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	-webkit-transform: scale(1, 1) rotateZ(180deg) translate(0, 4px);
	-moz-transform: scale(1, 1) rotateZ(180deg) translate(0, 4px);
	-ms-transform: scale(1, 1) rotateZ(180deg) translate(0, 4px);
	-o-transform: scale(1, 1) rotateZ(180deg) translate(0, 4px);
	transform: scale(1, 1) rotateZ(180deg) translate(0, 4px)
}
.hamburger.active>div {
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}
.hamburger.active>div:nth-child(1), .hamburger.active>div:nth-child(3) {
	width: 70%
}
.hamburger.active>div:nth-child(2) {
	width: 90%
}
.hamburger.active>div:nth-child(1) {
	-webkit-transform: scale(1, 1) rotateZ(-45deg) translate(-10px, -5px);
	-moz-transform: scale(1, 1) rotateZ(-45deg) translate(-10px, -5px);
	-ms-transform: scale(1, 1) rotateZ(-45deg) translate(-10px, -5px);
	-o-transform: scale(1, 1) rotateZ(-45deg) translate(-10px, -5px);
	transform: scale(1, 1) rotateZ(-45deg) translate(-10px, -5px)
}
.hamburger.active>div:nth-child(3) {
	-webkit-transform: scale(1, 1) rotateZ(45deg) translate(-10px, 5px);
	-moz-transform: scale(1, 1) rotateZ(45deg) translate(-10px, 5px);
	-ms-transform: scale(1, 1) rotateZ(45deg) translate(-10px, 5px);
	-o-transform: scale(1, 1) rotateZ(45deg) translate(-10px, 5px);
	transform: scale(1, 1) rotateZ(45deg) translate(-10px, 5px)
}
.hamburger.active.active-end {
	-webkit-transform: scale(1, 1) rotateZ(360deg) translate(0px, 0px);
	-moz-transform: scale(1, 1) rotateZ(360deg) translate(0px, 0px);
	-ms-transform: scale(1, 1) rotateZ(360deg) translate(0px, 0px);
	-o-transform: scale(1, 1) rotateZ(360deg) translate(0px, 0px);
	transform: scale(1, 1) rotateZ(360deg) translate(0px, 0px)
}
.hamburger.active.active-end>div {
	width: 100%
}
.hamburger.active.active-end>div:nth-child(1) {
	-webkit-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
	-moz-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
	-ms-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
	-o-transform: scale(1, 1) rotateZ(0deg) translate(0, 0);
	transform: scale(1, 1) rotateZ(0deg) translate(0, 0)
}
.hamburger.active.active-end>div:nth-child(3) {
	-webkit-transform: scale(1, 1) rotateZ(0deg) translate(0px, 0);
	-moz-transform: scale(1, 1) rotateZ(0deg) translate(0px, 0);
	-ms-transform: scale(1, 1) rotateZ(0deg) translate(0px, 0);
	-o-transform: scale(1, 1) rotateZ(0deg) translate(0px, 0);
	transform: scale(1, 1) rotateZ(0deg) translate(0px, 0)
}
.nav-overlay .nav-bar-inner .identity .dt-brandmark {
	fill: white
}
.nav-overlay .nav-bar-inner .identity .dt-logo {
	fill: white
}
.nav-overlay.full-screen-overlay {
	z-index: 90
}
.nav-overlay#nav-overlay {
	background: rgba(51,51,51,0.9);
	width: 100%;
	right: -100%;
	left: auto;
	opacity: 1;
	-webkit-transition: all 350ms;
	transition: all 350ms;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
@media (min-width: 768px) {
.nav-overlay#nav-overlay {
	width: 335px;
	right: -335px
}
}
@media (min-width: 992px) {
.nav-overlay#nav-overlay {
	width: 335px;
	right: -335px
}
}
@media (min-width: 1200px) {
.nav-overlay#nav-overlay {
	width: 335px;
	right: -335px
}
}
.nav-overlay#nav-overlay.show {
	visibility: visible !important;
	right: 0;
	-webkit-transition: all 350ms;
	transition: all 350ms
}
.nav-overlay h3 {
	color: white;
	font-size: 24px;
	margin-top: 100px;
	padding: 0 20px;
	text-align: center
}
.nav-overlay .level-1-nav {
	margin: 40px auto;
	padding: 20px 40px 0 0;
	text-align: left;
	width: 100%
}
.nav-overlay .level-1-nav li {
	margin: 0;
	position: relative;
	width: 100%;
	padding-bottom: 14px;
	opacity: 0;
	right: -30%;
	-webkit-transform: translateX(1000px);
	-moz-transform: translateX(1000px);
	-ms-transform: translateX(1000px);
	-o-transform: translateX(1000px);
	transform: translateX(1000px);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	-moz-transition: -moz-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	-o-transition: -o-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms
}
@media (min-width: 480px) {
.nav-overlay .level-1-nav li {
	padding-bottom: 10px
}
}
.nav-overlay .level-1-nav li a {
	position: inherit;
	color: white;
	text-align: right;
	font-size: 25px;
	font-weight: 400;
	width: 100%;
	margin-top: 0;
	font-family:'Futura W01 Light';
	text-transform: none;
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in
}
@media (min-width: 768px) {
.nav-overlay .level-1-nav li a {
	font-size: 32px
}
}
.nav-overlay .level-1-nav li a:before {
	display: none
}
.nav-overlay .level-1-nav li a:hover {
	color: #D9E1FF;
	-webkit-transition: all 300ms ease-out;
	transition: all 300ms ease-out
}
.nav-overlay .social {
	display: none;
	position: absolute;
	bottom: 30px;
	opacity: 0;
	right: -30%;
	padding-left: 0;
	-webkit-transform: translateX(1000px);
	-moz-transform: translateX(1000px);
	-ms-transform: translateX(1000px);
	-o-transform: translateX(1000px);
	transform: translateX(1000px);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	-moz-transition: -moz-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	-o-transition: -o-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms
}
@media (min-width: 480px) {
.nav-overlay .social {
	display: block
}
}
.nav-overlay .social li {
	display: inline;
	list-style-type: none
}
.nav-overlay .social li a {
	font-size: 2em;
	color: #fff
}
.nav-overlay .social li a:hover {
	text-decoration: none;
	opacity: 0.8
}
@media (max-height: 620px) {
.nav-overlay .social {
	display: none
}
}
#audio-controls {
	display: none;
	position: absolute;
	bottom: 105px;
	opacity: 0;
	right: -30%;
	-webkit-transform: translateX(1000px);
	-moz-transform: translateX(1000px);
	-ms-transform: translateX(1000px);
	-o-transform: translateX(1000px);
	transform: translateX(1000px);
	-webkit-transition: -webkit-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	-moz-transition: -moz-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	-o-transition: -o-transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms;
	transition: transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 300ms ease-in 300ms
}
@media (min-width: 480px) {
#audio-controls {
	display: block
}
}
#audio-controls .audio-buttons {
	margin: 0;
	padding: 0;
	list-style-type: none
}
#audio-controls .audio-buttons a {
	padding: 0 15px 0 10px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase
}
#audio-controls .audio-buttons a:hover {
	text-decoration: none;
	opacity: 0.8
}
#audio-controls .audio-buttons a i {
	
}
#audio-controls .audio-play {
	display: inline-block
}
#audio-controls .audio-pause {
	display: none
}
#audio-controls.playing .audio-play {
	display: none
}
#audio-controls.playing .audio-pause {
	display: inline-block
}
@media (max-height: 620px) {
#audio-controls {
	display: none
}
}
.nav-open .level-1-nav li {
	opacity: 1;
	right: 0;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px)
}
.nav-open .level-1-nav li:nth-child(1) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}
.nav-open .level-1-nav li:nth-child(2) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}
.nav-open .level-1-nav li:nth-child(3) {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}
.nav-open .level-1-nav li:nth-child(4) {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}
.nav-open .level-1-nav li:nth-child(5) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s
}
.nav-open .level-1-nav li:nth-child(6) {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s
}

.nav-open .level-1-nav li:nth-child(7) {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s
}
.nav-open #audio-controls {
	opacity: 1;
	right: 40px;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}
.nav-open .social {
	opacity: 1;
	right: 40px;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}
body[data-logo-color="dark"] .identity .dt-brandmark {
	fill: #1f1f1f;
	-webkit-transition: all 200ms;
	transition: all 200ms
}
body[data-logo-color="dark"] .identity .dt-logo {
	fill: #1f1f1f;
	-webkit-transition: all 200ms;
	transition: all 200ms
}
body[data-logo-color="dark"].nav-open .nav-bar.alternate .identity .dt-brandmark {
	fill: transparent
}
body[data-logo-color="dark"].nav-open .nav-bar.alternate .identity .dt-logo {
	fill: transparent
}
body[data-nav-color="dark"] .nav-bar-inner .menu-text {
	color: #1f1f1f
}
body[data-nav-color="dark"] .nav-bar.alternate .nav-bar-inner .menu-text {
	color: #fff
}
body[data-nav-color="dark"] .hamburger>div {
	background: #1f1f1f
}
body[data-nav-color="dark"] .alternate.open .hamburger>div {
	background: white
}
@media (max-width: 992px) {
body[data-page="contact"] .nav-bar-inner .menu-text {
	color: white !important
}
body[data-page="contact"] .hamburger>div {
	background: white !important
}
}
body[data-homepage-number="3"][data-nav-color="light"][data-dtway="0"] .nav-bar-inner .menu-text {
	color: #1f1f1f
}
body[data-homepage-number="3"][data-nav-color="light"][data-dtway="0"] .hamburger>div {
	background: #1f1f1f
}
body[data-homepage-number="3"][data-nav-color="light"][data-dtway="0"] .identity .dt-brandmark {
	fill: #1f1f1f;
	-webkit-transition: all 200ms;
	transition: all 200ms
}
body[data-homepage-number="3"][data-nav-color="light"][data-dtway="0"] .identity .dt-logo {
	fill: #1f1f1f;
	-webkit-transition: all 200ms;
	transition: all 200ms
}
.footer .container-fluid {
	text-align: center
}
.footer ul.level-1-nav {
	position: relative;
	text-align: center;
	width: 100%;
	padding-top: 70px;
	margin-bottom: 20px;
	padding-left: 0
}
@media (min-width: 992px) {
.footer ul.level-1-nav {
	text-align: left
}
}
.footer ul.level-1-nav li {
	margin: 0 20px 15px
}
.footer ul.level-1-nav li:first-child {
	margin-left: 0
}
.footer ul.level-1-nav a {
	color: #7e7e7e;
	text-align: right;
	font-size: 22px;
	font-weight: 400;
	width: 100%;
	margin-top: 10px;
	font-family:'Futura W01 Light';
	text-transform: none
}
@media (min-width: 992px) {
.footer ul.level-1-nav a {
	font-size: 22px
}
}
@media (min-width: 1200px) {
.footer ul.level-1-nav a {
	
}
}
.footer ul.level-1-nav a:before {
	display: none
}
.footer ul.level-1-nav a:hover {
	color: #1f1f1f;
	-webkit-transition: all 250ms;
	transition: all 250ms
}
.footer .social {
	margin: 0 auto;
	padding-left: 0;
	width: 218px
}
@media (min-width: 768px) {
.footer .social {
	float: right;
	width: auto
}
}
@media (min-width: 992px) {
.footer .social {
	margin-top: 67px
}
}
@media (min-width: 1200px) {
.footer .social {
	margin-top: 73px
}
}
.footer .social li {
	display: inline-block;
	list-style-type: none;
	padding: 15px 0
}
@media (min-width: 768px) {
.footer .social li {
	padding: 0
}
}
.footer .social li a {
	font-size: 2em;
	color: #d5d5d5
}
.footer .social li a:hover {
	text-decoration: none;
	color: #1f1f1f;
	-webkit-transition: all 250ms;
	transition: all 250ms
}
@media (max-width: 1200px) {
.footer .social li a:before {
	margin: 0 2px
}
}
.footer .identity {
	display: inline-block;
	position: relative;
	margin: 30px 0
}
.footer .identity svg {
	width: 180px;
	height: 25px
}
.footer .identity .dt-brandmark {
	fill: #7e7e7e
}
.footer .identity .dt-logo {
	fill: #7e7e7e
}
.footer .copyright {
	font-size: 14px;
	color: #7e7e7e;
	text-align: center;
	margin-top: 0
}
@media (min-width: 992px) {
.footer .copyright {
	text-align: left
}
}
.footer .copyright a {
	color: #7e7e7e
}
body[data-page="agency"] .footer, body[data-page="careers"] .footer, body[data-page="career-template"] .footer, body[data-page="privacy-policy"] .footer, body[data-page="ux-designer"] .footer {
	border-top: 1px solid #cdcdcd
}
.testimonials {
	text-align: center;
	padding: 60px 0
}
@media (min-width: 992px) {
.testimonials {
	padding: 80px 0
}
}
.testimonials-slider {
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 30px
}
@media (min-width: 992px) {
.testimonials-slider {
	margin-bottom: 60px
}
}
.testimonials-slider .slide {
	position: relative
}
.testimonials-slider .slide-tallest-inner {
	display: table;
	height: 100%
}
.testimonials-slider .slide-inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px
}
.testimonials-slider blockquote {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: none
}
.testimonials-slider blockquote p {
	font-family:'Futura W01 Light';;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 300
}
@media (min-width: 992px) {
.testimonials-slider blockquote p {
	font-size: 36px
}
}
@media (min-width: 1200px) {
.testimonials-slider blockquote p {
	font-size: 41px
}
}
.testimonials-slider p.small {
	color: #000
}
@media (min-width: 992px) {
.testimonials-slider p.small {
	display: none
}
}
.testimonials-navigation {
	font-size: 0
}
.testimonials-navigation a {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	overflow: hidden;
	text-indent: 100%;
	text-decoration: none;
	width: 8px;
	height: 8px;
	line-height: 8px;
	border-radius: 50%;
	background: #1f1f1f;
	color: #1f1f1f;
	margin: 0 4px 0;
	padding: 0;
	font-family:'Futura W01 Light';
}
@media (min-width: 992px) {
.testimonials-navigation a {
	overflow: visible;
	text-indent: 0;
	margin: 0 10px;
	width: 150px;
	height: auto;
	line-height: 1.5em;
	background: none;
	border-radius: 0
}
}
@media (min-width: 1200px) {
.testimonials-navigation a {
	width: 200px
}
}
.testimonials-navigation a.active {
	width: 11.2px;
	height: 11.2px;
	background: transparent;
	border: solid 2px #1f1f1f;
	position: relative;
	top: -2px
}
@media (min-width: 992px) {
.testimonials-navigation a.active {
	width: 150px;
	height: auto;
	border: none;
	top: auto
}
}
@media (min-width: 1200px) {
.testimonials-navigation a.active {
	width: 200px
}
}
.testimonials-navigation a.active img {
	-webkit-box-shadow: 0 0 0 3px #29aecc;
	box-shadow: 0 0 0 3px #29aecc;
	-webkit-transform: scale(1.125, 1.125);
	-moz-transform: scale(1.125, 1.125);
	-ms-transform: scale(1.125, 1.125);
	-o-transform: scale(1.125, 1.125);
	transform: scale(1.125, 1.125)
}
.testimonials-navigation a img {
	display: none;
	margin: 0 auto 10px;
	max-width: 100%;
	border-radius: 50%;
	overflow: hidden;
	-webkit-box-shadow: 0 0 0 0px #29aecc;
	box-shadow: 0 0 0 0px #29aecc;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: -webkit-transform 0.1s linear, box-shadow 0.1s ease-in;
	-moz-transition: -moz-transform 0.1s linear, box-shadow 0.1s ease-in;
	transition: transform 0.1s linear, box-shadow 0.1s ease-in
}
@media (min-width: 992px) {
.testimonials-navigation a img {
	display: block
}
}
.testimonials-navigation a span {
	display: none;
	font-style: italic
}
@media (min-width: 992px) {
.testimonials-navigation a span {
	display: block
}
}
.testimonials-navigation a strong {
	display: none;
	font-weight: 800;
	margin-bottom: 5px;
	text-transform: uppercase
}
@media (min-width: 992px) {
.testimonials-navigation a strong {
	display: block
}
}
.apply-now {
	padding: 30px 15px 40px;
	text-align: center;
	background: white
}
@media (min-width: 768px) {
.apply-now {
	padding: 100px 15px
}
}
.apply-now i {
	border-bottom: 0
}
.apply-now textarea {
	resize: none
}
.apply-now h3 {
	position: relative;
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	font-weight: 900;
	margin-bottom: 15px
}
@media (min-width: 480px) {
.apply-now h3 {
	font-size: 42px
}
}
.apply-now i {
	font-size: 40px
}
@media (min-width: 480px) {
.apply-now i {
	font-size: 50px
}
}
@media (min-width: 992px) {
.apply-now i {
	font-size: 66px
}
}
.apply-now i:before {
	margin-bottom: 30px
}
@media (min-width: 480px) {
.apply-now i:before {
	margin-bottom: 80px
}
}
.apply-now .job-info {
	text-align: left
}
.apply-now .job-info h4 {
	margin-bottom: 15px
}
@media (max-width: 768px) {
.apply-now .job-info h4 {
	font-size: 17px;
	line-height: 24px
}
}
.apply-now .job-info ul {
	padding-right: 40px;
	padding-bottom: 20px
}
@media (max-width: 768px) {
.apply-now .job-info ul {
	padding-left: 30px
}
}
.apply-now .job-info li {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 400;
	margin-bottom: 15px
}
@media (max-width: 768px) {
.apply-now .job-info li {
	font-size: 17px
}
}
.apply-now .apply-form-wrap {
	text-align: left;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	float: left;
	width: 100%;
	-webkit-perspective: 0;
	-moz-perspective: 0;
	-ms-perspective: 0;
	-o-perspective: 0;
	perspective: 0;
	-webkit-transition: -webkit-transform 0.45s ease-in-out;
	-moz-transition: -moz-transform 0.45s ease-in-out;
	-o-transition: -o-transform 0.45s ease-in-out;
	transition: transform 0.45s ease-in-out
}
@media (max-width: 480px) {
.apply-now .apply-form-wrap {
	float: left
}
}
.apply-now .apply-form-wrap .form-side {
	width: 100%;
	display: block;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}
@media (max-width: 480px) {
.apply-now .apply-form-wrap .form-side {
	float: left
}
}
.apply-now .apply-form-wrap .form-side .form-border {
	border: 1px solid #1f1f1f;
	padding: 25px 20px;
	z-index: 1;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}
@media (min-width: 768px) {
.apply-now .apply-form-wrap .form-side .form-border {
	padding: 30px 40px
}
}
.apply-now .apply-form-wrap .thank-you-side {
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid #1f1f1f;
	z-index: 99999;
	display: block;
	background-color: #f7f7f7;
	top: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}
@media (max-width: 480px) {
.apply-now .apply-form-wrap .thank-you-side {
	float: left;
	background: #f7f7f7 url(../img/careers/ty_msg-5cfe7b10.gif) center no-repeat;
	background-size: 75%
}
}
.apply-now .apply-form-wrap .thank-you-side p {
	text-align: center;
	max-width: 300px;
	margin: 0 auto;
	z-index: 99999;
	position: relative;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.apply-now .apply-form-wrap .thank-you-side p strong {
	display: block;
	margin-bottom: 5px
}
@media (max-width: 480px) {
.apply-now .apply-form-wrap .thank-you-side p {
	display: none
}
}
.apply-now .apply-form-wrap[data-status="processing"] #submitbutton:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: transparent
}
.apply-now .apply-form-wrap[data-status="processing"] #submitbutton button {
	background-color: #e6e6e6
}
.apply-now .apply-form-wrap[data-status="processing"] #submitbutton button:after {
	content: '';
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	top: 4px;
	left: 15px;
	background-image: url("/img/loading-8b9418e6.gif")
}
.apply-now .apply-form-wrap[data-status="processing"] #resume-error {
	display: none
}
.apply-now .apply-form-wrap[data-status="success"] {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	border: 0;
	position: relative;
	z-index: 1
}
.apply-now .apply-form-wrap[data-status="success"] .form-side {
	float: left;
	opacity: 0
}
.apply-now .apply-form-wrap[data-status="success"] .thank-you-side {
	float: left
}
.apply-now .apply-form-wrap[data-status="success"] #submitbutton {
	display: none
}
.apply-now .apply-form-wrap[data-status="success"] #resume-error {
	display: none
}
.apply-now .apply-form-wrap[data-status="filling"] #resume-error {
	display: none
}
.apply-now .apply-form-wrap[data-status="resume-error"] #resume-error {
	display: inline-block
}
.apply-now .apply-form-wrap h5 {
	font-size: 21px;
	font-weight: 400;
	margin: 0 0 30px;
	z-index: 1;
	position: relative;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden
}
.apply-now .apply-form-wrap :-moz-placeholder {
color:#989898
}
.apply-now .apply-form-wrap ::-moz-placeholder {
color:#989898
}
.dt-way-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: top 0.5s ease-out, opacity 0s linear 0.5s;
	transition: top 0.5s ease-out, opacity 0s linear 0.5s
}
body.nav-open .dt-way-section {
	position: fixed
}
.mask:after {
	content: '';
	top: 0 !important;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear
}
.icon-arrow-down {
	z-index: 5;
	text-align: center;
	position: absolute;
	bottom: 1%;
	left: 30%;
	right: 30%;
	color: white;
	font-size: 15px
}
@media (max-width: 480px) {
.icon-arrow-down {
	display: none
}
}
@media (min-width: 992px) {
.icon-arrow-down {
	font-size: 20px;
	bottom: 3%
}
}
@media (min-width: 1200px) {
.icon-arrow-down {
	bottom: 1%
}
}
.icon-arrow-down:before {
	width: 50px
}
.alt-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.2)
}
.unity-touch .dt-way-section {
	position: relative;
	top: auto !important;
	opacity: 1.0
}
#dt-way-wrapper {
	position: relative;
	overflow: hidden
}
#dt-way-dot-nav {
	position: absolute;
	left: 60px;
	z-index: 9000;
	list-style-type: none;
	margin: 0;
	padding: 0;
	visibility: visible;
	opacity: 1.0;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear
}
@media (max-width: 1200px) {
#dt-way-dot-nav {
	visibility: hidden;
	display: none;
	opacity: 0
}
}
#dt-way-dot-nav a.icon-home {
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
	height: 20px;
	color: white;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 6px
}
#dt-way-dot-nav a.icon-home:hover {
	text-indent: 0
}
#dt-way-dot-nav a.icon-home:before {
	margin-left: -3px
}
#dt-way-dot-nav .dt-way-dot a {
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
	height: 20px;
	color: white;
	font-size: 13px;
	font-weight: bold;
	text-indent: -9999em;
	text-decoration: none
}
#dt-way-dot-nav .dt-way-dot a:hover {
	text-indent: 0
}
#dt-way-dot-nav .dt-way-dot a:after {
	content: '';
	display: block;
	position: relative;
	width: 10px;
	height: 10px;
	background: white;
	border-radius: 50%;
	background: transparent;
	border: 1px solid white;
	top: -14px;
	box-shadow: none;
	-webkit-transition: box-shadow 0.2s linear;
	transition: box-shadow 0.2s linear
}
#dt-way-dot-nav .dt-way-dot a.active:after {
	background: white
}