@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(/media/font/Roboto-Light.ttf) format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(/media/font/Roboto-Regular.ttf) format('truetype'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(/media/font/Roboto-Medium.ttf) format('truetype'); }

body { font-size: 16px; line-height: 28px; margin: 0; font-family: 'Roboto', Helvetica, sans-serif; font-weight: 300; color: #222; background: #fff; background-size: cover; text-align: left; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizelegibility; -webkit-text-size-adjust: 100%; width: 100%; }
body.noScroll { position: fixed; overflow: hidden; }

ul { margin: 0; padding: 0; }
hr { background: #ddd; height: 1px; border: 0; margin-top: 0; }
h1, h2, h3 { margin: 0; font-weight: inherit; }
p { margin: 0; padding: 0; }
p.text { margin: 0 0 15px 0; padding: 0; }
a { color: #222; border-bottom: solid 2px rgba(34,34,34,1); font-weight: 400; text-decoration: none; }
a:hover, a:focus { color: rgba(34,34,34,.7); border-bottom: solid 2px rgba(34,34,34,.5); }
a .underline { border-bottom: solid 2px rgba(34,34,34,1); }
a .underline:hover { border-bottom: solid 2px rgba(34,34,34,.5); }
a.greyLink { color: rgba(34,34,34,1); border-bottom: solid 2px rgba(34,34,34,1); text-decoration: none; }
a.greyLink:hover { color: rgba(34,34,34,.7); border-bottom: solid 2px rgba(34,34,34,.5); }
a.lightGreyLink { color: rgba(34,34,34,.4); border-bottom: solid 2px rgba(34,34,34,.4); text-decoration: none; }
a.lightGreyLink:hover { color: rgba(34,34,34,1); border-bottom: solid 2px rgba(34,34,34,1); }
a.white { color: #fff; border-bottom: solid 2px #fff; }
a.white:hover { color: rgba(255,255,255,.7) !important; border-bottom: solid 2px rgba(255,255,255,.4); }
a.green { color: #00a110; border-bottom: solid 2px rgba(0,161,16,.7); }
a.green:hover { color: rgba(0,161,16,.7); border-bottom: solid 2px rgba(0,161,16,.2); }
a.noBorder { border-bottom: none !important; }
.underline { border-bottom: solid 2px; }
.underlineBlue { border-bottom: solid 2px rgba(0,115,186,.4) !important; }
.underlineBlue:hover { border-bottom: solid 2px rgba(0,115,186,.2) !important; }
.underlineGrey { border-bottom: solid 2px rgba(34,34,34,.4) !important; }
.underlineGrey:hover { border-bottom: solid 2px rgba(34,34,34,.2) !important; }
.noBorder { border: none !important; }
.borderDarkGrey { border: solid 2px #222; }
.borderBlue { border: solid 2px rgba(0,115,186,.4); }
.borderGreen { border: solid 2px rgba(0,161,16,.4); }
.borderBottomBlue { border-bottom: solid 2px #0073ba; }
.borderBottomBlueMore { border-bottom: solid 2px #0073ba; padding-bottom: 8px !important; }
.borderBottomLightGreyMore { border-bottom: solid 2px #aaa; padding-bottom: 8px !important; }
.borderTopGrey { border-top: solid 1px #ddd; }
.borderBottomGrey { border-bottom: solid 1px #ddd; }
a img:hover { opacity: .9; }
img { width: 100%; border: 0; }
img.social { vertical-align: middle; margin: 0; width: 20px; height: 20px; opacity: .8; }
img.socialTeam { margin-right: 8px; margin-top: -4px; }
img.socialFull { opacity: 1; }
img.social:hover, img.social:focus { opacity: .8; }
img.socialNoHover:hover { opacity: .8 !important; }
::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { color: #888; }
::-moz-placeholder { color: #888; }
:-ms-input-placeholder { color: #888; }
.spacer { max-width: 1100px; margin: 0 auto; padding: 0 30px; }
.spacerVideo { max-width: 920px; margin: 0 auto; }
.spacerFull { max-width: 1480px; margin: 0 auto; padding: 0 45px; }
.spacerFullBleed { margin: 0 auto; padding: 0; }
.spacerLarge { max-width: 1200px; margin: 0 auto; padding: 0 30px; }
.spacerTighter { max-width: 920px; margin: 0 auto; padding: 0 30px; }
.spacerTighterMore { max-width: 600px; margin: 0 auto; padding: 0 30px; }
.hidden { display: none; }
.backgroundGrey { background: #222 !important; }
.backgroundLightGrey { background: #aaa !important; }
.backgroundLightGreen { background: #daffea !important; }
.backgroundLightOrange { background: #fff3da !important; }
.backgroundLightBlue { background: #daf0ff !important; }
.backgroundWhite { background: #fff !important; }
.bold, .boldSwitch { font-weight: 400 !important; }
.normal { font-weight: 300 !important; }
.italic { font-style: italic; }
.blue { color: #0073ba !important; } .green { color: #00a110; } .red { color: #eb4d5c !important; } .white { color: #fff !important; } .grey { color: #222 !important; } .lightGrey { color: #888 !important; } a.lightGrey, a.lightGrey:hover { border-bottom: solid 2px #aaa; } .greenModern { color: #007e5d; } .midGrey { color: #555; }
.fontNav { font-size: 17px; font-weight: 500; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.fontTiny { font-size: 14px; line-height: 22px; }
.fontSmallerer { font-size: 15px; line-height: 25px; }
.fontSmaller { font-size: 16px; line-height: 28px; }
.fontFooter { font-size: 15px; line-height: 28px; }
.fontMedium, .fontMediumBanner { font-size: 22px; line-height: 35px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.fontMediumPlus, .fontMediumFooter { font-size: 24px; line-height: 36px; }
.fontBannerSub { font-size: 24px; line-height: 38px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fontBanner { font-size: 42px; line-height: 56px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fontBannerHomepageHeader { font-size: 54px; line-height: 70px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; }
.fontBannerPlatform { font-size: 48px; line-height: 62px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fontLarge { font-size: 34px; line-height: 46px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; }
.textRight { text-align: right !important; }
.textLeft { text-align: left !important; }
.textCenter { text-align: center !important; }
.centerToLeftMobile { text-align: center !important; }
.floatRight { float: right; }
.floatLeft { float: left; }
.floatNone { float: none !important; }
.defaultCursor { cursor: default !important; }
.cursorPointer { cursor: pointer !important; }
.decorationNone { text-decoration: none !important; }
.paddingTopNone { padding-top: 0 !important; }
.paddingTopSmallest { padding-top: 7px !important; }
.paddingTopSmaller { padding-top: 10px !important; }
.paddingTopSmall { padding-top: 15px !important; }
.paddingRightNone { padding-right: 0 !important; }
.paddingBottom { padding-bottom: 30px !important; }
.paddingBottomMore { padding-bottom: 45px !important; }
.paddingBottomSmallest { padding-bottom: 7px !important; }
.paddingBottomSmaller { padding-bottom: 10px !important; }
.paddingBottomSmall { padding-bottom: 15px !important; }
.paddingTop { padding-top: 30px !important; }
.paddingTopMore { padding-top: 45px !important; }
.paddingBottomNone { padding-bottom: 0 !important; }
.paddingNone { padding: 0 !important; }
.contentSectionPaddingLarge { padding-top: 125px !important; padding-bottom: 125px !important; }
.contentSectionPaddingSmall { padding-top: 40px !important; padding-bottom: 40px !important; }
.contentSectionPaddingSmaller { padding-top: 30px !important; padding-bottom: 30px !important; }
.contentSectionPaddingSmallest { padding-top: 20px !important; padding-bottom: 20px !important; }
.contentSectionPaddingNone { padding-top: 0px !important; padding-bottom: 0px !important; }
.marginTopSmallest { margin-top: 8px !important; }
.marginTopSmall { margin-top: 15px !important; }
.marginTop { margin-top: 30px !important; }
.marginTopMore { margin-top: 45px !important; }
.marginTopMoreMore { margin-top: 60px !important; }
.marginTopNone { margin-top: 0 !important; }
.marginRightNone { margin-right: 0 !important; }
.marginBottomSmall { margin-bottom: 15px !important; }
.marginBottom { margin-bottom: 30px !important; }
.marginBottomMore { margin-bottom: 45px !important; }
.marginBottomNone { margin-bottom: 0 !important; }
.marginLeft { margin-left: 15px !important; }
.marginNone { margin: 0 !important; }
.lineHeightNone { line-height: 0; }
.clearBoth { clear: both; }
.inlineBlock { display: inline-block !important; }
.hideWhenSmall { display: block; visibility: visible; }
.hideWhenSmallInline { display: inline; visibility: visible; }
.hideWhenMedium { display: block !important; visibility: visible; }
.hideWhenSmallest { display: block; visibility: visible; }
.hideWhenSmallestInline, .hideWhenTinyInline { display: inline; visibility: visible; }
.showWhenSmall { display: none; visibility: hidden; }
.showWhenSmallInline { display: none; visibility: hidden; }
.showWhenMedium { display: none !important; visibility: visible; }
.showWhenSmallest { display: none !important; visibility: hidden; }
.showWhenSmallestInline, .showWhenTinyInline { display: none; visibility: hidden; }
.noSelect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
a.anchorLink { display: block; position: relative; top: -50px;/*61*/ visibility: hidden; }
.opacityFull { opacity: 1 !important; }
.partialWidth { width: 75%; margin: 0 auto; }
.skipNavigation { position: absolute; z-index: 1000; text-indent: -1000em; border-bottom: 0 !important; }
/* .skipNavigation:focus { text-indent: 0em; } */
.grid6 .grid-item { width: 16.66667%; }
.grid5 .grid-item { width: 20%; }
.grid4 .grid-item { width: 25%; }
.grid3 .grid-item { width: 33.33334%; }
.grid2 .grid-item { width: 50%; }
.grid-item { margin: 0 0 60px 0; }
.grid-spacer { padding: 0 30px; }
.grid5 .grid-spacer { padding: 0 15px; }
.grid-spacer-helper { display: inline-block; height: 100%; vertical-align: middle; }
.grid-item a { border: none; font-weight: 300 !important; }
.grid-item img { margin-bottom: 15px; }
.grid3Homepage .grid-item { margin-bottom: 30px; }
.grid6PlatformImport .grid-item { margin-bottom: 30px; }
.grid6PlatformImport .grid-item img { margin-bottom: 20px; }

.announcementBar { position: absolute; top: 0; width: 100%; background: #f0ca56; height: 40px; line-height: 40px; text-align: center; z-index: 5000; color: #222; transition: background-color 0.3s ease; cursor: pointer; outline: none; }
.announcementBar:hover { background-color: #ffd65c; }

.storiesLarge { font-size: 42px; line-height: 56px; font-weight: 400; margin: 0 0 30px 0; padding: 0; }
.storiesMedium { font-size: 28px; line-height: 40px; margin: 0 0 30px 0; padding: 0; }
.storiesSmall { font-size: 20px; line-height: 30px; margin: 0 0 30px 0; padding: 0; }
.storiesSmallest { font-size: 16px; line-height: 26px; margin: 0 0 30px 0; padding: 0; }
.storiesQuote { padding: 0 30px; margin: 45px 0 45px 0; border-right: solid 2px #ccc; border-left: solid 2px #ccc; font-weight: 400; }
.storiesList li { margin-left: 20px; }
.storiesList li a { margin-bottom: 15px; }

#nav { position: absolute; width: 100%; /*top: 40px;*/ margin: 0 auto; padding: 0; background: #fff; }
.navDark { background: #0b2b42 !important; }
.navDarkPlatform { background: #5e8077 !important; }
.navDarkPlatformMenu { background: #5e8077 !important; color: #fff !important; }
.navDarkPlatformMenu svg { fill: #fff !important; }
.navDarkPlatformMenu li a { color: #fff !important; }
.navDarkPlatformMenu .underlineMenu { border-bottom: solid 2px #fff !important; color: #fff !important; }
#nav.open { background: #0073ba; }
#nav li { padding: 0; list-style: none; display: inline-block; }
#nav li a { padding: 0 18px 0 18px; line-height: 78px; color: #222; border-bottom: 0; display: inline-block; font-weight: 500; }
#nav.navDark li a { color: #fff !important; }
#nav li a.navLinkDemo { margin-left: 18px; padding: 0 12px; background: #0073ba; color: #fff; line-height: 34px; }
#nav li a:hover, #nav li a:focus { opacity: .7; }
#nav li a.on { opacity: .5; }
.logo { float: left; margin: 22px 0 0 0; z-index: 1001; position: relative; }
.logo img { width: 148px; height: 35px; }
.logo:hover, .logo:focus { opacity: 0.7; filter: alpha(opacity=70); }
ul.homepageLogo { background: #f7f7f7; padding: 30px; margin: 0 auto; }
ul.homepageLogo li { list-style: none; width: 25%; float: left; line-height: 0; }
ul.homepageLogo li img { width: 95%; opacity: .6; }
ul.homepageLogo li.lastTwo { margin-top: 0; }
.navRight { position: relative; z-index: 1001; }
.hamburgerSVG { fill: #222; margin: 23px 0 0 0; z-index: 1001; position: relative; }
.hamburgerSVGHome { fill: #fff !important; }
.noTouch .hamburgerSVG:hover { opacity: 0.7; filter: alpha(opacity=70); cursor: pointer; }
.navMenuMobile { position: fixed; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; background: #5e8077; z-index: 1000; }
.navMenuMobile ul { margin-top: 102px; padding-top: 26px; /*border-top: solid 1px rgba(255,255,255,.2);*/ }
.navMenuMobile li { list-style: none; }
.navMenuMobile li a { color: #fff; padding: 0 18px; font-size: 22px; line-height: 44px; font-weight: 400; display: block; text-align: center; border-bottom: 0; }
.navMenuMobile li a.on { opacity: .5; }

.companyTeam { width: 180px; }
.companyBioPicture { width: 27%; float: left; }
.companyBioText { width: 73%; float: left; }
.companyBioPictureRight { width: 27%; float: right; text-align: right; }

.line { height: 1px; width: 100%; margin: 0 auto; border-bottom: solid 1px #ddd; margin: 45px 0; }
.lineTopOnly { border-top: solid 1px #ddd; }
.line.small { margin: 15px 0; }
.line.closeBottom { margin: 60px 0 30px 0; }
.line.closeTop { margin: 30px 0 60px 0; }

.platformIndexWarpwireIcon { margin-right: 8px !important; margin-top: -4px !important; }
.platformIndexFixed { position: fixed; width: 100%; top: 0; }
#platformIndex { margin: 0 auto; text-align: center; }
#platformIndex li { list-style: none; display: inline-block; }
#platformIndex li a { margin: 0 18px 0 0; display: inline-block; line-height: 50px; height: 50px; color: #222; border: 0; font-weight: 400; }
#platformIndex li:last-child a { margin-right: 0; }
#platformIndex li a:hover, #platformIndex li a:focus { opacity: .5; }

#platformIndexSmall { padding: 10px 0; /* position: absolute; */ margin: 0 auto; text-align: left; /* border-bottom: solid 2px #ddd; */ font-size: 18px; line-height: 26px; width: 100%; background: #fff; }
.navDarkPlatformMenu #platformIndexSmall { background: #5e8077; }
.platformIndexFixed { border-bottom: solid 1px #ddd; }
.platformIndexFixed #platformIndexSmall { position: absolute !important; border-bottom: solid 1px #ddd; }
.platformIndexSmallToggle { line-height: 50px; height: 50px; padding: 3px 18px 0 18px; cursor: pointer; font-size: 18px; }
.platformIndexSmallToggle svg { height: 13px; width: 24px; margin-top: 18px; opacity: 1; }
.platformIndexSmallToggle svg.platformIndexWarpwireIcon { margin-top: -2px; }
.platformIndexSmallToggle:hover { opacity: .8; }
.platformIndexSmallToggle:hover svg { opacity: .8; }
#platformIndexSmall li { list-style: none; display: block; float: none; }
#platformIndexSmall li a { z-index: 1000; margin: 0 0 0 0; display: block; padding: 0 0 12px 36px; color: #222; border: 0; font-weight: 400; }
.noTouch #platformIndexSmall li a:hover { opacity: .5; }
.rotatePlatformIndexSmallImage { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);
transform: rotate(180deg); }
.platformIcon { width: 100px; }
.platformImageRight { float: right; max-width: 275px; margin: 15px 0 15px 15px; }
.platformFeatureIndexImage { width: 160px; }
.platformHeaderGraphic { width: 180px; }
.homepageFigureHeader { width: 1506px; height: 710px; background-size: 1506px 710px; background-repeat: no-repeat; background-image: url(/media/image/homepage-banner-devices-large-2x.jpg); }
.platformFigureHeader { width: 1506px; height: 710px; background-size: 1506px 710px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-devices-large-2x.jpg); }
.platformFigureOrganize { width: 1506px; height: 710px; background-size: 1506px 710px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-organize-large-2x.jpg); }
.platformFigureMobile { width: 758px; height: 398px; background-size: 758px 398px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-mobile-large-2x.png); margin: 0 auto; }
.platformFigureAnalytics { width: 1506px; height: 710px; background-size: 1506px 710px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-analytics-large-2x.jpg); }
.companyFigureStory { width: 1458px; height: 338px; background-size: 1458px 338px; background-repeat: no-repeat; background-image: url(/media/image/company-banner-story-large-2x.png); margin: 0 auto; }
.scrollHorizontalWhenSmall { overflow-x: scroll; }
.contactBackground { background-image: url('/media/image/contact-background.png') !important; background-repeat: no-repeat !important; background-position: top center !important; background-color: #fff !important; background-size: 1092px 890px !important; }

.platformIndexNoList { margin: 0 auto; height: 60px; line-height: 60px; }
.searchContainer { display: inline-block; position: relative; text-align: left; }
#searchInput { padding: 8px; font-size: 14px; border: solid 1px #ddd; background: #fff; -webkit-appearance: none; border-radius: 0; margin: 5px 0 10px 0; width: 218px; }
.searchCount { padding: 6px 15px; font-weight: 300; color: #888; text-align: right !important; border-top: 0 !important; }
.searchResultsList li { border-top: solid 1px #888; line-height: 18px; list-style: none; text-align: left; font-size: 13px; background: #fff; }
.searchResultsList li a { padding: 13px 15px !important; text-decoration: none; border: 0; display: block; color: #222; }
.searchResultsList li a:hover { background: #ecf7fe; color: #222; border: 0; }
#searchResults { position: absolute; width: 234px; z-index: 20000; max-height: 300px; overflow: scroll; left: 0; text-align: left; line-height: 0; border: solid 1px #888; background: #fff; top: 36px; }
.searchSection { font-size: 14px; }
.searchTitle { font-size: 12px; font-weight: 300; color: #888; }

.developersBlock li { list-style: none; }
.developersBlock li a { border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 15px 30px 15px 15px; display: block; color: #222; background: #f7f7f7; font-weight: 300; }
.noTouch .developersBlock li a:hover, .noTouch .developersBlock li a:focus { background: #dafff5; }
.developersBlockNoLink { overflow-y: scroll; max-height: 220px; -webkit-overflow-scrolling: touch; border: solid 1px #ddd; }
.developersBlockNoLink::-webkit-scrollbar { -webkit-appearance: none; }
.developersBlockNoLink::-webkit-scrollbar:vertical { width: 10px; }
.developersBlockNoLink::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid #fff; background-color: rgba(0,0,0,.5); }
.developersBlockNoLink::-webkit-scrollbar-track { background-color: #fff; border-radius: 8px; }
.developersBlockNoLink li { list-style: none; border-bottom: solid 1px #ddd; padding: 15px 30px 15px 15px; display: block; color: #222; background: #fff; }
.developersMenu { width: 200px; float: left; font-size: 14px; line-height: 26px; position: absolute; }
.developersMenuFixed { position: fixed !important; top: 25px !important; }
.developersMenu li { list-style: none; }
.developersMenu li a { border-bottom: none !important; display: block; }
.developersMenu li a.on { text-decoration: underline; }
.developersContent table { width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; border: solid 1px #ddd; border-collapse: collapse; border-spacing: 0; empty-cells: show; }
.developersContent thead { text-align: left; vertical-align: bottom; }
.developersContent th { font-weight: 500; background: #f4f4f4; border-bottom: solid 2px #ddd; }
.developersContent th, .developersContent td { width: 35%; padding: 5px 10px; word-wrap: break-word; vertical-align: top; }
.developersContent th:last-child, .developersContent td:last-child { width: 65%; }
.underlineMenu { border-bottom: solid 2px #222; color: #222; }
.navDark .underlineMenu { border-bottom: solid 2px #fff; color: #fff; }
.backgroundMonospace { overflow: hidden; background: #222; color: #fff; padding: 15px; font-family: monospace; word-wrap: break-word; }
code { background: #eee; word-wrap: break-word; }
pre { margin-top: 0; margin-bottom: 0; }

.supportMenu { width: 235px; float: left; font-size: 14px; line-height: 20px; padding: 10px 15px; position: relative; top: 0; overflow-y: overlay; overflow-x: hidden; background: #fff; box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.01), 0 3px 20px rgba(51, 51, 51, 0.1); -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.supportMenu::-webkit-scrollbar { height: 4px; width: 3px; -webkit-appearance: none; }
.supportMenu::-webkit-scrollbar-thumb { background: rgba(0,0,0,.25); }
.supportMenuFixed { position: fixed; top: 150px; }
.supportMenuRight { width: 20%; margin-left: 10%; float: left; }
.supportMenuMobile { width: 100% !important; padding-right: 0; border-right: 0; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0 auto; padding: 0; border: 0; background: #fff; max-height: none; }
.supportMenuIcon { height: 20px; width: 20px; float: right; opacity: .4 !important; margin-top: 3px; }
.supportMenuIconNoMargin { height: 20px; width: 20px; float: right; opacity: .3 !important; }
.supportMenuIconNoCircle { height: 20px; width: 11px; float: right; opacity: .3 !important; }
.categoryHeader { padding: 5px 0; }
.supportMenu li.category { font-weight: 400; padding-left: 0; }
.supportMenu li.category a.categoryLink { color: #222; }
.supportMenu li.category a.categoryLink:hover { opacity: .7; }
.supportMenu li { list-style: none; }
.supportMenu li a { display: block; padding: 5px 0 5px 0; }
.supportMenuMobile li a { padding: 8px 15px; border-bottom: solid 1px #ddd !important; background: #fff; }
.supportMenuMobileSeamless li a { padding: 8px 0; }
.supportMenuMobile li a.first { border-top: solid 1px #ddd !important; }
.supportMenuMobile li a.on { background: #f7f7f7 !important; color: #222; }
.noTouch .supportMenuMobile li:hover a.on { background: #f7f7f7 !important; color: #222 !important; }
.noTouch .supportMenuMobile li:hover a { background: #dafff5 !important; color: #222; }
.supportMenu li.category ul { margin-bottom: 5px; }
.supportMenu li.category ul li a { display: block; padding: 5px 15px 5px 15px; color: #222; font-weight: 300; }
.supportMenuMobile li.category ul li a { padding-top: 8px; padding-bottom: 8px; }
.supportMenu li.category ul li a:hover { color: rgba(34,34,34,.7); }
.supportMenu li.category ul li a.on { background: #dafff5; }
.supportMenu a { text-decoration: none; border: 0; }
.supportMenu a:hover { color: rgba(34,34,34,.7); border: 0; }

.workflowsLanding li { width: 22%; margin-right: 4%; list-style: none; float: left; margin-bottom: 60px; display: block; }
.workflowsLanding li:nth-child(4n) { margin-right: 0; clear: right; }
.workflowsLanding li.half { width: 48%; margin-right: 4%; }
.workflowsLanding li.half:nth-child(2n) { margin-right: 0; clear: right; }
.workflowsLanding li a { line-height: 0; display: block; color: #222; border: none; position: relative; font-weight: 300; }
.noTouch .workflowsLanding li a:hover, .noTouch .workflowsLanding li a:focus { opacity: .8; }
.workflowsLanding li a div.text { padding-bottom: 5px; }
.workflowsLanding li a div.explore { border-top: solid 1px #ddd; }
.workflowsImage { width: 100%; height: auto; margin-bottom: 15px; }
.workflowsImage:hover { opacity: 1; }

.supportForm { width: 100%; max-width: 500px; margin: 0 auto; }
input.support { color: #222; padding: 0 .75em; line-height: 40px; height: 40px; font-size: 15px; width: 100%; max-width: 500px; border: solid 1px #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; background: #fff; }
input.support.error { border: solid 1px #eb4d5c; }
select.support { color: #222; padding: .75em; font-size: 15px; width: 100%; max-width: 500px; border: solid 1px #ccc; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 9px; }
select.support.error { border: solid 1px #eb4d5c; }
textarea.support { color: #222; padding: .75em; font-size: 15px; width: 100%; max-width: 500px; border: solid 1px #ccc; background: #fff; -webkit-appearance: none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0; }
textarea.support.error { border: solid 1px #eb4d5c; }
input.support:focus, select.support:focus, textarea.support:focus, #searchInput:focus { border: solid 1px #222; outline: none; }
.supportButton { padding: .75em; background: #222; border: 0; border-radius: 0; color: #fff; font-size: 16px; -webkit-appearance: none; margin: 0 auto; width: 100%; text-align: left; }
.supportButton:hover { opacity: .7; cursor: pointer; }
.supportButtonSmall { width: 50% !important; }
.supportButtonIcon { height: 20px; width: 20px; float: right; opacity: 1 !important; }
.internalPadding { padding: 30px; }

.supportContent { margin-left: 295px; /* border-left: solid 1px #ddd; */ padding-left: 45px; }
.supportContent iframe { margin-bottom: 30px; }
.supportContentLeft { width: 70%; float: left; }
.supportInlineImage { width: 20px !important; height: 20px !important; vertical-align: middle; margin: -3px 2px 0 2px !important; }
.supportInlineImageLessMargin { width: 20px !important; height: 20px !important; vertical-align: middle; margin: -3px 0 0 0 !important; }
.supportInlineImageLeftMargin { width: 20px !important; height: 20px !important; vertical-align: middle; margin: -3px 0 0 15px !important; }
.supportInlineImageSmaller { width: 11px !important; height: 11px !important; margin-left: 4px !important; }
.supportInlineImageTable { width: 20px; vertical-align: middle; margin: -3px 0 0 0; opacity: .4; }
a:hover img.supportInlineImageTable { opacity: 1; }
.supportHeader { margin: 0 0 15px 0; padding: 0; font-size: 34px; font-weight: 400; line-height: 46px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.supportSubHeader { margin: 0 0 15px 0; padding: 30px 0 0 0; font-size: 24px; line-height: 34px; color: #007e5d; }
.supportSubHeader .link { color: #007e5d; font-weight: 300; border: none; }
.supportText { margin: 0 0 15px 0; padding: 0; }
div.supportVideo { line-height: 0; border: solid 1px #222; }
.jw-tab-focus:focus { outline: none !important; }
img.supportImage { max-width: 720px; margin-top: 15px; margin-bottom: 30px; border: solid 1px #ddd; }
img.supportImage.supportImageSmall { max-width: 320px; }
img.supportImage.supportImageSmaller { max-width: 200px; }
table#supportTable { width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
#supportTable tr:nth-child(2n) { background: #f7f7f7; }
#supportTable td, #supportTable th { padding: 10px; border: solid 1px #ddd; word-wrap: break-word; vertical-align: top; }
#supportTable td.half, #supportTable th.half { width: 50%; }
#supportTable td.third, #supportTable th.third { width: 33.3333333333%; }
#supportTable td.large, #supportTable th.large { width: 38%; }
#supportTable td.medium, #supportTable th.medium { width: 19%; }
#supportTable td.yes { background: #daffea; }
#supportTable td.no { background: #ffffda; }
.supportList { padding-left: 45px; }
.supportList ul { padding-left: 30px; }
.supportTableFeatures tr:nth-child(2n) { background: #fff !important; }
.supportTableFeatures td:hover { background: #daf0ff; }

.warpwireClientsGoogleMap { width: 100%; height: 339px; }
.warpwireContactGoogleMap { width: 100%; height: 300px; }
.seamlessBanner { height: 400px; margin: 0 auto; background-repeat: none; background-size: cover; background-position: center center; cursor: pointer; position: relative; max-width: 1600px; background-color: #222; }
.seamlessBannerSmall, .seamlessBannerHomepage { height: 250px; }
.seamlessBannerSmallText { font-size: 46px; line-height: 56px; margin-top: -26px; color: #fff; position: absolute; top: 50%; text-shadow: 0px 0px 4px #222; }
.seamlessBannerTextBackground { background: rgba(34,34,34,.6); width: 100%; height: 100%; }
.bannerGraphicMobile { max-width: 260px; margin: 0 auto; }
.bannerGraphicDesktop { max-width: 920px; margin: 0 auto; }

.contentSectionHomeBanner { padding: 135px 0 0 0; position: relative; text-align: center; line-height: 0; background: #fff; }
.contentSectionPlatformBanner { background-color: #0073ba !important; background: url('/media/image/platform-banner.jpg') !important; background-size: cover !important; background-position: left left !important; color: #fff; }
.contentSectionPlatformBannerSolo { background-color: #0073ba !important; background: url('/media/image/platform-banner.jpg') !important; background-size: cover !important; background-position: right bottom !important; color: #fff; }
.contentSectionPlatformMobileBanner { background-color: #0073ba !important; background: url('/media/image/platform-banner-mobile.jpg') !important; background-size: cover !important; background-position: center center !important; color: #fff; }
.contentSectionPlatformOrganizeBanner { background-color: #222 !important; background: url('/media/image/platform-banner-organize.jpg') !important; background-size: cover !important; background-position: center center !important; color: #fff; }
.sectionLink { cursor: pointer; }
.contentSectionBannerBelow { background: #8a7866; }
.contentSectionBannerBelow:hover { background: #827160; }

.contentSectionWhite { background: #fff; padding: 45px 0 75px 0; }
.contentSectionWhitePaddingTopMore { padding-top: 75px; }
.contentSectionGrey { background: #f7f7f7; padding: 75px 0 75px 0; }
.contentSectionLightBlue { background: #daf0ff !important; }
.contentSectionPlatformIndex { background: #fff; line-height: 40px; position: -webkit-sticky; position: sticky; z-index: 500; }
#contentSub { padding-top: 78px; /*padding-top: 118px;*/ }
.contentTile { list-style: none; margin: 0 0 45px 0; width: 45%; padding-right: 5%; float: left; vertical-align: middle; }
.contentTileSeamless { padding-right: 0; padding-bottom: 0 !important; width: 50%; margin-bottom: 0; line-height: 0; }
.contentTileThree { width: 28% !important; text-align: left; float: left; padding-right: 8%; }
.contentTileThree { width: auto; }
.contentTileThreeRight { padding-right: 0% !important; }
.homepageLearnMoreButton { background: #0073ba; padding: 0 12px; display: inline-block; line-height: 34px; color: #fff; margin-top: 25px; margin-right: 15px; }
.homepageLearnMoreButton:last-child { margin-right: 0; }
.homepageLearnMoreButton:hover { opacity: .7; color: #fff !important; }
.contentTileSecond { padding-right: 0%; padding-left: 5%; }
.contentTileVideos { width: 32%; line-height: 0; margin-bottom: 15px; padding-right: 2%; }
.contactMap { margin-top: 5px; height: 359px; width: 90%; float: right; }
img.partnerLogo { height: 40px; width: auto; }
.iframeVideo { width: 540px; height: 303px; }
.homepageIcon { width: 92px; opacity: .2; margin-right: 15px; }
.homepageReleaseNotesBox { padding: 30px; background: #ffdebd; border: solid 2px #d2ab8c; }
.homepageBanner { padding: 75px 0 75px 0 !important; background: #0b2b42; }
.homepageBannerText { width: 495px; float: left; }
.homepageBannerTextInner { margin-top: 100px; padding: 0 50px 0 0; }
.homepageBannerGraphic { width: calc(100% - 495px); line-height: 0; float: right; overflow: hidden; }
.homepageBannerGraphic img { width: 100%; }

.sliderContainer { position: relative; }
#sliderThumbnails { text-align: center; margin: 15px 0 0 0; }
#sliderThumbnails div { display: inline-block; margin-right: 10px; outline: none; cursor: pointer; }
#sliderThumbnails div img { width: 60px; }
#sliderThumbnails div:hover img { opacity: .8; }
#sliderThumbnails > [aria-selected="true"] { opacity: .3; }
#sliderArrows div { display: block; position: absolute; top: 50%; height: 60px; line-height: 60px; margin-top: -30px; padding: 0; cursor: pointer; transition: background 0.3s; outline: none; }
#sliderArrows div:hover { opacity: .4; }
#sliderArrows div.prev { left: 0; padding-right: 30px; }
#sliderArrows div.next { right: 0; padding-left: 30px; }
#sliderArrows div svg { margin-top: 18px; }
.tns-inner { max-width: 780px; margin: 0 auto; }
.slidesOld { position: relative; list-style: none; overflow: hidden; width: 100%; max-width: 920px !important; padding: 0; margin: 0 auto; }
.slidesOld li { backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.slidesOld li:first-child { position: relative; display: block; float: left; }
.slidesOld img { display: block; height: auto; float: left; width: 100% !important; max-width: 920px !important; margin-top: 0 !important; }

.videoLightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; background: rgba(34,34,34,.92); z-index: 10000; }
.videoLightboxClose { position: absolute; right: 22px; top: 22px; width: 28px; height: 28px; color: #AAA; font-size: 24px; text-align: center; cursor: pointer; z-index: 101; }
.videoLightboxClose:hover img { opacity: .7; }
.videoLightboxContainer { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 90%; height: 90%; max-width: 1280px; max-height: 720px; margin: auto; text-align: center; }

#footer { padding: 0 0 75px 0; color: rgba(34,34,34,.8); }
.footerLeft { float: left; }
.footerRight { float: right; text-align: right; }
ul.footerLinks li { display: block; margin-bottom: 4px; font-weight: 400; color: #222; }
ul.footerLinksSecondary li { margin: 0 !important; }
ul.footerLinks li a { padding: 0; color: rgba(34,34,34,1); border-bottom: 0; font-weight: 400; }
ul.footerLinks li a:hover, ul.footerLinks li a:focus { color: rgba(34,34,34,.7); border-bottom: 0; }
ul.footerLinks li a.secondary { padding: 0; color: rgba(34,34,34,.8); border-bottom: 0; font-weight: 300; }
ul.footerLinks li a.secondary:hover, ul.footerLinks li a.secondary:focus { color: rgba(34,34,34,1); border-bottom: 0; text-decoration: underline; }
.footerColumn { float: left; width: 20%; }
ul.footerCopyright li { display: inline-block; }
ul.footerCopyright li a { padding: 0 12px 0 0; color: rgba(34,34,34,1); border-bottom: 0; font-weight: 400; }
ul.footerCopyright li a:hover, ul.footerCopyright li a:focus { color: rgba(34,34,34,.7); }
a.boldFooter { font-weight: 400; color: #222; border-bottom: 0; }
a.boldFooter:hover { color: rgba(34,34,34,.7); }

.wwvpVideoMoveOffScreen { left: -9999px; position: absolute; }

#lightBoxPlayerDiv img:hover, #playerMLoogoXBqCHs4 img:hover, #playerMLoogoXBqCHs img:hover { opacity: .7; cursor: pointer; }

/* Height definitions */
@media only screen and (min-height: 950px) and (min-width: 576px) {
	.seamlessBannerSmall, .seamlessBannerHomepage { height: 250px; }
	.homepageBannerPadding { padding-top: 50px; }
	.tns-inner { max-width: 1200px; margin: 0 auto; }
}

@media only screen and (max-height: 750px) and (min-width: 576px) {
	.seamlessBanner { height: 325px; }
	.seamlessBannerSmall, .seamlessBannerHomepage { height: 200px; }
	.homepageBannerPadding { padding-top: 30px; }
	.fontBanner { font-size: 36px; line-height: 48px; }
	.tns-inner { max-width: 750px; margin: 0 auto; }
}

/* Width definitions */
@media only screen and (max-width: 1120px) {
	.homepageBannerTextInner { margin-top: 50px; }
}

@media only screen and (max-width: 1020px) {
	.spacer, .spacerTighter, .spacerLarge { max-width: 920px; }
	.spacerVideo { padding: 0; }
	.hideWhenSmall { display: none !important; visibility: hidden; }
	.hideWhenSmallInline { display: none !important; visibility: hidden; }
	.showWhenSmall { display: block !important; visibility: visible; }
	.showWhenSmallInline { display: inline !important; visibility: visible; }
	#nav li a { padding: 0 14px 0 14px; }
	.companyBioPicture { width: 31%; float: left; }
	.companyBioText { width: 69%; float: left; }
	.supportMenu { width: 175px; }
	.supportContent { margin-left: 205px; }
	#supportTable td.medium { width: 21%; }
	.contactMap { width: 80%; }
	.iframeVideo { width: 480px; height: 270px; }
	.seamlessBannerSmallText { font-size: 40px; line-height: 50px; margin-top: -22px; }
	#searchInput { width: 157px; }
	.workflowsLanding li { width: 48%; margin-right: 4%; }
	.workflowsLanding li:nth-child(2n) { margin-right: 0; clear: right; }
	#searchResults { width: 173px; }
	#sliderArrows { display: none; }
	.homepageBannerTextInner { margin-top: 30px; }
}

@media only screen and (max-width: 920px) {
	.grid5 .grid-item, .grid4 .grid-item, .grid3 .grid-item { width: 50%; }
	.grid-item:nth-child(odd) .grid-spacer { padding: 0 10px 0 0; }
	.grid-item:nth-child(even) .grid-spacer { padding: 0 0 0 10px; }
	.fontBannerHomepageHeader { font-size: 42px; line-height: 56px; }
	.homepageFigureHeader { width: 905px; height: 414px; background-size: 905px 414px; background-repeat: no-repeat; background-image: url(/media/image/homepage-banner-devices-medium-2x.jpg); }
	.platformFigureHeader { width: 905px; height: 414px; background-size: 905px 414px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-devices-medium-2x.jpg); }
	.platformFigureOrganize { width: 905px; height: 414px; background-size: 905px 414px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-organize-medium-2x.jpg); }
	.platformFigureMobile { width: 379px; height: 197px; background-size: 379px 197px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-mobile-large-2x.png); }
	.platformFigureAnalytics { width: 905px; height: 414px; background-size: 905px 414px; background-repeat: no-repeat; background-image: url(/media/image/platform-banner-analytics-medium-2x.jpg); }
	.platformFigureIntegration { width: 586px; height: 357px; background-size: 586px 357px; background-repeat: no-repeat; background-image: url(/media/image/platform-integration-canvas.jpg); }
	.companyFigureStory { width: 629px; height: 169px; background-size: 629px 169px; background-repeat: no-repeat; background-image: url(/media/image/company-banner-story-medium-2x.png); }
	.scrollHorizontalWhenSmall { overflow-x: scroll; }
}

@media only screen and (max-width: 760px) {
	.developersContent { margin-left: 190px; }
	.contentTile { width: 100%; float: none; padding-bottom: 30px; margin-bottom: 0; }
	.contentTileFirst, .contentTileSecond { padding: 0; margin: 0 0 10px 0; }
	.contentTileThree { width: 100% !important; float: none; padding-right: 0%; }
	.contentTileThree img { width: 50%; }
	.contentTileThreeRight { padding-left: 0; }
	.contentTileVideos { width: 49%; padding-right: 0 !important; padding-bottom: 8px; float: left; }
	.contentTileVideos:nth-child(even) { padding-left: 2% !important; }
	.companyBioPicture { width: 100%; float: none; }
	.companyBioText { width: 100%; float: none; }
	.companyBioPictureRight { width: 100%; float: none; text-align: left; }
	.contactMap { width: 100%; float: none; margin-top: 45px; height: 200px; }
	.hideWhenMedium { display: none !important; visibility: hidden; }
	.showWhenMedium { display: block !important; visibility: visible; }
	.iframeVideo { width: 320px; height: 180px; }
	img.partnerLogo { height: 45px; width: auto; }
	.supportMenuMobile { width: 100% !important; }
	.partialWidth { width: 100%; margin: 0 auto; }
	.internalPadding { padding: 20px 15px; }
	#nav li a { padding: 0 7px 0 7px; }
	#nav li a.navLinkDemo { margin-left: 7px; padding: 0 10px; }
	.workflowsLanding li.half { margin-bottom: 15px; }
	.workflowsLanding li.half:nth-child(2n) { margin-right: 0; clear: right; }
	#platformIndex li a { margin: 0 12px 0 0; display: inline-block; font-size: 17px; }
	.developersContent table { width: 500px; }
	.developersContent .tableWrapper { overflow-x: scroll; }
	.homepageIcon { width: 64px; margin: 0 5px 5px 0; }
	.homepageReleaseNotesBox { padding: 15px; }
	ul.homepageLogo { padding: 15px 0; margin: 0 auto; }
	ul.homepageLogo li { list-style: none; width: 50%; float: left; }
	ul.homepageLogo li.lastTwo { margin-top: 15px; }
	ul.homepageLogo li img { width: 90%; opacity: .7; }
	.fontBanner { font-size: 36px; line-height: 48px; }
	.fontBannerHomepageHeader { font-size: 38px; line-height: 50px; }
	.homepageBanner { width: 100%; float: none; padding: 55px 0 55px 0 !important; }
	.homepageBannerText { width: 100%; float: none; }
	.homepageBannerTextInner { margin-top: 0; padding-right: 0; }
	.homepageBannerGraphic { width: 100%; float: none; }
	.platformHeaderGraphic { width: 150px; }
	.contactBackground { background: #fff !important; }
}

@media only screen and (max-width: 680px) {
	#supportTable td.third, #supportTable th.third { width: 50% !important; }
}

@media only screen and (min-width: 601px) {
	#platformIndexSmall { display: none !important; }
	.supportMenu { display: block; }
}

@media only screen and (max-width: 600px) {
	body { font-size: 16px; line-height: 24px; font-weight: 400; }
	.spacer, .spacerFull, .spacerTighter, .spacerTighterMore, .spacerLarge { padding-right: 18px; padding-left: 18px; }
	.spacerVideo { padding: 0; }
	.contentSectionWhite, .contentSectionGrey { padding-top: 45px; padding-bottom: 45px; }
	.contentSectionPaddingLarge { padding-top: 60px !important; padding-bottom: 60px !important; }
	.contentSectionPaddingSmall { padding-top: 30px !important; padding-bottom: 30px !important; }
	.contentSectionPaddingSmaller { padding-top: 25px !important; padding-bottom: 25px !important; }
	.contentSectionHomeBanner { padding: 90px 0 0 0; }
	.contentSectionHomeBanner img { width: 75%; }
	.line { margin: 30px 0; }
	.line.closeBottom { margin: 45px 0 20px 0; }
	.line.closeTop { margin: 20px 0 45px 0; }
	.logo img { width: 135px; height: 32px; }
	.navRightList { display: none; }
	.hamburgerSVG { display: block; }
	#nav { height: 62px; }
	.logo { margin: 15px 0 0 0; }
	#contentSub { padding-top: 62px; /*padding-top: 102px;*/ }
	.developersContent { margin-left: 0; }
	.developersContent th, .developersContent td { width: 50%; }
	.developersContent th:last-child, .developersContent td:last-child { width: 50% !important; }
	.fontNav { font-size: 18px; }
	.fontSmallerer { font-size: 16px; line-height: 24px; font-weight: 400; }
	.fontSmaller, .fontMediumBanner { font-size: 16px; line-height: 24px; font-weight: 400; }
	.fontMedium, .fontMediumFooter { font-size: 20px; line-height: 30px; font-weight: 300; }
	.fontMediumPlus { font-size: 20px; line-height: 30px; font-weight: 400; }
	.fontBannerSub { font-size: 16px; line-height: 23px; /* font-weight: 400; */ font-weight: 300; }
	.fontBanner { font-size: 28px; line-height: 36px; font-weight: 300; }
	.fontBannerPlatform { font-size: 32px; line-height: 38px; /* font-weight: 400; */ font-weight: 300; }
	.fontLarge { font-size: 26px; line-height: 34px; }
	.paddingBottom { padding-bottom: 15px !important; }
	.paddingBottomMore { padding-bottom: 30px !important; }
	.paddingTop { padding-top: 15px !important; }
	.paddingTopMore { padding-top: 30px !important; }
	.marginTop { margin-top: 15px !important; }
	.marginTopMore { margin-top: 30px !important; }
	.marginTopMoreMore { margin-top: 45px !important; }
	.marginBottom { margin-bottom: 15px !important; }
	.marginBottomMore { margin-bottom: 30px !important; }
	.contentTileThree img { margin-top: 20px; height: 35px; width: auto; }
	.contentTileThree:first-child img { margin-top: 0; }
	.footerColumn { width: 50%; }
	#footer { padding-top: 20px; padding-bottom: 40px; }
	.footerLeft { float: none; clear: both; }
	.footerRight { float: none; text-align: left !important; }
	ul.footerLinks li a, ul.footerLinks li a.secondary { font-weight: 400; }
	.showWhenSmallest { display: block !important; visibility: visible; }
	.showWhenSmallestInline { display: inline !important; visibility: visible; }
	.hideWhenSmallest { display: none !important; visibility: hidden; }
	.hideWhenSmallestInline { display: none !important; visibility: hidden; }
	.supportMenu { padding: 0; max-height: none; position: relative; overflow-y: initial; overflow-x: initial; background: #fff; box-shadow: none; }
	.supportMenuResize { display: none !important; }
	.supportMenuMobile { display: block; }
	.supportList { padding-left: 30px; }
	.searchContainer { width: 100%; }
	#searchInput { margin-top: -3px; padding: 8px 8px; width: calc(100% - 18px); font-size: 16px; }
	#searchResults { width: calc(100% - 2px); height: 260px; -webkit-overflow-scrolling: touch; }
	.storiesLarge { font-size: 28px; line-height: 38px; }
	.storiesMedium { font-size: 24px; line-height: 36px; }
	.storiesSmall { font-size: 18px; line-height: 28px; }
	.storiesSmallest { font-size: 16px; line-height: 26px; margin: 0 0 30px 0; padding: 0; }
	.storiesQuote { padding: 0 20px; }
	.supportContent { margin-left: 0; border-left: 0; padding-left: 0; }
	.supportContentLeft { width: 100%; float: none; margin-right: 0; }
	.supportMenuRight { width: 100%; float: none; margin-left: 0; padding-left: 0; }
	.supportHeader { margin: 0 0 15px 0; padding: 0; font-size: 26px; line-height: 34px; }
	.supportSubHeader { font-size: 20px; line-height: 28px; font-weight: 400; }
	img.supportImage { margin-top: 15px; margin-bottom: 15px; }
	#supportTable td.large { width: 31%; }
	.videoLightboxClose { right: 5%; top: 23px; }
	.seamlessBanner { height: 200px; }
	.seamlessBannerSmall { height: 120px; }
	.seamlessBannerHomepage { height: 160px; }
	#platformIndex { text-align: center; }
	#platformIndex li a { margin: 0 12px 0 0; line-height: 60px; height: 60px; }
	.platformIndexNoList { padding-top: 3px; height: 50px; line-height: 50px; }
	.platformIcon { width: 60px; }
	.warpwireContactGoogleMap { width: 100%; height: 200px; }
	hr { margin: 5px 0 12px 0; }
	hr.mobile { margin: 5px 0 27px 0; }
	.companyTeam { width: 180px; }
	.seamlessBannerSmallText { font-size: 28px; line-height: 38px; margin-top: -17px; }
	.platformImageRight { max-width: 175px; }
	.fontFooter { font-size: 16px; line-height: 28px; font-weight: 400; }
	input.support, select.support, textarea.support { font-size: 16px; }
	.workflowsLanding li a div.text { padding: 10px 8px; }
	.centerToLeftMobile { text-align: left !important; }
	.supportButtonSmall { width: 75% !important; }
	.developersBlock li a { padding: 10px 8px; }
	.developersBlockNoLink li { padding: 10px 8px; }
	.supportButton { font-size: 18px; }
	.supportMenu li.category ul li a { font-weight: 400; }
	.bold { font-weight: 500 !important; }
	.boldLight { font-weight: 400 !important; }
	.boldSwitch { font-weight: 400 !important; }
	.homepageBannerPadding { padding-top: 25px !important; padding-bottom: 20px !important; }
	#sliderThumbnails div img { width: 55px; }
	.workflowsLanding li.half { width: 100%; margin-right: 0%; }
	.grid6PlatformImport .grid-item { margin-bottom: 0px; }
	.grid-item { margin: 0 0 30px 0; }
	.grid-item img { margin-bottom: 5px; }
	.supportSubHeader .link { font-weight: 400; }
}

@media only screen and (max-width: 374px) {
	.fontBannerSub { font-size: 14px; line-height: 22px; }
	#searchResults { width: 198px; }
	ul.footerLinks li a, ul.footerLinks li a.secondary { padding: 0 12px 0 0; }
	.seamlessBanner { height: 150px; }
	.seamlessBannerSmall { height: 110px; }
	.showWhenTinyInline { display: inline !important; visibility: visible; }
	.hideWhenTinyInline { display: none !important; visibility: hidden; }
	.seamlessBannerSmallText { font-size: 24px; line-height: 34px; margin-top: -16px; }
	.workflowsLanding li { width: 100%; margin-right: 0%; margin-bottom: 30px; }
	.workflowsLanding li:nth-child(n) { margin-right: 0; clear: right; }
	#sliderThumbnails div img { width: 50px; }
}