@import url(/ui/lib/quartz/ui/style/ui.css);
@import url(/ui/lib/quartz/app/style/app.css);

/* ------------------------------------ FUNDAMENTALS ------------------------------------ */
	
body { font-family: 'pragmatica-web', "Helvetica Neue", Helvetica, Arial, sans-serif; background: #fff; }	
h1, .h1, h2, .h2, h3, .h3 { letter-spacing: -.02em; }
*[data-media="touch"] { display: none !important; }
*[data-media="ios"] { display: none !important; }
*[data-media="android"] { display: none !important; }
html.touch *[data-media="touch"] { display: block !important; }
html.ios *[data-media="ios"] { display: block !important; }
html.android *[data-media="android"] { display: block !important; }
.meta { opacity: .5; }
@media only screen and (min-width: 641px) {
	*[data-media="mobile"] { display: none !important; }
}
@media only screen and (max-width: 640px) {
	*[data-media="desktop"] { display: none !important; }
	h1, .h1 { font-size: 36px; line-height: 1.1; font-weight: 200; margin: .5em 0; }
	h2, .h2 { font-size: 30px; line-height: 1.1; font-weight: 200; margin: .65em 0; }
	h3, .h3 { font-size: 25px; line-height: 1.2; font-weight: 300; margin: .75em 0; }
	h4, .h4 { font-size: 21px; line-height: 1.3; font-weight: 300; margin: .85em 0; }
	h5, .h5 { font-size: 18px; line-height: 1.4; font-weight: 300; margin: 1em 0; }
	h6, .h6 { font-size: 16px; line-height: 1.5; font-weight: 700; margin: 1em 0; }
	.ui-action-large { padding-left: 1.25em; padding-right: 1.25em; }
}

/* ------------------------------------ LAYOUT ------------------------------------ */

.dm-page { left: 0; max-width: 1600px; overflow: hidden; background: white; margin: 0 auto; min-height: 100%; min-width: 960px; -webkit-transition: left .5s cubic-bezier(0,.5,.5,1); -moz-transition: left .5s cubic-bezier(0,.5,.5,1); -ms-transition: left .5s cubic-bezier(0,.5,.5,1); -o-transition: left .5s cubic-bezier(0,.5,.5,1); transition: left .5s cubic-bezier(0,.5,.5,1); }
@media only screen and (max-width: 640px) {
	.dm-page { min-width: 0; }	
}

/* ------------------------------------ HELPERS ------------------------------------ */

.small { font-size: 14px; }
.dm-gradient { overflow: hidden; }
.dm-gradient:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 67%; background: transparent url(/ui/img/backgrounds/gradient.png) repeat-x 0 0; background-size: 100% 100%; -webkit-transition: height .25s ease; -moz-transition: height .25s ease; -ms-transition: height .25s ease; -o-transition: height .25s ease; transition: height .25s ease; }
.dm-gradient:hover:before { height: 100%; }

/* ------------------------------------ ICONS ------------------------------------ */

.icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; line-height: .125; background: transparent no-repeat 50% 50%; background-size: 100% 100%; top: 0; margin: 0 .75em 0 0; }
.icon-large { width: 48px; height: 48px; margin-top: -9px; margin-bottom: -9px; }
.icon-left { background-image: url(/ui/img/graphics/icon-left.png); }
.icon-right-white { background-image: url(/ui/img/graphics/icon-right-white.png); }
.icon-rss { background-image: url(/ui/img/graphics/icon-rss.png); }
.icon-low { background-image: url(/ui/img/graphics/icon-low.png); }
.icon-medium { background-image: url(/ui/img/graphics/icon-medium.png); }
.icon-high { background-image: url(/ui/img/graphics/icon-high.png); }

/* ------------------------------------ GRAPHICS ------------------------------------ */

.graphic-overflow { margin: 0 -100%; }
.graphic-overflow img { margin: 0 auto; max-width: 100%; display: block; }

*[class*='dm-graphic'] { background: transparent no-repeat 50% 50%; background-size: 100% 100%; }
.dm-graphic-platforms { width: 260px; height: 60px; background: transparent url(/ui/img/graphics/platforms.png) no-repeat 50% 50%; background-size: 100%; }

