/* style.scss Used to compile our SASS files into a concatenated CSS file.  When adding new page files, import them here! */
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
@import url("//hello.myfonts.net/count/3778dd");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

*, *:before, *:after { box-sizing: border-box; }

/*	WORDPRESS CORE
========================================================================*/
.alignnone { margin: 2px 20px 20px 0; }

.aligncenter, div.aligncenter { display: block; margin: 10px auto 13px auto; }

.alignright { float: right; margin: 2px 0 25px 25px; }

.alignleft { float: left; margin: 2px 25px 25px 0; }

a img.alignright { float: right; margin: 2px 0 25px 25px; }

a img.alignnone { margin: 2px 25px 25px 0; }

a img.alignleft { float: left; margin: 2px 25px 25px 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-editor-wrap a { height: auto; width: auto; }

.wp-editor-wrap * { box-sizing: content-box; }

/** Swiper 4.0.7 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2014-2017 Vladimir Kharlampidi Released under the MIT License Released on: November 28, 2017 */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }

.swiper-invisible-blank-slide { visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; }

.swiper-container-3d { perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s top,.2s -webkit-transform; transition: .2s transform,.2s top; transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s left,.2s -webkit-transform; transition: .2s transform,.2s left; transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s right,.2s -webkit-transform; transition: .2s transform,.2s right; transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% {
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% {
    transform: rotate(360deg); } }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: blur(50px); z-index: 0; }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }

.animated, .mobile-menu, .mobile-menu ul ul, .mobile-menu ul.menu > li, .mobile-menu ul.utility, .mobile-menu .mobile-social-links, .mobile-menu .get-insights, .hero h2, .hero .details, .hero .additional, .introduction .intro-img, .introduction .callout-card, .introduction .callout-card .button-wrap, .solutions .includes, .solutions.scrolled-into-view-first-time li, .services .includes, .services, .services.scrolled-into-view-first-time li, .testimonial blockquote, .testimonial .from-person, .testimonial-swiper blockquote, .company.scroll-triggered .join, .company.scroll-triggered .join .button-wrap, .clients .client-list .item, .resources.scroll-triggered.scrolled-into-view-first-time .article-list li, .header form, .request-demo, .request-demo h2, .layout-callout-card-right .intro-img, .layout-callout-card-right .callout-card, .layout-callout-card-right .callout-card .button-wrap, .layout-callout-card-left .callout-card, .layout-callout-card-left .callout-card .button-wrap { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated.infinite, .infinite.mobile-menu, .mobile-menu ul ul.infinite, .mobile-menu ul.menu > li.infinite, .mobile-menu ul.infinite.utility, .mobile-menu .infinite.mobile-social-links, .mobile-menu .infinite.get-insights, .hero h2.infinite, .hero .infinite.details, .hero .infinite.additional, .introduction .infinite.intro-img, .introduction .infinite.callout-card, .introduction .callout-card .infinite.button-wrap, .solutions .infinite.includes, .solutions.scrolled-into-view-first-time li.infinite, .services .infinite.includes, .infinite.services, .services.scrolled-into-view-first-time li.infinite, .testimonial blockquote.infinite, .testimonial .infinite.from-person, .testimonial-swiper blockquote.infinite, .company.scroll-triggered .infinite.join, .company.scroll-triggered .join .infinite.button-wrap, .clients .client-list .infinite.item, .resources.scroll-triggered.scrolled-into-view-first-time .article-list li.infinite, .header form.infinite, .infinite.request-demo, .request-demo h2.infinite, .layout-callout-card-right .infinite.intro-img, .layout-callout-card-right .infinite.callout-card, .layout-callout-card-right .callout-card .infinite.button-wrap, .layout-callout-card-left .infinite.callout-card, .layout-callout-card-left .callout-card .infinite.button-wrap { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.animated.hinge, .hinge.mobile-menu, .mobile-menu ul ul.hinge, .mobile-menu ul.menu > li.hinge, .mobile-menu ul.hinge.utility, .mobile-menu .hinge.mobile-social-links, .mobile-menu .hinge.get-insights, .hero h2.hinge, .hero .hinge.details, .hero .hinge.additional, .introduction .hinge.intro-img, .introduction .hinge.callout-card, .introduction .callout-card .hinge.button-wrap, .solutions .hinge.includes, .solutions.scrolled-into-view-first-time li.hinge, .services .hinge.includes, .hinge.services, .services.scrolled-into-view-first-time li.hinge, .testimonial blockquote.hinge, .testimonial .hinge.from-person, .testimonial-swiper blockquote.hinge, .company.scroll-triggered .hinge.join, .company.scroll-triggered .join .hinge.button-wrap, .clients .client-list .hinge.item, .resources.scroll-triggered.scrolled-into-view-first-time .article-list li.hinge, .header form.hinge, .hinge.request-demo, .request-demo h2.hinge, .layout-callout-card-right .hinge.intro-img, .layout-callout-card-right .hinge.callout-card, .layout-callout-card-right .callout-card .hinge.button-wrap, .layout-callout-card-left .hinge.callout-card, .layout-callout-card-left .callout-card .hinge.button-wrap { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce { 0%, 20%, 53%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; transform-origin: center bottom; }

@-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }

@keyframes flash { 0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; } }

.flash { -webkit-animation-name: flash; animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse { 0% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes pulse { 0% {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  100% {
    transform: scale3d(1, 1, 1); } }

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand { 0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand { 0% {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    transform: scale3d(1, 1, 1); } }

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake { 0%, 100% {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

@keyframes shake { 0%, 100% {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes swing { 20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing { 20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  100% {
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada { 0% {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: scale3d(1, 1, 1); } }

@keyframes tada { 0% {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% {
    transform: scale3d(1, 1, 1); } }

.tada { -webkit-animation-name: tada; animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble { 0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    transform: none; } }

@keyframes wobble { 0% {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  100% {
    transform: none; } }

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1;
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  100% {
    transform: none; } }

@keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% { opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  100% {
    transform: none; } }

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  100% {
    transform: none; } }

@keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% { opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  100% {
    transform: none; } }

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: none; } }

@keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  100% {
    transform: none; } }

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% { opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut { 20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut { 20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounceOutDown { 20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    transform: translate3d(0, -20px, 0); }
  100% { opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown { 20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% { opacity: 1;
    transform: translate3d(0, -20px, 0); }
  100% { opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft { 20% { opacity: 1;
    transform: translate3d(20px, 0, 0); }
  100% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft { 20% { opacity: 1;
    transform: translate3d(20px, 0, 0); }
  100% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight { 20% { opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight { 20% { opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  100% { opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp { 20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    transform: translate3d(0, 20px, 0); }
  100% { opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp { 20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% { opacity: 1;
    transform: translate3d(0, 20px, 0); }
  100% { opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0;
    transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInDown { 0% { opacity: 0;
    transform: translate3d(0, -100%, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig { 0% { opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInDownBig { 0% { opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInLeft { 0% { opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftSmall { 0% { opacity: 0;
    transform: translate3d(-100px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInLeftSmall { 0% { opacity: 0;
    transform: translate3d(-100px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; }

@-webkit-keyframes fadeInLeftBig { 0% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInLeftBig { 0% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight { 0% { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInRight { 0% { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightSmall { 0% { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInRightSmall { 0% { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; }

@-webkit-keyframes fadeInRightVerySmall { 0% { opacity: 0;
    transform: translate3d(100px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInRightVerySmall { 0% { opacity: 0;
    transform: translate3d(100px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInRightVerySmall { -webkit-animation-name: fadeInRightVerySmall; animation-name: fadeInRightVerySmall; }

@-webkit-keyframes fadeInRightBig { 0% { opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInRightBig { 0% { opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0;
    transform: translate3d(0, 50px, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInUp { 0% { opacity: 0;
    transform: translate3d(0, 50px, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig { 0% { opacity: 0;
    transform: translate3d(0, 1000px, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInUpBig { 0% { opacity: 0;
    transform: translate3d(0, 1000px, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeInUpSmall { 0% { opacity: 0;
    transform: translate3d(0, 40px, 0); }
  100% { opacity: 1;
    transform: none; } }

@keyframes fadeInUpSmall { 0% { opacity: 0;
    transform: translate3d(0, 40px, 0); }
  100% { opacity: 1;
    transform: none; } }

.fadeInUpSmall { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip { 0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip { 0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  100% {
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip, .flip.mobile-menu, .mobile-menu ul ul.flip, .mobile-menu ul.menu > li.flip, .mobile-menu ul.flip.utility, .mobile-menu .flip.mobile-social-links, .mobile-menu .flip.get-insights, .hero h2.flip, .hero .flip.details, .hero .flip.additional, .introduction .flip.intro-img, .introduction .flip.callout-card, .introduction .callout-card .flip.button-wrap, .solutions .flip.includes, .solutions.scrolled-into-view-first-time li.flip, .services .flip.includes, .flip.services, .services.scrolled-into-view-first-time li.flip, .testimonial blockquote.flip, .testimonial .flip.from-person, .testimonial-swiper blockquote.flip, .company.scroll-triggered .flip.join, .company.scroll-triggered .join .flip.button-wrap, .clients .client-list .flip.item, .resources.scroll-triggered.scrolled-into-view-first-time .article-list li.flip, .header form.flip, .flip.request-demo, .request-demo h2.flip, .layout-callout-card-right .flip.intro-img, .layout-callout-card-right .flip.callout-card, .layout-callout-card-right .callout-card .flip.button-wrap, .layout-callout-card-left .flip.callout-card, .layout-callout-card-left .callout-card .flip.button-wrap { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX { 0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    transform: perspective(400px); } }

@keyframes flipInX { 0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% {
    transform: perspective(400px); } }

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY { 0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    transform: perspective(400px); } }

@keyframes flipInY { 0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% {
    transform: perspective(400px); } }

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX { 0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX { 0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY { 0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY { 0% {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes lightSpeedIn { 0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn { 0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  100% {
    transform: none;
    opacity: 1; } }

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut { 0% { opacity: 1; }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut { 0% { opacity: 1; }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn { 0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn { 0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft { 0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft { 0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight { 0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight { 0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft { 0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft { 0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight { 0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight { 0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut { 0% {
    transform-origin: center;
    opacity: 1; }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut { 0% {
    transform-origin: center;
    opacity: 1; }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft { 0% {
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft { 0% {
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight { 0% {
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight { 0% {
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft { 0% {
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft { 0% {
    transform-origin: left bottom;
    opacity: 1; }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight { 0% {
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight { 0% {
    transform-origin: right bottom;
    opacity: 1; }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge { 0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge { 0% {
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn { 0% { opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1;
    transform: none; } }

@keyframes rollIn { 0% { opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1;
    transform: none; } }

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut { 0% { opacity: 1; }
  100% { opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn { 0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

@keyframes zoomIn { 0% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; } }

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp { 0% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }

@keyframes zoomOut { 0% { opacity: 1; }
  50% { opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; } }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

@keyframes zoomOutLeft { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% { opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

@keyframes zoomOutRight { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% { opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp { 40% { opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown { 0% {
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    transform: translateY(0); } }

@keyframes slideInDown { 0% {
    transform: translateY(-100%);
    visibility: visible; }
  100% {
    transform: translateY(0); } }

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft { 0% {
    transform: translateX(-100%);
    visibility: visible; }
  100% {
    transform: translateX(0); } }

@keyframes slideInLeft { 0% {
    transform: translateX(-100%);
    visibility: visible; }
  100% {
    transform: translateX(0); } }

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight { 0% {
    transform: translateX(100%);
    visibility: visible; }
  100% {
    transform: translateX(0); } }

@keyframes slideInRight { 0% {
    transform: translateX(100%);
    visibility: visible; }
  100% {
    transform: translateX(0); } }

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInRightBig { 0% {
    transform: translateX(1000px);
    visibility: visible; }
  100% {
    transform: translateX(0); } }

@keyframes slideInRightBig { 0% {
    transform: translateX(1000px);
    visibility: visible; }
  100% {
    transform: translateX(0); } }

.slideInRightBig { -webkit-animation-name: slideInRightBig; animation-name: slideInRightBig; }

@-webkit-keyframes slideInUp { 0% {
    transform: translateY(100%);
    visibility: visible; }
  100% {
    transform: translateY(0); } }

@keyframes slideInUp { 0% {
    transform: translateY(100%);
    visibility: visible; }
  100% {
    transform: translateY(0); } }

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown { 0% {
    transform: translateY(0); }
  100% { visibility: hidden;
    transform: translateY(100%); } }

@keyframes slideOutDown { 0% {
    transform: translateY(0); }
  100% { visibility: hidden;
    transform: translateY(100%); } }

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft { 0% {
    transform: translateX(0); }
  100% { visibility: hidden;
    transform: translateX(-100%); } }

@keyframes slideOutLeft { 0% {
    transform: translateX(0); }
  100% { visibility: hidden;
    transform: translateX(-100%); } }

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight { 0% {
    transform: translateX(0); }
  100% { visibility: hidden;
    transform: translateX(100%); } }

@keyframes slideOutRight { 0% {
    transform: translateX(0); }
  100% { visibility: hidden;
    transform: translateX(100%); } }

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp { 0% {
    transform: translateY(0); }
  100% { visibility: hidden;
    transform: translateY(-100%); } }

@keyframes slideOutUp { 0% {
    transform: translateY(0); }
  100% { visibility: hidden;
    transform: translateY(-100%); } }

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,transform; }

[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0); }

[data-aos=fade-up] { transform: translate3d(0, 100px, 0); }

[data-aos=fade-down] { transform: translate3d(0, -100px, 0); }

[data-aos=fade-right] { transform: translate3d(-100px, 0, 0); }

[data-aos=fade-left] { transform: translate3d(100px, 0, 0); }

[data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0); }

[data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0); }

[data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0); }

[data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0); }

[data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1); }

[data-aos=zoom-in] { transform: scale(0.6); }

[data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos=zoom-out] { transform: scale(1.2); }

[data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^=slide][data-aos^=slide] { transition-property: transform; }

[data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0); }

[data-aos=slide-up] { transform: translate3d(0, 100%, 0); }

[data-aos=slide-down] { transform: translate3d(0, -100%, 0); }

[data-aos=slide-right] { transform: translate3d(-100%, 0, 0); }

[data-aos=slide-left] { transform: translate3d(100%, 0, 0); }

[data-aos^=flip][data-aos^=flip] { -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: transform; }

[data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0); }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { box-sizing: border-box; }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease,visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s ease 0s,visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform,opacity; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide:before { content: ""; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image:before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform,opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable=true] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-iframe, .fancybox-video { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; }

.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; }

.fancybox-caption { bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0; text-align: center; z-index: 99996; }

.fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=); background-repeat: repeat-x; background-size: contain; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: -44px; z-index: -1; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

.fancybox-loading { -webkit-animation: a 1s linear infinite; animation: a 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes a { to {
    transform: rotate(1turn); } }

@keyframes a { to {
    transform: rotate(1turn); } }

.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0); }

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1); }

.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); }

.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0); }

.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1); }

@media (max-height: 576px) { .fancybox-caption { padding: 12px; }
  .fancybox-slide { padding-left: 6px; padding-right: 6px; }
  .fancybox-slide--image { padding: 6px 0; }
  .fancybox-close-small { right: -6px; }
  .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } }

.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:link, .fancybox-share__button:visited { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: none; padding: 10px 15px; width: 100%; }

.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: 50%; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a:before { border: 6px solid #ff5268; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus:before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active:before { opacity: 1; }

@media (max-width: 576px) { .fancybox-thumbs { width: 110px; }
  .fancybox-show-thumbs .fancybox-inner { right: 110px; }
  .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

.fancybox-bg { background: #fff; }

.fancybox-is-open .fancybox-bg { opacity: 1; }

.fancybox-button { background: transparent; color: #000; }

.fancybox-button path { fill: #000; }

.fancybox-button:hover { color: #D50447; }

.fancybox-button:hover path { fill: #D50447; }

.fancybox-container { z-index: 9999999999; }

.fancybox-infobar, .fancybox-button--thumbs, .fancybox-button--play, .fancybox-button--zoom { display: none !important; }

.vertical-center { display: table; width: 100%; height: 100%; }

.vertical-center .cell { display: table-cell; vertical-align: middle; height: 100%; width: 100%; }

.split-2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.split-2 .left { width: 50%; float: left; }

.split-2 .right { width: 50%; float: right; }

@media only screen and (max-width: 1100px) { .split-2 .left { width: 100%; float: none; }
  .split-2 .right { width: 100%; float: none; } }

.split-3:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.split-3 .split { width: 33.33333%; float: left; }

@media only screen and (max-width: 1100px) { .split-3 .split { width: 100%; float: none; } }

.split-4:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.split-4 .split { width: 25%; float: left; }

@media only screen and (max-width: 1100px) { .split-4 .split { width: 100%; float: none; } }

@font-face { font-family: 'FilsonProBold'; src: url("webfonts/3778DD_0_0.eot"); src: url("webfonts/3778DD_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3778DD_0_0.woff2") format("woff2"), url("webfonts/3778DD_0_0.woff") format("woff"), url("webfonts/3778DD_0_0.ttf") format("truetype"); }

@font-face { font-family: 'AvenirLTPro-Book'; src: url("webfonts/3778DD_1_0.eot"); src: url("webfonts/3778DD_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3778DD_1_0.woff2") format("woff2"), url("webfonts/3778DD_1_0.woff") format("woff"), url("webfonts/3778DD_1_0.ttf") format("truetype"); }

@font-face { font-family: 'AvenirLTPro-BookOblique'; src: url("webfonts/3778DD_2_0.eot"); src: url("webfonts/3778DD_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3778DD_2_0.woff2") format("woff2"), url("webfonts/3778DD_2_0.woff") format("woff"), url("webfonts/3778DD_2_0.ttf") format("truetype"); }

@font-face { font-family: 'AvenirLTPro-Black'; src: url("webfonts/3778DD_3_0.eot"); src: url("webfonts/3778DD_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3778DD_3_0.woff2") format("woff2"), url("webfonts/3778DD_3_0.woff") format("woff"), url("webfonts/3778DD_3_0.ttf") format("truetype"); }

@font-face { font-family: 'AvenirLTPro-BlackOblique'; src: url("webfonts/3778DD_4_0.eot"); src: url("webfonts/3778DD_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/3778DD_4_0.woff2") format("woff2"), url("webfonts/3778DD_4_0.woff") format("woff"), url("webfonts/3778DD_4_0.ttf") format("truetype"); }

@font-face { font-family: 'TradeGothicLT-CondEighteen'; src: url("webfonts/34D6DF_0_0.eot"); src: url("webfonts/34D6DF_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/34D6DF_0_0.woff2") format("woff2"), url("webfonts/34D6DF_0_0.woff") format("woff"), url("webfonts/34D6DF_0_0.ttf") format("truetype"); }

body { font-family: 'AvenirLTPro-Book', sans-serif; color: #4A5258; }

.level_2, .level_two { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #D50447; }

@media only screen and (max-width: 1100px) { .level_2, .level_two { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .level_2, .level_two { font-size: 24px; line-height: 28px; } }

.single-contentoffer .desc ul, .content-format ul, .two-content .desc ul, .faq_info ul, .details ul { padding: 20px 0; }

.single-contentoffer .desc ul li, .content-format ul li, .two-content .desc ul li, .faq_info ul li, .details ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #4A5258; position: relative; padding-left: 30px; margin-bottom: 8px; }

.single-contentoffer .desc ul li a, .content-format ul li a, .two-content .desc ul li a, .faq_info ul li a, .details ul li a { color: #4A5258; text-decoration: none; }

.single-contentoffer .desc ul li:before, .content-format ul li:before, .two-content .desc ul li:before, .faq_info ul li:before, .details ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .single-contentoffer .desc ul li, .content-format ul li, .two-content .desc ul li, .faq_info ul li, .details ul li { font-size: 20px; } }

.single-contentoffer .desc p, .single-contentoffer .desc li, .content-format p, .content-format li, .two-content .desc p, .two-content .desc li, .faq_info p, .faq_info li, .details p, .details li { font-size: 20px; line-height: 30px; margin-bottom: 16px; }

@media only screen and (max-width: 600px) { .single-contentoffer .desc p, .single-contentoffer .desc li, .content-format p, .content-format li, .two-content .desc p, .two-content .desc li, .faq_info p, .faq_info li, .details p, .details li { font-size: 16px; line-height: 26px; } }

.single-contentoffer .desc p strong, .single-contentoffer .desc li strong, .content-format p strong, .content-format li strong, .two-content .desc p strong, .two-content .desc li strong, .faq_info p strong, .faq_info li strong, .details p strong, .details li strong { font-weight: bold; }

.single-contentoffer .desc p em, .single-contentoffer .desc li em, .content-format p em, .content-format li em, .two-content .desc p em, .two-content .desc li em, .faq_info p em, .faq_info li em, .details p em, .details li em { font-style: italic; }

.single-contentoffer .desc p a, .single-contentoffer .desc li a, .content-format p a, .content-format li a, .two-content .desc p a, .two-content .desc li a, .faq_info p a, .faq_info li a, .details p a, .details li a { color: #D50447; text-decoration: none; }

.single-contentoffer .desc p a:hover, .single-contentoffer .desc li a:hover, .content-format p a:hover, .content-format li a:hover, .two-content .desc p a:hover, .two-content .desc li a:hover, .faq_info p a:hover, .faq_info li a:hover, .details p a:hover, .details li a:hover { text-decoration: underline; }

.single-contentoffer .desc h3, .single-contentoffer .desc h4, .content-format h3, .content-format h4, .two-content .desc h3, .two-content .desc h4, .faq_info h3, .faq_info h4, .details h3, .details h4 { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; color: #D50447; text-transform: uppercase; font-size: 24px; margin-bottom: 10px; font-weight: bold; }

@media only screen and (max-width: 600px) { .single-contentoffer .desc h3, .single-contentoffer .desc h4, .content-format h3, .content-format h4, .two-content .desc h3, .two-content .desc h4, .faq_info h3, .faq_info h4, .details h3, .details h4 { font-size: 20px; } }

.single-contentoffer .desc h4, .content-format h4, .two-content .desc h4, .faq_info h4, .details h4 { color: #0072B7; }

.single-contentoffer .desc li ul, .content-format li ul, .two-content .desc li ul, .faq_info li ul, .details li ul { padding-left: 20px; margin-bottom: 0 !important; padding-bottom: 0 !important; }

.button-wrap a, .btn a, .paged-prev-next a a, span.btn a, input.btn, a.btn, .paged-prev-next a { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-weight: normal; background-color: #D50447; color: #FFFFFF; text-decoration: none; padding: 11px 28px 10px 28px; text-align: center; display: inline-block; border-radius: 40px; text-transform: uppercase; font-size: 16px; line-height: 16px; transition: all 0.25s ease; border: 2px solid #D50447; }

.button-wrap a:hover, .btn a:hover, .paged-prev-next a a:hover, span.btn a:hover, input.btn:hover, a.btn:hover, .paged-prev-next a:hover { background-color: transparent; color: #D50447; }

.btn-big a, .btn-big a, input.btn-big, a.btn-big { padding: 20px; font-size: 20px; line-height: 20px; padding: 20px 28px 19px 28px; }

.btn-red a, .btn-red a, input.btn-red, a.btn-red { background-color: #D50447 !important; border-color: #D50447 !important; }

.btn-red a:hover, .btn-red a:hover, input.btn-red:hover, a.btn-red:hover { color: #D50447 !important; background-color: transparent !important; }

.btn-blue a, .btn-blue a, input.btn-blue, a.btn-blue { background-color: #0072B7 !important; border-color: #0072B7 !important; }

.btn-blue a:hover, .btn-blue a:hover, input.btn-blue:hover, a.btn-blue:hover { color: #0072B7 !important; background-color: transparent !important; }

.btn-lightblue a, .btn-lightblue a, input.btn-lightblue, a.btn-lightblue { background-color: #9ADBE4 !important; border-color: #9ADBE4 !important; color: #D50447 !important; }

.btn-lightblue a:hover, .btn-lightblue a:hover, input.btn-lightblue:hover, a.btn-lightblue:hover { color: #9ADBE4 !important; background-color: transparent !important; }

.btn-gray a, .paged-prev-next a a, .btn-gray a, .paged-prev-next a a, input.btn-gray, a.btn-gray, .paged-prev-next a { background-color: #728089 !important; border-color: #728089 !important; color: #FFFFFF !important; }

.btn-gray a:hover, .paged-prev-next a a:hover, .btn-gray a:hover, .paged-prev-next a a:hover, input.btn-gray:hover, a.btn-gray:hover, .paged-prev-next a:hover { color: #728089 !important; background-color: transparent !important; }

.btn-lightgray a, .btn-lightgray a, input.btn-lightgray, a.btn-lightgray { background-color: #A4AEB4 !important; border-color: #A4AEB4 !important; color: #FFFFFF !important; }

.btn-lightgray a:hover, .btn-lightgray a:hover, input.btn-lightgray:hover, a.btn-lightgray:hover { color: #A4AEB4 !important; background-color: transparent !important; }

.viewport { background-color: #e3e3e3; overflow: hidden; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#menu-blog-filter-1 { left: -40px; right: -40px; }

.mktoFormCol:nth-child(even) { padding-left: 10px !important; }

@media only screen and (max-width: 1099px) { .mktoFormCol:nth-child(even) { padding-left: 0 !important; } }

.mobile-menu { display: none; position: fixed; top: 100px; width: 100%; z-index: 7; background: #D50447; width: 100%; height: 100%; padding: 0; overflow: hidden; padding: 35px; overflow-y: scroll; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding-bottom: 200px; }

@media only screen and (max-width: 600px) { .mobile-menu { top: 80px; padding: 25px 20px; } }

.mobile-menu .mobile-menu-inner { position: relative; }

.mobile-menu .menus { width: 290px; float: left; }

.mobile-menu ul ul { margin-top: 10px; margin-left: 10px; display: none; }

.mobile-menu ul.menu { width: 100%; }

.mobile-menu ul.menu li { margin-bottom: 15px; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 34px; line-height: 38px; text-transform: uppercase; position: relative; font-weight: bold; letter-spacing: 2px; }

@media only screen and (max-width: 600px) { .mobile-menu ul.menu li { font-size: 32px; } }

.mobile-menu ul.menu li.menu-item-has-children span.toggle { display: block; height: 30px; width: 30px; position: absolute; font-size: 30px; line-height: 30px; text-align: center; right: 40px; top: 4px; color: #fff; transition: all 0.3s ease; float: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mobile-menu ul.menu li.expanded ul { display: block; -webkit-animation-name: fadeInRightVerySmall; animation-name: fadeInRightVerySmall; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.mobile-menu ul.menu li.expanded span.toggle { transform: rotate(-135deg); }

.mobile-menu ul.menu li li { font-size: 24px; line-height: 30px; }

.mobile-menu ul.menu li.button-wrap { display: none; }

.mobile-menu ul.menu li ul li { letter-spacing: 1px; font-weight: normal; margin-bottom: 6px; }

.mobile-menu ul.menu > li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.mobile-menu ul.menu > li:nth-child(1) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.mobile-menu ul.menu > li:nth-child(2) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.mobile-menu ul.menu > li:nth-child(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.mobile-menu ul.menu > li:nth-child(4) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.mobile-menu ul.menu > li:nth-child(5) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.mobile-menu ul.menu > li:nth-child(6) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.mobile-menu ul.utility { padding-top: 50px; font-size: 14px; width: 100%; display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }

.mobile-menu ul.utility a { color: #9ADBE4; text-transform: uppercase; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mobile-menu ul.utility li { margin-bottom: 15px; }

.mobile-menu a { color: #fff; text-decoration: none; }

.mobile-menu .mobile-social-links { text-align: right; width: 24px; padding-top: 8px; position: absolute; top: 0; right: -4px; display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }

.mobile-menu .mobile-social-links li { margin-bottom: 20px; }

.mobile-menu .mobile-social-links li svg, .mobile-menu .mobile-social-links li img { display: block; width: auto !important; height: 15px !important; max-width: auto !important; }

.mobile-menu .mobile-social-links li svg path, .mobile-menu .mobile-social-links li img path { fill: #9ADBE4; }

.mobile-menu .mobile-social-links li.google svg { height: 14px !important; }

.mobile-menu form { display: none; background: #F0F0F0; padding: 5px 10px; left: 20px; right: 30px; height: 40px; margin-bottom: 20px; }

.mobile-menu form .searchfor { display: block; border: 0; background: #F0F0F0; color: #4A5258; -appearance: none; line-height: 20px; font-size: 18px; border: 0; margin: 0; padding: 5px; width: 100%; }

.mobile-menu form .searchfor:active, .mobile-menu form .searchfor:focus { -appearance: none; outline: 0; }

.mobile-menu form .searchbtn { display: none; }

.mobile-menu .get-insights { padding: 15px 20px; background: #0072B7 url("images/menu-insights.jpg") center no-repeat; background-size: cover; position: fixed; bottom: 0; width: 100%; left: 0; right: 0; clear: both; display: none; }

.mobile-menu .get-insights:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.mobile-menu .get-insights h4 { font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #FFFFFF; line-height: 24px; margin-bottom: 0; float: left; margin-top: 12px; }

@media only screen and (max-width: 1100px) { .mobile-menu .get-insights h4 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .mobile-menu .get-insights h4 { font-size: 20px; line-height: 24px; } }

@media only screen and (max-width: 1100px) { .mobile-menu .get-insights h4 { font-size: 24px; line-height: 24px; } }

@media only screen and (max-width: 600px) { .mobile-menu .get-insights h4 { font-size: 24px; line-height: 24px; } }

.mobile-menu .get-insights .btn, .mobile-menu .get-insights .paged-prev-next a, .paged-prev-next .mobile-menu .get-insights a { float: right; margin-bottom: 0; }

.menu-shown .mobile-menu { display: block; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }

.menu-shown .mobile-menu .get-insights { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.search-shown form { display: block; }

.search-shown .mobile-social-links { top: 60px; }

.menu-shown { height: 100%; overflow: hidden; }

.blog-header { padding: 100px 0 20px 0; }

.blog-header h1 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; text-align: center; position: relative; margin-top: 35px; margin-bottom: 26px; }

.blog-header h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .blog-header h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .blog-header h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .blog-header h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .blog-header h1 { font-size: 32px; line-height: 38px; } }

.blog-header h1:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .blog-header h1:before { top: -30px; } }

@media only screen and (max-width: 600px) { .blog-header h1 { margin-bottom: 10px; } }

@media only screen and (max-width: 600px) { .blog-header { padding: 40px 0 0 0; } }

.hero404, .error404 .hero { margin-top: 0 !important; padding: 200px 100px !important; text-align: left !important; background: #062365 url("images/background-hexagon.jpg") center no-repeat !important; background-size: cover !important; }

@media only screen and (max-width: 1100px) { .hero404, .error404 .hero { padding-left: 60px !important; padding-right: 60px !important; } }

@media only screen and (max-width: 600px) { .hero404, .error404 .hero { padding-left: 20px !important; padding-right: 20px !important; } }

.hero404 .details, .error404 .hero .details { margin: 0 auto !important; color: #fff !important; }

.hero404 .details h1, .error404 .hero .details h1 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #FFFFFF; }

.hero404 .details h1:before, .error404 .hero .details h1:before { display: none !important; }

.hero404 .details h1 .line, .hero404 .details h1:before, .hero404 .details h1:after, .error404 .hero .details h1 .line, .error404 .hero .details h1:before, .error404 .hero .details h1:after { display: none; }

.hero404 .details h1 small, .error404 .hero .details h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .hero404 .details h1 small, .error404 .hero .details h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .hero404 .details h1 small, .error404 .hero .details h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .hero404 .details h1, .error404 .hero .details h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .hero404 .details h1, .error404 .hero .details h1 { font-size: 32px; line-height: 38px; } }

.hero404 .details h2, .error404 .hero .details h2 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #FFFFFF; position: relative; margin-top: 65px; margin-bottom: 0 !important; }

@media only screen and (max-width: 1100px) { .hero404 .details h2, .error404 .hero .details h2 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .hero404 .details h2, .error404 .hero .details h2 { font-size: 24px; line-height: 28px; } }

.hero404 .details h2:before, .error404 .hero .details h2:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #D50447; }

@media only screen and (max-width: 600px) { .hero404 .details h2:before, .error404 .hero .details h2:before { top: -40px; } }

.hero404 .details p, .error404 .hero .details p { margin-bottom: 40px; }

.hero404 .details .btn, .hero404 .details .paged-prev-next a, .paged-prev-next .hero404 .details a, .error404 .hero .details .btn, .error404 .hero .details .paged-prev-next a, .paged-prev-next .error404 .hero .details a { color: #fff; }

.hero404 .details .btn:hover, .hero404 .details .paged-prev-next a:hover, .paged-prev-next .hero404 .details a:hover, .error404 .hero .details .btn:hover, .error404 .hero .details .paged-prev-next a:hover, .paged-prev-next .error404 .hero .details a:hover { color: #D50447; text-decoration: none; }

.no-border { border: none !important; }

.intro-second-band-wrap { background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; }

.jump { padding-top: 60px; }

.jump a { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; margin-right: 15px; padding-right: 15px; text-decoration: none; font-size: 21px; color: #4A5258; text-transform: uppercase; transition: all 0.5s ease; border-right: 2px solid #9ADBE4; font-weight: bold; }

.jump a:hover { color: #D50447; }

.jump a:last-child { margin-right: 0; border: none; padding-right: 0; }

.center { text-align: center; }

img { max-width: 100%; height: auto; }

.filter-wrap { text-align: center; }

.filter-wrap .lbl { display: inline-block; margin-right: 20px; font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #D50447; margin-bottom: 0; margin-bottom: 10px; }

@media only screen and (max-width: 1100px) { .filter-wrap .lbl { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .filter-wrap .lbl { font-size: 20px; line-height: 24px; } }

@media only screen and (max-width: 489px) { .filter-wrap .lbl { display: none; } }

.filter-wrap .filter { display: inline-block; }

@media only screen and (max-width: 489px) { .filter-wrap .filter { margin-bottom: 0; } }

.filter-wrap form { display: inline-block; padding-left: 10px; margin-left: 20px; background-color: #ffffff; border-radius: 50px; padding: 8px 34px 8px 10px; text-align: left !important; background: #fff url(svg/search.svg) center right 11px no-repeat; background-size: 18px 18px; }

@media only screen and (max-width: 489px) { .filter-wrap form { margin-bottom: 20px; } }

.filter-wrap form .searchfor { font-family: 'AvenirLTPro-Book', sans-serif; display: block; border: 0; background-color: #ffffff; font-size: 18px; line-height: 18px; transition: all 0.5s; padding: 0; outline: 0; height: 18px; -appearance: none; width: 100px; text-align: left !important; padding-left: 4px; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; color: #4A5258 !important; }

.filter-wrap form .searchfor:active, .filter-wrap form .searchfor:focus { -appearance: none; outline: 0; }

.filter-wrap form .placeholder, .filter-wrap form input ::placeholder, .filter-wrap form input ::-webkit-input-placeholder, .filter-wrap form input ::-moz-placeholder, .filter-wrap form input :-ms-input-placeholder, .filter-wrap form input :-moz-placeholder { color: #4A5258 !important; }

.filter-wrap form .searchbtn { display: none; }

.filter { margin: 0 auto 20px auto; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 20px; text-align: center; position: relative; line-height: 20px; text-transform: uppercase; color: #4A5258; }

.filter .option { position: relative; display: inline-block; margin-left: 15px; margin-right: 15px; background: #F0F0F0 url(svg/drop-down.svg) top right no-repeat; background-size: 12px 20px; padding: 0 10px; margin-bottom: 10px; }

.filter .option > span { padding-right: 10px; cursor: default; }

.filter .option:hover ul { display: block; }

.filter a { text-decoration: none; color: #4A5258; transition: color 0.4s ease; }

.filter a:hover { color: #D50447; }

.filter ul { display: none; padding: 10px 0; position: absolute; top: 20px; left: 0; right: 0; background-color: #F0F0F0; z-index: 6; padding-bottom: 12px; }

.filter ul li { background-color: #F0F0F0; padding: 10px; }

.filter ul li a { font-weight: bold; }

.wrapper { max-width: 1600px; margin: 0 auto; background-color: #F0F0F0; overflow: hidden; position: relative; padding-top: 136px; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

.wrapper:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1199px) { .wrapper { padding-top: 100px; } }

@media only screen and (max-width: 600px) { .wrapper { padding-top: 80px; } }

.jobsite { padding: 100px; background-color: #F0F0F0; }

.jobsite .inner { background-color: #fff; max-width: 947px; margin: 0 auto; padding: 50px; }

@media only screen and (max-width: 1100px) { .locations { margin-top: 60px; } }

.locations .map { width: 100%; height: auto; }

.locations .details { display: table; width: 100%; background-color: #fff; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); max-width: 100%; }

.locations .details .info, .locations .details .img { display: table-cell; width: 60%; height: 400px; }

@media only screen and (max-width: 1100px) { .locations .details .info, .locations .details .img { display: block; width: 100%; height: auto; } }

@media only screen and (max-width: 1100px) { .locations .details .img { display: none; } }

.locations .details .info { padding: 80px; }

.locations .details .info:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .locations .details .info { padding: 60px; } }

@media only screen and (max-width: 600px) { .locations .details .info { padding: 40px; } }

.locations .details .info h3 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; position: relative; margin-top: 65px; }

.locations .details .info h3 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .locations .details .info h3 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .locations .details .info h3 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .locations .details .info h3 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .locations .details .info h3 { font-size: 32px; line-height: 38px; } }

.locations .details .info h3:before { content: ""; height: 6px; width: 30%; display: block; position: absolute; top: -60px; left: 0; background-color: #D50447; }

@media only screen and (max-width: 600px) { .locations .details .info h3:before { top: -40px; } }

.locations .details .info p { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; line-height: 32px; text-transform: uppercase; margin-bottom: 0; margin-bottom: 15px; padding-left: 40px; }

.locations .details .info p.address { background: transparent url(svg/pin.svg) left 4px no-repeat; background-size: 17px 25px; }

.locations .details .info p.phone { background: transparent url(svg/phone.svg) left 4px no-repeat; background-size: 26px 34px; }

.locations .details .info p.fax { background: transparent url(svg/fax.svg) left 4px no-repeat; background-size: 26px 34px; }

.locations .details .info p.email { background: transparent url(svg/mail.svg) left 4px no-repeat; background-size: 26px 34px; }

@media only screen and (max-width: 600px) { .locations .details .info p { font-size: 20px; line-height: 26px; } }

.locations .locations-list { margin: -200px auto 0 auto; max-width: 1300px; position: relative; z-index: 2; }

@media only screen and (max-width: 1100px) { .locations .locations-list { margin-top: -40px; } }

.locations .locations-list ul { padding: 40px; margin-left: -60px; margin-right: -60px; }

.locations .locations-list ul:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .locations .locations-list ul { padding: 60px; margin: 0 auto; } }

@media only screen and (max-width: 600px) { .locations .locations-list ul { padding: 40px; } }

.locations .locations-list li { width: 30.333%; margin: 0 1.5% 3% 1.5%; float: left; padding: 50px; background-color: #fff; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1100px) { .locations .locations-list li { width: 100%; margin: 0 auto 30px auto; } }

.locations .locations-list li h4 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #0072B7; margin-bottom: 10px; }

@media only screen and (max-width: 1100px) { .locations .locations-list li h4 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .locations .locations-list li h4 { font-size: 24px; line-height: 28px; } }

.locations .locations-list li h5 { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 20px; line-height: 26px; text-transform: uppercase; color: #728089; margin-bottom: 40px; }

.locations .locations-list li p { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; line-height: 36px; text-transform: uppercase; margin-bottom: 0; margin-bottom: 15px; padding-left: 40px; }

.locations .locations-list li p.address { background: transparent url(svg/pin.svg) left 4px no-repeat; background-size: 17px 25px; }

.locations .locations-list li p.phone { background: transparent url(svg/phone.svg) left 4px no-repeat; background-size: 26px 34px; }

.locations .locations-list li p.fax { background: transparent url(svg/fax.svg) left 4px no-repeat; background-size: 26px 34px; }

.locations .locations-list li p.email { background: transparent url(svg/mail.svg) left -1px no-repeat; background-size: 26px 34px; }

@media only screen and (max-width: 600px) { .locations .locations-list li p { font-size: 18px; line-height: 24px; } }

.faqs { margin: 0 auto; background-color: #FFFFFF; padding: 100px 0 120px 0; }

.faqs h2 { position: relative; margin-top: 35px; font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; margin-bottom: 100px; text-align: center; }

.faqs h2:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .faqs h2:before { top: -30px; } }

.faqs h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .faqs h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .faqs h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .faqs h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .faqs h2 { font-size: 32px; line-height: 38px; } }

.faq_list { list-style: none; margin: 0; padding: 0; margin: 0 auto; max-width: 840px; }

@media only screen and (max-width: 1100px) { .faq_list { padding: 0 20px; } }

.faq_list > li { list-style: none; margin: 0 0 30px 0; padding: 0; background-color: #fff; position: relative; background-color: #F0F0F0; }

.faq_list > li > h3 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #0072B7; font-variant: normal; font-weight: normal; line-height: 24px; font-size: 24px; background-color: #F0F0F0; padding: 0; height: 88px; padding: 2px 30px 0 30px; margin-bottom: 0; display: table; width: 100%; vertical-align: middle; }

@media only screen and (max-width: 1100px) { .faq_list > li > h3 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .faq_list > li > h3 { font-size: 24px; line-height: 28px; } }

@media only screen and (max-width: 600px) { .faq_list > li > h3 { font-size: 18px; line-height: 24px; padding: 2px 30px 0 20px; } }

.faq_list > li > h3 a { color: #0072B7; text-decoration: none; }

.faq_list > li > h3 .vertical-center { height: 88px; width: 90%; }

@media only screen and (max-width: 600px) { .faq_list > li > h3 .vertical-center { width: 76%; } }

.faq_list > li > h3 .view { display: block; height: 88px; width: 88px; padding: 29px; background-color: #D50447; position: absolute; right: 0; top: 0; }

.faq_list > li > h3 .view img { display: block; height: 30px; width: 30px; transition: all 0.2s ease; }

.faq_list > li > h3.shown .view img { transform: rotate(-45deg); }

.faq_list > li .faq_info { padding: 30px 30px 15px 30px; }

.faq_list h3 { font-size: 20px; line-height: 22px; margin-bottom: 8px; }

.layout-option-cards { padding: 200px 100px 0 100px; text-align: center; }

@media only screen and (max-width: 1100px) { .layout-option-cards { padding: 100px 60px 0 60px; } }

@media only screen and (max-width: 600px) { .layout-option-cards { padding: 100px 20px 0 20px; } }

.layout-option-cards h2 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #9ADBE4; margin-bottom: 10px; position: relative; margin-top: 35px; }

@media only screen and (max-width: 1100px) { .layout-option-cards h2 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .layout-option-cards h2 { font-size: 24px; line-height: 28px; } }

.layout-option-cards h2:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-option-cards h2:before { top: -30px; } }

.layout-option-cards h1 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #FFFFFF; margin-bottom: 120px; max-width: 770px; margin: 0 auto 100px auto; }

.layout-option-cards h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-option-cards h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-option-cards h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-option-cards h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-option-cards h1 { font-size: 32px; line-height: 38px; } }

.layout-option-cards .contact-options { max-width: 1000px; margin: 0 auto -200px auto; position: relative; z-index: 3; background: #062365; }

.layout-option-cards .contact-options:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-option-cards .contact-options { margin-bottom: 80px; } }

.layout-option-cards .which { width: 40%; float: left; height: 100%; }

.layout-option-cards .which:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-option-cards .which { width: 100%; float: none; } }

.layout-option-cards .right { width: 60%; float: left; min-height: 650px; background-color: #FFFFFF; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); padding-bottom: 100px; background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px right -50px; background-size: 180px 150px; }

@media only screen and (max-width: 1100px) { .layout-option-cards .right { width: 100%; float: none; padding-bottom: 0; } }

.layout-option-cards .right h4 { font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #0072B7; }

@media only screen and (max-width: 1100px) { .layout-option-cards .right h4 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .layout-option-cards .right h4 { font-size: 20px; line-height: 24px; } }

.layout-option-cards .which a { display: block; padding: 60px; text-align: left; color: #fff; background-color: #062365; text-decoration: none; height: 50%; width: 90%; float: right; position: relative; min-height: 325px; cursor: default; }

.layout-option-cards .which a h3 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #D50447; }

@media only screen and (max-width: 1100px) { .layout-option-cards .which a h3 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .layout-option-cards .which a h3 { font-size: 24px; line-height: 28px; } }

.layout-option-cards .which a p { max-width: 230px; line-height: 28px; }

@media only screen and (max-width: 1100px) { .layout-option-cards .which a p { max-width: 100%; } }

@media only screen and (max-width: 1100px) { .layout-option-cards .which a { width: 100%; min-height: 0; }
  .layout-option-cards .which a.active { width: 100%; box-shadow: none; }
  .layout-option-cards .which a.active:before { display: none; } }

@media only screen and (max-width: 600px) { .layout-option-cards .which a { padding: 20px; min-height: 240px; }
  .layout-option-cards .which a p { line-height: 18px; font-size: 14px; } }

.layout-option-cards .sales, .layout-option-cards .marketing { padding: 100px; background: transparent; display: none; }

.layout-option-cards .sales h4, .layout-option-cards .marketing h4 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #D50447; }

@media only screen and (max-width: 1100px) { .layout-option-cards .sales h4, .layout-option-cards .marketing h4 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .layout-option-cards .sales h4, .layout-option-cards .marketing h4 { font-size: 24px; line-height: 28px; } }

.layout-option-cards .sales.active, .layout-option-cards .marketing.active { display: block; }

@media only screen and (max-width: 1100px) { .layout-option-cards .sales, .layout-option-cards .marketing { padding: 60px; }
  .layout-option-cards .sales form, .layout-option-cards .marketing form { margin: 0 auto; } }

@media only screen and (max-width: 600px) { .layout-option-cards .sales, .layout-option-cards .marketing { padding: 40px 20px; } }

.leadership { max-width: 1600px; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; }

.leadership .inner { margin: 0 auto; padding: 100px 40px; }

.leadership h2 { position: relative; margin-top: 35px; font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; text-align: center; }

.leadership h2:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .leadership h2:before { top: -30px; } }

.leadership h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .leadership h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .leadership h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .leadership h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .leadership h2 { font-size: 32px; line-height: 38px; } }

.leadership .details { text-align: center; margin: 0 auto; max-width: 800px; margin-bottom: 100px; }

.leadership .leadership-list { padding: 100px 0; max-width: 1400px; margin: 0 auto; padding: 0 20px; }

@media only screen and (max-width: 600px) { .leadership .leadership-list { padding: 0; } }

.leadership .leadership-list li { width: 25%; display: inline-block; vertical-align: top; text-align: center; padding: 0 30px 40px 30px; }

@media only screen and (max-width: 1100px) { .leadership .leadership-list li { width: 50%; } }

@media only screen and (max-width: 600px) { .leadership .leadership-list li { width: 100%; padding: 0; } }

.leadership .leadership-list li a { text-decoration: none; }

.leadership .leadership-list li img { display: block; max-width: 100%; height: auto; border-radius: 400px; margin-bottom: 50px; box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 600px) { .leadership .leadership-list li img { max-width: 80%; margin: 0 auto 20px auto; } }

.leadership .leadership-list li h4 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #0072B7; font-size: 29px; margin-bottom: 15px; text-align: center; min-height: 52px; }

@media only screen and (max-width: 1100px) { .leadership .leadership-list li h4 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .leadership .leadership-list li h4 { font-size: 24px; line-height: 28px; } }

.leadership .leadership-list li h4 span { display: block; }

.leadership .leadership-list li h4 a { text-decoration: none; color: #0072B7; }

@media only screen and (max-width: 1100px) { .leadership .leadership-list li h4 { font-size: 24px; margin-bottom: 0; } }

.leadership .leadership-list li .jobtitle { font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #728089; font-size: 18px !important; margin-bottom: 20px; text-align: center; line-height: 20px; min-height: 52px; }

@media only screen and (max-width: 1100px) { .leadership .leadership-list li .jobtitle { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .leadership .leadership-list li .jobtitle { font-size: 20px; line-height: 24px; } }

.leadership .leadership-list li .jobtitle .dept { display: block; }

@media only screen and (max-width: 1100px) { .leadership .leadership-list li .jobtitle { font-size: 16px; } }

.leadership .leadership-list li .btn, .leadership .leadership-list li .paged-prev-next a, .paged-prev-next .leadership .leadership-list li a { display: block; margin: 0 auto; width: 160px; }

.layout-large-statement { padding: 240px 20px 260px 200px; color: #FFFFFF; }

.layout-large-statement .inner { max-width: 1400px; margin: -100px auto 0 auto; }

.layout-large-statement .inner:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-large-statement { padding: 140px 60px 60px 60px; } }

@media only screen and (max-width: 600px) { .layout-large-statement { padding: 140px 20px 60px 20px; } }

.layout-large-statement h2 { position: relative; margin-top: 65px; font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #9ADBE4; width: 320px; float: left; padding-left: 35px; max-width: 280px; }

.layout-large-statement h2:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-large-statement h2:before { top: -40px; } }

.layout-large-statement h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-large-statement h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-large-statement h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-large-statement h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-large-statement h2 { font-size: 32px; line-height: 38px; } }

@media only screen and (max-width: 1100px) { .layout-large-statement h2 { max-width: 220px; width: 100%; padding: 0; font-size: 40px; max-width: 100%; }
  .layout-large-statement h2 small { font-size: 40px; display: inline; } }

@media only screen and (max-width: 600px) { .layout-large-statement h2 { font-size: 32px; }
  .layout-large-statement h2 small { font-size: 32px; } }

.layout-large-statement .details { width: 65%; float: left; padding-right: 100px; padding-top: 118px; }

.layout-large-statement .details p { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 34px; line-height: 44px; }

@media only screen and (max-width: 1100px) { .layout-large-statement .details p { font-size: 30px; line-height: 40px; } }

@media only screen and (max-width: 600px) { .layout-large-statement .details p { font-size: 24px; line-height: 32px; } }

@media only screen and (max-width: 1600px) { .layout-large-statement .details { padding-top: 99px; } }

@media only screen and (max-width: 1100px) { .layout-large-statement .details { width: 100%; padding-top: 0; padding-right: 0; } }

.layout-large-statement .details .button-wrap { padding-top: 50px; }

.layout-large-statement .details .button-wrap a { margin-right: 15px; margin-bottom: 15px; }

.featured-homepage-post { background-color: #D50447; color: #FFFFFF; text-transform: uppercase; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; width: 55%; position: absolute; z-index: 3; padding: 0; bottom: -25px; font-size: 22px; line-height: 22px; }

@media only screen and (max-width: 1100px) { .featured-homepage-post { width: 100%; } }

@media only screen and (max-width: 599px) { .featured-homepage-post { position: static; } }

.featured-homepage-post .inner-content-wrap { width: calc(100% - 135px); margin: 0 30px 0 auto; position: relative; }

.featured-homepage-post .inner-content-wrap h4 { font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; position: absolute; top: 50%; left: 0; transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform-origin: 50% 50%; padding: 0; margin-bottom: 0; font-weight: nomal; text-transform: none; }

@media only screen and (max-width: 1100px) { .featured-homepage-post .inner-content-wrap h4 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .featured-homepage-post .inner-content-wrap h4 { font-size: 20px; line-height: 24px; } }

@media only screen and (max-width: 1100px) { .featured-homepage-post .inner-content-wrap { width: 90%; margin: 0 auto; } }

.featured-homepage-post .home-post-swiper .swiper-slide { position: relative; padding: 25px 155px 25px 55px; }

@media only screen and (max-width: 499px) { .featured-homepage-post .home-post-swiper .swiper-slide { padding-right: 55px; } }

.featured-homepage-post .home-post-swiper .swiper-slide .button-wrap { position: absolute; top: 50%; right: 50px; transform: translateY(-50%); }

.featured-homepage-post .home-post-swiper .swiper-slide .button-wrap .link { border-radius: 20px; background: #fff; color: #D50447; font-size: 18px; }

@media only screen and (max-width: 600px) { .featured-homepage-post .home-post-swiper .swiper-slide .button-wrap .link { font-size: 16px; } }

@media only screen and (max-width: 499px) { .featured-homepage-post .home-post-swiper .swiper-slide .button-wrap { position: static; margin-top: 25px; transform: none; } }

.featured-homepage-post .home-post-swiper .swiper-slide a { color: #FFFFFF; }

.featured-homepage-post .home-post-swiper .swiper-slide h5 { display: inline-block; padding-right: 0; }

.featured-homepage-post .home-post-swiper .swiper-slide h5 a { text-decoration: none; }

@media only screen and (max-width: 600px) { .featured-homepage-post .home-post-swiper .swiper-slide h5 a { font-size: 18px; } }

.featured-homepage-post .home-post-swiper .swiper-button-prev { display: block; width: auto; height: auto; right: 0; left: auto; top: 50%; transform: translateY(-50%); margin-top: 0; background: none; }

.featured-homepage-post .home-post-swiper .swiper-button-prev:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #fff; }

.featured-homepage-post .home-post-swiper .swiper-button-next { display: block; width: auto; height: auto; right: 25px; left: auto; top: 50%; transform: translateY(-50%); margin-top: 0; background: none; }

.featured-homepage-post .home-post-swiper .swiper-button-next:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 12px 8px 0; border-color: transparent #fff transparent transparent; }

.solution-service-wrap { background: #F0F0F0 url(images/bg-pattern.png) repeat; background-size: 334px 439px; background-position: -26px 18px; transition: background-position .1s ease; }

.hero { background: #0072B7; z-index: 2; position: relative; }

.hero .inner { height: 580px; padding: 45px 45px 45px 90px; }

@media only screen and (max-width: 1100px) { .hero .inner { padding: 35px 35px 35px 35px; height: 400px; } }

@media only screen and (max-width: 600px) { .hero .inner { height: auto; padding: 20px 20px 60px 20px; } }

.hero .inner h2 { font-family: 'FilsonProBold', sans-serif; font-size: 88px; line-height: 92px; margin-bottom: 20px; color: #FFFFFF; display: none; margin-bottom: 0; margin-top: 50px; }

@media only screen and (max-width: 1100px) { .hero .inner h2 { font-size: 60px; line-height: 70px; } }

@media only screen and (max-width: 600px) { .hero .inner h2 { font-size: 40px; line-height: 42px; } }

.hero .inner .details { max-width: 50%; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; color: #FFFFFF; font-size: 24px; padding-left: 5px; display: none; }

.hero .inner .details * { font-size: 24px; }

@media only screen and (max-width: 600px) { .hero .inner .details * { font-size: 20px; line-height: 28px; } }

@media only screen and (max-width: 1100px) { .hero .inner .details { max-width: 800px; padding-bottom: 30px; } }

.hero .additional { float: right; margin-top: -140px; width: 45%; position: relative; z-index: 3; margin-right: 30px; display: none; max-width: 700px; }

@media only screen and (max-width: 1100px) { .hero .additional { width: 90%; margin-right: 5%; margin-top: 50px; } }

@media only screen and (max-width: 600px) { .hero .additional { float: left; width: 98%; width: calc(100% - 22px); margin-left: 22px; margin-right: 0; } }

@media only screen and (max-width: 1100px) { .hero .additional.no-notification-bar { margin-top: -40px; } }

.hero .additional .additional-inner { background-color: #F0F0F0; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.2); display: table; width: 100%; }

.hero .additional h3 { position: relative; margin-top: 35px; font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #D50447; }

.hero .additional h3:before { content: ""; height: 6px; width: 30%; display: block; position: absolute; top: -30px; background-color: #0072B7; }

@media only screen and (max-width: 600px) { .hero .additional h3:before { top: -20px; } }

@media only screen and (max-width: 1100px) { .hero .additional h3 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .hero .additional h3 { font-size: 20px; line-height: 24px; } }

.hero .additional .details { margin-bottom: 25px; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 20px; color: #4A5258; }

.hero .additional .details p, .hero .additional .details li { line-height: 1.4em; }

.hero .additional .left { display: table-cell; width: 35%; }

@media only screen and (max-width: 600px) { .hero .additional .left { width: 30%; } }

.hero .additional .right { display: table-cell; width: 65%; padding: 45px; }

@media only screen and (max-width: 600px) { .hero .additional .right { width: 70%; padding: 25px; } }

.hero.is-event, .hero.is-video { max-width: 100% !important; margin-top: 0 !important; }

.hero.is-event .meta span, .hero.is-video .meta span { color: #9ADBE4 !important; }

.hero.is-video { height: 800px !important; }

@media only screen and (max-width: 1100px) { .hero.is-video { height: 540px !important; } }

@media only screen and (max-width: 799px) { .hero.is-video { height: 440px !important; } }

@media only screen and (max-width: 600px) { .hero.is-video { height: 300px !important; } }

.hero.is-video:before { display: none !important; }

.hero.is-video .meta { margin-bottom: 40px; }

.hero.is-video .video-container { margin-bottom: -400px; }

@media only screen and (max-width: 1100px) { .hero.is-video .video-container { margin-bottom: -300px; } }

@media only screen and (max-width: 799px) { .hero.is-video .video-container { margin-bottom: -240px; } }

@media only screen and (max-width: 600px) { .hero.is-video .video-container { margin-bottom: -200px; } }

.hero.scrolled-into-view h2, .hero.scrolled-into-view .details { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.hero.scrolled-into-view .details { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.hero.scrolled-into-view .additional { display: block; -webkit-animation-name: slideInRightBig; animation-name: slideInRightBig; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; }

@-webkit-keyframes blink { 0% { background-color: white; }
  49% { background-color: white; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100% { background-color: white; } }

@keyframes blink { 0% { background-color: white; }
  49% { background-color: white; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100% { background-color: white; } }

.home .hero .inner { height: 690px; position: relative; padding-top: 0; }

.home .hero .inner:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0.76; background: #012169; background: linear-gradient(45deg, #012169 0%, #137cbf 45%, #9ddae6 100%); }

@media only screen and (max-width: 599px) { .home .hero .inner { padding-top: 45px; } }

.home .hero .inner video { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; }

.home .hero .inner .cell { position: relative; z-index: 3; }

.home .hero .inner h2 { margin-top: 0; font-size: 88px; color: white; letter-spacing: 2px; -webkit-animation: none; animation: none; }

.home .hero .inner h2 .cursor { display: inline-block; background-color: white; margin-left: 0.1rem; width: 4px; -webkit-animation: blink 1s infinite; animation: blink 1s infinite; }

.home .hero .inner h2 .cursor.typing { -webkit-animation: none; animation: none; }

@media only screen and (max-width: 749px) { .home .hero .inner h2 { font-size: 64px; } }

@media only screen and (max-width: 599px) { .home .hero .inner h2 { font-size: 48px; } }

.home .hero .inner h3 { margin-top: 25px; font-size: 32px; color: white; }

@media only screen and (max-width: 749px) { .home .hero .inner h3 { font-size: 28px; } }

@media only screen and (max-width: 599px) { .home .hero .inner h3 { font-size: 24px; } }

.home .hero .inner .button-wrap { margin-top: 20px; }

.content.is-video { padding-top: 300px; }

@media only screen and (max-width: 1100px) { .content.is-video { padding-top: 180px; padding-left: 10px; padding-right: 10px; } }

@media only screen and (max-width: 799px) { .content.is-video { padding-top: 100px; } }

@media only screen and (max-width: 600px) { .content.is-video { padding-top: 20px; padding-left: 0; padding-right: 0; } }

.introduction { border-right: 100px solid #F0F0F0; background-color: #FFFFFF; position: relative; }

.introduction:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.home .introduction { padding-top: 100px; border-right: 0; border-left: 100px solid #F0F0F0; }

@media only screen and (max-width: 1100px) { .home .introduction { border-left: 0; } }

.introduction h1, .introduction h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; position: relative; margin-top: 65px; }

.introduction h1 small, .introduction h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .introduction h1 small, .introduction h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .introduction h1 small, .introduction h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .introduction h1, .introduction h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .introduction h1, .introduction h2 { font-size: 32px; line-height: 38px; } }

.introduction h1:before, .introduction h2:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #D50447; }

@media only screen and (max-width: 600px) { .introduction h1:before, .introduction h2:before { top: -40px; } }

.introduction .details { padding: 100px 100px 120px 100px; width: 53%; float: left; }

@media only screen and (max-width: 1100px) { .introduction .details { width: 100%; padding: 60px; } }

@media only screen and (max-width: 600px) { .introduction .details { padding: 20px; } }

.home .introduction .details { width: 48%; }

@media only screen and (max-width: 1100px) { .home .introduction .details { width: 100%; } }

.introduction .details ul { padding: 20px 0; }

.introduction .details ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #000; position: relative; padding-left: 30px; margin-bottom: 8px; }

.introduction .details ul li a { color: #000; text-decoration: none; }

.introduction .details ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .introduction .details ul li { font-size: 20px; } }

.introduction .details ul li { color: #000; }

.introduction .button-wrap { margin-top: 35px; }

.introduction .button-wrap.trigger-animation { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }

.introduction .intro-img { display: block; position: absolute; bottom: -260px; right: 39%; max-width: 660px; height: auto; display: none; }

.introduction .intro-img.trigger-animation { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.0s; animation-delay: 0.0s; }

@media only screen and (max-width: 600px) { .introduction .intro-img.trigger-animation { display: none; } }

@media only screen and (max-width: 1100px) { .introduction .intro-img { right: auto; left: 50%; top: 67%; max-height: 240px; width: auto; } }

@media only screen and (max-width: 600px) { .introduction .intro-img { display: none; } }

.introduction .callout-card { width: 48%; float: right; padding: 100px; margin-top: 180px; margin-right: -40px; margin-bottom: -200px; min-height: 600px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1100px) { .introduction .callout-card { width: 100%; padding: 60px; margin-top: 100px; min-height: 0; } }

@media only screen and (max-width: 600px) { .introduction .callout-card { margin-top: 50px; } }

.home .introduction .callout-card { margin-right: 30px; }

@media only screen and (max-width: 1100px) { .home .introduction .callout-card { margin-right: 0; } }

.introduction .callout-card h3 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #FFFFFF; font-size: 55px; margin-bottom: 35px; display: none; }

.introduction .callout-card h3 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .introduction .callout-card h3 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .introduction .callout-card h3 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .introduction .callout-card h3 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .introduction .callout-card h3 { font-size: 32px; line-height: 38px; } }

.introduction .callout-card h3 * { display: none; }

.introduction .callout-card .btn, .introduction .callout-card .paged-prev-next a, .paged-prev-next .introduction .callout-card a { color: #D50447; background-color: #9ADBE4; border-color: #9ADBE4; transition: all 0.5s; }

.introduction .callout-card .btn:hover, .introduction .callout-card .paged-prev-next a:hover, .paged-prev-next .introduction .callout-card a:hover { color: #9ADBE4; background-color: transparent; }

.introduction .callout-card .button-wrap { display: none; margin-top: 0; }

.introduction .callout-card .button-wrap.trigger-animation { display: inline-block; -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }

.introduction .callout-card.scrolled-into-view-first-time h3 { display: block; }

.solutions { clear: both; margin-top: 280px; padding-top: 140px; padding-left: 200px; padding-bottom: 160px; }

.solutions:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1600px) { .solutions { padding-left: 100px; } }

@media only screen and (max-width: 1100px) { .solutions { padding: 60px; } }

@media only screen and (max-width: 600px) { .solutions { padding: 20px 20px 60px 20px; } }

.solutions h2 { color: #D50447; font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #D50447; }

.solutions h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .solutions h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .solutions h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .solutions h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .solutions h2 { font-size: 32px; line-height: 38px; } }

.solutions h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.solutions h2:before { display: none; }

.solutions h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .solutions h2 .text { float: none; } }

.solutions h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .solutions h2 .line { display: none; } }

.solutions h2 span.line { width: 0; transition: all 0.8s ease; }

.solutions .details { width: 40%; float: left; }

@media only screen and (max-width: 1100px) { .solutions .details { width: 100%; padding-right: 20px; } }

@media only screen and (max-width: 600px) { .solutions .details { padding-right: 0; } }

.solutions .button-wrap { margin-top: 35px; }

.solutions .includes { float: right; width: 32%; margin-right: 200px; margin-top: -120px; padding: 100px 100px 90px 100px; width: 36%; padding: 90px 60px 50px 60px; background-color: #FFFFFF; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1600px) { .solutions .includes { width: 36%; margin-right: 100px; } }

@media only screen and (max-width: 1100px) { .solutions .includes { width: 80%; float: left; margin: 100px auto 0 auto; } }

@media only screen and (max-width: 600px) { .solutions .includes { width: 100%; padding: 30px; margin-top: 50px; } }

.solutions .includes h3 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #D50447; }

@media only screen and (max-width: 1100px) { .solutions .includes h3 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .solutions .includes h3 { font-size: 24px; line-height: 28px; } }

.solutions .includes ul { padding: 20px 0; font-weight: bold; }

.solutions .includes ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #4A5258; position: relative; padding-left: 30px; margin-bottom: 8px; }

.solutions .includes ul li a { color: #4A5258; text-decoration: none; }

.solutions .includes ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #0072B7; }

@media only screen and (max-width: 600px) { .solutions .includes ul li { font-size: 20px; } }

.solutions.scrolled-into-view-first-time span.line { width: 48%; }

.solutions.scrolled-into-view-first-time .includes { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.solutions.scrolled-into-view-first-time li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.solutions.scrolled-into-view-first-time li:nth-child(1) { -webkit-animation-delay: 1.65s; animation-delay: 1.65s; }

.solutions.scrolled-into-view-first-time li:nth-child(2) { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.solutions.scrolled-into-view-first-time li:nth-child(3) { -webkit-animation-delay: 2.15s; animation-delay: 2.15s; }

.solutions.scrolled-into-view-first-time li:nth-child(4) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

.solutions.scrolled-into-view-first-time li:nth-child(5) { -webkit-animation-delay: 2.65s; animation-delay: 2.65s; }

.solutions.scrolled-into-view-first-time li:nth-child(6) { -webkit-animation-delay: 2.9s; animation-delay: 2.9s; }

.solutions.scrolled-into-view-first-time li:nth-child(7) { -webkit-animation-delay: 3.15s; animation-delay: 3.15s; }

.solutions.scrolled-into-view-first-time li:nth-child(8) { -webkit-animation-delay: 3.4s; animation-delay: 3.4s; }

.services { background-color: #FFFFFF; padding-top: 90px; padding-left: 100px; padding-bottom: 60px; margin-right: 100px; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px left -50px; background-size: 180px 150px; position: relative; z-index: 2; }

.services:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1600px) { .services { padding-left: 0; margin-right: 50px; } }

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

@media only screen and (max-width: 600px) { .services { width: 100%; padding: 20px; } }

.services .details { padding: 0 100px 70px 100px; width: 54%; float: left; }

@media only screen and (max-width: 1100px) { .services .details { width: 100%; padding: 60px; } }

@media only screen and (max-width: 600px) { .services .details { padding: 20px 20px 60px 20px; width: 100%; } }

.services .details .btn, .services .details .paged-prev-next a, .paged-prev-next .services .details a { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.services h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; position: relative; margin-top: 65px; }

.services h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .services h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .services h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .services h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .services h2 { font-size: 32px; line-height: 38px; } }

.services h2:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #D50447; }

@media only screen and (max-width: 600px) { .services h2:before { top: -40px; } }

.services .button-wrap { margin-top: 35px; }

.services .includes { float: right; width: 36%; margin-right: 100px; margin-top: 160px; padding: 40px 60px 30px 60px; background-color: #FFFFFF; border: 2px solid #D50447; }

@media only screen and (max-width: 1100px) { .services .includes { float: none; clear: both; width: 90%; padding: 60px; margin: 60px auto; } }

@media only screen and (max-width: 600px) { .services .includes { width: 100%; padding: 20px; margin: 60px auto; } }

.services .includes h3 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #D50447; }

@media only screen and (max-width: 1100px) { .services .includes h3 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .services .includes h3 { font-size: 24px; line-height: 28px; } }

.services .includes ul { padding: 20px 0; font-weight: bold; }

.services .includes ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #4A5258; position: relative; padding-left: 30px; margin-bottom: 8px; }

.services .includes ul li a { color: #4A5258; text-decoration: none; }

.services .includes ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .services .includes ul li { font-size: 20px; } }

.services.scrolled-into-view-first-time li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.services.scrolled-into-view-first-time li:nth-child(1) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.services.scrolled-into-view-first-time li:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.services.scrolled-into-view-first-time li:nth-child(3) { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }

.services.scrolled-into-view-first-time li:nth-child(4) { -webkit-animation-delay: 1s; animation-delay: 1s; }

.services.scrolled-into-view-first-time li:nth-child(5) { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; }

.services.scrolled-into-view-first-time li:nth-child(6) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.services.scrolled-into-view-first-time li:nth-child(7) { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; }

.services.scrolled-into-view-first-time li:nth-child(8) { -webkit-animation-delay: 2s; animation-delay: 2s; }

.testimonial { background: #0072B7 url(images/background2.jpg) center no-repeat; background-size: cover; padding-top: 350px; padding-bottom: 160px; position: relative; }

.home .testimonial { margin-top: -200px; }

@media only screen and (max-width: 1100px) { .testimonial { padding-top: 300px; padding-bottom: 60px; } }

.testimonial blockquote { margin: 0 auto; width: 100%; max-width: 1100px; display: table; padding-left: 80px; position: relative; }

@media only screen and (max-width: 1100px) { .testimonial blockquote { padding-left: 0; } }

@media only screen and (max-width: 600px) { .testimonial blockquote { padding: 0; } }

.testimonial blockquote:before { position: absolute; left: 40px; top: -20px; content: "\201c"; font-size: 180px; color: #D50447; font-family: 'FilsonProBold', sans-serif; z-index: 0; }

@media only screen and (max-width: 1100px) { .testimonial blockquote:before { left: -30px; } }

.testimonial .details { display: table-cell; padding-left: 60px; width: 55%; }

@media only screen and (max-width: 1100px) { .testimonial .details { width: 100%; display: block; padding-right: 40px; position: relative; z-index: 5; padding-bottom: 15px; }
  .testimonial .details p { font-size: 28px; line-height: 34px; } }

.testimonial cite { display: table-cell; vertical-align: bottom; padding-bottom: 80px; padding-left: 80px; padding-right: 40px; }

@media only screen and (max-width: 1100px) { .testimonial cite { width: 100%; display: block; padding-right: 60px; padding-left: 60px; } }

@media only screen and (max-width: 600px) { .testimonial cite { padding-left: 60px; padding-right: 20px; } }

.testimonial p { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 38px; color: #FFFFFF; line-height: 52px; }

.testimonial .author { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #FFFFFF; margin-bottom: 8px; }

@media only screen and (max-width: 1100px) { .testimonial .author { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .testimonial .author { font-size: 24px; line-height: 28px; } }

.testimonial .position { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; text-transform: uppercase; color: #FFFFFF; font-size: 18px; margin-bottom: 8px; }

.testimonial .org { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; text-transform: uppercase; color: #FFFFFF; font-size: 18px; }

.testimonial .quote1 { position: absolute; top: 420px; left: -40px; color: #FFFFFF; font-size: 380px; font-family: 'FilsonProBold', sans-serif; }

@media only screen and (max-width: 1100px) { .testimonial .quote1 { display: none; } }

.testimonial .quote2 { position: absolute; bottom: -80px; right: -40px; color: #F0F0F0; font-size: 380px; font-family: 'FilsonProBold', sans-serif; }

@media only screen and (max-width: 1100px) { .testimonial .quote2 { display: none; } }

.testimonial .quote3 { position: absolute; bottom: -500px; right: -55px; color: #F0F0F0; font-size: 680px; font-family: 'FilsonProBold', sans-serif; }

@media only screen and (max-width: 1100px) { .testimonial .quote3 { bottom: -370px; font-size: 500px; } }

.testimonial .from-person { display: none; }

.testimonial.under-prev-band { padding-top: 350px; margin-top: -200px; position: relative; z-index: 1; }

.testimonial.under-prev-band .quote2, .testimonial.under-prev-band .quote3 { color: #fff; }

.testimonial.scrolled-into-view-first-time .from-person { display: block; -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.testimonial-swiper { background: #0072B7 url(images/background2.jpg) center no-repeat; background-size: cover; padding-top: 200px; position: relative; }

.home .testimonial-swiper { margin-top: -200px; }

.testimonial-swiper .swiper-slide { padding-top: 160px; padding-bottom: 160px; }

@media only screen and (max-width: 1100px) { .testimonial-swiper .swiper-slide { padding-top: 140px; padding-bottom: 60px; } }

.testimonial-swiper blockquote { margin: 0 auto; width: 100%; max-width: 1100px; display: table; padding-left: 80px; position: relative; }

@media only screen and (max-width: 1100px) { .testimonial-swiper blockquote { padding-left: 0; } }

@media only screen and (max-width: 600px) { .testimonial-swiper blockquote { padding: 0; } }

.testimonial-swiper blockquote:before { position: absolute; left: 40px; top: -20px; content: "\201c"; font-size: 180px; color: #D50447; font-family: 'FilsonProBold', sans-serif; z-index: 0; }

@media only screen and (max-width: 1100px) { .testimonial-swiper blockquote:before { left: -30px; } }

.testimonial-swiper .details { display: table-cell; padding-left: 60px; width: 55%; }

@media only screen and (max-width: 1100px) { .testimonial-swiper .details { width: 100%; display: block; padding-right: 40px; position: relative; z-index: 5; padding-bottom: 15px; }
  .testimonial-swiper .details p { font-size: 28px; line-height: 34px; } }

.testimonial-swiper cite { display: table-cell; vertical-align: bottom; padding-bottom: 80px; padding-left: 80px; padding-right: 40px; }

@media only screen and (max-width: 1100px) { .testimonial-swiper cite { width: 100%; display: block; padding-right: 60px; padding-left: 60px; } }

@media only screen and (max-width: 600px) { .testimonial-swiper cite { padding-left: 60px; padding-right: 20px; } }

.testimonial-swiper p { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 38px; color: #FFFFFF; line-height: 52px; }

.testimonial-swiper .author { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #FFFFFF; margin-bottom: 8px; }

@media only screen and (max-width: 1100px) { .testimonial-swiper .author { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .testimonial-swiper .author { font-size: 24px; line-height: 28px; } }

.testimonial-swiper .position { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; text-transform: uppercase; color: #FFFFFF; font-size: 18px; margin-bottom: 8px; }

.testimonial-swiper .org { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; text-transform: uppercase; color: #FFFFFF; font-size: 18px; }

.testimonial-swiper .quote1 { position: absolute; top: 420px; left: -40px; color: #FFFFFF; font-size: 380px; font-family: 'FilsonProBold', sans-serif; }

@media only screen and (max-width: 1100px) { .testimonial-swiper .quote1 { display: none; } }

.testimonial-swiper .quote2 { position: absolute; bottom: -80px; right: -40px; color: #F0F0F0; font-size: 380px; font-family: 'FilsonProBold', sans-serif; }

@media only screen and (max-width: 1100px) { .testimonial-swiper .quote2 { display: none; } }

.testimonial-swiper .quote3 { position: absolute; bottom: -500px; right: -55px; color: #F0F0F0; font-size: 680px; font-family: 'FilsonProBold', sans-serif; }

@media only screen and (max-width: 1100px) { .testimonial-swiper .quote3 { bottom: -370px; font-size: 500px; } }

.testimonial-swiper.under-prev-band { padding-top: 200px; margin-top: -200px; position: relative; z-index: 1; }

.testimonial-swiper.under-prev-band .quote2, .testimonial-swiper.under-prev-band .quote3 { color: #fff; }

.testimonial-swiper .swiper-pagination { display: block; margin-bottom: 50px; }

.testimonial-swiper .swiper-pagination .swiper-pagination-bullet { background: transparent; height: 20px; width: 20px; border-radius: 20px; border: 3px solid #FFFFFF; opacity: 1; margin: 0 9px; }

.testimonial-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #FFFFFF; }

@media only screen and (max-width: 600px) { .testimonial-swiper .swiper-pagination { margin-bottom: 30px; } }

.company-clients-wrap { background-color: #F0F0F0; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; background-position: -26px 330px; }

.company { clear: both; }

.company:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.company h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #D50447; }

.company h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .company h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .company h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .company h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .company h2 { font-size: 32px; line-height: 38px; } }

.company h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.company h2:before { display: none; }

.company h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .company h2 .text { float: none; } }

.company h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .company h2 .line { display: none; } }

.company .details { width: 50%; float: left; }

@media only screen and (max-width: 1100px) { .company .details { width: 100%; } }

.company .button-wrap { margin-top: 35px; }

.company .join { float: right; width: 44%; padding: 100px 60px; margin-top: -110px; position: relative; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1100px) { .company .join { width: 100%; margin-top: 100px; } }

@media only screen and (max-width: 600px) { .company .join { padding: 60px 20px; } }

.company .join h3 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #FFFFFF; text-align: center; }

.company .join h3 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .company .join h3 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .company .join h3 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .company .join h3 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .company .join h3 { font-size: 32px; line-height: 38px; } }

.company .join .button-wrap { text-align: center; margin: 0 auto; }

.company.company { padding: 160px 200px 340px 200px; }

@media only screen and (max-width: 1600px) { .company.company { padding-left: 100px; padding-right: 100px; } }

@media only screen and (max-width: 1100px) { .company.company { padding: 60px; } }

@media only screen and (max-width: 600px) { .company.company { padding: 60px 20px; } }

.company.company .button-wrap { margin-top: 35px; }

.company.company .button-wrap a { margin-right: 15px; }

.company.large-image .join { width: 50%; padding: 100px 100px; }

@media only screen and (max-width: 1100px) { .company.large-image .join { width: 100%; } }

.company.scroll-triggered .join { opacity: 0; }

.company.scroll-triggered span.line { transition: all 0.8s ease; width: 0; }

.company.scroll-triggered.scrolled-into-view-first-time .join { opacity: 1; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }

.company.scroll-triggered.scrolled-into-view-first-time .button-wrap { -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.company.scroll-triggered.scrolled-into-view-first-time span.line { width: 48%; }

.clients { padding: 0 120px 60px 20px; clear: both; background-color: #fff; margin-left: 100px; }

.clients:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1600px) { .clients { margin-left: 60px; padding-right: 60px; } }

@media only screen and (max-width: 1100px) { .clients { margin-left: 60px; margin-top: 100px; } }

@media only screen and (max-width: 600px) { .clients { padding-left: 20px; margin-left: 0; padding-right: 0px; } }

.clients .details { width: 45%; padding: 80px 60px 70px 60px; margin-top: -148px; float: left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ background: #1e5799; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #1e5799 0%, #98d3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#98d3e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); color: #fff; }

@media only screen and (max-width: 1100px) { .clients .details { width: 80%; margin-top: -60px; padding: 60px; } }

@media only screen and (max-width: 600px) { .clients .details { padding: 40px 30px; width: 100%; } }

.clients .details .btn, .clients .details .paged-prev-next a, .paged-prev-next .clients .details a { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.clients h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #FFFFFF; }

.clients h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .clients h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .clients h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .clients h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .clients h2 { font-size: 32px; line-height: 38px; } }

.clients h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.clients h2:before { display: none; }

.clients h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .clients h2 .text { float: none; } }

.clients h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .clients h2 .line { display: none; } }

@media only screen and (max-width: 1100px) { .clients h2 .line, .clients h2:before, .clients h2:after { display: none; } }

.clients .button-wrap { margin-top: 35px; }

.clients .button-wrap:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.clients .button-wrap:before { display: none; }

.clients .button-wrap .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .clients .button-wrap .text { float: none; } }

.clients .button-wrap .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #D50447; }

@media only screen and (max-width: 1100px) { .clients .button-wrap .line { display: none; } }

.clients .button-wrap .line { margin-top: 18px; width: 28%; position: absolute; left: 26%; }

.clients .swiper-container { clear: both; width: 90%; margin: 0 auto; padding-top: 50px; padding-bottom: 60px; }

@media only screen and (max-width: 1100px) { .clients .swiper-container { width: 90%; } }

.clients .flat-nav { text-align: center; padding-top: 60px; position: absolute; bottom: 0; width: 100%; text-align: center; }

.clients .flat-nav a { display: inline-block; }

.clients .flat-nav a:hover svg path, .clients .flat-nav a:hover svg line { stroke: #D50447; }

.clients .flat-nav .swiper-pagination { position: static; display: inline-block; margin-bottom: 2px; padding: 0 8px; }

.clients .flat-nav .swiper-pagination span { height: 11px; width: 11px; margin: 0 6px 1px 6px; }

.clients .flat-nav .swiper-pagination-bullet { opacity: 1; background-color: #728089; }

.clients .flat-nav .swiper-pagination-bullet:hover { background-color: #D50447; }

.clients .flat-nav .swiper-pagination-bullet-active { background-color: #4A5258; }

@media only screen and (max-width: 1100px) { .clients .client-list { padding-right: 40px; padding-top: 20px; } }

@media only screen and (max-width: 600px) { .clients .client-list { padding: 20px 20px 0 20px; } }

.clients .client-list .item { width: 24%; display: inline-block; padding: 25px 25px 0 25px; margin-bottom: 20px; }

.clients .client-list .item .vertical-center { height: 160px; width: 100%; margin: 0 auto; }

@media only screen and (max-width: 1100px) { .clients .client-list .item .vertical-center { height: 140px; }
  .clients .client-list .item .vertical-center img { max-height: 140px; } }

@media only screen and (max-width: 600px) { .clients .client-list .item .vertical-center { height: 100px; }
  .clients .client-list .item .vertical-center img { max-height: 100px; } }

.clients .client-list .item .vertical-center .cell { text-align: center; }

@media only screen and (max-width: 1100px) { .clients .client-list .item { width: 48.5%; padding: 25px 30px 0 80px; } }

@media only screen and (max-width: 600px) { .clients .client-list .item { padding: 10px 0; width: 45%; margin: 0 0 20px 0; vertical-align: middle; } }

.clients .client-list .item img { display: block; margin: 0 auto; max-height: 180px; }

.resources { padding: 140px 0 80px 0; background-color: #F0F0F0; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; background-position: -26px 55px; min-height: 504px; }

.resources:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1600px) { .resources { padding: 60px 0 30px 0; } }

@media only screen and (max-width: 1100px) { .resources { padding: 60px 0 30px 0; } }

.search .resources, .blog .resources, .archive .resources, .page-template-page-resources .resources { padding-top: 0; }

.resources h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #D50447; padding: 0 20px 0 100px; position: relative; float: left; margin-bottom: 5px; }

.resources h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .resources h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .resources h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .resources h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .resources h2 { font-size: 32px; line-height: 38px; } }

@media only screen and (max-width: 1600px) { .resources h2 { padding-left: 100px; }
  .resources h2:after { display: none !important; } }

@media only screen and (max-width: 1100px) { .resources h2 { padding-left: 50px; width: 64%; float: left; } }

@media only screen and (max-width: 600px) { .resources h2 { padding-left: 20px; width: 59%; } }

.resources.related-posts h2:after { width: 130%; }

.resources .categories { padding: 13px 100px 0 0; float: right; width: 62%; }

@media only screen and (max-width: 1100px) { .resources .categories { padding: 0 50px 0 0; width: 25%; } }

@media only screen and (max-width: 600px) { .resources .categories { padding: 0 20px 0 0; width: 40%; } }

.resources .categories ul { text-align: right; height: 40px; }

.resources .categories li { display: inline-block; line-height: 40px; margin-left: 30px; font-size: 20px; }

.resources .categories li a { color: #4A5258; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; text-decoration: none; text-transform: uppercase; }

.resources .categories li a:hover { color: #D50447; }

.resources .categories li a.viewall { color: #D50447; }

.resources .categories li a.viewall:hover { text-decoration: underline; }

@media only screen and (max-width: 1100px) { .resources .categories li.other { display: none; } }

.resources .article-list { padding: 0 90px 80px 90px; clear: both; min-height: 504px; }

@media only screen and (max-width: 1100px) { .resources .article-list { padding: 40px; } }

@media only screen and (max-width: 600px) { .resources .article-list { padding: 10px; } }

.resources .article-list li { position: relative; }

.resources .article-list li a { overflow: hidden; }

.resources .article-list .tweet { background-color: #0075B4 !important; padding: 20px; display: block; height: 100%; vertical-align: bottom !important; color: #fff; text-decoration: none; font-size: 25px; line-height: 34px; background: #0075B4 url(svg/twitter.svg) no-repeat; background-size: 20px 20px; background-position: 20px 20px; padding-top: 100px; }

.resources .article-list .content-offer .details { padding: 40px 30px !important; }

.resources .article-list .content-offer .img { display: none !important; }

.resources .article-list .content-offer h4 a { font-size: 28px; }

.resources .article-list ul.reset > li, .resources .article-list > ul > li li { width: 25%; display: inline-block; padding: 10px; vertical-align: top; }

@media only screen and (max-width: 1100px) { .resources .article-list ul.reset > li, .resources .article-list > ul > li li { width: 50%; } }

@media only screen and (max-width: 600px) { .resources .article-list ul.reset > li, .resources .article-list > ul > li li { width: 100%; margin-bottom: 20px; } }

.resources .article-list ul.reset > li .inner, .resources .article-list > ul > li li .inner { box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); height: 100%; background-color: #fff; position: relative; min-height: 404px; }

.resources .article-list ul.reset > li .img, .resources .article-list > ul > li li .img { display: block; height: 180px; }

.resources .article-list ul.reset > li .details, .resources .article-list > ul > li li .details { padding: 20px; background-color: #FFFFFF; padding-bottom: 80px; }

.resources .article-list ul.reset > li time, .resources .article-list > ul > li li time { display: block; font-size: 16px; color: #728089; margin-bottom: 10px; }

.resources .article-list ul.reset > li h4, .resources .article-list > ul > li li h4 { font-size: 20px; color: #0072B7; margin-bottom: 15px; }

.resources .article-list ul.reset > li h4 a, .resources .article-list > ul > li li h4 a { color: #0072B7; text-decoration: none; }

.resources .article-list ul.reset > li .btn, .resources .article-list ul.reset > li .paged-prev-next a, .paged-prev-next .resources .article-list ul.reset > li a, .resources .article-list > ul > li li .btn, .resources .article-list > ul > li li .paged-prev-next a, .paged-prev-next .resources .article-list > ul > li li a { padding-left: 24px; padding-right: 24px; position: absolute; bottom: 20px; left: 19px; }

.resources.blog-list-view { padding-bottom: 0; }

.resources.blog-list-view .article-list { padding-bottom: 0; }

.resources.blog-list-view .article-list ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }

.resources.blog-list-view .article-list ul li { width: 100%; display: block; }

@media only screen and (max-width: 1100px) { .resources.blog-list-view .article-list ul { grid-template-columns: 1fr 1fr; } }

@media only screen and (max-width: 600px) { .resources.blog-list-view .article-list ul { grid-template-columns: 1fr; } }

.resources.scroll-triggered .article-list > ul > li { display: none; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li.active { display: block; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li:nth-child(1) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li:nth-child(2) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li:nth-child(3) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li:nth-child(4) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li:nth-child(5) { -webkit-animation-delay: 2.0s; animation-delay: 2.0s; }

.resources.scroll-triggered.scrolled-into-view-first-time .article-list li:nth-child(6) { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; }

.video-container { position: relative; margin-bottom: 20px; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 600px) { .video-container { width: 100%; } }

.partners-list { padding: 100px; text-align: center; }

@media only screen and (max-width: 1100px) { .partners-list { padding: 60px; } }

@media only screen and (max-width: 600px) { .partners-list { padding: 20px; } }

.partners-list li { width: 24%; display: inline-block; padding: 20px; min-height: 160px; margin-bottom: 30px; }

.partners-list li .vertical-center { height: 160px; width: 100%; margin: 0 auto; }

@media only screen and (max-width: 1100px) { .partners-list li .vertical-center { height: 80px; } }

.partners-list li .vertical-center .cell { text-align: center; }

@media only screen and (max-width: 1100px) { .partners-list li { width: 47%; padding: 25px 30px 0 80px; } }

@media only screen and (max-width: 600px) { .partners-list li { padding: 10px 25px; min-height: 0; } }

.partners-list li img { display: block; margin: 0 auto; max-width: 100%; }

@media only screen and (max-width: 1100px) { .no-mobile { display: none; } }

.page-template-page-services .wrapper { background-color: #F0F0F0; }

.page-template-page-services .wrapper .layout-callout-card-right { background-color: transparent; margin-right: 0 !important; }

.page-template-page-services .wrapper .layout-callout-card-right .behind-inner { box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

.page-template-page-services .wrapper .layout-callout-card-right .callout-card { right: -20px; }

@media only screen and (max-width: 1100px) { .page-template-page-services .wrapper .layout-callout-card-right .callout-card { right: 0; } }

.page-template-page-services .wrapper .layout-centered-two-column { background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px right -50px; background-size: 180px 150px; }

.background-lines-wrap { background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; padding-bottom: 20px; background-position: -26px 214px; }

.layout-basic { max-width: 900px; margin: 0 auto; padding: 100px 20px; }

@media only screen and (max-width: 1100px) { .layout-basic { padding: 60px 20px; } }

.layout-basic h1 { text-align: center; font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #D50447; position: relative; margin-top: 35px; margin-bottom: 100px; }

.layout-basic h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-basic h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-basic h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-basic h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-basic h1 { font-size: 32px; line-height: 38px; } }

.layout-basic h1:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #0072B7; }

@media only screen and (max-width: 600px) { .layout-basic h1:before { top: -30px; } }

@media only screen and (max-width: 1100px) { .layout-basic h1 { margin-bottom: 60px; } }

.layout-basic .details ul { list-style: disc; padding-left: 2em; }

.layout-basic .details ol { list-style: decimal; padding-left: 2em; }

.layout-basic .details a { color: #D50447; text-decoration: none; }

.layout-basic .details a:hover { text-decoration: underline; }

#wpseo_sitemap #sitemap_authors { display: none; }

#wpseo_sitemap h3 a { color: #D50447; text-decoration: none; }

#wpseo_sitemap h3 a:hover { text-decoration: underline; }

.layout-thank-you { padding: 100px 200px; background: #0072B7 url("images/background-sheets-2.jpg") center no-repeat; background-size: cover; }

@media only screen and (max-width: 1100px) { .layout-thank-you { padding: 100px 60px; } }

@media only screen and (max-width: 600px) { .layout-thank-you { padding: 40px 20px; } }

.layout-thank-you .inner { margin: 0 auto; padding: 60px 20px 100px 20px; background-color: #FFFFFF; }

.layout-thank-you .inner:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-thank-you .inner { padding: 30px 20px 60px 20px; } }

.layout-thank-you .inner h1 { text-align: left; font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #D50447; position: relative; margin-top: 65px; margin-bottom: 100px; }

.layout-thank-you .inner h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-thank-you .inner h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-thank-you .inner h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-thank-you .inner h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-thank-you .inner h1 { font-size: 32px; line-height: 38px; } }

.layout-thank-you .inner h1:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #0072B7; }

@media only screen and (max-width: 600px) { .layout-thank-you .inner h1:before { top: -40px; } }

@media only screen and (max-width: 1100px) { .layout-thank-you .inner h1 { margin-bottom: 60px; } }

.layout-thank-you .inner .callout-card { float: left; width: 40%; padding: 20px; }

@media only screen and (max-width: 1100px) { .layout-thank-you .inner .callout-card { width: 100%; padding: 0; } }

.layout-thank-you .inner .details { float: right; width: 60%; padding-top: 100px; padding: 20px; }

@media only screen and (max-width: 1100px) { .layout-thank-you .inner .details { width: 100%; padding: 0; padding-top: 60px; } }

.header { position: fixed; z-index: 1000; width: 100%; }

.header .menu-toggle { float: right; text-transform: uppercase; color: #728089; font-size: 20px; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; display: none; margin-top: 35px; margin-right: 12px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@media only screen and (max-width: 1199px) { .header .menu-toggle { display: block; } }

@media only screen and (max-width: 600px) { .header .menu-toggle { margin-top: 27px; font-size: 18px; } }

.header .search-site { display: block; max-width: 12px; height: auto; float: right; margin-left: 25px; height: 16px; }

.header .search-site svg { display: block; float: right; margin-top: 1px; width: 12px; height: auto; transition: all 0.5s ease; }

.header .search-site svg path { transition: all 0.5s ease; }

.header .search-site svg:hover path { fill: #D50447; stroke: #D50447; }

.header form { display: none; float: right; padding-left: 20px; margin-top: -1px; margin-bottom: -1px; }

.header form.shown { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.header form .searchfor { font-family: 'AvenirLTPro-Book', sans-serif; display: block; border: 0; background-color: #F0F0F0; color: #728089; font-size: 14px; line-height: 18px; transition: all 0.5s; padding: 0; outline: 0; height: 18px; -appearance: none; width: 110px; }

.header form .searchfor:active, .header form .searchfor:focus { -appearance: none; outline: 0; }

.header form .searchfor:hover { color: #D50447; }

.header form .searchfor .placeholder, .header form .searchfor::placeholder, .header form .searchfor::-webkit-input-placeholder, .header form .searchfor::-moz-placeholder, .header form .searchfor:-ms-input-placeholder, .header form .searchfor:-moz-placeholder { font-size: 14px !important; line-height: 18px !important; }

.header form .searchbtn { display: none; }

.header .header_inner { margin: 0 auto; max-width: 1600px; height: 136px; box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.55); }

@media only screen and (max-width: 1199px) { .header .header_inner { height: 100px; } }

@media only screen and (max-width: 600px) { .header .header_inner { height: 80px; } }

.header a { text-decoration: none; text-transform: uppercase; }

.header .logo { display: block; overflow: hidden; white-space: nowrap; text-indent: 200%; width: 298px; height: 40px; display: block; background: url("svg/infogix-logo.svg") no-repeat; float: left; }

@media only screen and (max-width: 600px) { .header .logo { height: 30px; width: 223px; width: 223.5px; } }

.header .hide-header { display: none !important; }

.header .logo { margin-top: 30px; }

@media only screen and (max-width: 600px) { .header .logo { margin-top: 25px; } }

.header .utility { padding: 10px 30px; background-color: #F0F0F0; text-align: right; }

.header .utility:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1199px) { .header .utility { display: none; } }

.header .utility .menu { float: right; }

.header .utility li { display: inline-block; margin-left: 20px; line-height: 14px; }

.header .utility li a { color: #728089; font-size: 14px; line-height: 14px; transition: all 0.5s; }

.header .utility li a:hover { color: #D50447; }

.header .main { background-color: #FFFFFF; padding: 0 20px 0 35px; height: 100px; }

.header .main:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 600px) { .header .main { height: 80px; padding: 0 10px 0 20px; } }

.header .main ul { float: right; width: 70%; text-align: right; height: 100px; line-height: 100px; }

@media only screen and (max-width: 1199px) { .header .main ul { display: none; } }

.header .main ul .sub-menu { padding-top: 10px; height: auto; }

.header .main > ul > li { display: inline-block; line-height: 100px; margin-left: 0; font-size: 20px; position: relative; padding: 0 15px; }

.header .main > ul > li a { color: #0072B7; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; transition: all 0.5s; font-weight: bold; }

.header .main > ul > li a:hover { color: #00426b; }

.header .main > ul > li ul { display: none; position: absolute; left: 0; top: 100px; padding-top: 20px; width: 240px; z-index: 150; text-align: left; background-color: #D50447; color: #fff; float: none; padding-top: 20px; }

.header .main > ul > li ul li, .header .main > ul > li ul li a { float: none; background-color: #D50447; color: #fff; }

.header .main > ul > li.button-wrap a { font-size: 16px; line-height: 16px; color: #FFFFFF; }

.header .main > ul > li.button-wrap a:hover { color: #D50447; }

.header .main > ul > li.menu-item-has-children:hover { background-color: #D50447; color: #fff; }

.header .main > ul > li.menu-item-has-children:hover > a { transition: color 0s ease; color: #FFFFFF; }

.header .main > ul > li.menu-item-has-children:hover > a:hover { color: #9ADBE4; }

.header .main > ul > li.menu-item-has-children:hover#menu-item-36 ul { width: 180px; }

.header .main > ul > li.menu-item-has-children:hover#menu-item-34 ul { width: 234px; }

.header .main > ul > li.menu-item-has-children:hover ul { display: block; padding: 0; height: auto; }

.header .main > ul > li.menu-item-has-children:hover ul li { line-height: 50px; }

.header .main > ul > li.menu-item-has-children:hover ul li a { color: #fff; padding-left: 15px; padding-right: 0; display: block; line-height: 50px; }

.header .main > ul > li.menu-item-has-children:hover ul li a:hover { background-color: #fff; color: #D50447; }

.header { position: fixed; z-index: 1000; width: 100%; }

.header .menu-toggle { float: right; text-transform: uppercase; color: #728089; font-size: 20px; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; display: none; margin-top: 35px; margin-right: 12px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@media only screen and (max-width: 1199px) { .header .menu-toggle { display: block; } }

@media only screen and (max-width: 600px) { .header .menu-toggle { margin-top: 27px; font-size: 18px; } }

.header .search-site { display: block; max-width: 12px; height: auto; float: right; margin-left: 25px; height: 16px; }

.header .search-site svg { display: block; float: right; margin-top: 1px; width: 12px; height: auto; transition: all 0.5s ease; }

.header .search-site svg path { transition: all 0.5s ease; }

.header .search-site svg:hover path { fill: #D50447; stroke: #D50447; }

.header form { display: none; float: right; padding-left: 20px; margin-top: -1px; margin-bottom: -1px; }

.header form.shown { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; }

.header form .searchfor { font-family: 'AvenirLTPro-Book', sans-serif; display: block; border: 0; background-color: #F0F0F0; color: #728089; font-size: 14px; line-height: 18px; transition: all 0.5s; padding: 0; outline: 0; height: 18px; -appearance: none; width: 110px; }

.header form .searchfor:active, .header form .searchfor:focus { -appearance: none; outline: 0; }

.header form .searchfor:hover { color: #D50447; }

.header form .searchfor .placeholder, .header form .searchfor::placeholder, .header form .searchfor::-webkit-input-placeholder, .header form .searchfor::-moz-placeholder, .header form .searchfor:-ms-input-placeholder, .header form .searchfor:-moz-placeholder { font-size: 14px !important; line-height: 18px !important; }

.header form .searchbtn { display: none; }

.header .header_inner { margin: 0 auto; max-width: 1600px; height: 136px; box-shadow: 0 4px 20px -10px rgba(0, 0, 0, 0.55); }

@media only screen and (max-width: 1199px) { .header .header_inner { height: 100px; } }

@media only screen and (max-width: 600px) { .header .header_inner { height: 80px; } }

.header a { text-decoration: none; text-transform: uppercase; }

.header .logo { display: block; overflow: hidden; white-space: nowrap; text-indent: 200%; width: 298px; height: 40px; display: block; background: url("svg/infogix-logo.svg") no-repeat; float: left; }

@media only screen and (max-width: 600px) { .header .logo { height: 30px; width: 223px; width: 223.5px; } }

.header .hide-header { display: none !important; }

.header .logo { margin-top: 30px; }

@media only screen and (max-width: 600px) { .header .logo { margin-top: 25px; } }

.header .utility { padding: 10px 30px; background-color: #F0F0F0; text-align: right; }

.header .utility:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1199px) { .header .utility { display: none; } }

.header .utility .menu { float: right; }

.header .utility li { display: inline-block; margin-left: 20px; line-height: 14px; }

.header .utility li a { color: #728089; font-size: 14px; line-height: 14px; transition: all 0.5s; }

.header .utility li a:hover { color: #D50447; }

.header .main { background-color: #FFFFFF; padding: 0 20px 0 35px; height: 100px; }

.header .main:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 600px) { .header .main { height: 80px; padding: 0 10px 0 20px; } }

.header .main ul { float: right; width: 70%; text-align: right; height: 100px; line-height: 100px; }

@media only screen and (max-width: 1199px) { .header .main ul { display: none; } }

.header .main ul .sub-menu { padding-top: 10px; height: auto; }

.header .main > ul > li { display: inline-block; line-height: 100px; margin-left: 0; font-size: 20px; position: relative; padding: 0 15px; }

.header .main > ul > li a { color: #0072B7; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; transition: all 0.5s; font-weight: bold; }

.header .main > ul > li a:hover { color: #00426b; }

.header .main > ul > li ul { display: none; position: absolute; left: 0; top: 100px; padding-top: 20px; width: 240px; z-index: 150; text-align: left; background-color: #D50447; color: #fff; float: none; padding-top: 20px; }

.header .main > ul > li ul li, .header .main > ul > li ul li a { float: none; background-color: #D50447; color: #fff; }

.header .main > ul > li.button-wrap a { font-size: 16px; line-height: 16px; color: #FFFFFF; }

.header .main > ul > li.button-wrap a:hover { color: #D50447; }

.header .main > ul > li.menu-item-has-children:hover { background-color: #D50447; color: #fff; }

.header .main > ul > li.menu-item-has-children:hover > a { transition: color 0s ease; color: #FFFFFF; }

.header .main > ul > li.menu-item-has-children:hover > a:hover { color: #9ADBE4; }

.header .main > ul > li.menu-item-has-children:hover#menu-item-36 ul { width: 180px; }

.header .main > ul > li.menu-item-has-children:hover#menu-item-34 ul { width: 234px; }

.header .main > ul > li.menu-item-has-children:hover ul { display: block; padding: 0; height: auto; }

.header .main > ul > li.menu-item-has-children:hover ul li { line-height: 50px; }

.header .main > ul > li.menu-item-has-children:hover ul li a { color: #fff; padding-left: 15px; padding-right: 0; display: block; line-height: 50px; }

.header .main > ul > li.menu-item-has-children:hover ul li a:hover { background-color: #fff; color: #D50447; }

.request-demo { background-color: #FFFFFF; padding: 60px 0 20px 20px; background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px left -50px; background-size: 180px 150px; position: relative; z-index: 2; }

.request-demo:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.request-demo .details { padding: 0 100px 70px 100px; }

@media only screen and (max-width: 1100px) { .request-demo .details { padding: 40px; } }

.request-demo h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; text-align: right; width: 60%; padding-right: 160px; font-size: 52px; opacity: 0; }

.request-demo h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .request-demo h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .request-demo h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .request-demo h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .request-demo h2 { font-size: 32px; line-height: 38px; } }

@media only screen and (max-width: 1100px) { .request-demo h2 { width: 60%; padding-right: 40px; float: left; margin-bottom: 0; line-height: 60px; } }

@media only screen and (max-width: 600px) { .request-demo h2 { width: 100%; float: none; text-align: center; padding-right: 0; } }

.request-demo.scrolled-into-view-first-time h2 { opacity: 1; -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; }

.request-demo .button-wrap { position: absolute; width: 300px; right: 40%; margin-right: -150px; z-index: 3; top: 60px; text-align: center; }

.request-demo .button-wrap .btn-6 { padding: 20px 60px; font-size: 18px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

@media only screen and (max-width: 1100px) { .request-demo .button-wrap { position: static; margin-bottom: 40px; float: right; width: 40%; margin-right: 0; } }

@media only screen and (max-width: 600px) { .request-demo .button-wrap { float: none; margin-right: 0; text-align: center; width: 100%; } }

.request-demo .demo-image { position: absolute; width: 40%; right: 0; top: -60px; height: 400px; }

@media only screen and (max-width: 1100px) { .request-demo .demo-image { display: none; } }

.footer { background-color: #728089; position: relative; z-index: 3; color: #FFFFFF; padding: 40px 100px 200px 100px; }

@media only screen and (max-width: 1100px) { .footer { padding: 40px; text-align: center; } }

.footer:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.footer a { color: #FFFFFF; text-decoration: none; }

.footer .left { width: 68%; }

@media only screen and (max-width: 1100px) { .footer .left { width: 100%; } }

.footer .right { width: 32%; }

@media only screen and (max-width: 1100px) { .footer .right { width: 100%; } }

.footer nav { margin-bottom: 20px; }

.footer nav li { display: inline-block; text-transform: uppercase; }

.footer nav li a { text-decoration: none; color: #FFFFFF; transition: color 0.4s ease; }

.footer nav li a:hover { color: #D50447; }

.footer nav li.button-wrap { display: none; }

@media only screen and (max-width: 1100px) { .footer nav.main { width: 140px; display: none; text-align: left; vertical-align: top; } }

.footer nav.main li { margin-right: 30px; margin-bottom: 15px; }

.footer nav.main li a { font-size: 16px; }

@media only screen and (max-width: 1100px) { .footer nav.main li { margin: 0 10px 20px 10px; } }

.footer nav.utility { margin-bottom: 50px; }

@media only screen and (max-width: 1100px) { .footer nav.utility { width: 100px; display: none; text-align: left; vertical-align: top; } }

.footer nav.utility li { margin-right: 30px; margin-bottom: 10px; }

.footer nav.utility li a { font-size: 14px; }

@media only screen and (max-width: 1100px) { .footer nav.utility li { margin: 0 10px 20px 10px; } }

.footer p { font-size: 12px; margin-bottom: 10px; }

@media only screen and (max-width: 1100px) { .footer p { margin-bottom: 40px; } }

.footer .btn-6 { font-size: 24px; }

@media only screen and (max-width: 1100px) { .footer .structure { display: none; } }

.footer .structure li { margin-right: 26px; }

@media only screen and (max-width: 1100px) { .footer .structure li { margin: 10px 10px; } }

.footer .structure a { font-size: 12px; }

.footer .address-phone-wrap { clear: both; padding-top: 75px; font-size: 12px; }

@media only screen and (max-width: 1100px) { .footer .address-phone-wrap { padding-top: 50px; } }

.footer .address-phone-wrap a { transition: color 0.4s ease; }

.footer .address-phone-wrap a:hover { color: #D50447; }

.footer .address, .footer .phone { float: right; vertical-align: top; padding-left: 30px; }

@media only screen and (max-width: 1100px) { .footer .address, .footer .phone { padding-left: 0; float: none; margin-bottom: 40px; } }

.footer .phone a, .footer .address span { display: block; margin-bottom: 15px; }

.social-links { text-align: right; }

@media only screen and (max-width: 1100px) { .social-links { text-align: center; } }

.social-links li { display: inline-block; margin-left: 15px; }

.social-links li svg, .social-links li img { display: block; width: auto !important; height: 21px !important; max-width: auto !important; }

.social-links li svg path, .social-links li img path { fill: #FFFFFF; transition: all 0.4s ease; }

.social-links li:hover path { fill: #D50447; }

.social-links li.google svg { max-height: 17px !important; }

.social-links li.twitter svg { max-height: 19px !important; }

.debug { margin: 30px auto; padding: 25px; width: 90%; border: 1px solid #000; border-radius: 10px; background-color: #fff; color: #000; font-family: monospace; z-index: 9999; }

.debug h1 { margin-bottom: 0; }

.debug h2 { margin-top: 20px; margin-bottom: 10px; }

.debug pre { margin-bottom: 24px; }

.debug .error { margin-bottom: 22px; padding: 15px; border: 3px solid red; border-radius: 10px; }

.debug .error .theerror { font-size: 16px; }

.debug .error .stack { margin-bottom: 4px; margin-top: 10px; display: block; color: #777; }

.debug .error p { margin-bottom: 4px; line-height: 18px; }

.debug .error ol { margin: 0; font-size: 12px; color: #777; line-height: 16px; }

.debug h2 a.show { color: #000; font-weight: bold; text-decoration: none; }

.debug .debug_config { display: none; }

.debug .error_vars { padding-top: 16px; font-size: 10px; color: #bbb; }

sub, sup { /* Specified in % so that the sup/sup is the right size relative to the surrounding text */ font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */ line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */ position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */ vertical-align: baseline; }

sup { /* Move the superscripted text up */ top: -0.5em; }

sub { /* Move the subscripted text down, but only half as far down as the superscript moved up */ bottom: -0.25em; }

.blog .hero, .archive .hero, .category .hero, .single .hero { text-align: center; height: 640px; color: #FFFFFF; padding: 20px 100px; width: 100%; max-width: 100%; margin: 0 auto; margin-top: 40px; }

.blog .hero h1, .archive .hero h1, .category .hero h1, .single .hero h1 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; position: relative; margin-top: 35px; margin-bottom: 20px; }

.blog .hero h1 small, .archive .hero h1 small, .category .hero h1 small, .single .hero h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .blog .hero h1 small, .archive .hero h1 small, .category .hero h1 small, .single .hero h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .blog .hero h1 small, .archive .hero h1 small, .category .hero h1 small, .single .hero h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .blog .hero h1, .archive .hero h1, .category .hero h1, .single .hero h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .blog .hero h1, .archive .hero h1, .category .hero h1, .single .hero h1 { font-size: 32px; line-height: 38px; } }

.blog .hero h1:before, .archive .hero h1:before, .category .hero h1:before, .single .hero h1:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .blog .hero h1:before, .archive .hero h1:before, .category .hero h1:before, .single .hero h1:before { top: -30px; } }

.blog .hero h2, .archive .hero h2, .category .hero h2, .single .hero h2 { font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #9ADBE4; margin-bottom: 30px; }

@media only screen and (max-width: 1100px) { .blog .hero h2, .archive .hero h2, .category .hero h2, .single .hero h2 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .blog .hero h2, .archive .hero h2, .category .hero h2, .single .hero h2 { font-size: 20px; line-height: 24px; } }

.blog .hero .meta, .archive .hero .meta, .category .hero .meta, .single .hero .meta { text-align: center; }

.blog .hero .meta span, .archive .hero .meta span, .category .hero .meta span, .single .hero .meta span { display: inline-block; color: #F0F0F0; text-transform: uppercase; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; font-weight: normal; border-right: 2px solid #F0F0F0; padding: 0 30px; line-height: 26px; }

.blog .hero .meta span a, .archive .hero .meta span a, .category .hero .meta span a, .single .hero .meta span a { text-decoration: none; color: #F0F0F0; color: #A5AEB4; }

.blog .hero .meta span:last-child, .archive .hero .meta span:last-child, .category .hero .meta span:last-child, .single .hero .meta span:last-child { border-right: 0; }

@media only screen and (max-width: 1100px) { .blog .hero .meta span, .archive .hero .meta span, .category .hero .meta span, .single .hero .meta span { border: 0; font-size: 20px; } }

@media only screen and (max-width: 600px) { .blog .hero .meta span, .archive .hero .meta span, .category .hero .meta span, .single .hero .meta span { font-size: 18px; padding: 0 20px; } }

@media only screen and (max-width: 1100px) { .blog .hero, .archive .hero, .category .hero, .single .hero { padding: 80px 40px 140px 40px; height: auto; margin-top: 0; } }

@media only screen and (max-width: 600px) { .blog .hero, .archive .hero, .category .hero, .single .hero { padding: 80px 20px 140px 20px; } }

@media only screen and (max-width: 1100px) { .single-contentoffer .card { min-height: 0 !important; } }

.event-details { padding: 60px 60px; background-color: #FFFFFF; margin-bottom: 60px; }

.event-details table { width: 100%; }

.event-details table td { text-transform: uppercase; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; padding: 10px; color: #4A5258; font-size: 20px; }

.event-details table td a { color: #4A5258 !important; }

.event-details table td.label { color: #D50447; padding-left: 0; }

@media only screen and (max-width: 1100px) { .event-details { padding: 80px 60px; margin-bottom: 60px; } }

@media only screen and (max-width: 600px) { .event-details { padding: 30px 20px; } }

.single .hero { max-width: 1300px; position: relative; }

.single .hero .info { position: relative; }

.single .hero:before { content: ""; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); }

.blog .hero { width: 100%; max-width: 100%; margin: 0 auto; }

.content-format, .faq_info, .content .details { max-width: 840px; padding: 80px 20px; margin: 0 auto; }

.content-format h1, .content-format h2, .content-format h3, .content-format h4, .content-format h5, .content-format h6, .faq_info h1, .faq_info h2, .faq_info h3, .faq_info h4, .faq_info h5, .faq_info h6, .content .details h1, .content .details h2, .content .details h3, .content .details h4, .content .details h5, .content .details h6 { font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #0072B7; margin-top: 40px; margin-bottom: 20px; }

@media only screen and (max-width: 1100px) { .content-format h1, .content-format h2, .content-format h3, .content-format h4, .content-format h5, .content-format h6, .faq_info h1, .faq_info h2, .faq_info h3, .faq_info h4, .faq_info h5, .faq_info h6, .content .details h1, .content .details h2, .content .details h3, .content .details h4, .content .details h5, .content .details h6 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .content-format h1, .content-format h2, .content-format h3, .content-format h4, .content-format h5, .content-format h6, .faq_info h1, .faq_info h2, .faq_info h3, .faq_info h4, .faq_info h5, .faq_info h6, .content .details h1, .content .details h2, .content .details h3, .content .details h4, .content .details h5, .content .details h6 { font-size: 20px; line-height: 24px; } }

.content-format blockquote, .faq_info blockquote, .content .details blockquote { display: block; width: 164%; margin-left: -32%; max-width: inherit; margin-top: 100px; margin-bottom: 100px; padding: 120px 140px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background: url(images/background-quote.jpg) center no-repeat; background-size: cover; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

.content-format blockquote *, .faq_info blockquote *, .content .details blockquote * { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #FFFFFF; margin-bottom: 0; }

.content-format blockquote * small, .faq_info blockquote * small, .content .details blockquote * small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .content-format blockquote * small, .faq_info blockquote * small, .content .details blockquote * small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .content-format blockquote * small, .faq_info blockquote * small, .content .details blockquote * small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .content-format blockquote *, .faq_info blockquote *, .content .details blockquote * { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .content-format blockquote *, .faq_info blockquote *, .content .details blockquote * { font-size: 32px; line-height: 38px; } }

.content-format strong, .faq_info strong, .content .details strong { font-weight: bold; }

.content-format em, .faq_info em, .content .details em { font-style: italic; }

.content-format > *:first-child, .faq_info > *:first-child, .content .details > *:first-child { margin-top: 0; }

.content-format a, .faq_info a, .content .details a { color: #D50447; text-decoration: none; }

.content-format b, .content-format strong, .faq_info b, .faq_info strong, .content .details b, .content .details strong { font-weight: bold; }

.content-format i, .content-format em, .faq_info i, .faq_info em, .content .details i, .content .details em { font-style: italic; }

.content-format ul, .faq_info ul, .content .details ul { padding: 20px 0; }

.content-format ul li, .faq_info ul li, .content .details ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #000; position: relative; padding-left: 30px; margin-bottom: 8px; }

.content-format ul li a, .faq_info ul li a, .content .details ul li a { color: #000; text-decoration: none; }

.content-format ul li:before, .faq_info ul li:before, .content .details ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .content-format ul li, .faq_info ul li, .content .details ul li { font-size: 20px; } }

.content-format ol, .faq_info ol, .content .details ol { padding: 20px 0; list-style: decimal; padding-left: 20px; }

.content-format ol li, .faq_info ol li, .content .details ol li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #000; position: relative; padding-left: 30px; margin-bottom: 8px; }

.content-format ol li a, .faq_info ol li a, .content .details ol li a { color: #000; text-decoration: none; }

.content-format ol li:before, .faq_info ol li:before, .content .details ol li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .content-format ol li, .faq_info ol li, .content .details ol li { font-size: 20px; } }

.content-format ol li, .faq_info ol li, .content .details ol li { padding-left: 10px; }

.content-format ol li::before, .faq_info ol li::before, .content .details ol li::before { display: none; }

.content-format h1 strong, .content-format h2 strong, .content-format h3 strong, .content-format h4 strong, .content-format h5 strong, .content-format h6 strong, .faq_info h1 strong, .faq_info h2 strong, .faq_info h3 strong, .faq_info h4 strong, .faq_info h5 strong, .faq_info h6 strong, .content .details h1 strong, .content .details h2 strong, .content .details h3 strong, .content .details h4 strong, .content .details h5 strong, .content .details h6 strong { font-weight: normal; }

.content-format .button-wrap, .faq_info .button-wrap, .content .details .button-wrap { padding-bottom: 25px; }

.content-format .button-wrap a, .faq_info .button-wrap a, .content .details .button-wrap a { color: #fff; }

.content-format .button-wrap a:hover, .faq_info .button-wrap a:hover, .content .details .button-wrap a:hover { color: #D50447; }

.content-format { padding: 0; }

.content.is-hero { max-width: 1240px !important; margin: 0 auto; }

.content.is-hero .info { width: 45%; float: left; }

@media only screen and (max-width: 1100px) { .content.is-hero .info { width: 100%; float: none; } }

.content.is-hero .event-details { float: right; width: 50%; }

@media only screen and (max-width: 1100px) { .content.is-hero .event-details { width: 100%; float: none; margin-bottom: 40px; } }

.content.is-hero .event-details h2 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #0072B7; }

@media only screen and (max-width: 1100px) { .content.is-hero .event-details h2 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .content.is-hero .event-details h2 { font-size: 24px; line-height: 28px; } }

.content.is-hero .details { max-width: 100%; }

.content.is-hero .details:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.content-offer-callout { position: absolute; bottom: -30px; right: 30px; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #FFFFFF; margin-bottom: 0; padding: 20px 25px; width: 670px; text-align: left; }

@media only screen and (max-width: 1100px) { .content-offer-callout { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .content-offer-callout { font-size: 24px; line-height: 28px; } }

.content-offer-callout h3 { display: inline-block; padding-right: 20px; text-align: left; float: left; padding-top: 4px; line-height: 36px; margin: 0; }

.content-offer-callout .button-wrap { display: inline-block; max-width: 200px; float: right; margin: 0; }

.content-offer-callout .button-wrap .btn, .content-offer-callout .button-wrap .paged-prev-next a, .paged-prev-next .content-offer-callout .button-wrap a { margin: 0; }

@media only screen and (max-width: 1100px) { .content-offer-callout { left: 25%; right: 0; width: auto; text-align: right; bottom: -40px; } }

@media only screen and (max-width: 699px) { .content-offer-callout { left: auto; max-width: 380px; }
  .content-offer-callout h3 { margin-bottom: 10px; text-align: right; width: 100%; float: none; padding: 0; }
  .content-offer-callout .button-wrap { clear: both; } }

.is-video .content-offer-callout { display: none; }

.tbx-social-share { text-align: center; vertical-align: top; padding-top: 30px; }

@media only screen and (max-width: 1100px) { .tbx-social-share { padding-top: 0; } }

.tbx-social-share span.via { vertical-align: top; display: inline-block; padding-right: 10px; font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 18px; line-height: 22px; text-transform: uppercase; height: 22px; color: #4A5258; }

.tbx-social-share ul { vertical-align: top; display: inline-block; height: 32px; }

.tbx-social-share li { display: inline-block; height: 32px; padding: 0 5px; }

.tbx-social-share svg { fill: #4A5258; max-width: 22px; max-height: 22px; }

.paged-prev-next { text-align: center; padding-top: 65px; margin-bottom: 140px; }

.paged-prev-next a { display: inline-block !important; background-color: #728089 !important; margin: 0 8px; }

.single-leadership .content { background: #F0F0F0 url(images/bg-pattern.png) repeat-x; background-size: 334px 439px; background-position: -26px -132px; transition: background-position .1s ease; background-position: left -26px bottom -140px; position: relative; }

.single-leadership .content:before { content: ""; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background-color: #0072B7; z-index: 1; background: #0072B7 url("images/background-triangle-grid.jpg") center no-repeat; background-size: cover; }

@media only screen and (max-width: 1100px) { .single-leadership .content:before { width: 100%; bottom: auto; height: 400px; } }

.single-leadership .inner { padding-bottom: 230px; margin: 0 auto; max-width: 1200px; position: relative; z-index: 2; }

.single-leadership .inner:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .single-leadership .inner { padding: 40px; } }

.single-leadership .inner img { display: block; float: left; width: 45%; margin-top: 80px; box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.4); }

@media only screen and (max-width: 1100px) { .single-leadership .inner img { max-width: 100%; float: none; margin-top: 0; margin: 0 auto 40px auto; width: 100%; } }

.single-leadership .inner .details { float: left; width: 55%; padding-left: 100px; color: #4A5258; }

@media only screen and (max-width: 1100px) { .single-leadership .inner .details { width: 100%; float: none; padding: 0; } }

.single-leadership .inner .details h1 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; margin-bottom: 0px; margin-top: 60px; }

.single-leadership .inner .details h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .single-leadership .inner .details h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .single-leadership .inner .details h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .single-leadership .inner .details h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .single-leadership .inner .details h1 { font-size: 32px; line-height: 38px; } }

.single-leadership .inner .details h2 { color: #728089; margin-top: 0; margin-bottom: 40px; }

.single-leadership .inner .details .dept { display: block; }

.single-leadership .inner .details .email { margin-bottom: 40px; line-height: 30px; }

.single-leadership .inner .details .email a { color: #728089; position: relative; font-size: 22px; line-height: 30px; vertical-align: middle; transition: all 0.5s ease; }

.single-leadership .inner .details .email a:before { content: ""; height: 30px; width: 30px; margin-right: 15px; display: inline-block; vertical-align: middle; background: transparent url("svg/mail.svg") no-repeat; background-size: 30px 30px; }

.single-leadership .inner .details .email a:hover { color: #D50447; }

.layout-swiper-tabs { background-color: #F0F0F0; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; background-position: -26px 440px; position: relative; }

.layout-swiper-tabs .layout-swiper-tabs-inner { padding: 120px 200px 40px 200px; margin: 0 auto; }

@media only screen and (max-width: 1600px) { .layout-swiper-tabs .layout-swiper-tabs-inner { padding: 120px 100px 40px 100px; } }

@media only screen and (max-width: 1100px) { .layout-swiper-tabs .layout-swiper-tabs-inner { padding: 60px; } }

@media only screen and (max-width: 600px) { .layout-swiper-tabs .layout-swiper-tabs-inner { padding: 60px 20px; } }

.layout-swiper-tabs .arrows a { display: block; width: 50px; position: absolute; margin-top: -50%; bottom: 50%; z-index: 5; }

.layout-swiper-tabs .arrows a.next { left: auto; right: 0; }

.layout-swiper-tabs .swiper-slide { min-height: 100px; overflow: hidden; padding: 0; padding: 0 30px; }

.layout-swiper-tabs .swiper-slide .layout-callout-card-right { border: 0; background-color: transparent; margin-right: 0; }

@media only screen and (max-width: 1100px) { .layout-swiper-tabs .swiper-slide .layout-callout-card-right .details { margin-bottom: 0; } }

.layout-swiper-tabs .swiper-slide .layout-callout-card-right .details h2 .text { padding-right: 0 !important; }

@media only screen and (max-width: 1100px) { .layout-swiper-tabs .swiper-slide .layout-callout-card-right .details h2 { text-align: center; } }

.layout-swiper-tabs .swiper-slide .layout-callout-card-right .callout-card { padding: 120px 80px; }

@media only screen and (max-width: 1100px) { .layout-swiper-tabs .swiper-slide .layout-callout-card-right .callout-card { display: none; } }

@media only screen and (max-width: 600px) { .layout-swiper-tabs .swiper-slide .layout-callout-card-right .callout-card { padding: 70px 40px 40px 40px; } }

.layout-swiper-tabs .swiper-pagination { display: block; margin-bottom: 50px; position: static; }

.layout-swiper-tabs .swiper-pagination .swiper-pagination-bullet { background: transparent; height: 20px; width: 20px; border-radius: 20px; border: 3px solid #A4AEB4; opacity: 1; margin: 0 9px; }

.layout-swiper-tabs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #A4AEB4; }

@media only screen and (max-width: 600px) { .layout-swiper-tabs .swiper-pagination { margin-bottom: 30px; } }

.layout-callout-card-right { margin-right: 100px; background-color: #FFFFFF; position: relative; padding: 0; }

.layout-callout-card-right:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right { margin-right: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right { margin-right: 20px; } }

.home .layout-callout-card-right { margin-right: 0; padding-top: 100px; border-right: 0; margin-left: 100px; }

@media only screen and (max-width: 1100px) { .page-template-page-services .layout-callout-card-right { background-color: #FFFFFF; margin-right: 80px; } }

@media only screen and (max-width: 600px) { .page-template-page-services .layout-callout-card-right { margin-right: 20px; } }

.layout-callout-card-right#data3sixty-new-band { background: none !important; }

.layout-callout-card-right#data3sixty-new-band .callout-card h3 { color: #fff; }

.layout-callout-card-right h1, .layout-callout-card-right h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; position: relative; margin-top: 65px; }

.layout-callout-card-right h1 small, .layout-callout-card-right h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right h1 small, .layout-callout-card-right h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right h1 small, .layout-callout-card-right h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right h1, .layout-callout-card-right h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right h1, .layout-callout-card-right h2 { font-size: 32px; line-height: 38px; } }

.layout-callout-card-right h1:before, .layout-callout-card-right h2:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-right h1:before, .layout-callout-card-right h2:before { top: -40px; } }

.layout-callout-card-right.centered { padding: 100px; }

.layout-callout-card-right.centered h1 { text-align: center; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.centered { padding: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.centered { padding: 30px 20px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-column { margin-bottom: 120px; padding-bottom: 80px; } }

.layout-callout-card-right.two-column .details { width: 100%; }

.layout-callout-card-right.two-column .content-format { max-width: 100%; }

.layout-callout-card-right.two-column .content-format .left, .layout-callout-card-right.two-column .content-format .right { padding-right: 80px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-column .content-format .left, .layout-callout-card-right.two-column .content-format .right { padding-right: 0; } }

.page-template-page-contact .layout-callout-card-right { background-color: #F0F0F0; padding-top: 200px; }

.layout-callout-card-right .details { padding: 100px 0 120px 200px; width: 50%; float: left; }

@media only screen and (max-width: 1600px) { .layout-callout-card-right .details { padding-left: 100px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right .details { width: 100%; padding: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right .details { padding: 20px; } }

.home .layout-callout-card-right .details { width: 48%; }

@media only screen and (max-width: 1100px) { .home .layout-callout-card-right .details { width: 100%; } }

.layout-callout-card-right .details ul { padding: 20px 0; }

.layout-callout-card-right .details ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #4A5258; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-right .details ul li a { color: #4A5258; text-decoration: none; }

.layout-callout-card-right .details ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-right .details ul li { font-size: 20px; } }

.layout-callout-card-right .inner { margin: 0 auto; }

.layout-callout-card-right .inner:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right .button-wrap { margin-top: 35px; }

.layout-callout-card-right .button-wrap.trigger-animation { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }

.layout-callout-card-right .intro-img { display: block; position: absolute; bottom: -260px; right: 39%; max-width: 660px; height: auto; display: none; }

.layout-callout-card-right .intro-img.trigger-animation { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 0.0s; animation-delay: 0.0s; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right .intro-img { width: 100%; } }

.layout-callout-card-right .callout-card { width: 42%; float: right; padding: 120px 80px; margin-top: 180px; margin-right: -20px; margin-bottom: 100px; min-height: 500px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); position: relative; z-index: 2; }

.layout-callout-card-right .callout-card.extra-padding { padding: 100px 160px; margin-top: 100px; margin-bottom: 0; }

@media only screen and (max-width: 1600px) { .layout-callout-card-right .callout-card { padding: 120px 80px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right .callout-card { min-height: 0; width: 100%; margin-top: 100px; padding: 60px 40px; }
  .layout-callout-card-right .callout-card.extra-padding { padding: 80px 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right .callout-card { padding: 30px 20px; margin-top: 40px; margin-bottom: 40px; }
  .layout-callout-card-right .callout-card.extra-padding { padding: 60px 40px; } }

.home .layout-callout-card-right .callout-card { margin-right: 30px; }

.layout-callout-card-right .callout-card h3 { font-family: 'FilsonProBold', sans-serif; font-size: 40px; line-height: 52px; margin-bottom: 30px; color: #FFFFFF; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right .callout-card h3 { font-size: 34px; line-height: 40px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right .callout-card h3 { font-size: 28px; line-height: 36px; } }

.layout-callout-card-right .callout-card ul { padding: 20px 0; }

.layout-callout-card-right .callout-card ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #fff; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-right .callout-card ul li a { color: #fff; text-decoration: none; }

.layout-callout-card-right .callout-card ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #9ADBE4; }

@media only screen and (max-width: 600px) { .layout-callout-card-right .callout-card ul li { font-size: 20px; } }

.layout-callout-card-right .callout-card .btn, .layout-callout-card-right .callout-card .paged-prev-next a, .paged-prev-next .layout-callout-card-right .callout-card a { min-width: 150px; color: #D50447; margin: 0 auto; background-color: #9ADBE4; border-color: #9ADBE4; transition: all 0.5s; }

.layout-callout-card-right .callout-card .btn:hover, .layout-callout-card-right .callout-card .paged-prev-next a:hover, .paged-prev-next .layout-callout-card-right .callout-card a:hover { color: #9ADBE4; background-color: transparent; }

.layout-callout-card-right .callout-card .button-wrap { margin-top: 0; }

.layout-callout-card-right .callout-card .button-wrap.trigger-animation { display: inline-block; -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }

.layout-callout-card-right.intro { background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px right -50px; background-size: 180px 150px; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 600px) { .layout-callout-card-right.intro { width: 100%; } }

.layout-callout-card-right.intro .callout-card { margin-top: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.intro .callout-card { margin-top: 0; } }

.layout-callout-card-right.intro .callout-card.red-bullet-list ul { padding: 20px 0; }

.layout-callout-card-right.intro .callout-card.red-bullet-list ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #FFFFFF; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-right.intro .callout-card.red-bullet-list ul li a { color: #FFFFFF; text-decoration: none; }

.layout-callout-card-right.intro .callout-card.red-bullet-list ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.intro .callout-card.red-bullet-list ul li { font-size: 20px; } }

.layout-callout-card-right.no-right-margin { margin-right: 0; }

.layout-callout-card-right.no-right-margin .details { padding-right: 100px; }

.layout-callout-card-right.no-right-margin .callout-card { float: left; }

.layout-callout-card-right.blue-card .details h2 { color: #D50447; }

.layout-callout-card-right.blue-card .details h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right.blue-card .details h2:before { display: none; }

.layout-callout-card-right.blue-card .details h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.blue-card .details h2 .text { float: none; } }

.layout-callout-card-right.blue-card .details h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #0072B7; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.blue-card .details h2 .line { display: none; } }

.layout-callout-card-right.blue-card .callout-card { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ background: #1e5799; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #1e5799 0%, #98d3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#98d3e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.layout-callout-card-right.blue-card .callout-card ul { padding: 20px 0; }

.layout-callout-card-right.blue-card .callout-card ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #FFFFFF; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-right.blue-card .callout-card ul li a { color: #FFFFFF; text-decoration: none; }

.layout-callout-card-right.blue-card .callout-card ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.blue-card .callout-card ul li { font-size: 20px; } }

.layout-callout-card-right.blue-title .details h2 { color: #0072B7; }

.layout-callout-card-right.red-title .details h2 { color: #D50447; }

.layout-callout-card-right.image-behind-band-bottom-right { margin-right: 0; position: relative; margin-left: 0; padding-left: 0; }

.layout-callout-card-right.image-behind-band-bottom-right .image-behind { display: block; position: absolute; bottom: -100px; right: -100px; z-index: 0; background-color: blue; width: 120%; height: 80%; background: #0072B7 url(images/background-triangles.jpg) center no-repeat; background-size: cover; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.image-behind-band-bottom-right .image-behind { right: 0; } }

.layout-callout-card-right.image-behind-band-bottom-right .inner-wrap { background-color: #fff; margin-right: 100px; margin-bottom: 100px; position: relative; z-index: 1; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

.layout-callout-card-right.image-behind-band-bottom-right .inner-wrap:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.image-behind-band-bottom-right .inner-wrap { margin-right: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.image-behind-band-bottom-right .inner-wrap { margin-right: 20px; } }

.layout-callout-card-right.image-behind-band-top-right { margin-right: 0; position: relative; margin-left: 0; padding-left: 0; background-color: #F0F0F0; }

.layout-callout-card-right.image-behind-band-top-right .image-behind { display: block; position: absolute; bottom: -100px; top: -100px; z-index: 0; background-color: blue; width: 120%; height: 80%; background: #0072B7 url(images/background-triangles.jpg) center no-repeat; background-size: cover; }

.layout-callout-card-right.image-behind-band-top-right .inner-wrap { background-color: #fff; margin-right: 100px; margin-top: 100px; position: relative; z-index: 1; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

.layout-callout-card-right.image-behind-band-top-right .inner-wrap:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.image-behind-band-top-right .inner-wrap { margin-right: 20px; } }

.layout-callout-card-right.image-background { background: #0072B7 url(images/background-sheets-2.jpg) center no-repeat; background-size: cover; color: #FFFFFF; border-right: 0; padding: 0 200px; margin-right: 0; }

@media only screen and (max-width: 1600px) { .layout-callout-card-right.image-background { padding-left: 100px; padding-right: 100px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.image-background { padding: 20px; } }

.layout-callout-card-right.image-background h2, .layout-callout-card-right.image-background h3 { color: #9ADBE4; }

.layout-callout-card-right.image-background .details { padding-left: 0; }

.layout-callout-card-right.image-background .callout-card { margin-top: 100px; background: transparent; border: 2px solid #FFFFFF; margin-bottom: 100px; margin-right: 0; box-shadow: none; position: relative; z-index: 2; }

.layout-callout-card-right.image-background .callout-card ul { padding: 20px 0; }

.layout-callout-card-right.image-background .callout-card ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #FFFFFF; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-right.image-background .callout-card ul li a { color: #FFFFFF; text-decoration: none; }

.layout-callout-card-right.image-background .callout-card ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.image-background .callout-card ul li { font-size: 20px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.image-background .callout-card { width: 100%; margin-top: 0; min-height: 0; } }

.layout-callout-card-right.image-background .img-second { float: right; position: relative; margin-top: -160px; z-index: 1; max-width: 40%; margin-right: -100px; margin-bottom: 140px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.image-background .img-second { display: none; } }

.layout-callout-card-right.square-card .callout-card { height: 100%; }

.layout-callout-card-right.large-image { margin-bottom: 100px; }

.layout-callout-card-right.large-image .details { padding-left: 200px; width: 50%; }

@media only screen and (max-width: 1600px) { .layout-callout-card-right.large-image .details { padding-left: 100px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-image .details { width: 100%; padding-left: 100px; padding-bottom: 100px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.large-image .details { padding: 20px; padding-bottom: 60px; } }

.layout-callout-card-right.large-image .details .mobile-only { display: none; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-image .details .mobile-only { display: block; } }

.layout-callout-card-right.large-image .callout-card { width: 46%; padding: 200px 120px; margin-top: 120px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-image .callout-card { width: 100%; padding: 60px 40px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.large-image .callout-card { padding: 40px 30px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-image .no-mobile { display: none; } }

.layout-callout-card-right.large-statement { margin-bottom: 100px; }

.layout-callout-card-right.large-statement .details { padding-left: 100px; width: 50%; }

.layout-callout-card-right.large-statement .details h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right.large-statement .details h2:before { display: none; }

.layout-callout-card-right.large-statement .details h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-statement .details h2 .text { float: none; } }

.layout-callout-card-right.large-statement .details h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-statement .details h2 .line { display: none; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-statement .details { width: 100%; padding-left: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.large-statement .details { padding-left: 20px; } }

.layout-callout-card-right.large-statement .callout-card { width: 45%; padding: 80px 80px; margin-top: 120px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.large-statement .callout-card { width: 100%; margin-top: 0; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.large-statement { margin-bottom: 40px; } }

.layout-callout-card-right.edge-aligned { border-right: 0; margin-right: 0; }

.layout-callout-card-right.edge-aligned .details { padding: 0; margin-bottom: 100px; }

.layout-callout-card-right.edge-aligned .details h2 { color: #D50447; margin-top: 0; }

.layout-callout-card-right.edge-aligned .details h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right.edge-aligned .details h2:before { display: none; }

.layout-callout-card-right.edge-aligned .details h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.edge-aligned .details h2 .text { float: none; } }

.layout-callout-card-right.edge-aligned .details h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.edge-aligned .details h2 .line { display: none; } }

.layout-callout-card-right.edge-aligned .details h2 .line { position: absolute; top: 10px; left: 90%; float: none; z-index: 4; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.edge-aligned .details { width: 100%; margin-bottom: 40px; } }

.layout-callout-card-right.edge-aligned .callout-card { margin-top: 0; min-height: 0; margin-bottom: 100px; margin-right: 0; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.edge-aligned .callout-card { width: 100%; margin-bottom: 40px; } }

.layout-callout-card-right.layout-content-offer { padding: 100px 200px; background: #0072B7; border-right: 0; margin-bottom: 0; margin-right: 0; }

@media only screen and (max-width: 1600px) { .layout-callout-card-right.layout-content-offer { padding: 100px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.layout-content-offer { padding: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.layout-content-offer { padding: 20px; } }

.layout-callout-card-right.layout-content-offer .details { background-color: #FFFFFF; width: 56%; min-height: 300px; padding: 50px 100px 100px 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.layout-content-offer .details { width: 100%; padding: 60px; margin-bottom: 20px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.layout-content-offer .details { padding: 20px 40px 60px 40px; text-align: center; } }

.layout-callout-card-right.layout-content-offer .callout-card { margin-top: 0; min-height: 0; width: 41%; min-height: 300px; padding: 60px 60px; margin: 0; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.layout-content-offer .callout-card { width: 100%; padding: 60px; right: 0; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.layout-content-offer .callout-card { padding: 20px; text-align: center; }
  .layout-callout-card-right.layout-content-offer .callout-card h3 { text-align: center; } }

.layout-callout-card-right.layout-content-offer .callout-card h3 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; }

.layout-callout-card-right.layout-content-offer .callout-card h3 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.layout-content-offer .callout-card h3 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.layout-content-offer .callout-card h3 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.layout-content-offer .callout-card h3 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.layout-content-offer .callout-card h3 { font-size: 32px; line-height: 38px; } }

.layout-callout-card-right.prev-band-overlap { margin-top: -350px; margin-right: 0; padding-top: 350px; }

.layout-callout-card-right.next-band-overlap { padding-bottom: 300px; }

.layout-callout-card-right.overlap-next-band { position: relative; z-index: 2; background-image: none; }

.layout-callout-card-right.no-wrap { padding-left: 200px; padding-right: 200px; background-color: transparent; }

@media only screen and (max-width: 1600px) { .layout-callout-card-right.no-wrap { padding-left: 100px; padding-right: 100px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.no-wrap { padding: 40px 20px 0 20px; } }

.layout-callout-card-right.scroll-triggered h3 { display: none; }

.layout-callout-card-right.scroll-triggered h3 * { display: none; }

.layout-callout-card-right.scroll-triggered.scrolled-into-view-first-time h3 { display: block; }

.layout-callout-card-right.no-bg-icon { background-image: none; }

.layout-callout-card-right.transparent { background-color: transparent; }

.layout-callout-card-right.large-offset-right { margin-right: 200px; }

@media only screen and (max-width: 1600px) { .layout-callout-card-right.large-offset-right { margin-right: 100px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.large-offset-right { margin-right: 20px; } }

.layout-callout-card-right.one-row-bars-background { background: #F0F0F0 url(images/bg-pattern.png) repeat-x; background-size: 334px 439px; background-position: -26px -132px; transition: background-position .1s ease; background-position: -26px 100px; }

.layout-callout-card-right.one-row-bars-background-bottom { background-position: left bottom -25px; padding-bottom: 40px; }

.layout-callout-card-right.bars-background { background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; }

.layout-callout-card-right.title-line-after h2:after, .layout-callout-card-right.title-line-after .details h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right.title-line-after h2:before, .layout-callout-card-right.title-line-after .details h2:before { display: none; }

.layout-callout-card-right.title-line-after h2 .text, .layout-callout-card-right.title-line-after .details h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-line-after h2 .text, .layout-callout-card-right.title-line-after .details h2 .text { float: none; } }

.layout-callout-card-right.title-line-after h2 .line, .layout-callout-card-right.title-line-after .details h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #D50447; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-line-after h2 .line, .layout-callout-card-right.title-line-after .details h2 .line { display: none; } }

.layout-callout-card-right.title-line-after-blue h2:after, .layout-callout-card-right.title-line-after-blue .details h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right.title-line-after-blue h2:before, .layout-callout-card-right.title-line-after-blue .details h2:before { display: none; }

.layout-callout-card-right.title-line-after-blue h2 .text, .layout-callout-card-right.title-line-after-blue .details h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-line-after-blue h2 .text, .layout-callout-card-right.title-line-after-blue .details h2 .text { float: none; } }

.layout-callout-card-right.title-line-after-blue h2 .line, .layout-callout-card-right.title-line-after-blue .details h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #0072B7; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-line-after-blue h2 .line, .layout-callout-card-right.title-line-after-blue .details h2 .line { display: none; } }

.layout-callout-card-right.title-line-after-lightblue h2:after, .layout-callout-card-right.title-line-after-lightblue .details h2:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right.title-line-after-lightblue h2:before, .layout-callout-card-right.title-line-after-lightblue .details h2:before { display: none; }

.layout-callout-card-right.title-line-after-lightblue h2 .text, .layout-callout-card-right.title-line-after-lightblue .details h2 .text { display: block; padding-right: 40px; float: left; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-line-after-lightblue h2 .text, .layout-callout-card-right.title-line-after-lightblue .details h2 .text { float: none; } }

.layout-callout-card-right.title-line-after-lightblue h2 .line, .layout-callout-card-right.title-line-after-lightblue .details h2 .line { height: 6px; display: block; float: left; width: 48%; margin-top: 26px; position: relative; z-index: 2; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-line-after-lightblue h2 .line, .layout-callout-card-right.title-line-after-lightblue .details h2 .line { display: none; } }

.layout-callout-card-right.title-pseudo-line-after h2, .layout-callout-card-right.title-pseudo-line-after .details h2 { display: inline-block; position: relative; }

.layout-callout-card-right.title-pseudo-line-after h2 .line, .layout-callout-card-right.title-pseudo-line-after h2:before, .layout-callout-card-right.title-pseudo-line-after h2:after, .layout-callout-card-right.title-pseudo-line-after .details h2 .line, .layout-callout-card-right.title-pseudo-line-after .details h2:before, .layout-callout-card-right.title-pseudo-line-after .details h2:after { display: none; }

.layout-callout-card-right.title-pseudo-line-after h2:after, .layout-callout-card-right.title-pseudo-line-after .details h2:after { content: ""; height: 6px; width: 60%; display: block; position: absolute; top: 20px; left: 111%; z-index: 6; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-pseudo-line-after h2:after, .layout-callout-card-right.title-pseudo-line-after .details h2:after { left: 111%; width: 40%; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.title-pseudo-line-after h2:after, .layout-callout-card-right.title-pseudo-line-after .details h2:after { display: none; } }

.layout-callout-card-right.title-pseudo-line-after h2:after, .layout-callout-card-right.title-pseudo-line-after .details h2:after { top: 60px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-pseudo-line-after.no-mobile-heading-line .details h2:after { display: none; } }

.layout-callout-card-right.title-pseudo-line-after.title-line-after-blue { display: inline-block; position: relative; }

.layout-callout-card-right.title-pseudo-line-after.title-line-after-blue:after { content: ""; height: 6px; width: 60%; display: block; position: absolute; top: 20px; left: 111%; z-index: 6; background-color: #0072B7; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.title-pseudo-line-after.title-line-after-blue:after { left: 111%; width: 40%; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.title-pseudo-line-after.title-line-after-blue:after { display: none; } }

.layout-callout-card-right.title-pseudo-line-after.extended-line h2:after { width: 160%; }

.layout-callout-card-right.gray-card .callout-card, .layout-callout-card-right.offer-download .info .card { background: #A4AEB4 !important; }

.layout-callout-card-right.gray-card .callout-card h3, .layout-callout-card-right.offer-download .info .card h3 { color: #D50447; }

.layout-callout-card-right.no-card-text .callout-card { border: 0; }

.layout-callout-card-right.bottom-margin { margin-bottom: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.bottom-margin { margin-bottom: 60px; } }

.layout-callout-card-right.top-margin { margin-top: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.top-margin { margin-top: 60px; } }

.layout-callout-card-right.gray-background { background-color: #F0F0F0; }

.layout-callout-card-right .logo-bottom-left, .layout-callout-card-right.logo-bottom-left { background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px left -50px; background-size: 180px 150px; padding-bottom: 100px; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.mobile-no-top-margin .inner-wrap { margin-top: 0; } }

.layout-callout-card-right.mobile-stack-links .jump:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.mobile-stack-links .jump a { border: none; clear: both; display: block; float: left; } }

.layout-callout-card-right.jump-links-two-lines .jump:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-callout-card-right.jump-links-two-lines .jump a { display: block; float: left; margin-bottom: 6px; }

.layout-callout-card-right.jump-links-two-lines .jump a.next-line { clear: both; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.jump-links-two-lines .jump a { border: none; } }

.layout-callout-card-right.no-caps-card .callout-card h3 { text-transform: none; }

.layout-callout-card-right.two-content .desc { float: left; width: 50%; }

.layout-callout-card-right.two-content .desc h2 { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #D50447; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-content .desc h2 { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.two-content .desc h2 { font-size: 24px; line-height: 28px; } }

.layout-callout-card-right.two-content .desc h2 .line, .layout-callout-card-right.two-content .desc h2:before, .layout-callout-card-right.two-content .desc h2:after { display: none; }

.layout-callout-card-right.two-content .desc h2:before { display: none; }

.layout-callout-card-right.two-content .desc a { color: #D50447; text-decoration: none; }

.layout-callout-card-right.two-content .desc a:hover { text-decoration: underline; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-content .desc { padding: 60px; width: 100%; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.two-content .desc { padding: 20px; } }

.layout-callout-card-right.two-content .desc ul { padding: 20px 0; }

.layout-callout-card-right.two-content .desc ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #000; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-right.two-content .desc ul li a { color: #000; text-decoration: none; }

.layout-callout-card-right.two-content .desc ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.two-content .desc ul li { font-size: 20px; } }

.layout-callout-card-right.two-content .card-col { float: right; width: 50%; margin-right: -150px; }

.layout-callout-card-right.two-content .card-col .card { width: 100%; margin-bottom: 60px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); float: none; margin: 0 0 30px 0; min-height: 0; color: #fff; }

.layout-callout-card-right.two-content .card-col .card.card-blue { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ background: #1e5799; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #1e5799 0%, #98d3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#98d3e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.layout-callout-card-right.two-content .card-col .card.card-gray { background: #A4AEB4; }

.layout-callout-card-right.two-content .card-col .card h4 { font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; color: #FFFFFF; margin-bottom: 10px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-content .card-col .card h4 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.two-content .card-col .card h4 { font-size: 20px; line-height: 24px; } }

.layout-callout-card-right.two-content .card-col .card h3 { font-family: 'FilsonProBold', sans-serif; font-size: 40px; line-height: 52px; margin-bottom: 30px; color: #FFFFFF; margin-bottom: 40px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-content .card-col .card h3 { font-size: 34px; line-height: 40px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-right.two-content .card-col .card h3 { font-size: 28px; line-height: 36px; } }

.layout-callout-card-right.two-content .card-col .card p { font-size: 18px; line-height: 34px; margin-bottom: 16px; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.two-content .card-col .card p { font-size: 16px; line-height: 26px; } }

.layout-callout-card-right.two-content .card-col .card p a { color: #D50447; text-decoration: none; }

.layout-callout-card-right.two-content .card-col .card p a:hover { text-decoration: underline; }

.layout-callout-card-right.two-content .card-col .card td { vertical-align: middle; color: #fff; padding: 6px 0; }

.layout-callout-card-right.two-content .card-col .card td.download_name { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 20px; padding-right: 20px; text-transform: uppercase; }

.layout-callout-card-right.two-content .card-col .card td .btn, .layout-callout-card-right.two-content .card-col .card td .paged-prev-next a, .paged-prev-next .layout-callout-card-right.two-content .card-col .card td a { width: auto; min-width: 0; }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-content .card-col { width: 100%; float: none; }
  .layout-callout-card-right.two-content .card-col .card { min-height: 0 !important; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-right.two-content .card-col, .layout-callout-card-right.two-content .card { width: 100%; float: none; } }

@media only screen and (max-width: 1100px) { .page-template-page-careers .layout-callout-card-right.intro { margin-right: 0; }
  .page-template-page-careers .layout-callout-card-right.intro .callout-card { display: none; } }

.page-template-page-video-training .layout-callout-card-right .jump a:nth-child(4n) { border-right: 0; }

.page-template-page-video-training .layout-callout-card-right .jump a:nth-child(4n+1):before { content: ""; display: table; }

.layout-callout-card-right.red-card .callout-card { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border: none; }

.layout-callout-card-right.red-card .callout-card ul { padding: 20px 0; }

.layout-callout-card-right.red-card .callout-card ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #FFFFFF; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-right.red-card .callout-card ul li a { color: #FFFFFF; text-decoration: none; }

.layout-callout-card-right.red-card .callout-card ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #9ADBE4; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.red-card .callout-card ul li { font-size: 20px; } }

.layout-callout-card-right.no-top-margin { margin-top: 0; }

.layout-callout-card-right.tbx-19 .callout-card { margin-right: -40px; }

@media only screen and (max-width: 600px) { .layout-callout-card-right.with-faqs { margin-right: 0 !important; } }

.layout-callout-card-right.with-faqs .faqs { background: transparent; }

.layout-callout-card-right.with-faqs .faqs .faq_list > li { background-color: #fff; }

.layout-callout-card-right.with-faqs .faqs .faq_list > li > h3 { background-color: #fff; }

.layout-callout-card-right.with-faqs .callout-card { min-height: 0; margin-bottom: 30px; }

.layout-callout-card-right.component-card-right { padding-top: 100px; background-position: -26px 300px !important; }

.layout-callout-card-right .button-wrap.mobile-bottom-margin { margin-bottom: 60px; }

.clear { clear: both; }

.image-behind { padding-right: 100px; margin-right: 0; background-color: #fff; position: relative; box-shadow: none; }

@media only screen and (max-width: 1100px) { .image-behind { padding-right: 60px; } }

@media only screen and (max-width: 600px) { .image-behind { padding-right: 20px; } }

.image-behind .behind-inner { background-color: #fff; position: relative; z-index: 2; }

.image-behind .behind-inner:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.image-behind .behind { position: absolute; z-index: 1; top: 0; bottom: 20%; left: 0; right: 0; }

.image-behind .details, .image-behind .callout-card { position: relative; z-index: 3; }

.image-behind.layout-callout-card-right { box-shadow: none; }

.top-edge { padding-top: 100px; }

@media only screen and (max-width: 1100px) { .top-edge { padding-top: 80px; } }

@media only screen and (max-width: 600px) { .top-edge { padding-top: 0; } }

.partners { text-align: center; padding: 100px 0; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; padding-top: 100px; }

.partners h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; position: relative; margin-top: 35px; }

.partners h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .partners h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .partners h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .partners h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .partners h2 { font-size: 32px; line-height: 38px; } }

.partners h2:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .partners h2:before { top: -30px; } }

@media only screen and (max-width: 1100px) { .partners { padding-top: 80px; } }

@media only screen and (max-width: 600px) { .partners { padding-top: 0; } }

#ongoing-assistance { margin-right: 0; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; background-position: -26px 400px; margin-right: 100px; }

@media only screen and (max-width: 1100px) { #ongoing-assistance { margin-right: 60px; } }

@media only screen and (max-width: 600px) { #ongoing-assistance { margin-right: 20px; } }

#ongoing-assistance .line { margin-top: 70px; background-color: #9ADBE4; width: 70%; margin-right: -300px; z-index: 6; }

#program-initiation { background-position: -26px 160px; }

#program-initiation .line { margin-top: 70px; width: 90%; margin-right: -300px; z-index: 6; background: #0072B7; }

.layout-callout-card-left { padding-left: 100px; position: relative; }

.layout-callout-card-left:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left { padding-left: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left { padding: 40px 0 0 20px; } }

.layout-callout-card-left .details { padding: 100px 100px 120px 0px; width: 50%; float: right; }

.home .layout-callout-card-left .details { width: 48%; }

@media only screen and (max-width: 1100px) { .home .layout-callout-card-left .details { width: 100%; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left .details { width: 100%; padding: 0; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left .details { padding-right: 20px; } }

.layout-callout-card-left .details h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #D50447; }

.layout-callout-card-left .details h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left .details h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left .details h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left .details h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left .details h2 { font-size: 32px; line-height: 38px; } }

.layout-callout-card-left .details ul { padding: 20px 0; }

.layout-callout-card-left .details ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #4A5258; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-left .details ul li a { color: #4A5258; text-decoration: none; }

.layout-callout-card-left .details ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-left .details ul li { font-size: 20px; } }

.layout-callout-card-left .button-wrap { margin-top: 35px; }

.layout-callout-card-left .button-wrap.trigger-animation { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }

.layout-callout-card-left.with-video-card { margin-bottom: 200px !important; }

@media only screen and (max-width: 1600px) { .layout-callout-card-left.with-video-card { margin-bottom: 400px !important; } }

.layout-callout-card-left.with-video-card .callout-card { z-index: 2 !important; }

.layout-callout-card-left.with-video-card .video-card { padding: 40px; width: 37%; height: 280px; position: absolute; z-index: 1; right: 50%; bottom: -80px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

.layout-callout-card-left.with-video-card .video-card:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1399px) { .layout-callout-card-left.with-video-card .video-card { height: 320px; bottom: -120px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.with-video-card .video-card { bottom: -260px; width: 80%; right: 0; z-index: 0; height: 360px; } }

@media only screen and (max-width: 799px) { .layout-callout-card-left.with-video-card .video-card { height: 300px; bottom: -200px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.with-video-card .video-card { height: auto; width: 90%; bottom: -350px; } }

@media only screen and (max-width: 399px) { .layout-callout-card-left.with-video-card .video-card { bottom: -290px; } }

.layout-callout-card-left.with-video-card .video-card .img { margin-top: 90px; width: 40%; display: block; float: left; }

.layout-callout-card-left.with-video-card .video-card .img span { height: 0; display: block; padding-bottom: 56.25%; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.with-video-card .video-card .img { margin-top: 110px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.with-video-card .video-card .img { width: 70%; margin: 0 auto; float: none; margin-top: 0; } }

.layout-callout-card-left.with-video-card .video-card .info { margin-top: 90px; float: right; width: 60%; padding-left: 30px; }

.layout-callout-card-left.with-video-card .video-card .info h2 { color: #fff; font-family: 'FilsonProBold', sans-serif; font-size: 24px; line-height: 28px; margin-bottom: 20px; margin-bottom: 20px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.with-video-card .video-card .info h2 { font-size: 22px; line-height: 26px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.with-video-card .video-card .info h2 { font-size: 20px; line-height: 24px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.with-video-card .video-card .info { margin-top: 110px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.with-video-card .video-card .info { width: 100%; float: none; margin-top: 0; padding-left: 0; padding-top: 30px; text-align: center; } }

.layout-callout-card-left .callout-card { width: 46%; float: left; padding: 110px 80px 160px 80px; margin-bottom: 20px; margin-left: -40px; margin-bottom: 100px; min-height: 400px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1100px) { .layout-callout-card-left .callout-card { min-height: auto; width: 100%; margin-bottom: 80px; padding: 60px; margin-left: -30px; margin-top: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left .callout-card { padding: 20px; margin-bottom: 40px; margin-left: 0; margin-top: 40px; } }

.layout-callout-card-left .callout-card h1, .layout-callout-card-left .callout-card h2, .layout-callout-card-left .callout-card h3 { font-family: 'FilsonProBold', sans-serif; font-size: 40px; line-height: 52px; margin-bottom: 30px; color: #FFFFFF; position: relative; margin-top: 65px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left .callout-card h1, .layout-callout-card-left .callout-card h2, .layout-callout-card-left .callout-card h3 { font-size: 34px; line-height: 40px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left .callout-card h1, .layout-callout-card-left .callout-card h2, .layout-callout-card-left .callout-card h3 { font-size: 28px; line-height: 36px; } }

.layout-callout-card-left .callout-card h1:before, .layout-callout-card-left .callout-card h2:before, .layout-callout-card-left .callout-card h3:before { content: ""; height: 6px; width: 90%; display: block; position: absolute; top: -100px; right: -44%; background-color: #9ADBE4; }

@media only screen and (max-width: 600px) { .layout-callout-card-left .callout-card h1:before, .layout-callout-card-left .callout-card h2:before, .layout-callout-card-left .callout-card h3:before { top: -40px; } }

.layout-callout-card-left .callout-card h1:before, .layout-callout-card-left .callout-card h2:before, .layout-callout-card-left .callout-card h3:before { width: 77%; top: -110px; right: -28%; }

@media only screen and (max-width: 1600px) { .layout-callout-card-left .callout-card h1:before, .layout-callout-card-left .callout-card h2:before, .layout-callout-card-left .callout-card h3:before { top: -122px; right: -30%; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left .callout-card h3 .line, .layout-callout-card-left .callout-card h3:before, .layout-callout-card-left .callout-card h3:after { display: none; } }

.layout-callout-card-left .callout-card h1.noline { margin-top: 0 !important; }

.layout-callout-card-left .callout-card h1.noline:before { display: none !important; }

.layout-callout-card-left .callout-card .btn, .layout-callout-card-left .callout-card .paged-prev-next a, .paged-prev-next .layout-callout-card-left .callout-card a { color: #D50447; background-color: #9ADBE4; border-color: #9ADBE4; transition: all 0.5s; }

.layout-callout-card-left .callout-card .btn:hover, .layout-callout-card-left .callout-card .paged-prev-next a:hover, .paged-prev-next .layout-callout-card-left .callout-card a:hover { color: #9ADBE4; background-color: transparent; }

.layout-callout-card-left .callout-card .button-wrap { display: none; margin-top: 0; }

.layout-callout-card-left .callout-card .button-wrap.trigger-animation { display: inline-block; -webkit-animation-name: fadeInUpSmall; animation-name: fadeInUpSmall; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }

.layout-callout-card-left .callout-card ul { padding: 20px 0; }

.layout-callout-card-left .callout-card ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #FFFFFF; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-left .callout-card ul li a { color: #FFFFFF; text-decoration: none; }

.layout-callout-card-left .callout-card ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #9ADBE4; }

@media only screen and (max-width: 600px) { .layout-callout-card-left .callout-card ul li { font-size: 20px; } }

.layout-callout-card-left .callout-card.scrolled-into-view-first-time h3 { display: block; }

.layout-callout-card-left .callout-card.list-red ul { padding: 20px 0; }

.layout-callout-card-left .callout-card.list-red ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #FFFFFF; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-callout-card-left .callout-card.list-red ul li a { color: #FFFFFF; text-decoration: none; }

.layout-callout-card-left .callout-card.list-red ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-left .callout-card.list-red ul li { font-size: 20px; } }

.layout-callout-card-left.blue-title .details h2 { color: #0072B7; }

.layout-callout-card-left.title-line-before .callout-card { padding: 160px 80px 160px 80px; }

@media only screen and (max-width: 600px) { .layout-callout-card-left.title-line-before .callout-card { padding: 80px 60px; } }

.layout-callout-card-left.title-line-before h2 { position: relative; }

.layout-callout-card-left.title-line-before h2:after { content: ""; height: 6px; width: 60%; display: block; position: absolute; top: 20px; left: -65%; z-index: 6; background-color: #D50447; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.title-line-before h2:after { left: 35%; width: 40%; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.title-line-before h2:after { display: none; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.title-line-before h2 .line, .layout-callout-card-left.title-line-before h2:before, .layout-callout-card-left.title-line-before h2:after { display: none; } }

.layout-callout-card-left.title-line-before.lightblue-line h2 { position: relative; }

.layout-callout-card-left.title-line-before.lightblue-line h2:after { content: ""; height: 6px; width: 60%; display: block; position: absolute; top: 20px; left: -65%; z-index: 6; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.title-line-before.lightblue-line h2:after { left: 35%; width: 40%; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.title-line-before.lightblue-line h2:after { display: none; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.title-line-before.lightblue-line h2 .line, .layout-callout-card-left.title-line-before.lightblue-line h2:before, .layout-callout-card-left.title-line-before.lightblue-line h2:after { display: none; } }

.layout-callout-card-left.bottom-margin { margin-bottom: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.bottom-margin { margin-bottom: 60px !important; } }

.layout-callout-card-left.top-margin { margin-top: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.top-margin { margin-top: 60px; } }

.layout-callout-card-left.img-no-card img { max-width: 45%; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.img-no-card img { padding-top: 70px; max-width: 90%; } }

.layout-callout-card-left.no-card-offset { padding: 0 200px; }

.layout-callout-card-left.no-card-offset .callout-card { margin-left: 0; }

.layout-callout-card-left.no-card-offset .details { padding-right: 0; }

.layout-callout-card-left.no-card-offset .details h2 .line, .layout-callout-card-left.no-card-offset .details h2:before, .layout-callout-card-left.no-card-offset .details h2:after { display: none; }

@media only screen and (max-width: 1600px) { .layout-callout-card-left.no-card-offset { padding: 0 100px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.no-card-offset { padding: 80px 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.no-card-offset { padding: 40px 20px; } }

.layout-callout-card-left .pseudo-logo-bottom-left.intro, .layout-callout-card-left.pseudo-logo-bottom-left.intro { padding-top: 100px; padding-bottom: 100px; }

.layout-callout-card-left .pseudo-logo-bottom-left.intro:before, .layout-callout-card-left.pseudo-logo-bottom-left.intro:before { background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px left -50px; background-size: 180px 150px; bottom: 100px; top: 100px; height: auto; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left .pseudo-logo-bottom-left.intro, .layout-callout-card-left.pseudo-logo-bottom-left.intro { padding-bottom: 60px; } }

.layout-callout-card-left.intro { margin-bottom: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro { margin-bottom: 0px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro { margin-bottom: 0px; } }

.layout-callout-card-left.intro:before { position: absolute; background-color: #FFFFFF; display: block; height: 100%; width: 70%; content: ""; top: 0; right: 0; left: 30%; bottom: 0; z-index: 1; background: #FFFFFF url(svg/logo-lines.svg) no-repeat bottom -50px right -50px; background-size: 180px 150px; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro:before { width: 84%; left: 16%; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro:before { width: 100%; left: 0; } }

.layout-callout-card-left.intro h1 { font-family: 'FilsonProBold', sans-serif; font-size: 64px; line-height: 70px; margin-bottom: 20px; color: #FFFFFF; }

.layout-callout-card-left.intro h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro h1 small { font-size: 30px; line-height: 30px; margin-bottom: 2px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro h1 small { font-size: 22px; line-height: 22px; margin-bottom: 0; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro h1 { font-size: 44px; line-height: 52px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro h1 { font-size: 36px; line-height: 40px; } }

.layout-callout-card-left.intro h3.parent { font-family: 'FilsonProBold', sans-serif; font-size: 32px; line-height: 36px; margin-bottom: 20px; color: #9ADBE4; position: relative; margin-top: 65px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro h3.parent { font-size: 26px; line-height: 32px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro h3.parent { font-size: 24px; line-height: 28px; } }

.layout-callout-card-left.intro h3.parent:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro h3.parent:before { top: -40px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro h3.parent { margin-bottom: 0; } }

.layout-callout-card-left.intro .details { z-index: 2; position: relative; padding-left: 0; padding-right: 180px; margin-top: 100px; }

@media only screen and (max-width: 1600px) { .layout-callout-card-left.intro .details { padding-top: 100px; padding-right: 100px; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro .details { padding-right: 100px; margin-top: 0; width: 80%; margin-bottom: 60px; padding-top: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro .details { width: 100%; padding-top: 20px; padding-right: 20px; margin-top: 10px; margin-bottom: 60px; padding-top: 40px; } }

.layout-callout-card-left.intro .callout-card { z-index: 1; position: relative; margin-top: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro .callout-card { margin: 0 60px 0 0; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro .callout-card { margin: 0 20px 20px 0; } }

.layout-callout-card-left.intro.intro-wide:before { width: 90%; left: 10%; }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro.intro-wide:before { width: 100%; left: 0; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.intro.intro-wide .details { width: 90%; padding-right: 100px; padding-bottom: 40px; padding-top: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.intro.intro-wide .details { width: 100%; padding-right: 0; } }

.layout-callout-card-left.prev-band-overlap { margin-top: -350px; margin-right: 0; padding-top: 350px; background-color: #F0F0F0; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; background-position: -26px 400px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.prev-band-overlap { padding-top: 0; margin-top: 70px; }
  .layout-callout-card-left.prev-band-overlap .callout-card { display: none; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.blue-card:before { width: 100%; left: 10%; background: #fff !important; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.blue-card:before { left: 0; } }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.blue-card { margin-bottom: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.blue-card { margin-bottom: 40px; padding-top: 0; } }

.layout-callout-card-left.blue-card .callout-card { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,98d3e2+100 */ background: #1e5799; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #1e5799 0%, #98d3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#98d3e2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.layout-callout-card-left.blue-card .callout-card h1 { color: #fff; position: relative; margin-top: 65px; }

.layout-callout-card-left.blue-card .callout-card h1:before { content: ""; height: 6px; width: 100%; display: block; position: absolute; top: -60px; left: -80%; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-callout-card-left.blue-card .callout-card h1:before { top: -40px; } }

.layout-callout-card-left.blue-card .callout-card.reverse-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bcbdf+0,184c97+100 */ background: #8bcbdf; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #8bcbdf 0%, #184c97 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bcbdf', endColorstr='#184c97',GradientType=1 ); /* IE6-9 */ }

.layout-callout-card-left.blue-card .details { padding-bottom: 80px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.blue-card .details { width: 90%; padding-bottom: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.blue-card .details { width: 100%; } }

.layout-callout-card-left.one-row-bars-background { background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; }

.layout-callout-card-left.overlap-prev-band { margin-top: -220px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.overlap-prev-band .details { padding-top: 80px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.overlap-prev-band .details { padding-top: 40px; } }

.layout-callout-card-left.bars-background { background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; }

.layout-callout-card-left.no-bottom-margin { margin-bottom: 0; }

.layout-callout-card-left.line-before-title h2 { position: relative; }

.layout-callout-card-left.line-before-title h2:after { content: ""; height: 6px; width: 60%; display: block; position: absolute; top: 20px; left: -65%; z-index: 6; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.line-before-title h2:after { left: 35%; width: 40%; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.line-before-title h2:after { display: none; } }

.layout-callout-card-left.top-padding, .layout-callout-card-left.one-row-bars-background { padding-top: 100px; }

@media only screen and (max-width: 1100px) { .layout-callout-card-left.top-padding, .layout-callout-card-left.one-row-bars-background { padding-top: 60px; } }

@media only screen and (max-width: 600px) { .layout-callout-card-left.top-padding, .layout-callout-card-left.one-row-bars-background { padding-top: 40px; } }

.layout-callout-card-left.top-padding .details, .layout-callout-card-left.one-row-bars-background .details { padding-top: 0; }

.layout-callout-card-left.normal-card .callout-card { margin-top: 100px; }

.layout-centered-two-column { padding: 100px 120px; text-align: center; background-color: #FFFFFF; margin: 100px auto 100px auto; max-width: 1200px; width: 96%; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1100px) { .layout-centered-two-column { width: 80%; margin-left: auto; margin-right: auto; padding: 60px; } }

@media only screen and (max-width: 600px) { .layout-centered-two-column { padding: 50px; width: 90%; } }

.layout-centered-two-column h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; text-align: center; position: relative; margin-top: 35px; }

.layout-centered-two-column h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-centered-two-column h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-centered-two-column h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-centered-two-column h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-centered-two-column h2 { font-size: 32px; line-height: 38px; } }

.layout-centered-two-column h2:before { content: ""; height: 6px; width: 150px; display: block; position: absolute; top: -30px; left: 50%; margin-left: -75px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-centered-two-column h2:before { top: -30px; } }

.layout-centered-two-column .col1, .layout-centered-two-column .col2 { display: inline-block; text-align: left; max-width: 49%; padding: 0 50px; vertical-align: top; }

@media only screen and (max-width: 1100px) { .layout-centered-two-column .col1, .layout-centered-two-column .col2 { max-width: 100%; display: block; padding: 0; }
  .layout-centered-two-column .col1 ul, .layout-centered-two-column .col2 ul { margin: 0; padding: 0; } }

.layout-centered-two-column ul { padding: 20px 0; }

.layout-centered-two-column ul:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

.layout-centered-two-column ul li { font-family: 'TradeGothicLT-CondEighteen', sans-serif; line-height: 1.5em; font-size: 22px; color: #4A5258; position: relative; padding-left: 30px; margin-bottom: 8px; }

.layout-centered-two-column ul li a { color: #4A5258; text-decoration: none; }

.layout-centered-two-column ul li:before { content: ""; display: block; position: absolute; top: 9px; left: 1px; height: 12px; width: 12px; border-radius: 10px; margin-right: 10px; background-color: #D50447; }

@media only screen and (max-width: 600px) { .layout-centered-two-column ul li { font-size: 20px; } }

.layout-centered-two-column ul li { display: inline-block; margin-right: 40px; }

.layout-centered-two-column ul li:last-child { margin-right: 0; }

@media only screen and (max-width: 1100px) { .layout-centered-two-column ul li { display: block; margin-right: 0; margin-bottom: 15px; text-align: left; } }

.layout-centered-two-column .button-wrap { padding-top: 40px; }

.layout-content-offer { padding: 200px 100px 0; }

@media only screen and (max-width: 1100px) { .layout-content-offer { padding: 0; width: 100%; } }

.layout-content-offer .info { background-color: #FFFFFF; padding: 50px 100px; max-width: 1200px; margin: 0 auto; box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); position: relative; z-index: 5; display: none; }

.single-contenoffer .layout-content-offer .info { padding: 100px; }

.layout-content-offer .info:after { content: ""; display: table; clear: both; height: 0; line-height: 0; }

@media only screen and (max-width: 1100px) { .layout-content-offer .info { padding: 0; width: 100%; } }

.layout-content-offer .info.active { display: block; }

.layout-content-offer .info .desc { float: left; width: 50%; padding: 0; }

@media only screen and (max-width: 1100px) { .layout-content-offer .info .desc { float: none; width: 100%; padding: 60px; } }

@media only screen and (max-width: 600px) { .layout-content-offer .info .desc { padding: 40px; } }

.layout-content-offer .info .desc h1 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #0072B7; }

.layout-content-offer .info .desc h1 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-content-offer .info .desc h1 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-content-offer .info .desc h1 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-content-offer .info .desc h1 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-content-offer .info .desc h1 { font-size: 32px; line-height: 38px; } }

.layout-content-offer .info .desc.full-width { width: 100%; }

.layout-content-offer .info .card { float: right; padding: 100px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6134e+0,bb1545+100 */ /* HORIZONTAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ /* DIAGONAL */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d11947+0,6f001c+100 */ background: #d11947; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #d11947 0%, #6f001c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d11947', endColorstr='#6f001c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.15); width: 50%; margin-right: -150px; min-height: 440px; }

.layout-content-offer .info .card .btn, .layout-content-offer .info .card .paged-prev-next a, .paged-prev-next .layout-content-offer .info .card a { width: 200px; }

@media only screen and (max-width: 1100px) { .layout-content-offer .info .card { padding: 60px; float: none; width: 100%; } }

@media only screen and (max-width: 600px) { .layout-content-offer .info .card { padding: 60px 20px; } }

.layout-content-offer .info .card form { margin: 0 auto; }

.layout-content-offer .thank-you { display: none; }

.layout-content-offer .thank-you.active { display: block; }

.spacer { position: relative; z-index: 4; margin-top: -200px; background: #F0F0F0 url(images/bg-pattern.png) repeat; background-size: 334px 439px; background-position: -26px 18px; transition: background-position .1s ease; height: 300px; }

.layout-video-list { margin: 0 auto; background-color: #F0F0F0; padding: 100px 0 120px 0; background: #F0F0F0 url(images/bg-pattern-2-rows.png) repeat-x; background-size: 334px 878px; background-position: -26px 24px; transition: background-position .1s ease; background-position: -26px 200px; }

.layout-video-list .inner { overflow: hidden; max-width: 1200px; margin: 0 auto; }

.layout-video-list .topic { margin-bottom: 120px; }

@media only screen and (max-width: 1600px) { .layout-video-list { padding-left: 40px; padding-right: 40px; } }

.layout-video-list h2 { font-family: 'FilsonProBold', sans-serif; font-size: 56px; line-height: 64px; margin-bottom: 30px; color: #D50447; display: inline-block; position: relative; margin-bottom: 30px; padding-top: 20px; }

.layout-video-list h2 small { font-size: 40px; line-height: 40px; display: block; margin-bottom: 6px; }

@media only screen and (max-width: 1100px) { .layout-video-list h2 small { font-size: 30px; line-height: 30px; } }

@media only screen and (max-width: 600px) { .layout-video-list h2 small { font-size: 22px; line-height: 22px; } }

@media only screen and (max-width: 1100px) { .layout-video-list h2 { font-size: 40px; line-height: 48px; } }

@media only screen and (max-width: 600px) { .layout-video-list h2 { font-size: 32px; line-height: 38px; } }

.layout-video-list h2:after { content: ""; height: 6px; width: 400%; display: block; position: absolute; top: 50px; left: 111%; z-index: 6; background-color: #0072B7; }

@media only screen and (max-width: 1100px) { .layout-video-list h2:after { left: 111%; } }

@media only screen and (max-width: 600px) { .layout-video-list h2:after { display: none; } }

.layout-video-list section:nth-child(even) h2 { display: inline-block; position: relative; }

.layout-video-list section:nth-child(even) h2:after { content: ""; height: 6px; width: 400%; display: block; position: absolute; top: 50px; left: 111%; z-index: 6; background-color: #9ADBE4; }

@media only screen and (max-width: 1100px) { .layout-video-list section:nth-child(even) h2:after { left: 111%; } }

@media only screen and (max-width: 600px) { .layout-video-list section:nth-child(even) h2:after { display: none; } }

.layout-video-list .faq_list { max-width: 1200px; }

.layout-video-list .faq_list .faq_info { max-width: 1200px; }

.layout-video-list .faq_list .faq_info .button-wrap { padding-top: 15px; }

.layout-video-list .faq_list .faq_info .btn:first-child, .layout-video-list .faq_list .faq_info .paged-prev-next a:first-child, .paged-prev-next .layout-video-list .faq_list .faq_info a:first-child { margin-right: 15px; margin-bottom: 15px; }

.layout-video-list .faq_list .faq_info .img { width: 35%; display: inline-block; padding-right: 30px; padding-bottom: 10px; }

.layout-video-list .faq_list .faq_info .info { width: 60%; display: inline-block; vertical-align: top; }

.layout-video-list .faq_list .faq_info .info.no-img { width: 100%; }

@media only screen and (max-width: 600px) { .layout-video-list .faq_list .faq_info .info, .layout-video-list .faq_list .faq_info .img { width: 100%; padding-right: 0; }
  .layout-video-list .faq_list .faq_info .info img, .layout-video-list .faq_list .faq_info .img img { display: block; margin: 0 auto 20px auto; max-height: 250px; max-width: 80%; height: auto; width: auto; } }

@media only screen and (max-width: 1100px) { .layout-video-list .faq_list { padding: 0; } }

.layout-video-list .faq_list li, .layout-video-list .faq_list h3 { background: #fff; }

.layout-video-list .faq_list h3 a { color: #062365; }

/*# sourceMappingURL=style.css.map */