a img,
a.dm-link-image { display: block; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
a:hover img,
a:hover.dm-link-image { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }

/* ------------------------------------ FORMS ------------------------------------ */

.ui-action-medium { font-size: 15px; height: 3.5em; padding: .8em 1.5em; font-weight: 400; }

.ui-formrow { display: table; width: 100%; }
.ui-field-set .ui-formrow { table-layout: fixed; }
.ui-formrow > * { display: table-cell; vertical-align: top; }
.ui-formrow-separate > * { padding: 0 2px; }
.ui-formrow-separate > *:first-child { padding-left: 0; }
.ui-formrow-separate > *:last-child { padding-right: 0; }
.ui-formrow:not(.ui-formrow-separate) .ui-action,
.ui-formrow:not(.ui-formrow-separate) .ui-field { border-radius: 0; }
.ui-formrow:not(.ui-formrow-separate) > *:first-child .ui-action,
.ui-formrow:not(.ui-formrow-separate) > *:first-child .ui-field { border-radius: 4px 0 0 4px; }
.ui-formrow:not(.ui-formrow-separate) > *:last-child .ui-action,
.ui-formrow:not(.ui-formrow-separate) > *:last-child .ui-field { border-radius: 0 4px 4px 0; }
.ui-action-graphic { width: 2.75em !important; text-indent: -9000px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px 16px; }
.ui-action-graphic-arrow-right { background-image: url(/ui/img/graphics/arrow-right.png); }
.ui-action-graphic-white-arrow-right { background-image: url(/ui/img/graphics/arrow-right-white.png); }

.ui-field .ui-field,
.ui-field .ui-action { margin: -1px 0; background: transparent !important; border-color: transparent !important; box-shadow: none !important; }


.ui-field-rows { margin: 1.75em 0; }
.ui-field-row { padding: 0; margin: 5px 0; }
.ui-field-row .ui-field,
.ui-field-row .ui-action { margin: 0; }
.ui-field-row .ui-action-main { background: #40bd38; }
.ui-field-row:after { content: ' '; display: table; clear: both; }
.ui-field-row .ui-field-label { float: left; width: 35%; }
.ui-field-row .ui-field-label label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #999; padding-right: 0; }
.ui-field-row .ui-field-response { float: right; width: 65%; }
@media only screen and (max-width: 960px) {
	.ui-field-row .ui-field-label,
	.ui-field-row .ui-field-response { width: 50%; }

}

.ui-field:hover,
.ui-field:focus,
.ui-field-focus { outline: none; background-color: white; color: #333; border-color: #0064ff; box-shadow: 0 0 5px #00b4ff; }

.ui-field-error { background-color: white; border-color: #c55; box-shadow: 0 0 5px #c55; }

.ui-action-main { color: white; background-color: #0064ff; box-shadow: none !important; }

.ui-field-grid { display: table; width: 100%; }
.ui-field-grid .ui-field-row { display: table-row; margin: 0; padding: 0; height: auto; }
.ui-field-grid .ui-field-row > * { display: table-cell; vertical-align: top; }

.ui-message { color: #777; padding: .75em 1.25em .85em; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; background: #eee; border-width: 0; margin: 2em 0; }
.ui-message h1, .ui-message h2, .ui-message h3, .ui-message h4, .ui-message h5, .ui-message h6, .ui-message p, .ui-message ol, .ui-message ul { margin: 5px 0; }
.ui-message a { text-decoration: underline; color: inherit; }
.ui-message-success { border-color: #cdc; color: #595; background-color: #dfc; }
.ui-message-info { color: #38d; background-color: #def; }
.ui-message-warning { border-color: #dc8; color: #a86; background-color: #fea; }
.ui-message-error { border-color: #dcc; color: #c55; background-color: #fdd; }
.ui-message-actions { float: right; }
form .ui-message { margin: 5px 0; }
.ui-error { color: #c55; margin: .25em 0; font-size: 13px; }

/* ------------------------------------ NAVIGATION ------------------------------------ */

.dm-header { background: #0064ff url(/ui/img/backgrounds/banner.jpg) no-repeat 50% 0; }
@media only screen and (max-width: 640px) {
	.dm-header { background-size: cover; }
	.dm-header { background-image: url(/ui/img/backgrounds/banner-mobile.jpg); }
}
@media only screen and (max-width: 480px) {
	.dm-header { background-image: none; }
}
@media only screen and (min-width: 1400px) {
	.dm-header { background-size: 100% auto; }
}
.dm-header, .dm-header a { color: white; }

.dm-nav { padding: 1.75em 0; overflow: hidden; }
.dm-nav:after { content: ' '; display: table; clear: both; }
.dm-nav ul { margin: 0; margin: 0 -1em; }
.dm-nav ul li { margin: 0; list-style-type: none; display: inline-block; }
.dm-nav ul li a { display: block; padding: .5em 1em; margin: .25em 0; }
.dm-nav-logo { float: left; padding: 2.5em 0 1em; z-index: 2; width: 190px; height: 50px; }
.dm-nav-logo a { display: block; text-indent: -9999px; width: 100%; height: 100%; background: transparent url(/ui/img/logos/nav-logo.png) no-repeat 50% 50%; background-size: contain; }
.dm-nav-links { float: right; }
.dm-nav ul.dm-nav-links-primary,
.dm-nav ul.dm-nav-links-secondary { float: right; clear: right; }
.dm-nav ul.dm-nav-links-primary { font-weight: bold; margin-top: .5em; }
.dm-nav ul.dm-nav-links-secondary { font-size: 13px; }
.dm-nav ul.dm-nav-links-secondary li a { padding: .5em .875em; }
.dm-nav ul li a.dm-nav-auth { background: rgba(0,37,173,.5); border-radius: 16px; margin: 0 .5em 0 .5em; }
.dm-nav ul li a:before { display: inline-block; width: 10px; height: 10px; vertical-align: middle; background: transparent no-repeat 50% 50%; margin: -1px 6px 0 0; background-size: cover; }
.dm-nav ul li a.dm-nav-auth:before { content: ''; background-image: url(/ui/img/graphics/lock-white.png); }
.dm-nav ul li a.dm-nav-geo:before { content: ''; background-image: url(/ui/img/graphics/geo-white.png); }
.dm-nav-menu { float: right; padding: 1em 0; height: 50px; width: 30px; }
.dm-nav-signin { float: right; padding: 1em 0; }
.dm-nav-menu a { display: block; width: 100%; height: 100%; background: transparent url(/ui/img/graphics/menu-white.png) no-repeat 50% 50%; background-size: 16px 16px; text-indent: -9999px; }
.dm-nav-signin a { display: block; padding: 1em .75em; }

.dm-nav-mobile { padding: 0; overflow: hidden; }
.dm-nav-mobile .dm-nav-logo { padding: 1em 0 1em; width: 165px; }

.dm-nav-guide { display: none; background: #222; font-size: 15px; }
@media only screen and (min-width: 641px) {
	.dm-nav-guide { display: none !important; }
}
.dm-nav-guide ul { margin: 0; }
.dm-nav-guide ul li { margin: 0; list-style-type: none; }

.dm-nav-guide a { color: white; display: block; padding: .5em 0; }
.dm-nav-guide a:before { display: block; width: 24px; height: 24px; margin: 0 auto .75em; vertical-align: middle; background: transparent no-repeat 50% 50%; background-size: 100% 100%; }
.dm-nav-guide a.dm-nav-auth:before { content: ''; background-image: url(/ui/img/graphics/lock-white.png); }
.dm-nav-guide a.dm-nav-geo:before { content: ''; background-image: url(/ui/img/graphics/geo-white.png); }
.dm-nav-guide a.dm-nav-phone:before { content: ''; background-image: url(/ui/img/graphics/phone-white.png); }

.dm-nav-guide .dm-nav-guide-primary { display: table; table-layout: fixed; width: 100%; font-size: 13px; }
.dm-nav-guide .dm-nav-guide-primary > * { display: table-cell; vertical-align: top; padding: 1em; }
.dm-nav-guide .dm-nav-guide-primary * { text-align: center; color: #777; }
.dm-nav-guide .dm-nav-guide-secondary { text-align: center; padding: 0 0 1em; }
.dm-nav-guide .dm-nav-guide-secondary a { padding: .5em 1em; }
.dm-nav-guide .dm-nav-guide-secondary li { display: inline-block; }

/* ------------------------------------ BANNER ------------------------------------ */

.dm-banner { padding-bottom: 4em; }
.dm-banner .ui-action { white-space: nowrap; background: rgba(0,37,173,.5); color: white; margin: .25em .25em .25em 0; box-shadow: none !important; border-color: transparent !important; }
.dm-banner .ui-action:after { content: ''; display: inline-block; width: .5em; height: .5em; margin: 0 0 0 .5em; vertical-align: center; line-height: .5; border: 1px solid white; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.dm-banner .ui-action-main { background: white; color: #0064ff; border-color: transparent !important; }
.dm-banner .ui-action-main:after { display: none; }
.dm-banner h1 { margin: 1.5em 0 1em; }
@media only screen and (max-width: 640px) {
	.dm-banner { padding-bottom: 2em; }
	.dm-banner h1 { margin-top: .75em; }
}

/* ------------------------------------ FOOTER ------------------------------------ */

.dm-footer { border-top: 1px solid #eee; color: #aaa; font-size: 14px; background: white; }
.dm-footer ul { margin: 0; text-align: center; padding: 1.25em 0; }
.dm-footer ul + ul { padding-top: 0; margin-top: -.75em; }
.dm-footer ul li { margin: 0; list-style-type: none; display: inline-block; }
.dm-footer ul li a { display: block; padding: .5em .875em; color: #aaa; }
.dm-footer p { font-size: 13px; }
.dm-footer-info { display: table; width: 100%; border-collapse: collapse; }
.dm-footer-info > * { display: table-cell; padding: 2em 2.5em; border: 1px solid #eee; border-width: 0 1px; vertical-align: middle; }
.dm-footer-info > *:first-child { border-left-width: 0; padding-left: 0; }
.dm-footer-info > *:last-child { border-right-width: 0; padding-right: 0; }
.dm-footer-info-graphic {  }
.dm-footer-info-text {  }
@media only screen and (max-width: 640px) {
	.dm-footer { font-size: 13px; }
}

/* ------------------------------------ CONTENT ------------------------------------ */

.dm-main { box-shadow: 0 -1px 0 rgba(0,0,0,.1) }
@media only screen and (max-width: 640px) {
	.dm-main br { display: none; }
}

.dm-body {  }

/* ------------------------------------ ASIDE ------------------------------------ */

.dm-sidebar { overflow: hidden; padding: 3em 40px; margin-left: -20px; background: transparent url(/ui/img/backgrounds/sidebar.png) repeat-x 0 0; background-size: 100% 100%; padding-right: 9000px; margin-right: -9000px; }
.dm-sidebar-default { background: transparent; }
.dm-sidebar:after { content: ''; display: block; position: absolute; height: 100%; width: 1px; top: 0; left: 0; background: transparent url(/ui/img/backgrounds/sidebar-border.png) repeat-x 0 0; background-size: 100% 100%; }
.dm-sidebar-default:after { display: none; }
.dm-sidebar-section { margin: 0 0 5em 0; }
.dm-sidebar h3,
.dm-sidebar h4,
.dm-sidebar h5,
.dm-sidebar p,
.dm-sidebar form { margin: .5em 0; }

.dm-sidebar h3 { color: #777; }
.dm-sidebar p { color: #999; }
.dm-sidebar ul { margin-left: 0; }
.dm-sidebar ul li { list-style-type: none; padding: .125em 0; }
.dm-sidebar ul li a { display: block; }

.dm-sidebar-form { min-height: 320px; margin: -5rem 0 3rem; }
.dm-sidebar-form:not(.dm-sidebar-form-restyled) { background: white; padding: 12px 30px 15px; box-shadow: 0 4px 12px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.08); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dm-sidebar-form-restyled iframe { margin: 0; }
@media only screen and (min-width: 641px) {
	.dm-sidebar-form-arrow { width: 128px; height: 96px; background: transparent url(/ui/img/graphics/arrow.png) no-repeat 0 0; background-size: cover; position: absolute; right: -160px; }
}

@media only screen and (max-width: 640px) {
	.dm-sidebar { margin: 0 -20px; padding: 3em 20px; }
	.dm-sidebar-section { margin: 0 0 2em 0; }
	.dm-sidebar-form { margin: 0 0 1rem; top: 1.5rem; }
}

/* ------------------------------------ SOCIAL ------------------------------------ */

.dm-social {  }
.dm-social ul { margin: 1.5em -.25em; }
.dm-social ul li { margin: 0; display: inline; }
.dm-social ul li a { margin: 0 .25em; display: inline-block; text-indent: -9999px; width: 42px; height: 42px; background: transparent no-repeat 50% 50%; background-size: cover; }
.dm-social ul li a.dm-social-facebook { background-image: url(/ui/img/graphics/social-facebook.png); }
.dm-social ul li a.dm-social-twitter { background-image: url(/ui/img/graphics/social-twitter.png); }
.dm-social ul li a.dm-social-linkedin { background-image: url(/ui/img/graphics/social-linkedin.png); }


/* ------------------------------------ FADER ------------------------------------ */

.fader { position: static; display: block; }
.fader > * { display: none; position: absolute; top: 0; left: 0; width: 100% !important; }
.fader .fader-current { display: block; position: relative; z-index: 2; }
.fader-transitioning { z-index: 3; }

/* ------------------------------------ CONTENT ------------------------------------ */

.dm-content { padding: 20px 0 0; }

.dm-content-nav { border-bottom: 1px solid #eee; display: table; width: 100%; padding: 10px 0 0; }
.dm-content-nav > * { display: table-cell; vertical-align: bottom; margin: 0; }
.dm-content-nav h1,
.dm-content-nav h2,
.dm-content-nav h3,
.dm-content-nav h4,
.dm-content-nav h5,
.dm-content-nav h6 { display: inline-block; }
.dm-content-nav h1 img,
.dm-content-nav h2 img,
.dm-content-nav h3 img,
.dm-content-nav h4 img,
.dm-content-nav h5 img,
.dm-content-nav h6 img { width: 48px; height: 48px; display: inline-block; vertical-align: middle; line-height: .125; background: transparent no-repeat 50% 50%; background-size: 100% 100%; top: 0; margin: -.625em .75em -.325em 0; }

.dm-content-nav h1,
.dm-content-nav h2 { font-size: 36px; }
.dm-content-nav h1 a,
.dm-content-nav h2 a { color: inherit; }
.dm-content-nav a { display: block; padding: 1em 0 36px; margin-bottom: -1px; border: 1px solid transparent; border-width: 0 0 1px 0; }
.dm-content-nav a:hover,
.dm-content-nav a.selected { text-decoration: none; border-bottom-color: #333; color: #333; }
.dm-content-nav ul { font-size: 13px; text-align: right; }
.dm-content-nav ul li { margin: 0; list-style-type: none; display: inline-block; }
.dm-content-nav ul li a { display: block; margin: 0 1.125em -1px; border: 1px solid transparent; }
.dm-content-nav ul li:last-child a { margin-right: 0; }

@media only screen and (max-width: 640px) {
	.dm-content-nav { padding: 0; }
	.dm-content-nav,
	.dm-content-nav > * { display: block; }
	.dm-content-nav h1,
	.dm-content-nav h2,
	.dm-content-nav h3,
	.dm-content-nav h4,
	.dm-content-nav h5,
	.dm-content-nav h6 { font-size: 16px; display: block; padding: 1em 0; }
	.dm-content-nav ul { text-align: left; margin: 0 -5px; }
	.dm-content-nav ul li a { margin: 0 5px; padding: 1em 0 1.5em; }
	.dm-content-nav h1 img,
	.dm-content-nav h2 img,
	.dm-content-nav h3 img,
	.dm-content-nav h4 img,
	.dm-content-nav h5 img,
	.dm-content-nav h6 img { width: 32px; height: 32px; }
	.dm-content-nav h1 a,
	.dm-content-nav h2 a,
	.dm-content-nav h3 a,
	.dm-content-nav h4 a,
	.dm-content-nav h5 a,
	.dm-content-nav h6 a { padding: 0; border-width: 0; }
}

.dm-content-header { padding: 1em 0 3em; border-bottom: 1px solid #eee; }
.dm-content-header-default { border-width: 0; }
.dm-content-header h1 { font-size: 44px; line-height: 1.1; font-weight: 200; margin: .65em 0; }
.dm-content-header h2 { font-size: 19px; line-height: 1.4; font-weight: 300; margin: 1em 0; color: #999; }
.dm-content-header-graphic { height: 280px; margin: 1em auto; background: transparent no-repeat 50% 50%; background-size: auto 100%; }
.dm-content-header-graphic#integrations { background-image: url(/ui/img/features/feature-banner.jpg); }
@media only screen and (max-width: 960px) { .dm-content-header-graphic { height: 240px; } }

@media only screen and (max-width: 640px) {
  .dm-content-header-graphic { height: 160px; }
	.dm-content-header { padding: 1em 0; }
	.dm-content-header h1 { font-size: 36px; }
	.dm-content-header h2 { font-size: 16px; line-height: 1.5; }
}
@media only screen and (max-width: 480px) {
  .dm-content-header-graphic { height: 120px; }
  
}

.dm-content-body { padding: 1.5em 0; }

/* ------------------------------------ GRID ------------------------------------ */

.dm-grid { width: 100%; font-size: 17px; margin-bottom: -2px; }
.dm-grid img { width: 48px; height: 48px; opacity: .25; display: inline-block; margin: -15px 1em -15px -.5em; top: -2px; vertical-align: middle; line-height: 0; }
.dm-grid a:hover img { -webkit-transform: scale(1.12); -moz-transform: scale(1.12); -ms-transform: scale(1.12); -o-transform: scale(1.12); transform: scale(1.12); }
.dm-grid-small { font-size: 13px; }
.dm-grid:after { content: ' '; display: table; clear: both; }
.dm-grid-cell { width: 20%; border: 1px solid #eee; margin: -1px -1px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: white; display: block; float: left; padding: 1.625em 1em 1.875em; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dm-grid-cell-on img { opacity: 1; }
.dm-grid-small .dm-grid-cell { text-align: left; padding: 1em 1.5em 1.125em; }
@media only screen and (max-width: 640px) {
	.dm-grid { font-size: 15px; }
	.dm-grid img { display: none; }
	.dm-grid-cell { width: 33.3333333%; padding: 1.25em 1em 1.325em; }
}
@media only screen and (max-width: 480px) {
	.dm-grid-cell { width: 50%; }
}
@media only screen and (max-width: 320px) {
	.dm-grid-cell { width: auto; float: none; }
}


/* ------------------------------------ STORY ------------------------------------ */

.dm-story { padding: .75em 0 1.5em; margin: 0 0 4em 0; border-bottom: 1px solid #eee; }
.dm-story-subject { width: 120px; float: right; margin: 0 0 1em 1em; }
.dm-story-subject img { width: 100%; border-radius: 50%; height: auto; }
.dm-story-content { font-size: 17px; font-weight: 300; color: #1fa813; }


/* ------------------------------------ SECTIONS ------------------------------------ */

.dm-sections {  }
.dm-section { width: 100%; color: #999 !important; padding: 5em 0 6em; border: 1px solid rgba(0,0,0,.08); border-width: 1px 0; margin-top: -1px; background: white no-repeat 100% 50%; background-size: auto 100%; width: 100%; padding-right: 100px; padding-left: 100px; margin-left: -100px; }
.dm-section:after { content: ' '; display: table; clear: both; }

.dm-section-content {  }
.dm-section-label {  }
.dm-section-label img { width: 48px; height: 48px; display: inline-block; margin: 0 .75em -.5em 0; }
.dm-section-headline { color: #222; }
.dm-section-headline * { margin: .25em 0; }
.dm-section-text {  }
.dm-section-more {  }
.dm-section-more a:after { content: ' »' }

.dm-section.dm-section-graphic-text { background-position: 0 50%; }
.dm-section.dm-section-graphic-text .dm-section-content { float: right; }

@media only screen and (max-width: 1200px) {
	.dm-section { padding-right: 240px; padding-left: 240px; margin-left: -240px;  }
}
@media only screen and (max-width: 640px) {
	.dm-section { background-image: none !important; padding: 2em 0; margin: 0; }

}


/* ------------------------------------ SPOTS ------------------------------------ */

.dm-spot {  }
.dm-spot img { max-width: 100%; margin: 1em auto; display: block; }
.dm-spot p { color: #999; }
@media only screen and (max-width: 640px) {
	.dm-spot img { max-width: 280px; }
	.dm-spot,
	.dm-spot * { text-align: center; }
}

/* ------------------------------------ CAROUSEL ------------------------------------ */

.dm-carousel { margin-bottom: 2em; }
.dm-carousel-content {  }
.dm-carousel-slides {  }
.dm-carousel-slide { display: table; width: 100%; margin: 0; height: 360px; background: transparent repeat 50% 50; background-size: cover; }
.dm-carousel-slide .dm-carousel-slide-content { display: table-cell; padding: 24px; vertical-align: bottom; text-align: center; color: white !important; text-decoration: none !important; }
.dm-carousel-slide:before { content: ''; position: absolute; border-radius: 0 0 5px 5px; bottom: 0; left: 0; width: 100%; height: 3em; background: transparent url(/ui/img/backgrounds/gradient.png) repeat-x 0 100%; background-size: 100% 7.5em; }
.dm-carousel-slide { border-radius: 5px; }
.dm-carousel-slide strong { padding: 24px; font-size: 24px; line-height: 1.3; font-weight: 300; margin: 0; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dm-carousel-links { text-align: center; margin: .5em 0; display: none; }
.dm-carousel-link { width: 6px; height: 6px; border-radius: 50%; background: #e6e6e6; margin: 3px; display: inline-block; }
.dm-carousel-link-selected { background-color: #0064ff; }
@media only screen and (max-width: 640px) {
	.dm-carousel { display: none; }
}

/* ------------------------------------ TILES ------------------------------------ */

.dm-tile { margin: 1em 0; }
.dm-tile-graphic { margin: 0; background: transparent repeat 50% 50%; background-size: cover; height: 150px; }
.dm-tile-graphic:before { content: ''; position: absolute; border-radius: 0 0 4px 4px; bottom: 0; left: 0; width: 100%; height: 2.5em; background: transparent url(/ui/img/backgrounds/gradient.png) repeat-x 0 100%; background-size: 100% 7.5em; }
.dm-tile-graphic { border-radius: 4px; }
.dm-tile-graphic a { display: block; position: absolute; width: 100%; height: 100%; color: white !important; text-decoration: none !important; }
.dm-tile-graphic a span { position: absolute; display: block; width: 100%; padding: 12px 16px; left: 0; bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dm-tile p { font-size: 12px; color: #999; }
.dm-tile h6 { font-size: 14px; font-weight: normal; }

/* ------------------------------------ APPS ------------------------------------ */

.dm-app { margin: 2em 0; padding-right: 10px; }
.dm-app:after { content: ' '; display: table; clear: both; }
.dm-app-icon { width: 25%; margin-right: 30px; float: left; max-width: 100px; }
.dm-app-icon img { width: 100%; display: block; border-radius: 25%; box-shadow: 0 6px 10px rgba(0,0,0,.25); }
.dm-app-text { font-size: 15px; color: #777; overflow: hidden; }
.dm-app-text > * { margin: 0; }
.dm-app-text-title { display: none; }
.dm-app-text-excerpt {  }
.dm-app-text-excerpt strong { color: #222; }
.dm-app-text-link {  }

.dm-app-empty { margin: 2em 0; background: #f8f8f8; border-radius: 6px; display: table; width: 100%; min-height: 6.75rem; box-shadow: inset 0 1px 7px rgba(0,0,0,.12), inset 0 0 0 1px rgba(0,0,0,.04); }
.dm-app-empty-content { display: table-cell; padding: 1rem 7%; text-align: center; color: #777; vertical-align: middle; }
@media only screen and (min-width: 600px) { .ui-col-8 .dm-app-empty-content { padding-left: 15%; padding-right: 15%; } }

.dm-app-list { margin: 2em 0;  }
.dm-app-list > * { list-style-type: none; display: inline-block; vertical-align: top; margin-left: -.25em; width: 25%; }
@media only screen and (max-width: 1280px) { .dm-app-list > * { width: 33.333%; } }
@media only screen and (max-width: 600px) { .dm-app-list > * { width: 50%; } }
@media only screen and (max-width: 420px) { .dm-app-list > * { width: auto; margin-right: 2em; } }

.dm-app-list > * > * { display: inline-block; vertical-align: middle; }
.dm-app-list-icon img { width: 24px; margin-right: 1em; display: inline-block; vertical-align: middle; }
.dm-app-list-text { font-weight: bold; font-size: 13px; }


/* ------------------------------------ PRICING ------------------------------------ */

.dm-pricing-container {  }
.dm-pricing {  }
.dm-pricing h2 { font-size: 36px; margin: .25em 0; }
.dm-pricing-table { background: white; }
.dm-pricing-table .dm-pricing-content { display: table; table-layout: fixed; width: 100%; }
.dm-pricing-table .dm-pricing-background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid rgba(0,0,0,.125); margin: -1px 0 0 -1px; }
.dm-pricing-table .dm-pricing-highlights { width: 100%; height: 100%; display: table; table-layout: fixed; }
.dm-pricing-table .dm-pricing-highlight { opacity: 0; display: table-cell; border: 1px solid #0064ff; box-shadow: 0 0 5px #00b4ff; }
.dm-pricing-table .dm-pricing-highlight-on { opacity: 1; }
.dm-pricing-row { display: table-row; }
.dm-pricing-row > * { display: table-cell; padding: 5px 40px; vertical-align: top; }
.dm-pricing-row .dm-pricing-header { padding-top: 30px; }
.dm-pricing-row:last-of-type > * { padding-bottom: 30px; }
.dm-pricing-header {  }
.dm-pricing-header .icon { display: block; float: right; margin: 0; left: 8px; width: 36px; height: 36px; }
.dm-pricing-header h4 { margin: .25em 0; }
.dm-pricing-header h4 a .currency-prefix { font-size: 15px; font-weight: 400; display: inline-block; vertical-align: top; top: .2em; margin-right: .125em; }
.dm-pricing-header h4 a .currency-suffix { font-size: 15px; font-weight: 400; display: inline-block; margin-left: .25em; }
.dm-pricing-header h4 a .currency-prefix:empty,
.dm-pricing-header h4 a .currency-suffix:empty { display: none; }
.dm-pricing-header h4 em { font-style: normal; font-size: 15px; margin-left: .25em; color: #777; }
.dm-pricing-header p { color: #777; }
.dm-pricing-header p strong { color: #222; }
.dm-pricing-action {  }
.dm-pricing-list {  }
.dm-pricing-list ul { margin-left: 0; }
.dm-pricing-list ul li { list-style-type: none; margin: 1em 0; }
.dm-pricing-list ul li:before { content: ''; width: 20px; height: 20px; display: block; vertical-align: middle; float: right; line-height: .125; background: transparent url(/ui/img/graphics/icon-check.png) no-repeat 50% 50%; background-size: 100% 100%; top: 0; }
.dm-pricing-list ul li a {  }
@media only screen and (max-width: 1280px) {
	.dm-pricing h2 { font-size: 32px; }
	.dm-pricing-header .icon { margin: -.125em 0; }
}
@media only screen and (max-width: 640px) {
	.dm-pricing { margin: 0 -20px; }
	.dm-pricing-header { border-bottom: 1px solid #eee; padding: 20px 20px 30px; }
	.dm-pricing,
	.dm-pricing-table, 
	.dm-pricing-row,
	.dm-pricing-row > * { display: block; }
	.dm-pricing-table .dm-pricing-highlight { display: none; }
	.dm-pricing-action,
	.dm-pricing-list { display: none; }
}

/* ------------------------------------ TOOLTIPS ------------------------------------ */

.ui-tooltip { z-index: 5; top: 100%; margin-top: 10px; margin-left: -1px; position: absolute; display: none; background: #111; opacity: .85; width: 320px; padding: 12px 18px 14px; border-radius: 5px; color: white; left: 0; line-height: 1.53846154; text-decoration: none; font-style: normal; font-weight: normal; border-width: 0; text-indent: 0; }
.ui-tooltip em { opacity: .5; font-style: normal; }
.ui-tooltip:before { content: ''; display: block; position: absolute; height: 10px; width: 10px; top: -5px; left: 18px; background: #111; border-radius: 3px 0 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-width: 0; }
*:hover > .ui-tooltip { display: inline-block; }
.ui-tooltip-small { width: auto; white-space: nowrap; }
html.touch .ui-tooltip { display: none !important; }

.dm-nav .ui-tooltip, .dm-nav .ui-tooltip:before { background: white; color: #333; opacity: 1; }


/* ------------------------------------ PROOF ------------------------------------ */

.dm-proof { opacity: .5; padding: 1em 0 1.25em; }
.dm-content .dm-proof { margin: 3em 0; }
.dm-proof-content {  }
.dm-proof-content:after { content: ' '; display: table; clear: both; }
.dm-proof-logos { opacity: .5; }
.dm-proof-logos ul { margin: 0; text-align: center; white-space: nowrap; text-align: right; direction: rtl; }
.dm-proof-logos ul li { list-style-type: none; display: inline-block; width: 12.5%; }
.dm-sidebar .dm-proof-logos ul { white-space: normal; text-align: center; direction: ltr; }
.dm-sidebar .dm-proof-logos ul li { width: 28%; margin: 0; vertical-align: middle; }
.dm-proof-logos ul li a,
.dm-proof-logos ul li span { display: block; }
.dm-proof-logos ul li img { width: 100%; height: auto; }
.dm-proof-text { position: absolute; top: 0; left: 0; height: 100%; background: transparent url(/ui/img/backgrounds/white-fade.png) repeat-y 100% 0; padding-right: 200px; }
.dm-proof-text h5 { padding: .5em 0; }
@media only screen and (max-width: 640px) {
	.dm-proof { padding: .5em 0 .625em; }
	.dm-proof-logos ul li { width: 96px; }
	.dm-proof-text { display: none; }
}
@media only screen and (max-width: 480px) {
	.dm-proof-logos ul li { width: 72px; }
}

/* ------------------------------------ NOTES ------------------------------------ */

.dm-note { margin: 3em 0 5em; }
.dm-note p { color: #999; }
@media only screen and (max-width: 640px) {
	.dm-note { margin: 1em 0 2em; }
}

/* ------------------------------------ BILLBOARD ------------------------------------ */

.dm-billboard { background: white; box-shadow: 0 0 1px rgba(0,0,0,.3); padding: 4em 0; }
@media only screen and (max-width: 640px) {
	.dm-billboard { padding: 2em 0; }
}
.dm-billboard-silver { background: #f8f8f8; }
.dm-billboard-action { margin-top: 2em; }
.dm-billboard-action,
.dm-billboard-action * { text-align: center }

/* ------------------------------------ TOUR ------------------------------------ */

.dm-tour { padding: 2em 0; }
.dm-tour:after { content: ' '; display: table; clear: both; }
.dm-tour-media { position: absolute; width: 100%; height: 100%; padding: 6em 0; margin: -6em 0; }
.dm-tour-media img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3; max-width: 55%; }
.dm-tour-features { font-size: 17px; }
.dm-tour-features:after { content: ' '; display: table; clear: both; }
.dm-tour-features ul { margin: 0; }
.dm-tour-features ul li { margin: 0; margin: -1px 0 0; list-style-type: none; }
.dm-tour-features ul li a { display: block; padding: 1.5em 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #ddd; border-width: 1px 0; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }
.dm-tour-features ul li a:hover { text-decoration: none; text-indent: .5em; }
.dm-tour-features ul li a .icon {  }
@media only screen and (max-width: 640px) {
	.dm-tour { padding: 0; margin: -2em 0; }
	.dm-tour-media { display: none; }
	.dm-tour-features ul { margin: -1px 0; }
	.dm-tour-features ul li a { padding: 1em 20px; margin: 0 -20px; font-size: 15px; }
	.dm-tour-features ul li a .icon { width: 32px; height: 32px; }
}
@media only screen and (min-width: 400px) {
	.dm-tour-features ul li { width: 50%; float: left; }

}
@media only screen and (min-width: 641px) {
	.dm-tour-features ul li:nth-child(2n) { float: left; }
	.dm-tour-features ul li:nth-child(2n) a {  }
	.dm-tour-features ul li:nth-child(2n) a .icon {  }
	.dm-tour-features ul li:nth-child(2n+1) { float: right; }
	.dm-tour-features ul li:nth-child(2n+1) { direction: rtl; }
	.dm-tour-features ul li:nth-child(2n+1) a { direction: rtl; text-align: right; }
	.dm-tour-features ul li:nth-child(2n+1) a .icon { margin-right: 0; margin-left: .75em; }
}

/* ------------------------------------ PROMO ------------------------------------ */

.dm-promo { padding: 2em 0; }
.dm-promo,
.dm-promo * { text-align: center; }
.dm-promo-options { display: table; width: 100%; table-layout: fixed; }
.dm-promo-option { display: table-cell; vertical-align: top; text-align: center; }
.dm-promo-option-graphic { overflow: hidden; height: 240px; display: block; }
.dm-promo-option-graphic:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.1) }
.dm-promo-option-graphic img { width: 120%; left: -10%; }
.dm-promo-option-text { padding: 2em 0; }
.dm-promo-option-text .ui-action-large { font-size: 1.1em; }
@media only screen and (max-width: 640px) {
	.dm-promo-option-graphic { display: none; }
	.dm-promo-options { margin: 2em 0; }
	.dm-promo-options,
	.dm-promo-option { display: block; }
	.dm-promo-option-text { padding: 0; margin: 1em 0; }
}

/* ------------------------------------ FEATURE ------------------------------------ */

.dm-feature { display: table; width: 100%; color: #999; margin: 2em 0; }
.dm-feature > * { display: table-cell; vertical-align: middle; }
.dm-feature-graphic { width: 180px; }
.dm-feature-small .dm-feature-graphic { width: 96px; }
.dm-feature-graphic img { width: 100%; }
.dm-feature-content { padding-left: 8%; }
@media only screen and (max-width: 640px) {
	.dm-feature,
	.dm-feature > * { display: block; }
	.dm-feature-graphic { width: 25%; min-width: 90px; float: right; margin: 0 0 1em 1em; }
	.dm-feature-content { padding-left: 0; }

}

/* ------------------------------------ FAQ ------------------------------------ */

.dm-faqs {  }
.dm-faq { margin: 2em 0; color: #999; font-size: 14px; }
.dm-faq h1, .dm-faq h2, .dm-faq h3, .dm-faq h4, .dm-faq h5, .dm-faq h6 { color: #222; }
@media only screen and (max-width: 640px) {
	.dm-faq { margin: 1em 0; }
	.dm-faq h1, .dm-faq h2, .dm-faq h3, .dm-faq h4, .dm-faq h5, .dm-faq h6 { margin-bottom: 0; }
}

/* ------------------------------------ POSTS ------------------------------------ */

.dm-posts { color: #999; }
.dm-posts .dm-post { padding: 40px 0; border-bottom: 1px solid #eee; }
.dm-posts .dm-post:after { content: ' '; display: table; clear: both; }
.dm-posts .dm-post-title { color: #222; }
.dm-posts .dm-post-title * { margin-top: 0; }
.dm-posts .dm-post-title a { display: block; }
.dm-posts .dm-post-title h2 { font-size: 36px; }
.dm-posts .dm-post-graphic { width: 47%; float: left; }
.dm-posts .dm-post-graphic a { display: block; }
.dm-posts .dm-post-graphic img { display: block; width: 100%; height: auto; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
.dm-posts .dm-post-promo .dm-post-graphic a:hover img { -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); }
.dm-posts .dm-post-body {  }
.dm-posts .dm-post-subscription { border-top: 1px solid #eee; padding: 4% 7% 5%; margin: 3rem 0; border: 1px solid #ddd; box-shadow: 0 2px 6px rgba(0,0,0,.05); }
.dm-posts .dm-post-subscription h4 { color: #333; }
.dm-posts .dm-post-subscription {  }
.dm-posts .dm-post-excerpt { font-size: 14px; }
.dm-posts .dm-post-footer { font-size: 12px; }
.dm-posts .dm-post-comments { color: #666; }
.dm-posts .dm-post-content { width: 47%; float: right; }
.dm-posts .dm-post-social { padding: 2em 0 1em; border-top: 1px solid #eee; margin-top: 3em; }
.dm-posts .dm-post-social ul { margin: 0; text-align: left; }
.dm-posts .dm-post-social ul li { display: inline-block; margin: 0; padding: 10px 0; list-style-type: none; vertical-align: top; font-size: 1px; width: 120px; }
.dm-posts .dm-post-social ul li iframe { margin: 0; border-radius: 2.5px; }
.dm-posts .dm-post-social ul li.linkedin-share,
.dm-posts .dm-post-social ul li.linkedin-share * { position: static; }

.dm-posts .dm-post-promoted .dm-post-excerpt { font-size: 16px; }
.dm-posts .dm-post-promoted .dm-post-graphic { float: none; width: auto; }

@media only screen and (max-width: 640px) {
	.dm-posts .dm-post { padding: 2em 0; }
	.dm-posts .dm-post-graphic { float: right; width: 33%; margin: 0 0 1em 1em; }
	.dm-posts .dm-post-promoted .dm-post-graphic { margin: 0; }
	.dm-posts .dm-post-content { float: none; width: auto; }
}

/* ------------------------------------ TEAM ------------------------------------ */

.dm-profiles {  }
.dm-profile { display: inline-block; width: 50%; vertical-align: top; padding: 3em 2em 3em 0; border-top: 1px solid #eee; margin-left: -4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dm-profile-promoted { width: 100%; padding-right: 0; }
.dm-profile-page { padding: 1em 0; border-width: 0; }
.dm-profile .dm-profile-graphic { float: left; width: 15%; margin: 1.25em 5% 0 0; }
.dm-profile .dm-profile-graphic img { border-radius: 50%; width: 100%; height: auto; }
.dm-profile-promoted .dm-profile-content { overflow: hidden; }
.dm-profile .dm-profile-content .dm-profile-title {  }
.dm-profile .dm-profile-content .dm-profile-title a { color: inherit; }
.dm-profile .dm-profile-content .dm-profile-title em { font-style: normal; font-size: .67em; color: #999; display: block; }
.dm-profile-promoted .dm-profile-content .dm-profile-title em { display: inline; margin-left: .5em; }
.dm-profile-promoted .dm-profile-content .dm-profile-title em:before { content: '|'; margin-right: .5em; color: #ddd; }
.dm-profile .dm-profile-content .dm-profile-title span { display: none; }
.dm-profile .dm-profile-content .dm-profile-links { font-size: 13px; margin: -.5em 0; }
.dm-profile .dm-profile-content .dm-profile-links a { display: block; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: .125em 0; }
.dm-profile .dm-profile-content .dm-profile-excerpt { color: #777; font-size: 13px; }
.dm-profile-promoted .dm-profile-content .dm-profile-excerpt { color: #777; font-size: inherit; }
.dm-profile .dm-profile-content .dm-profile-body { color: #777; margin: 3em 0; }
.dm-profile-page .dm-profile-content { overflow: visible; }
.dm-profile .dm-profile-content .dm-profile-footer { font-size: 13px; }
.dm-profile .dm-profile-content .dm-profile-footer a:after { content: ' »' }

@media only screen and (max-width: 640px) {
	.dm-profile { display: block; width: auto; padding: 1.5em 0; }
	.dm-profile .dm-profile-graphic { float: right; margin: 1.75em 0 .5em 5%; }
	.dm-profile-promoted .dm-profile-content { overflow: visible; }
}

/* ------------------------------------ CAREERS ------------------------------------ */

.dm-careers {  }
.dm-career { display: inline-block; width: 50%; vertical-align: top; padding: 2em 2em 2em 0; margin-left: -4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dm-career .dm-career-title {  }
.dm-career .dm-career-excerpt { font-size: 13px; color: #888; }
.dm-career .dm-career-footer { font-size: 13px; }

@media only screen and (max-width: 640px) {
	.dm-career { display: block; width: auto; padding: 1em 0; }
}


/* ------------------------------------ LOCATIONS ------------------------------------ */

@-webkit-keyframes ping { 0% { -webkit-transform: scale(.25); } 100% { opacity: 0; -webkit-transform: scale(1.5); } }
@-moz-keyframes ping { 0% { -moz-transform: scale(.25); } 100% { opacity: 0; -moz-transform: scale(1.5); } }
@-ms-keyframes ping { 0% { -ms-transform: scale(.25); } 100% { opacity: 0; -ms-transform: scale(1.5); } }
@-o-keyframes ping { 0% { -o-transform: scale(.25); } 100% { opacity: 0; -o-transform: scale(1.5); } }
@keyframes ping { 0% { transform: scale(.25); } 100% { opacity: 0; transform: scale(1.5); } }

.dm-location { margin: 1em 0; height: 0; padding-bottom: 50%; background: transparent url(/ui/img/graphics/atlas.gif) no-repeat 50% 50%; background-size: cover; }
.dm-location .ui-tooltip { left: -17px; width: auto; white-space: nowrap; }
.dm-location:before { content: ''; position: absolute; width: 100%; height: 100%; display: block; background: white; opacity: .85; }
.dm-location .dm-location-points {  position: absolute; width: 100%; height: 100%; display: block; }
.dm-location .dm-location-points > * { position: absolute; display: block; width: 0px; height: 0px; background: red; }
.dm-location .dm-location-points > *:before { content: ''; display: block; position: absolute; margin: -100px; width: 200px; height: 200px; border-radius: 50%; background: #07f; opacity: .33; -webkit-animation: ping 3000ms ease-out 0 infinite; -moz-animation: ping 3000ms ease-out 0 infinite; -ms-animation: ping 3000ms ease-out 0 infinite; -o-animation: ping 3000ms ease-out 0 infinite; animation: ping 3000ms ease-out 0 infinite; }
.dm-location .dm-location-points > *:after { content: ''; position: absolute; top: -6px; left: -6px; background: #0064ff; width: 8px; height: 8px; display: block; border: 2px solid white; background: #0064ff; box-shadow: 0 2px 5px rgba(0,0,0,.25); text-indent: -9999px; border-radius: 50%; }
.dm-location .dm-location-points > *:nth-of-type(3n+0):before { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -ms-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }
.dm-location .dm-location-points > *:nth-of-type(3n+1):before { -webkit-animation-delay: -.5s; -moz-animation-delay: -.5s; -ms-animation-delay: -.5s; -o-animation-delay: -.5s; animation-delay: -.5s; }
.dm-location .dm-location-points > *:nth-of-type(3n+2):before { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -msanimation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; }
.dm-location .dm-location-points .dm-location-durham { left: 20%; top: 23.5%; }
.dm-location .dm-location-points .dm-location-fairmount { left: 14%; top: 27%; }
.dm-location .dm-location-points .dm-location-johannesburg { left: 50.5%; top: 66%; }

.dm-addresses { margin: 3em 0; }
.dm-addresses h3 { border-bottom: 1px solid #eee; padding-bottom: 1em; }
.dm-addresses h3 em { font-style: normal; font-size: .67em; color: #999; }
.dm-addresses h3 em:before { content: '|'; margin: 0 1em 0 .875em; color: #ccc; }
.dm-address { font-style: normal; color: #999; white-space: pre-line; display: inline-block; width: 50%; margin-left: -4px; vertical-align: top; padding: 1em 0; }
.dm-address strong { color: #222; }
@media only screen and (max-width: 640px) {
	.dm-address { display: block; width: auto; }
	.dm-addresses h3 em { display: block; }
	.dm-addresses h3 em:before { display: none; }
}

/* ------------------------------------ PAGES ------------------------------------ */

.dm-pages { margin: 3em 0; color: #333; border-radius: 4px; text-align: center; }
.dm-pages .page-numbers { padding: .625em .75em .75em; display: inline-block; }
.dm-pages .next { position: absolute; right: 0; }
.dm-pages .next:after { content: ' »' }
.dm-pages .prev { position: absolute; left: 0; }
.dm-pages .prev:before { content: '« ' }
@media only screen and (max-width: 640px) {
	.dm-pages { margin: 1em 0; }
	.dm-pages .page-numbers { visibility: hidden; padding-left: 0; padding-right: 0; }
	.dm-pages .prev,
	.dm-pages .next { visibility: visible; }
}

/* ------------------------------------ EDITOR ------------------------------------ */

.wp-editor { color: #555; }
.wp-editor img { max-width: 100%; height: auto !important; }
.wp-editor iframe,
.wp-editor img,
.wp-editor .iframe { margin: 2em 0; }
.wp-editor img.alignleft { float: left; margin-right: 30px; }
.wp-editor img.aligncenter { display: inline; }
.wp-editor img.alignright { float: right; margin-left: 30px; }
.wp-editor strong,
.wp-editor bold { color: #333; }
.wp-editor h1,
.wp-editor h2,
.wp-editor h3,
.wp-editor h4,
.wp-editor h5,
.wp-editor h6 { color: #333; margin-top: 2em; }
.wp-editor h1,
.wp-editor h2 { margin-top: 2.5rem; }
.wp-editor p:empty { display: none; }

.iframe { height: 0; clear: both; }
.iframe iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; }
.iframe-youtube { padding-bottom: 60.9375%; /* 390/640 */ }

/* ------------------------------------ MOBILE CTA ------------------------------------ */

.dm-ad { padding: 4% 7% 5%; margin: 3rem 0; box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.08); background: white repeat 50% 50%; background-size: cover; overflow: hidden; }
.dm-ad + .dm-ad { margin-top: -2rem; }
.dm-ad-background { display: block; width: 110%; height: 110%; position: absolute; left: -5%; top: -5%; background: transparent repeat 50% 50%; background-size: cover;  }
.dm-ad-blur .dm-ad-background { -webkit-filter: blur(5px); filter: blur(5px); }
.dm-ad-curtain { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: transparent repeat 50% 50%; background-size: 100% 100%; }
.dm-ad.black, .dm-ad.red, .dm-ad.orange, .dm-ad.green, .dm-ad.blue, .dm-ad.purple { color: white; }
.dm-ad.black *, .dm-ad.red *, .dm-ad.orange *, .dm-ad.green *, .dm-ad.blue *, .dm-ad.purple * { color: inherit; }
.dm-ad.black .ui-action, .dm-ad.red .ui-action, .dm-ad.orange .ui-action, .dm-ad.green .ui-action, .dm-ad.blue .ui-action, .dm-ad.purple .ui-action { background: white; color: #222; }
.dm-ad.white { background-color: #fff; } .dm-ad.black .ui-action { background: white; color: #222; } .dm-ad.white:before { background-image: url(/ui/img/ads/white.png); }
.dm-ad.black { background-color: #222; } .dm-ad.black .ui-action { color: #222; } .dm-ad.black .dm-ad-curtain { background-image: url(/ui/img/ads/black.png); }
.dm-ad.red { background-color: #ba2f16; } .dm-ad.red .ui-action { color: #ba2f16; } .dm-ad.red .dm-ad-curtain { background-image: url(/ui/img/ads/red.png); }
.dm-ad.orange { background-color: #d87a00; } .dm-ad.orange .ui-action { color: #d87a00; } .dm-ad.orange .dm-ad-curtain { background-image: url(/ui/img/ads/orange.png); }
.dm-ad.yellow { background-color: #ffd400; } .dm-ad.yellow .ui-action { color: #222; } .dm-ad.yellow .dm-ad-curtain { background-image: url(/ui/img/ads/yellow.png); }
.dm-ad.green { background-color: #1fa813; } .dm-ad.green .ui-action { color: #1fa813; } .dm-ad.green .dm-ad-curtain { background-image: url(/ui/img/ads/green.png); }
.dm-ad.blue { background-color: #0064ff; } .dm-ad.blue .ui-action { color: #0064ff; } .dm-ad.blue .dm-ad-curtain { background-image: url(/ui/img/ads/blue.png); }
.dm-ad.purple { background-color: #6c4bcb; } .dm-ad.purple .ui-action { color: #6c4bcb; } .dm-ad.purple .dm-ad-curtain { background-image: url(/ui/img/ads/purple.png); }
.dm-ad h4 { color: #333; }
.dm-ad .ui-action {  }
.dm-ad-link { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.dm-ad-linked { -webkit-transition-property: all; }
.dm-ad-linked:hover { box-shadow: 0 0 0 1px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.2); -webkit-transform: scale(1.03); transform: scale(1.03); }
.dm-ad h1, .dm-ad h2, .dm-ad h3, .dm-ad h4, .dm-ad h5, .dm-ad h6 { margin-top: .75rem; }

/* ------------------------------------ MOBILE CTA ------------------------------------ */

.dm-mobile-overlay { display: none; color: #999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 500; background: white; }
html.ios .dm-mobile-overlay { overflow: scroll; -webkit-overflow-scrolling: touch; }
html.ios .dm-mobile-overlay,
html.android .dm-mobile-overlay { display: block; }
.dm-mobile-content { display: table; width: 100%; height: 100%; }
.dm-mobile-body { display: table-cell; vertical-align: middle; }
.dm-mobile-container { padding: 20px; max-width: 280px; margin: 0 auto; }
@media only screen and (min-width: 641px) {
	.dm-mobile-container { -webkit-transform: scale(1.33); -moz-transform: scale(1.33); -ms-transform: scale(1.33); -o-transform: scale(1.33); transform: scale(1.33); }
}
.dm-mobile-container,
.dm-mobile-container * { text-align: center; }
.dm-mobile-body img { display: block; max-width: 100%; margin: 1em auto; }

.dm-mobile-overlay .ui-action-link,
.dm-mobile-overlay .ui-action-text { display: block; padding: 0; height: auto; }
.dm-mobile-overlay .ui-action,
.dm-mobile-overlay p,
.dm-mobile-overlay img,
.dm-mobile-overlay h1,
.dm-mobile-overlay h2,
.dm-mobile-overlay h3,
.dm-mobile-overlay h4,
.dm-mobile-overlay h5,
.dm-mobile-overlay h6 { margin: .5em 0; }
.dm-mobile-overlay h1,
.dm-mobile-overlay h2,
.dm-mobile-overlay h3,
.dm-mobile-overlay h4,
.dm-mobile-overlay h5,
.dm-mobile-overlay h6 { color: #222; }
.dm-mobile-overlay strong { font-weight: inherit; color: #222; }

/* ------------------------------------ CONTACT PLUGIN ------------------------------------ */

.wpcf7-form .ajax-loader { display: block; margin: 1em auto; }
.wpcf7-form .ui-action-graphic ~ .ajax-loader { display: none; }
.wpcf7-validation-output,
.wpcf7-response-output { color: #777; padding: .75em 1.25em .85em !important; margin-bottom: 20px; border-width: 0 !important; border-radius: 3px; background: #eee; margin: 1em 0 !important; }
.wpcf7-mail-sent-ok { color: #595; background-color: #dfc; }
.wpcf7-validation-errors { color: #c55; background-color: #fdd; }
.wpcf7-not-valid-tip { color: #c55 !important; font-size: 13px !important; }

/* ------------------------------------ MAILCHIMP PLUGIN ------------------------------------ */

.mc4wp-form-success > * { display: none !important; }
.mc4wp-alert { display: block !important; padding: .75em 1.25em .85em; border-radius: 3px; margin: .5em 0; font-size: 13px; }
.mc4wp-success { color: #595; background-color: #dfc; }
.mc4wp-notice { color: #38d; background-color: #def; }
.mc4wp-error {color: #c55; background-color: #fdd; }

/* ------------------------------------ OLARK ------------------------------------ */

#habla_window_div #habla_topbar_div { background-color: #0064ff !important; padding: 15px 18px !important; font-size: 16px; }

/* ------------------------------------ TEMPLATES ------------------------------------ */

body[data-template="form"] .dm-page { background: #fcfcfc; }
body[data-template="form"] .dm-nav-links { display: none; }
body[data-template="form"] .dm-content { padding: 10px 0; }
body[data-template="form"] .dm-content-body { padding-top: 0; }
body[data-template="form"] .dm-proof-text { background-image: url(/ui/img/backgrounds/silver-fade.png); }

body[data-page="pricing"] .dm-header { padding-bottom: 4em; }
body[data-page="pricing"] .dm-content { top: -4em; padding-top: 0; }

body[data-template~="embedded"] { width: auto; height: auto; padding: 5px; background: transparent; }
body[data-template="embedded panel"] form { background: white; padding: 12px 30px 15px; box-shadow: 0 4px 12px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.08); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; }

/* ------------------------------------ OVERLAYS ------------------------------------ */

.overlay { top: 0; left: 0; z-index: 5000; width: 100%; height: 100%; position: fixed; display: table; margin: 0; opacity: 0; visibility: hidden; left: -100%; -webkit-transition: opacity .125s cubic-bezier(0,.5,.5,1), visibility .25s; transition: opacity .125s cubic-bezier(0,.5,.5,1), visibility .25s; -moz-box-sizing: border-box; box-sizing: border-box; }
.overlay:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 5000px; background: rgba(0,0,0,.5); }
.overlay.overlay-visible { opacity: 1; visibility: visible; left: 0; }
.overlay .overlay-content { display: table-cell; vertical-align: middle; text-align: center; padding: 20px; }
.overlay .overlay-content .modal { display: block; margin: auto; max-width: 480px; background: white; padding: 0; -webkit-transition: all .333s cubic-bezier(0,.5,.5,1); transition: all .333s cubic-bezier(0,.5,.5,1); box-shadow: 0 20px 20px rgba(0,0,0,.333); }
.overlay .overlay-content .modal.minimized { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); }
.overlay .overlay-content .modal.modal-form { padding: 0; width: 640px; max-width: none; }
@media only screen and (max-width: 800px) { .overlay .overlay-content .modal.modal-form { width: 80%; min-width: 320px; } }
.overlay .overlay-content .modal .modal-content { padding: 20px 40px; }
.overlay .overlay-content .modal .modal-content iframe { margin: 0 !important; }
.overlay .overlay-content .modal .modal-close { z-index: 5001; width: 20px; height: 20px; display: block; position: absolute; text-indent: -9999px; top: 0; right: 0; margin: 1.5rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.overlay .overlay-content .modal .modal-close:before, .overlay .overlay-content .modal .modal-close:after { content: ''; display: block; position: absolute; width: 1px; height: 1px; background: #999; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.overlay .overlay-content .modal .modal-close:before { width: 100%; }
.overlay .overlay-content .modal .modal-close:after { height: 100%; }