/* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @import url(video.css); @font-face { /*font-family: 'apercu-regular-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-regular-pro.eot"); src: url("components/webfonts/apercu-regular-pro.otf") format("embedded-opentype"), url("components/webfonts/apercu-regular-pro.woff") format("woff"), url("components/webfonts/apercu-regular-pro.woff2") format("woff2"), url("components/webfonts/apercu-regular-pro.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-black-italic-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-black-italic-pro.eot"); src: url("components/webfonts/apercu-black-italic-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-black-italic-pro.woff") format("woff"), url("components/webfonts/apercu-black-italic-pro.woff2") format("woff2"), url("components/webfonts/apercu-black-italic-pro.ttf") format("truetype"); font-weight: 900; font-style: italic; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-black-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-black-pro.eot"); src: url("components/webfonts/apercu-black-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-black-pro.woff") format("woff"), url("components/webfonts/apercu-black-pro.woff2") format("woff2"), url("components/webfonts/apercu-black-pro.ttf") format("truetype"); font-weight: 900; font-style: normal; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-bold-italic-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-bold-italic-pro.eot"); src: url("components/webfonts/apercu-bold-italic-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-bold-italic-pro.woff") format("woff"), url("components/webfonts/apercu-bold-italic-pro.woff2") format("woff2"), url("components/webfonts/apercu-bold-italic-pro.ttf") format("truetype"); font-weight: 700; font-style: italic; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-bold-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-bold-pro.eot"); src: url("components/webfonts/apercu-bold-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-bold-pro.woff") format("woff"), url("components/webfonts/apercu-bold-pro.woff2") format("woff2"), url("components/webfonts/apercu-bold-pro.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { font-family: 'Apercu'; src: url("components/webfonts/apercu-italic-pro.eot"); src: url("components/webfonts/apercu-italic-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-italic-pro.woff") format("woff"), url("components/webfonts/apercu-italic-pro.woff2") format("woff2"), url("components/webfonts/apercu-italic-pro.ttf") format("truetype"); font-weight: normal; font-style: italic; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-light-italic-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-light-italic-pro.eot"); src: url("components/webfonts/apercu-light-italic-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-light-italic-pro.woff") format("woff"), url("components/webfonts/apercu-light-italic-pro.woff2") format("woff2"), url("components/webfonts/apercu-light-italic-pro.ttf") format("truetype"); font-weight: 200; font-style: italic; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-light-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-light-pro.eot"); src: url("components/webfonts/apercu-light-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-light-pro.woff") format("woff"), url("components/webfonts/apercu-light-pro.woff2") format("woff2"), url("components/webfonts/apercu-light-pro.ttf") format("truetype"); font-weight: 200; font-style: normal; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-medium-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-medium-pro.eot"); src: url("components/webfonts/apercu-medium-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-medium-pro.woff") format("woff"), url("components/webfonts/apercu-medium-pro.woff2") format("woff2"), url("components/webfonts/apercu-medium-pro.ttf") format("truetype"); font-weight: 500; font-style: normal; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-medium-italic-pro';*/ font-family: 'Apercu'; src: url("components/webfonts/apercu-medium-italic-pro.eot"); src: url("components/webfonts/apercu-medium-italic-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-medium-italic-pro.woff") format("woff"), url("components/webfonts/apercu-medium-italic-pro.woff2") format("woff2"), url("components/webfonts/apercu-medium-italic-pro.ttf") format("truetype"); font-weight: 500; font-style: italic; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-mono-bold-pro';*/ font-family: 'Apercu Mono'; src: url("components/webfonts/apercu-mono-bold-pro.eot"); src: url("components/webfonts/apercu-mono-bold-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-mono-bold-pro.woff") format("woff"), url("components/webfonts/apercu-mono-bold-pro.woff2") format("woff2"), url("components/webfonts/apercu-mono-bold-pro.ttf") format("truetype"); font-weight: 700; font-style: normal; } /* * Web Fonts from colophon-foundry.org * * The fonts included in this stylesheet are subject to the End User License you purchased * from Colophon Foundry. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2017 Colophon Foundry * * Licenced to Libby DeCamps Gather Technologies, Inc */ @font-face { /*font-family: 'apercu-mono-pro';*/ font-family: 'Apercu Mono'; src: url("components/webfonts/apercu-mono-pro.eot"); src: url("components/webfonts/apercu-mono-pro.eot#iefix") format("embedded-opentype"), url("components/webfonts/apercu-mono-pro.woff") format("woff"), url("components/webfonts/apercu-mono-pro.woff2") format("woff2"), url("components/webfonts/apercu-mono-pro.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* COLORS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* MIXINS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .blog article:hover, .blog article:focus, .page-press .press--featured article:hover, .page-press .press--featured article:focus { transition: all 0.15s ease-in-out; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); transform: scale(1.014); } .perks .card { transition: all 0.15s ease-in-out; } .perks .card:hover, .perks .card:focus { transition: all 0.15s ease-in-out; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); transform: scale(1.014); } a.linktext, section article li a, .snipe a, .navbar-collapse a.nav-link.nav-link--login, .grid a p span, .grid.grid--gmd a h2, .grid.grid--gmd a:hover h2, .grid.grid--gmd a:focus h2, .grid.stories p a, .page-request-demo p a, .request-form p a, .template-request-form p a, .who-we-serve .grid.stories h2 span, .perks p a, .jobs .grid > div a, .blog article a.category, .page-blog-detail .blog .blog--body article p a, .page-blog-detail .blog .blog--body article h2 a, .blog .see-all a, .page-press .press--media p a { -webkit-transition: 0.25s color ease; -ms-transition: 0.25s color ease; transition: 0.25s color ease; color: #032758; padding-bottom: 0.125em; /* background: -webkit-gradient(linear,left top,left bottom,from( white),to( white)),-webkit-gradient(linear,left top,left bottom,from( white),to( white)),-webkit-gradient(linear,left top,left bottom,from($cyan),to($cyan)); background: linear-gradient( white, white),linear-gradient( white, white),linear-gradient($cyan,$cyan); background-size: .05em 2px,.05em 2px,1px 2px; background-repeat: no-repeat,no-repeat,repeat-x; text-shadow: 0.03em 0 white, -0.03em 0 white, 0 0.03em white, 0 -0.03em white, 0.06em 0 white, -0.06em 0 white, 0.09em 0 white, -0.09em 0 white, 0.12em 0 white, -0.12em 0 white, 0.15em 0 white, -0.15em 0 white; background-position: 0 95%,100% 95%,0 95%; */ border-bottom: 2px solid #4cabe9; } a.linktext:hover, section article li a:hover, .snipe a:hover, .navbar-collapse a.nav-link.nav-link--login:hover, .grid a p span:hover, .grid.grid--gmd a h2:hover, .grid.stories p a:hover, .page-request-demo p a:hover, .request-form p a:hover, .template-request-form p a:hover, .who-we-serve .grid.stories h2 span:hover, .perks p a:hover, .jobs .grid > div a:hover, .blog article a.category:hover, .page-blog-detail .blog .blog--body article p a:hover, .page-blog-detail .blog .blog--body article h2 a:hover, .blog .see-all a:hover, .page-press .press--media p a:hover { -webkit-transition: 0.25s all ease; -ms-transition: 0.25s all ease; transition: 0.25s all ease; color: #4cabe9; border-bottom: 2px solid none; } /* @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 50% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; animation-fill-mode: both; } */ /* GLOBAL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { font-family: 'Apercu', sans-serif; font-weight: normal; font-style: normal; color: #032758; } @media (min-width: 768px) { .container { max-width: 93%; } } @media (min-width: 576px) { .container { max-width: 93%; } } @media (min-width: 1441px) { .container { max-width: 1240px; } } @media (max-width: 767px) { .container { padding-right: 30px !important; padding-left: 30px !important; } } section.container-fluid, section.container { padding: 4rem 0; } section.container-fluid .row, section.container .row { margin: 0; } @media (max-width: 767px) { section.container-fluid, section.container { padding-right: 30px !important; padding-left: 30px !important; } } .bg-o { background: #4cabe9; color: white; } .bg-light { background-color: #f4f0ef !important; } .logo--white { display: none; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, strong, b, p { font-weight: 700; } @media (max-width: 767px) { .text-center h1 br, .text-center p br { display: none; } } .h1, h1 { font-size: 3.5rem; margin-bottom: 1.5rem; } @media (max-width: 767px) { .h1, h1 { font-size: 3rem; } } @media (max-width: 550px) { .h1, h1 { font-size: 2.5rem; } } .h2, h2 { font-size: 2.1875rem; margin-bottom: 1.2rem; line-height: 1.2; font-weight: 700; } @media (max-width: 767px) { .h2, h2 { font-size: 2rem; } } @media (max-width: 550px) { .h2, h2 { font-size: 1.5rem; } } p, .lead { font-size: 1.25rem; font-weight: 400; } p { line-height: 1.55em; color: #475584; } p.f--16 { font-size: 1rem; } p.f--18 { font-size: 1.125rem; } p.lh--14 { line-height: 1.4em; } p.lh--13 { line-height: 1.3em; } p.lh--12 { line-height: 1.2em; } p.lh--1 { line-height: 1em; } p.fw--400 { font-weight: 400; } section dl, section ol, section ul { font-size: 1.25rem; margin-bottom: 1rem; padding: 0 0 3rem 10%; } section dl li, section ol li, section ul li { margin-bottom: 2rem; } section dl li:last-child, section ol li:last-child, section ul li:last-child { margin-bottom: 0; } img { width: 100%; } .mb-45, .my-45 { margin-bottom: 2rem !important; } #watch_film { -webkit-appearance: initial; appearance: initial; border: 0; padding: 0; cursor: pointer; position: relative; overflow: hidden; display: block; border-radius: 5px; } #watch_film img { position: relative; z-index: 0; } #watch_film:after { content: ''; width: 102%; height: 102%; position: absolute; z-index: 1; left: -1%; top: -1%; background: #032758; opacity: .5; } #watch_film #play_button { width: 130px; height: 130px; position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; -webkit-transition: 0.25s all ease; -ms-transition: 0.25s all ease; transition: 0.25s all ease; } #watch_film #play_button path { fill: #E6F4F1; -webkit-transition: 0.25s fill ease; -ms-transition: 0.25s fill ease; transition: 0.25s fill ease; } @media (max-width: 767px) { #watch_film #play_button { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; } } #watch_film:hover #play_button, #watch_film:focus #play_button { -webkit-transition: 0.125s all ease; -ms-transition: 0.125s all ease; transition: 0.125s all ease; transform: scale(1.1); } #watch_film:hover #play_button path, #watch_film:focus #play_button path { fill: white; -webkit-transition: 0.125s fill ease; -ms-transition: 0.125s fill ease; transition: 0.125s fill ease; } .popover .popover-body { font-weight: 400; color: #032758; } hr { border-top: 1px solid #D8D8D8; } hr[data-width="1050"] { max-width: 1050px; } .breadcrumb { display: block; background: none; padding: 0 0 1.25em; font-size: 1.125em; font-weight: 700; } .breadcrumb * { color: #032758; } .breadcrumb .breadcrumb-item { display: inline; word-wrap: break-word; } .breadcrumb li.active { color: #969696; } .breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: ">"; color: #969696; font-weight: 400; } .card { border-radius: 5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); } /* LINKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a, a:hover, a:focus { color: #4cabe9; text-decoration: none; -webkit-transition: 0.25s color ease; -ms-transition: 0.25s color ease; transition: 0.25s color ease; } a:hover, a:focus { color: #72d0f4; -webkit-transition: 0.125s color ease; -ms-transition: 0.125s color ease; transition: 0.125s color ease; } section article li a { padding-bottom: 0; } img, .blog--image, .article-image, .blog article { border-radius: 5px; } .btn { padding: 0.45em 3em 0.55em; border-radius: 500px; background-color: #4cabe9; color: white; transition: all 0.3s; font-weight: 500; line-height: 1.7; } .btn:hover, .btn:focus { background-color: #72d0f4; color: #032758; opacity: 1; } .btn.btn--light { background-color: #c2e5e5; color: #032758; } .btn.btn--light:hover, .btn.btn--light:focus { background-color: #f2d677; } .btn.ib { display: inline-block; text-align: center; } .btn#search { background-color: #D8D8D8; padding: 0.45em 0.45em 0.55em; } .page-pricing nav .btn:hover, .page-pricing nav .btn:focus, .page-product-2-0 nav .btn:hover, .page-product-2-0 nav .btn:focus, .btn.cyan:hover, .btn.cyan:focus { background-color: #a1e0f8; } @media (min-width: 768px) { .text-center { padding: 0px 50px; } } /* TOGGLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .navbar-toggler { position: relative; } .navbar-toggler:focus { outline: none; } .navbar-light .navbar-toggler { border: 0; } .navbar-toggler { padding: 10px 10px; display: inline-block; cursor: pointer; transition-property: opacity,-webkit-filter; transition-property: opacity,filter; transition-property: opacity,filter,-webkit-filter; transition-duration: .15s; transition-timing-function: linear; } .navbar-toggler-box { width: 30px; height: 17px; display: inline-block; position: relative; } .navbar-toggler-icon { display: block; top: 50%; margin-top: -2px; } .navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before { width: 30px; height: 2px; background-color: #4cabe9; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease; } .navbar-toggler-icon::after, .navbar-toggler-icon::before { content: ""; display: block; } .navbar-toggler-icon::before { top: -7px; } .navbar-toggler .navbar-toggler-icon { top: auto; bottom: 0; transition-duration: .15s; transition-delay: .15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .navbar-toggler .navbar-toggler-icon::after { top: -14px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .navbar-toggler .navbar-toggler-icon::before { transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .navbar-toggler.toggle .navbar-toggler-icon { transform: translate3d(0, -7px, 0) rotate(-45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .navbar-toggler.toggle .navbar-toggler-icon::after { top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; } .navbar-toggler.toggle .navbar-toggler-icon::before { top: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); } html.with-snipe { margin: 0px !important; } header * { -webkit-transition: none; -ms-transition: none; transition: none; } header.scroll--start { position: fixed; -webkit-transform: translateY(-55px); -ms-transform: translateY(-55px); transform: translateY(-55px); top: 0; height: auto; background: white; border-bottom: 1px solid #D8D8D8; width: 100%; z-index: 1000; } header.scroll--start + main { padding-top: 134px; } header.scroll--start .navbar { padding: 0; padding-top: 0; } header.scroll--start ul { padding-top: 0; } header.scroll--start .navbar-brand { width: 130px; padding-top: 0; } header.scroll--start .navbar-collapse a.btn { padding: 0.25em 1em; font-size: 14px; } header.scroll--start .navbar-collapse a.nav-link.nav-link--login { padding-top: 5px; } header.scroll--start .logo img { max-width: 150px; } header.scroll--start ul li a { font-size: 14px; } header.scroll--start.with-snipe .snipe { display: none !important; } header.scroll { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.25s ease-in-out; -ms-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; } @media (max-width: 991px) { header.scroll { padding: 8.3px 0; } } header.scroll .navbar-toggler.collapsed { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: transform 0.125s ease-in-out; -ms-transition: transform 0.125s ease-in-out; transition: transform 0.125s ease-in-out; } .mobile-open header.scroll .navbar-toggler:not(.collapsed) { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: transform 0.25s ease-in-out; -ms-transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; } @media (max-width: 991px) { header.scroll .navbar-collapse { top: 0px; } header.scroll .navbar-collapse ul { padding-top: 60px; } } .page-request-demo header.scroll--start, .request-form header.scroll--start { position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); border-bottom: 0; } .page-request-demo header.scroll--start + main, .request-form header.scroll--start + main { padding-top: 0; } .page-request-demo header.sticky, .page-talk-to-you-soon header.sticky { background: transparent; position: inherit; } .page-request-demo header + main, .page-request-a-demo header + main, .page-talk-to-you-soon header + main { margin-top: 0; } .mobile-open { overflow: hidden; } .snipe { background: #032758; padding: 0.25rem 1rem 0.35rem; text-align: center; line-height: 1.2; } .snipe p, .snipe a { display: inline-block; font-size: .85rem; color: white; margin: 0 0.5em; padding: 0; line-height: 1.3em; } .snipe p { padding: 0 0 0.22em; } #wpadminbar.bar-bottom { top: inherit; bottom: 0; } .navbar { padding: 1.5rem 0; font-size: 1.1rem; } @media (max-width: 1170px) { .navbar { font-size: .95rem; } } .navbar-collapse { flex-grow: inherit; } .navbar-collapse a { color: #032758; } .navbar-collapse a:hover, .navbar-collapse a:focus { opacity: .6; } .navbar-collapse a.btn { color: white; font-size: 1.1rem; padding: 0.45em 1.5em; } @media (max-width: 1170px) { .navbar-collapse a.btn { font-size: .95rem; } } @media (max-width: 1170px) { .navbar-collapse a.btn { padding: 0.45em 1em; } } .navbar-collapse a.btn:hover, .navbar-collapse a.btn:focus { color: #032758; opacity: 1; } .navbar-collapse a.nav-link.nav-link--login { padding-left: 0; margin-left: 1rem; padding-top: 10px; } .navbar-collapse a.nav-link.nav-link--login:hover, .navbar-collapse a.nav-link.nav-link--login:focus { color: #032758; opacity: .6; } @media (min-width: 992px) { .navbar-expand-lg { justify-content: space-between; } } .dropdown-toggle::after { display: none; } .dropdown-menu { position: relative; left: 68%; min-width: 10rem; margin: 0 0 0 -5rem; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); border-radius: 8px !important; padding: 0px; } .dropdown-menu:before { content: ''; position: absolute; top: -5px; left: 50%; margin-left: -5px; height: 10px; width: 10px; background: white; border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .dropdown-menu .dropdown-item { color: #032758; border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 20px 16px; } .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { color: #032758; opacity: 1; -webkit-transition: 0.125s color ease-in-out; -ms-transition: 0.125s color ease-in-out; transition: 0.125s color ease-in-out; } .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { background-color: #c2e5e5; } .dropdown-menu a:first-child { border-top: none; border-radius: 8px 8px 0px 0px; } .dropdown-menu a:last-child { border-radius: 0px 0px 8px 8px; } .navbar-expand-lg .navbar-nav .nav-link { font-weight: 500; padding: 1rem; } @media (max-width: 1170px) { .navbar-expand-lg .navbar-nav .nav-link { padding: 1rem 0.7em; } } .mobile-login, .mobile-get-started, .mobile-share-menu { display: none; } .navbar-collapse .dropdown .dropdown-menu { display: block !important; opacity: 0; pointer-events: none; z-index: 50; transition: all 0.4s ease; transform: translateX(-16px) translateY(-3px) scale(0.95); } .navbar-collapse .dropdown a { transform: translateZ(0); } .navbar-collapse .dropdown:hover .dropdown-menu { opacity: 1; pointer-events: all; transform: translateX(-16px) translateY(-3px) scale(1); } @media (max-width: 991px) { .mobile-login { display: block; } .mobile-get-started { display: block; } .mobile-get-started a { width: 100%; border-radius: 0px 0px 10px 10px; text-align: left; padding: 13px 50px !important; } .mobile-share-menu { color: white !important; display: grid; padding: 30px 50px; grid-template-columns: 1fr 1fr; } .mobile-share-menu a { color: white; align-items: center; padding: 5px 0px 0px 5px; font-size: .85em; } .mobile-share-menu a .fab { font-size: 1em; margin-right: 8px; } .mobile-share-menu .footer--social a { font-size: 1.6em; } .navbar.navbar-expand-lg.container { max-width: 100%; padding-left: 0px !important; padding-right: 0px !important; } .navbar-brand { margin-left: 30px; } .navbar-toggler { margin-right: 40px; z-index: 200; width: 32px; } .navbar-toggler .navbar-toggler-icon { left: 0; } .navbar-collapse { background-color: #032758; z-index: 99; position: absolute; left: 10px; top: 10px; right: 10px; border-radius: 10px; -webkit-box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3); box-shadow: 0 50px 100px -20px rgba(50, 50, 93, 0.25), 0 30px 60px -30px rgba(0, 0, 0, 0.3); } .navbar-collapse .nav-link { color: white; } .navbar-nav { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 50px 50px 50px; padding: 80px 50px 30px; border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .navbar-nav .nav-link { padding-left: 0px !important; padding-right: 0px !important; } .navbar-nav .dropdown-menu { float: left; position: absolute; top: 57px; left: 80px; width: 200px; } .navbar-nav .dropdown-menu:before { left: 25px; } } @media (max-width: 550px) { .navbar-nav { padding: 70px 50px 30px; } .mobile-share-menu { display: block; } .mobile-share-menu .footer--social { padding-top: 15px; } } /* TOGGLE - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .navbar-toggler { border: 0; } .navbar-toggler:focus { outline: none; } .navbar-toggler { padding: 10px; display: inline-block; cursor: pointer; transition-property: opacity,-webkit-filter; transition-property: opacity,filter; transition-property: opacity,filter,-webkit-filter; transition-duration: .15s; transition-timing-function: linear; } .navbar-toggler-box { width: 34px; height: 24px; display: inline-block; position: relative; } .navbar-toggler-icon { display: block; top: 50%; margin-top: -2px; } .navbar-toggler-icon, .navbar-toggler-icon::after, .navbar-toggler-icon::before { width: 34px; height: 3px; background-color: #4cabe9; border-radius: 2px; position: absolute; transition-property: transform; transition-duration: .15s; transition-timing-function: ease; } .navbar-toggler-icon::after, .navbar-toggler-icon::before { content: ""; display: block; } .navbar-toggler-icon::before { top: -10px; } .navbar-toggler-icon::after { bottom: -10px; } .navbar-toggler.collapsed .navbar-toggler-icon { top: auto; bottom: 0; transition-duration: .15s; transition-delay: .15s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .navbar-toggler .navbar-toggler-icon::after { top: -20px; transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .navbar-toggler .navbar-toggler-icon::before { transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .navbar-toggler:not(.collapsed) .navbar-toggler-icon { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: .32s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after { top: 0; opacity: 0; transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; } .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before { top: 0; -ms-transform: rotate(-90deg); transform: rotate(-90deg); transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); } .btn.form-control { padding: 0.45em 0.5em 0.55em; background: #D8D8D8; cursor: default; } @keyframes marketlogo { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } to { transform: translateY(0); } } .grid--who-we-serve > article .bullet > li svg { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .grid--who-we-serve > article.in-view .bullet > li svg { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.35s all ease-out; -ms-transition: 0.35s all ease-out; transition: 0.35s all ease-out; } .grid--who-we-serve > article.in-view .bullet > li:nth-child(2) svg { transition-delay: .25s; } .grid--who-we-serve > article.in-view .bullet > li:nth-child(3) svg { transition-delay: .5s; } .grid--who-we-serve > article.in-view .bullet > li:nth-child(4) svg { transition-delay: .75s; } .grid--who-we-serve > article.in-view .bullet > li:nth-child(5) svg { transition-delay: 1s; } /* HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .navbar-brand { width: 170px; } /* MAIN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ main { overflow: hidden; min-height: 53vh; } /* OBJECTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .obj-container { position: relative; z-index: 1; } .scroll_obj { opacity: 1; position: absolute; -webkit-transition: 0.5s opacity ease-out; -ms-transition: 0.5s opacity ease-out; transition: 0.5s opacity ease-out; max-width: 50%; } .scroll_obj.in-view { opacity: 1; -webkit-transition: 1s opacity ease-out; -ms-transition: 1s opacity ease-out; transition: 1s opacity ease-out; } .scroll_obj.--l { left: 0; text-align: left; } .scroll_obj.--r { right: 0; text-align: right; } .scroll_obj.--c { position: relative; text-align: center; } #Rose { z-index: -1; width: 140px; } .page-home #Rose { top: 25%; right: 10px; /* @media (max-width:550px){ top:77%; right:0px; } @media (max-width:400px){ top:77%; right:-40px; } */ } @media (max-width: 767px) { .page-home #Rose { top: 0%; right: -60px; width: 110px; } } .page-careers #Rose { bottom: -1%; right: -50px; } @media (max-width: 767px) { .page-careers #Rose { bottom: -5%; right: -70px; } } #Leaf { z-index: -1; width: 110px; } .page-home #Leaf { top: 10%; right: -60px; } @media (max-width: 767px) { .page-home #Leaf { display: none; } } .page-careers #Leaf { bottom: 10%; left: -110px; } #Lolli { z-index: -1; width: 130px; } .page-careers #Lolli { top: 25%; } #BlueBow { z-index: -1; width: 130px; } .page-careers #BlueBow { top: 25%; } @media (max-width: 899px) { .page-careers #BlueBow { top: 5%; } } @media (max-width: 767px) { .page-careers #BlueBow { top: 0%; right: -5%; } } @media (max-width: 600px) { .page-careers #BlueBow { top: 0%; right: -10%; } } @media (max-width: 500px) { .page-careers #BlueBow { top: 0%; right: -15%; } } @media (max-width: 440px) { .page-careers #BlueBow { top: 0%; right: -22%; } } #Umbrella { bottom: 0; left: 20px; z-index: 0; width: 130px; } @media (max-width: 767px) { #Umbrella { bottom: -30px; } } @media (max-width: 767px) { #Umbrella { left: -10px; } } @media (max-width: 450px) { #Umbrella { left: -50px; } } #Baloon_Red { top: 10%; left: 20px; z-index: -3; width: 100px; } @media (max-width: 1000px) { #Baloon_Red { top: -11%; left: -50px; } } @media (max-width: 767px) { #Baloon_Red { display: none; } } .page-404 #Baloon_Red { width: 100px; top: inherit; left: inherit; } #Baloon_Yellow { top: 28%; left: -10px; z-index: -3; width: 100px; } @media (max-width: 1000px) { #Baloon_Yellow { top: 21%; left: -60px; } } #Umbrella_Orange { z-index: -2; width: 150px; } .page-home #Umbrella_Orange { top: 10%; right: 3px; } @media (max-width: 767px) { .page-home #Umbrella_Orange { top: 5%; right: -40px; } } @media (max-width: 400px) { .page-home #Umbrella_Orange { top: 6%; right: -60px; } } .page-careers #Umbrella_Orange { top: inherit; bottom: 0; left: -60px; } #Straw { top: 17%; right: 0px; z-index: -3; width: 80px; } @media (max-width: 767px) { #Straw { display: none; } } #Crinkle { z-index: -3; width: 80px; } .page-careers #Crinkle { bottom: 18%; right: 0px; } @media (max-width: 450px) { .page-careers #Crinkle { bottom: 22%; right: -35px; } } .page-request-demo #Crinkle { width: 170px; } #Baloon_Thin_LightBlue2 { top: 40px; right: -10px; z-index: -1; width: 100px; } @media (max-width: 999px) { .page-careers #Baloon_Thin_LightBlue2 { top: 130px; } } @media (max-width: 436px) { .page-careers #Baloon_Thin_LightBlue2 { top: 134px; right: -30px; } } .bar { position: absolute; left: -20%; height: 400px; width: 150%; z-index: -3; bottom: 0px; background-color: #4cabe9; -webkit-transform: rotate(-13deg); -ms-transform: rotate(-13deg); transform: rotate(-13deg); } /* OBJECTS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media (max-width: 767px) { section.obj-container.fan-section { padding-right: 0px !important; padding-left: 0px !important; } } .fan-container { position: relative; } .fan { position: relative; width: 80%; max-width: 1050px; height: auto; opacity: 1; z-index: 1; -webkit-transition: 0.5s opacity ease-in-out; -ms-transition: 0.5s opacity ease-in-out; transition: 0.5s opacity ease-in-out; /* .slick-track { position: relative; transform-style: preserve-3d; //width:80%!important; article { //position: absolute; } .slick-slide { @include transform(Scale(1) translateZ(0px)); opacity:1!important; &.slick-active { z-index: 999!important; } &.slick-active[data-slick-index="0"] { + [data-slick-index="1"] { @include transform(Scale(1) translateZ(50px)); } } &.slick-active[data-slick-index="1"] { + [data-slick-index="2"] { @include transform(Scale(1) translateZ(50px)); } } &.slick-active[data-slick-index="2"] { + [data-slick-index="0"] { @include transform(Scale(1) translateZ(50px)); } } } } */ /* &.in-view { opacity: 1; article { @include transition(.5s transform ease-out); &:nth-of-type(1) { transform:rotate(0deg); } &:nth-of-type(2) { transform:rotate(-5deg); } &:nth-of-type(3) { transform:rotate(5deg); } } } */ } @media (max-width: 991px) { .fan { width: 90%; } } @media (max-width: 767px) { .fan { width: 100%; } } @media (max-width: 575px) { .fan { width: 170%; } } .fan.fan--repeat { position: absolute; z-index: 0; } .fan.fan--repeat article { position: absolute; } .fan article { width: 100%; height: auto; padding: 60px; position: relative; top: 0; left: 0; outline: none; } .fan article img:first-of-type { box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); border-radius: 5px; } .fan article:nth-of-type(1) { z-index: -1; } .fan article:nth-of-type(2) { z-index: -2; } .fan article:nth-of-type(3) { z-index: -3; } .fan article:nth-of-type(3n-1) img:first-of-type { transform: rotate(0deg); } .fan article:nth-of-type(3n-1) .cal_obj { top: initial; bottom: 13%; left: initial; right: 10%; } @media (max-width: 767px) { .fan article:nth-of-type(3n-1) .cal_obj { right: 5%; bottom: 21%; } } @media (max-width: 575px) { .fan article:nth-of-type(3n-1) .cal_obj { right: 20%; bottom: -10%; } } .fan article:nth-of-type(3n) img:first-of-type { transform: rotate(-2.5deg); } .fan article:nth-of-type(3n) .cal_obj { top: initial; bottom: 13%; left: initial; right: 26%; } @media (max-width: 767px) { .fan article:nth-of-type(3n) .cal_obj { right: 20%; bottom: 18%; } } @media (max-width: 575px) { .fan article:nth-of-type(3n) .cal_obj { right: 20%; bottom: -2%; } } .fan article:nth-of-type(3n-2) img:first-of-type { transform: rotate(2.5deg); } .fan article:nth-of-type(3n-2) .cal_obj { top: 20%; bottom: initial; left: initial; right: 10%; } @media (max-width: 767px) { .fan article:nth-of-type(3n-2) .cal_obj { right: 5%; } } @media (max-width: 575px) { .fan article:nth-of-type(3n-2) .cal_obj { right: 19%; top: initial; bottom: -9%; } } @media (max-width: 767px) { .fan article { padding: 60px 0; } } @keyframes slide { 0% { -webkit-transform: Scale(1.025) translateZ(0px) translateX(0px); -ms-transform: Scale(1.025) translateZ(0px) translateX(0px); transform: Scale(1.025) translateZ(0px) translateX(0px); } 50% { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); } 100% { -webkit-transform: Scale(1) translateZ(-100px) translateX(0px); -ms-transform: Scale(1) translateZ(-100px) translateX(0px); transform: Scale(1) translateZ(-100px) translateX(0px); } } @keyframes slideactive { 0% { -webkit-transform: Scale(1) translateZ(-100px); -ms-transform: Scale(1) translateZ(-100px); transform: Scale(1) translateZ(-100px); } 100% { -webkit-transform: Scale(1.025) translateZ(100px); -ms-transform: Scale(1.025) translateZ(100px); transform: Scale(1.025) translateZ(100px); } } @keyframes calobj { 0% { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; } 100% { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .fan .slick-slide { animation: slide 1s ease-in-out; } .fan .slick-slide .cal_obj { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .fan .slick-slide.slick-active { animation: slideactive 1s linear; -webkit-transform: Scale(1.025) translateZ(100px); -ms-transform: Scale(1.025) translateZ(100px); transform: Scale(1.025) translateZ(100px); } .fan .slick-slide.slick-active .cal_obj { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; transition: 0.5s all ease-out; transition-delay: .5s; } .fan .slick-list { overflow: visible; } @media (max-width: 575px) { .fan .slick-dots { bottom: -115px; } } .fan .cal_obj { position: absolute; width: 30%; top: 3%; left: initial; right: 6%; opacity: 0; box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.6); border-radius: 10px; } @media (max-width: 767px) { .fan .cal_obj { width: 36%; } } @media (max-width: 575px) { .fan .cal_obj { width: 45%; } } /* GRID ICONS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @media (min-width: 768px) { .grid { display: -ms-grid; display: grid; grid-gap: 30px; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: 1fr 1fr 1fr; } .grid > a, .grid > div { display: block; } .grid > a:nth-of-type(1), .grid > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .grid > a:nth-of-type(2), .grid > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .grid > a:nth-of-type(3), .grid > div:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .grid > a:nth-of-type(4), .grid > div:nth-of-type(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .grid > a:nth-of-type(5), .grid > div:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .grid.grid-col-2 { grid-template-columns: repeat(2, 1fr); grid-gap: 30px; -ms-grid-columns: 1fr 30px 1fr; } .grid.grid-col-2 > a, .grid.grid-col-2 > div { display: block; } .grid.grid-col-2 > a:nth-of-type(1), .grid.grid-col-2 > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .grid.grid-col-2 > a:nth-of-type(2), .grid.grid-col-2 > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .grid.grid-4 { grid-template-columns: repeat(4, 1fr); grid-gap: 30px; -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; } .grid.grid-4 > a, .grid.grid-4 > div { display: block; } .grid.grid-4 > a:nth-of-type(1), .grid.grid-4 > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .grid.grid-4 > a:nth-of-type(2), .grid.grid-4 > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .grid.grid-4 > a:nth-of-type(3), .grid.grid-4 > div:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .grid.grid-4 > a:nth-of-type(4), .grid.grid-4 > div:nth-of-type(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .grid.grid-5 { grid-template-columns: repeat(5, 1fr); grid-gap: 70px; -ms-grid-columns: 1fr 70px 1fr 70px 1fr 70px 1fr 70px 1fr; } .grid.grid-5 > a, .grid.grid-5 > div { display: block; } .grid.grid-5 > a:nth-of-type(1), .grid.grid-5 > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .grid.grid-5 > a:nth-of-type(2), .grid.grid-5 > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .grid.grid-5 > a:nth-of-type(3), .grid.grid-5 > div:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .grid.grid-5 > a:nth-of-type(4), .grid.grid-5 > div:nth-of-type(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .grid.grid-5 > a:nth-of-type(5), .grid.grid-5 > div:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .grid.grid-6 { grid-template-rows: 1fr 1fr; -ms-grid-rows: 1fr 1fr; } .grid.grid-6 > a, .grid.grid-6 > div { display: block; } .grid.grid-6 > a:nth-of-type(1), .grid.grid-6 > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .grid.grid-6 > a:nth-of-type(2), .grid.grid-6 > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .grid.grid-6 > a:nth-of-type(3), .grid.grid-6 > div:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .grid.grid-6 > a:nth-of-type(4), .grid.grid-6 > div:nth-of-type(4) { -ms-grid-row: 2; -ms-grid-column: 1; } .grid.grid-6 > a:nth-of-type(5), .grid.grid-6 > div:nth-of-type(5) { -ms-grid-row: 2; -ms-grid-column: 3; } .grid.grid-6 > a:nth-of-type(6), .grid.grid-6 > div:nth-of-type(6) { -ms-grid-row: 2; -ms-grid-column: 5; } .grid.grid-col-6 { grid-template-columns: repeat(6, 1fr); -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr; } .grid.grid-col-6 > a, .grid.grid-col-6 > div { display: block; } .grid.grid-col-6 > a:nth-of-type(1), .grid.grid-col-6 > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .grid.grid-col-6 > a:nth-of-type(2), .grid.grid-col-6 > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .grid.grid-col-6 > a:nth-of-type(3), .grid.grid-col-6 > div:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .grid.grid-col-6 > a:nth-of-type(4), .grid.grid-col-6 > div:nth-of-type(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .grid.grid-col-6 > a:nth-of-type(5), .grid.grid-col-6 > div:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .grid.grid-col-6 > a:nth-of-type(6), .grid.grid-col-6 > div:nth-of-type(6) { -ms-grid-row: 1; -ms-grid-column: 11; } .grid.grid-col-7 { grid-template-columns: repeat(7, 1fr); -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr; } .grid.grid-col-7 > a, .grid.grid-col-7 > div { display: block; } .grid.grid-col-7 > a:nth-of-type(1), .grid.grid-col-7 > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .grid.grid-col-7 > a:nth-of-type(2), .grid.grid-col-7 > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .grid.grid-col-7 > a:nth-of-type(3), .grid.grid-col-7 > div:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .grid.grid-col-7 > a:nth-of-type(4), .grid.grid-col-7 > div:nth-of-type(4) { -ms-grid-row: 1; -ms-grid-column: 7; } .grid.grid-col-7 > a:nth-of-type(5), .grid.grid-col-7 > div:nth-of-type(5) { -ms-grid-row: 1; -ms-grid-column: 9; } .grid.grid-col-7 > a:nth-of-type(6), .grid.grid-col-7 > div:nth-of-type(6) { -ms-grid-row: 1; -ms-grid-column: 11; } .grid.grid-col-7 > a:nth-of-type(7), .grid.grid-col-7 > div:nth-of-type(7) { -ms-grid-row: 1; -ms-grid-column: 13; } } .grid div, .grid a { text-align: center; } .grid div .icon, .grid a .icon { position: relative; height: 130px; margin-bottom: 20px; } .grid div .icon img, .grid a .icon img { position: absolute; bottom: 0; left: 50%; margin-left: -50px; width: 100px; } .grid a p { color: #032758; } .grid a p span { display: inline-block; line-height: 1.5rem; } .grid a:hover p span, .grid a:focus p span { -webkit-transition: 0.25s color ease; -ms-transition: 0.25s color ease; transition: 0.25s color ease; color: #4cabe9; background: none; } .page-home .grid p { font-size: 1rem; } .grid.grid--numbers { grid-gap: 120px; margin-bottom: 30px; margin-top: 10px; } @media (max-width: 991px) { .grid.grid--numbers { grid-gap: 70px; } } .grid.grid--numbers .icon--number { height: auto; margin-bottom: 10px; font-size: 5.5rem; line-height: 1em; font-weight: 700; } .grid.grid--numbers p { font-size: 1.25rem; } .grid.grid--gmd { text-align: center; } .grid.grid--gmd a:first-of-type img { margin-left: -40px; width: 80px; } .grid.grid--gmd a h2 { display: inline-block; color: #032758; -webkit-transition: 0.25s all ease; -ms-transition: 0.25s all ease; transition: 0.25s all ease; } .grid.grid--gmd a:hover h2, .grid.grid--gmd a:focus h2 { color: #4cabe9; border-color: #4cabe9; -webkit-transition: 0.125s all ease; -ms-transition: 0.125s all ease; transition: 0.125s all ease; } /* GRID PHOTO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .grid.stories { grid-gap: 40px; padding: 0 5%; } @media (max-width: 1000px) { .grid.stories { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; } } @media (max-width: 1000px) { .grid.stories { padding: 0 60px; } } @media (max-width: 767px) { .grid.stories > div { margin-bottom: 50px; } } .grid.stories .grid-image-color { display: block; position: relative; width: 100%; margin-bottom: 25px; } .grid.stories .grid-image-color, .grid.stories .grid-image-color * { border-radius: 5px; } .grid.stories .grid-image-color img { width: 100%; z-index: 0; --box-shadow-color: #4cabe9; box-shadow: 8px 8px 0 var(--box-shadow-color); -webkit-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .grid.stories .grid-image-color:hover, .grid.stories .grid-image-color:focus { cursor: default; } .grid.stories .grid-image-color:hover img, .grid.stories .grid-image-color:focus img { -webkit-transition: 0.1s all ease-in-out; -ms-transition: 0.1s all ease-in-out; transition: 0.1s all ease-in-out; } .grid.stories .grid-image-color .card-container { width: 100%; height: 100%; position: absolute; overflow: hidden; z-index: 1; top: 0; left: 0; } .grid.stories .grid-image-color .card-body { position: absolute; opacity: 0; top: 0%; left: 0%; width: 100%; height: 100%; background-color: white; -webkit-transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .grid.stories .grid-image-color .card-body .quote-image, .grid.stories .grid-image-color .card-body .quote-text { opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .grid.stories .grid-image-color .card-body .quote-image { width: 100%; height: 70px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 0; } .grid.stories .grid-image-color .card-body blockquote { margin: 1rem 0 0; text-align: center; color: #032758; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } @media (min-width: 768px) and (max-width: 1100px) { .grid.stories .grid-image-color .card-body blockquote { font-size: .9rem; } } .grid.stories .grid-image-color:hover .card-body, .grid.stories .grid-image-color:focus .card-body { opacity: 1; top: 0%; left: 0%; -webkit-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .grid.stories .grid-image-color:hover .card-body .quote-image, .grid.stories .grid-image-color:hover .card-body .quote-text, .grid.stories .grid-image-color:focus .card-body .quote-image, .grid.stories .grid-image-color:focus .card-body .quote-text { opacity: 1; -webkit-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; transition: 0.5s all ease-out; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .grid.stories .grid-image-color:hover .card-body .quote-text, .grid.stories .grid-image-color:focus .card-body .quote-text { -webkit-transition: 0.35s all ease-out; -ms-transition: 0.35s all ease-out; transition: 0.35s all ease-out; -webkit-transition-delay: .25s; transition-delay: .25s; } .grid.stories h2, .grid.stories p { margin-left: 8px; } .grid.stories h2 { font-size: 1.75rem; margin-bottom: .125rem; } .grid.stories p { font-weight: 500; } .grid.stories p a { color: #032758; } .grid.stories > div:nth-of-type(1) img { --box-shadow-color: #c2e5e5; } .grid.stories > div:nth-of-type(2) img { --box-shadow-color: #4cabe9; } .grid.stories > div:nth-of-type(3) img { --box-shadow-color: #f2d677; } .grid.stories > div:nth-of-type(4) img { --box-shadow-color: #e28789; } .grid.stories > div:nth-of-type(5) img { --box-shadow-color: #72d0f4; } .grid.stories > div:nth-of-type(6) img { --box-shadow-color: #30719a; } .page-home .grid.grid--gmd { grid-gap: 60px; } @media (min-width: 768px) { .page-home .grid.grid--gmd p { font-size: 1rem; } } @media (max-width: 767px) { .page-home .grid.grid--gmd p { font-size: 1.25rem; } } /* VIDEO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .container--video { position: relative; margin-bottom: 0px; margin-top: 30px; max-width: 1050px; } @media (max-width: 1199px) { .container--video { max-width: 80%; } } @media (max-width: 991px) { .container--video { max-width: 90%; } } @media (max-width: 575px) { .container--video { max-width: none; padding: 0 15px !important; } } #Video .bar { bottom: 14%; height: 370px; } @media (max-width: 1111px) { #Video .bar { bottom: 9%; transform: rotate(-11deg); } } @media (max-width: 991px) { #Video .bar { bottom: 8%; transform: rotate(-10deg); height: 350px; } } @media (max-width: 825px) { #Video .bar { bottom: 6%; height: 330px; transform: rotate(-9deg); } } @media (max-width: 700px) { #Video .bar { bottom: 11%; height: 280px; } } @media (max-width: 651px) { #Video .bar { height: 269px; transform: rotate(-8deg); } } @media (max-width: 485px) { #Video .bar { height: 50vw; } } /* SLIDESHOW - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .slideshow .slide { height: 50vw; max-height: 500px; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 0 30px; width: 0; outline: 0; } .slick-prev, .slick-next { width: 40px; height: 33px; font-family: Font Awesome\ 5 Pro; font-weight: 300; font-variant: normal; text-rendering: auto; line-height: 1; opacity: .5; z-index: 10; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; } .slick-prev:active, .slick-next:active { opacity: .5; } .slideshow .slick-next { right: 79px; } .slideshow .slick-prev { left: 79px; } .slick-prev:before, .slick-next:before { font-family: Font Awesome\ 5 Pro; color: #032758; font-size: 40px; } .slick-prev:before { content: "\f053"; } .slick-next:before { content: "\f054"; } @media (min-width: 1200px) { .slideshow .slick-next { right: 179px; } .slideshow .slick-prev { left: 179px; } } @media (min-width: 1441px) { .slideshow .slide { max-height: 700px; height: 35vw; } .slideshow .slick-next { right: 377px; } .slideshow .slick-prev { left: 377px; } } @media (max-width: 767px) { section.container-fluid.slideshow { padding-left: 0 !important; padding-right: 0 !important; } .slideshow .slide { height: 90vw; } .slideshow .slick-next { right: 29px; } .slideshow .slick-prev { left: 29px; } } @media (max-width: 561px) { .slideshow .slick-next { right: 0px; } .slideshow .slick-prev { left: 0px; } } /* DEMO - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .page-request-demo .navbar-toggler, .page-request-a-demo .navbar-toggler, .page-talk-to-you-soon .navbar-toggler, .page-contract-confirmation .navbar-toggler, .request-form .navbar-toggler { display: none; } .page-request-demo .navbar-collapse, .page-request-a-demo .navbar-collapse, .page-talk-to-you-soon .navbar-collapse, .page-contract-confirmation .navbar-collapse, .request-form .navbar-collapse { display: none !important; } .page-request-demo #navbarSupportedContent, .page-request-a-demo #navbarSupportedContent, .page-talk-to-you-soon #navbarSupportedContent, .page-thanks-for-subscribing #navbarSupportedContent, .page-thank-you-for-downloading #navbarSupportedContent, .page-contract-confirmation #navbarSupportedContent, .request-form #navbarSupportedContent, .template-request-form #navbarSupportedContent { margin-right: 7%; } .page-request-demo section.container, .page-request-a-demo section.container, .page-talk-to-you-soon section.container, .page-thanks-for-subscribing section.container, .page-thank-you-for-downloading section.container, .page-contract-confirmation section.container, .request-form section.container, .template-request-form section.container { padding: 1rem 0 4rem; } @media (min-width: 950px) { .page-request-demo section.container .row, .page-request-a-demo section.container .row, .page-talk-to-you-soon section.container .row, .page-thanks-for-subscribing section.container .row, .page-thank-you-for-downloading section.container .row, .page-contract-confirmation section.container .row, .request-form section.container .row, .template-request-form section.container .row { display: -ms-grid; display: grid; -ms-grid-columns: 2fr 30px 1fr; grid-template-columns: 2fr 1fr; align-content: center; align-items: top; } .page-request-demo section.container .row .heading, .page-request-a-demo section.container .row .heading, .page-talk-to-you-soon section.container .row .heading, .page-thanks-for-subscribing section.container .row .heading, .page-thank-you-for-downloading section.container .row .heading, .page-contract-confirmation section.container .row .heading, .request-form section.container .row .heading, .template-request-form section.container .row .heading { text-align: left !important; padding-top: 90px; } .page-request-demo section.container .row .text-center, .page-request-a-demo section.container .row .text-center, .page-talk-to-you-soon section.container .row .text-center, .page-thanks-for-subscribing section.container .row .text-center, .page-thank-you-for-downloading section.container .row .text-center, .page-contract-confirmation section.container .row .text-center, .request-form section.container .row .text-center, .template-request-form section.container .row .text-center { grid-column-start: 1; grid-span: 2; -ms-grid-row: 1; -ms-grid-column: 1; } .page-request-demo section.container .row .aroundform, .page-request-a-demo section.container .row .aroundform, .page-talk-to-you-soon section.container .row .aroundform, .page-thanks-for-subscribing section.container .row .aroundform, .page-thank-you-for-downloading section.container .row .aroundform, .page-contract-confirmation section.container .row .aroundform, .request-form section.container .row .aroundform, .template-request-form section.container .row .aroundform { -ms-grid-row: 1; -ms-grid-column: 3; } .page-request-demo section.container .row .existing-customers, .page-request-a-demo section.container .row .existing-customers, .page-talk-to-you-soon section.container .row .existing-customers, .page-thanks-for-subscribing section.container .row .existing-customers, .page-thank-you-for-downloading section.container .row .existing-customers, .page-contract-confirmation section.container .row .existing-customers, .request-form section.container .row .existing-customers, .template-request-form section.container .row .existing-customers { -ms-grid-row: 2; -ms-grid-column: 3; } .page-request-demo section.container .mktoFormRow:nth-child(2), .page-request-demo section.container .mktoFormRow:nth-child(3), .page-request-a-demo section.container .mktoFormRow:nth-child(2), .page-request-a-demo section.container .mktoFormRow:nth-child(3), .page-talk-to-you-soon section.container .mktoFormRow:nth-child(2), .page-talk-to-you-soon section.container .mktoFormRow:nth-child(3), .page-thanks-for-subscribing section.container .mktoFormRow:nth-child(2), .page-thanks-for-subscribing section.container .mktoFormRow:nth-child(3), .page-thank-you-for-downloading section.container .mktoFormRow:nth-child(2), .page-thank-you-for-downloading section.container .mktoFormRow:nth-child(3), .page-contract-confirmation section.container .mktoFormRow:nth-child(2), .page-contract-confirmation section.container .mktoFormRow:nth-child(3), .request-form section.container .mktoFormRow:nth-child(2), .request-form section.container .mktoFormRow:nth-child(3), .template-request-form section.container .mktoFormRow:nth-child(2), .template-request-form section.container .mktoFormRow:nth-child(3) { grid-column-start: 1; grid-column-end: 3; } .page-request-demo section.container .form-cta, .page-request-a-demo section.container .form-cta, .page-talk-to-you-soon section.container .form-cta, .page-thanks-for-subscribing section.container .form-cta, .page-thank-you-for-downloading section.container .form-cta, .page-contract-confirmation section.container .form-cta, .request-form section.container .form-cta, .template-request-form section.container .form-cta { text-align: left; padding-left: 10px; } } @media (max-width: 949px) { .page-request-demo section.container p.lead, .page-request-a-demo section.container p.lead, .page-talk-to-you-soon section.container p.lead, .page-thanks-for-subscribing section.container p.lead, .page-thank-you-for-downloading section.container p.lead, .page-contract-confirmation section.container p.lead, .request-form section.container p.lead, .template-request-form section.container p.lead { margin-bottom: 4rem; } } .page-request-demo a[href="get-started"], .page-request-a-demo a[href="get-started"], .page-talk-to-you-soon a[href="get-started"], .page-thanks-for-subscribing a[href="get-started"], .page-thank-you-for-downloading a[href="get-started"], .page-contract-confirmation a[href="get-started"], .request-form a[href="get-started"], .template-request-form a[href="get-started"] { display: none; } .page-request-demo h1, .page-request-a-demo h1, .page-talk-to-you-soon h1, .page-thanks-for-subscribing h1, .page-thank-you-for-downloading h1, .page-contract-confirmation h1, .request-form h1, .template-request-form h1 { font-size: 3rem; margin-bottom: 3.5rem; } .page-request-demo blockquote, .page-request-a-demo blockquote, .page-talk-to-you-soon blockquote, .page-thanks-for-subscribing blockquote, .page-thank-you-for-downloading blockquote, .page-contract-confirmation blockquote, .request-form blockquote, .template-request-form blockquote { font-size: 1.75rem; font-weight: 500; line-height: 1.3em; margin: 0 auto 1rem; max-width: 870px; } .page-request-demo p.lead, .page-request-a-demo p.lead, .page-talk-to-you-soon p.lead, .page-thanks-for-subscribing p.lead, .page-thank-you-for-downloading p.lead, .page-contract-confirmation p.lead, .request-form p.lead, .template-request-form p.lead { font-size: 1.25rem; } .page-request-demo p.lead strong, .page-request-a-demo p.lead strong, .page-talk-to-you-soon p.lead strong, .page-thanks-for-subscribing p.lead strong, .page-thank-you-for-downloading p.lead strong, .page-contract-confirmation p.lead strong, .request-form p.lead strong, .template-request-form p.lead strong { font-weight: 500; } .page-request-demo .form, .page-request-a-demo .form, .page-talk-to-you-soon .form, .page-thanks-for-subscribing .form, .page-thank-you-for-downloading .form, .page-contract-confirmation .form, .request-form .form, .template-request-form .form { background: white; padding: 40px 5%; border-radius: 5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); max-width: 900px; margin-bottom: 0px; } .page-request-demo .form-cta, .page-request-a-demo .form-cta, .page-talk-to-you-soon .form-cta, .page-thanks-for-subscribing .form-cta, .page-thank-you-for-downloading .form-cta, .page-contract-confirmation .form-cta, .request-form .form-cta, .template-request-form .form-cta { margin: 0 auto 2rem; font-size: 1.75rem; line-height: 1.2; font-weight: 700; color: #032758; text-align: center; padding-right: 5px; } .page-request-demo .existing-customers, .page-request-a-demo .existing-customers, .page-talk-to-you-soon .existing-customers, .page-thanks-for-subscribing .existing-customers, .page-thank-you-for-downloading .existing-customers, .page-contract-confirmation .existing-customers, .request-form .existing-customers, .template-request-form .existing-customers { padding: 0; margin-top: 2rem; text-align: center; } .page-request-demo .text-center, .page-request-a-demo .text-center, .page-talk-to-you-soon .text-center, .page-thanks-for-subscribing .text-center, .page-thank-you-for-downloading .text-center, .page-contract-confirmation .text-center, .request-form .text-center, .template-request-form .text-center { padding-left: 0; } .page-request-demo, .request-form, .template-request-form { background-color: #032758; } .page-request-demo .navbar-brand img, .request-form .navbar-brand img, .template-request-form .navbar-brand img { display: none; } .page-request-demo .navbar-brand .logo--white, .request-form .navbar-brand .logo--white, .template-request-form .navbar-brand .logo--white { display: block; } .page-request-demo .grid--footer, .request-form .grid--footer, .template-request-form .grid--footer { border-top: 1px solid #969696; } .page-request-demo h1, .request-form h1, .template-request-form h1 { color: #f4f4f4; } .page-request-demo p.lead, .request-form p.lead, .template-request-form p.lead { color: #f4f4f4; } .page-request-demo p a, .request-form p a, .template-request-form p a { color: white; } .page-request-demo blockquote, .request-form blockquote, .template-request-form blockquote { color: #c2e5e5; } .page-request-demo .existing-customers p, .request-form .existing-customers p, .template-request-form .existing-customers p { color: #c2e5e5; } .page-request-a-demo { position: relative; z-index: 0; } .page-request-a-demo:before { content: ''; display: block; position: absolute; z-index: -1; width: 100%; height: 760px; background: #c2e5e5; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); transform: scaleX(-1); } @media (max-width: 991px) { .page-request-a-demo:before { height: 860px; } } @media (max-width: 949px) { .page-request-a-demo:before { height: 660px; } } @media (max-width: 949px) { .page-request-demo main > section, .request-form main > section, .template-request-form main > section { padding-bottom: 0; } .page-request-demo main > section > div, .request-form main > section > div, .template-request-form main > section > div { display: -ms-grid; display: grid; grid-template-rows: auto; } .page-request-demo .heading, .request-form .heading, .template-request-form .heading { grid-row-start: 2; margin-top: 4rem; } } .request-form .snipe { display: none; } .page-contract-confirmation { background: white; } .page-contract-confirmation:before { background: white; } .page-contract-confirmation .snipe { display: none; } .page-contract-confirmation main { min-height: 56vh; } .page-contract-confirmation .heading { display: flex; padding: 0 30px; align-items: center; flex-direction: column; } .page-contract-confirmation .heading h1 { font-size: 3.4rem; margin-bottom: 2rem; } .page-contract-confirmation .heading .h3 { color: #475584; } .page-contract-confirmation section.container { padding: 20vh 0; } @media (min-width: 950px) { .page-contract-confirmation section.container .row .heading { padding-top: 0; } } .page-contract-confirmation .form ul { padding: 0 0 20px 10%; } .page-contract-confirmation .form p { color: #032758; } .page-contract-confirmation .grid--footer { border-top: 0; } .page-contract-confirmation:before { height: 710px; } @media (max-width: 1200px) { .page-contract-confirmation:before { height: 780px; } } @media (max-width: 991px) { .page-contract-confirmation:before { height: 840px; } } @media (max-width: 949px) { .page-contract-confirmation .form ul { padding: 0 0 20px 5%; } } @media (max-width: 768px) { .page-contract-confirmation section.container { padding: 13vh 0; } } .page-contract-confirmation footer { z-index: -1; background: #032758; position: relative; overflow: hidden; padding-top: 210px; margin-top: -210px; } .page-contract-confirmation footer:before { content: ''; display: block; position: absolute; z-index: -1; width: 100%; height: 300px; top: -0; background: white; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); transform: scaleX(-1); } @media (max-width: 768px) { .page-contract-confirmation footer:before { height: 240px; } } @media (max-width: 561px) { .page-contract-confirmation section.container { padding: 7vh 0; } .page-contract-confirmation .heading h1 { font-size: 2.7rem; } } .page-contract-confirmation #drift-widget-container { display: none !important; } .page-talk-to-you-soon section.container, .page-thanks-for-subscribing section.container, .page-thank-you-for-downloading section.container { padding: 4rem 0; } .page-talk-to-you-soon .heading p, .page-thanks-for-subscribing .heading p, .page-thank-you-for-downloading .heading p { margin-bottom: 4rem; } .page-talk-to-you-soon .heading a, .page-thanks-for-subscribing .heading a, .page-thank-you-for-downloading .heading a { margin: .5rem; } .page-thanks-for-subscribing h1, .page-thank-you-for-downloading h1 { color: #032758; } .ie .fan--repeat { display: none; } .ie .fan .cal_obj { top: 15%; } .ie .page-product:before, .ie .page-product-2-0:before { display: none; } .ie #form-calc { max-width: 500px; } .ie .page-resources .icon--block .grid a.active:after { display: none; } .ie .page-press .justify-content-center { display: block !important; } .ie .page-guided-tour section .slide-tip, .ie .page-tour section .slide-tip, .ie .page-gather-tour section .slide-tip { opacity: 1; display: block; } .ie .page-talk-to-you-soon .heading, .ie .page-thanks-for-subscribing .heading, .ie .page-thank-you-for-downloading .heading, .ie .page-contract-confirmation .heading { display: block; } .ie .page-request-demo .aroundform, .ie .request-form .aroundform, .ie .template-request-form .aroundform { padding-top: 80px; } .ie .page-request-demo .aroundform { padding-top: 150px; } .ie .page-press .press--featured article { margin: 0 .5% 2%; display: inline-block; vertical-align: top; } footer { position: relative; overflow: hidden; } footer .scroll_obj { bottom: 66px; width: 130px; margin-left: -70px; left: 50%; transform: translateY(80px); -webkit-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; transition: 0.5s all ease-out; } footer .scroll_obj.in-view { transform: translateY(0px); -webkit-transition: 0.5s all ease-out; -ms-transition: 0.5s all ease-out; transition: 0.5s all ease-out; } @media (max-width: 992px) { footer .scroll_obj { width: 30%; margin-left: -65px; left: 62%; bottom: 50px; } } @media (max-width: 575px) { footer .scroll_obj { left: 49%; bottom: 66px; } } .grid--footer { border-top: 1px solid #D8D8D8; padding: 100px 5% 100px; margin-top: 40px; } @media (max-width: 375px) { .grid--footer { padding: 50px 5% 120px; } } @media (max-width: 767px) { .grid--footer { margin-top: 0px; } } .grid--footer * { color: #7E7E7E; font-size: 0.9rem; } .grid--footer div { text-align: left; } .grid--footer .footer-link { line-height: 1.9em; } .grid--footer .last > .footer-link:last-of-type { margin-top: .35em; line-height: 1.2em; } .grid--footer .footer-link--label { font-weight: 700; margin-bottom: 8px; } .grid--footer .footer--downloads { margin-top: 26px; } .grid--footer .footer--downloads i { color: #999; font-size: 0.85em; margin-right: 15px; } .grid--footer .footer--downloads a { color: #999; font-size: 1.25rem; align-items: center; } .grid--footer .footer--downloads a:hover, .grid--footer .footer--downloads a:hover i, .grid--footer .footer--downloads a:focus, .grid--footer .footer--downloads a:focus i { color: #4cabe9; } .grid--footer .footer--social { margin-top: 30px; } .grid--footer .footer--social a { margin-right: 1.5rem; } .grid--footer .footer--social a i { color: #999; font-size: 2.15rem; } .grid--footer .footer--social a:hover, .grid--footer .footer--social a:hover i, .grid--footer .footer--social a:focus, .grid--footer .footer--social a:focus i { color: #4cabe9; } .grid--footer { display: grid; display: -ms-grid; } @media (min-width: 993px) { .grid--footer { grid-template-columns: 3fr 1fr 1fr 1fr 1fr; grid-gap: 30px; -ms-grid-columns: 3fr 30px 1fr 30px 1fr 30px 1fr 30px 1fr; } } @media (max-width: 992px) { .grid--footer { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr auto; grid-column-gap: 30px; grid-row-gap: 30px; } .grid--footer > div:first-of-type { grid-row-start: 2; grid-column-start: 1; grid-column-end: span 2; } } @media (max-width: 575px) { .grid--footer { grid-template-columns: 1fr 1fr; } .grid--footer > div:first-of-type { grid-row-start: 3; } } .form { width: 100%; max-width: 620px; margin: 0 auto; margin-bottom: 60px; } .mktoForm div.nb-feedback { background: transparent !important; } .mktoFormRow div[id^="nb-field-"] div.nb-feedback { background: transparent !important; } .mktoFormRow div[id^="nb-field-"] div.nb-feedback > div { display: inline-block !important; justify-content: space-between; } /* line 5, ../sass/_marketoforms.scss */ .mktoForm { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-auto-flow: row; width: inherit !important; } @media only screen and (max-width: 575px) { .mktoForm { display: block; } } .blog .mktoForm { grid-template-columns: 2fr 1fr; } @media only screen and (max-width: 575px) { .blog .mktoForm { padding: 0; } } /* line 16, ../sass/_marketoforms.scss */ .mktoForm .mktoFormRow .mktoError .mktoErrorArrow { background-color: #1dafed; border: none; } /* line 21, ../sass/_marketoforms.scss */ .mktoForm .mktoFormRow .mktoError .mktoErrorMsg { background-color: #1dafed; background-image: none; border: none; color: #ffffff; border-radius: 3px; box-shadow: none; text-shadow: none; } /* line 32, ../sass/_marketoforms.scss */ .mktoForm input.mktoField.mktoInvalid, .mktoForm .mktoForm textarea.mktoField.mktoInvalid, .mktoForm .mktoForm select.mktoField.mktoInvalid, .mktoForm .mktoForm .mktoLogicalField.mktoInvalid { border: none !important; } .mktoForm .mktoButtonRow { grid-column-start: 1; grid-column-end: 3; } @media only screen and (max-width: 575px) { .mktoForm .mktoButtonRow { display: block; } } .blog .mktoForm .mktoButtonRow { grid-column-start: 2; } @media only screen and (max-width: 575px) { .blog .mktoForm .mktoButtonRow { text-align: center; } } /* line 39, ../sass/_marketoforms.scss */ .mktoForm .mktoButtonRow .mktoButtonWrap { margin-left: 0 !important; } .mktoForm .mktoButtonRow .mktoButtonWrap button { width: 100%; } @media only screen and (max-width: 575px) { .blog .mktoForm .mktoButtonRow .mktoButtonWrap { margin: 0 auto; } } /* line 42, ../sass/_marketoforms.scss */ .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { background: #4cabe9 !important; background-image: none !important; color: white !important; padding: 1rem !important; margin: 1.5rem auto 0; border: none !important; box-shadow: none !important; line-height: 23px; font-family: 'Apercu'; font-weight: 500; cursor: pointer; text-align: center; position: relative; text-transform: none !important; font-size: 1.2rem !important; box-sizing: border-box; border-radius: 100px; display: block; width: 250px; -webkit-transition: 0.25s all ease; -ms-transition: 0.25s all ease; transition: 0.25s all ease; } .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover, .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus { background: #72d0f4 !important; color: #032758 !important; -webkit-transition: 0.125s all ease; -ms-transition: 0.125s all ease; transition: 0.125s all ease; } .blog .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { margin: 0rem 0 0; padding: 0.45em 0em 0.55em !important; border-radius: 500px; } @media only screen and (max-width: 575px) { .blog .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { max-width: 200px; margin: 1rem auto 0; } } /* .mktoForm .mktoFormRow:nth-child(2) { grid-column-start: 1; grid-column-end: 2; } .mktoForm .mktoFormRow:nth-child(3) { grid-column-start: 2; grid-column-end: 3; } .mktoForm .mktoFormRow:nth-child(4) { grid-column-start: 1; grid-column-end: 3; } .mktoForm .mktoFormRow:nth-child(5) { grid-column-start: 1; grid-column-end: 3; } .mktoForm .mktoFormRow:nth-child(6) { grid-column-start: 1; grid-column-end: 3; } .mktoForm .mktoButtonRow:nth-child(7) { grid-column-start: 1; grid-column-end: 2; } */ /* line 90, ../sass/_marketoforms.scss */ .mktoForm .mktoFormCol { width: 100%; margin-bottom: 10px !important; } .blog .mktoForm .mktoFormCol { margin-bottom: 0px !important; } /* line 93, ../sass/_marketoforms.scss */ .mktoForm .mktoFormCol .mktoFieldWrap { width: 100%; } /* line 96, ../sass/_marketoforms.scss */ .mktoForm .mktoFormCol .mktoFieldWrap .mktoAsterix { color: #404040; } /* line 99, ../sass/_marketoforms.scss */ .mktoForm .mktoFormCol .mktoFieldWrap .mktoLabel { width: auto !important; padding: 0; font-size: 0; } /* line 103, ../sass/_marketoforms.scss */ .mktoForm .mktoFormCol .mktoFieldWrap input { width: 100% !important; border: none !important; font-family: Apercu; color: #032758; font-size: 1rem; padding: 0.7rem 1.5rem; background-color: #f4f4f4; border-radius: 5px; } .mktoForm .mktoFormCol .mktoFieldWrap input::-webkit-input-placeholder { color: #969696; } .mktoForm .mktoFormCol .mktoFieldWrap input::-moz-placeholder { color: #969696; } .mktoForm .mktoFormCol .mktoFieldWrap input:-ms-input-placeholder { color: #969696; } .mktoForm .mktoFormCol .mktoFieldWrap input:-moz-placeholder { color: #969696; } .mktoForm .mktoFormCol .mktoFieldWrap input:focus::-webkit-input-placeholder, .mktoForm .mktoFormCol .mktoFieldWrap input:active::-webkit-input-placeholder { color: #4cabe9; } .mktoForm .mktoFormCol .mktoFieldWrap input:focus::-moz-placeholder, .mktoForm .mktoFormCol .mktoFieldWrap input:active::-moz-placeholder { color: #4cabe9; } .mktoForm .mktoFormCol .mktoFieldWrap input:focus:-ms-input-placeholder, .mktoForm .mktoFormCol .mktoFieldWrap input:active:-ms-input-placeholder { color: #4cabe9; } .mktoForm .mktoFormCol .mktoFieldWrap input:focus:-moz-placeholder, .mktoForm .mktoFormCol .mktoFieldWrap input:active:-moz-placeholder { color: #4cabe9; } .blog .mktoForm .mktoFormCol .mktoFieldWrap input { background-color: white; box-shadow: none !important; padding: 0.45em 1em !important; border: 1px solid #D8D8D8 !important; } @media only screen and (max-width: 575px) { .blog .mktoForm .mktoFormCol .mktoFieldWrap input { text-align: center; } } .mktoForm select.mktoField { width: 100% !important; border: none !important; font-family: Apercu; color: #032758; font-size: 1rem; padding: 0.7rem 1.5rem 0.8rem; background-color: #f4f4f4; } .page-request-demo .mktoButtonRow:before, .page-request-a-demo .mktoButtonRow:before { content: '*We take your privacy seriously and do not share your information with third parties.'; display: block; font-weight: 600; font-size: .8rem; line-height: 1.2em; color: #032758; } .mktoForm .mktoOffset { display: none !important; } .mktoForm .mktoGutter { display: none !important; } /* #ns-section-resource-content-action .mktoForm .mktoFormRow:nth-child(2) { grid-column-start: 1; grid-column-end: 3; } #ns-section-resource-content-action .mktoForm .mktoFormRow:nth-child(3) { grid-column-start: 1; grid-column-end: 3; } #ns-section-resource-content-action .mktoForm .mktoButtonRow:nth-child(7) { grid-column-start: 1; grid-column-end: 3; } */ @media only screen and (max-width: 480px) { .mktoForm input[type=url], .mktoForm input[type=text], .mktoForm input[type=date], .mktoForm input[type=tel], .mktoForm input[type=email], .mktoForm input[type=number], .mktoForm textarea.mktoField, .mktoForm select.mktoField { height: inherit !important; } } .page-guided-tour .mktoForm, .page-tour .mktoForm, .page-gather-tour .mktoForm { display: block; } .page-guided-tour .mktoForm .mktoFormRow:nth-child(1), .page-tour .mktoForm .mktoFormRow:nth-child(1), .page-gather-tour .mktoForm .mktoFormRow:nth-child(1) { grid-column-start: 1; grid-column-end: 3; } .page-guided-tour .mktoForm .mktoFormRow:nth-child(10), .page-tour .mktoForm .mktoFormRow:nth-child(10), .page-gather-tour .mktoForm .mktoFormRow:nth-child(10) { grid-column-start: 1; grid-column-end: 2; } .page-guided-tour .mktoForm .mktoFormRow:nth-child(11), .page-tour .mktoForm .mktoFormRow:nth-child(11), .page-gather-tour .mktoForm .mktoFormRow:nth-child(11) { grid-column-start: 2; grid-column-end: 3; } .page-guided-tour .mktoForm .mktoFormRow:nth-child(12), .page-tour .mktoForm .mktoFormRow:nth-child(12), .page-gather-tour .mktoForm .mktoFormRow:nth-child(12) { grid-column-start: 1; grid-column-end: 3; } .page-guided-tour .mktoForm .mktoFormRow:nth-child(13), .page-tour .mktoForm .mktoFormRow:nth-child(13), .page-gather-tour .mktoForm .mktoFormRow:nth-child(13) { grid-column-start: 1; grid-column-end: 3; } .page-guided-tour .mktoForm .mktoFormRow:nth-child(14), .page-tour .mktoForm .mktoFormRow:nth-child(14), .page-gather-tour .mktoForm .mktoFormRow:nth-child(14) { grid-column-start: 1; grid-column-end: 3; } .page-guided-tour .mktoForm .mktoButtonRow:nth-child(15), .page-tour .mktoForm .mktoButtonRow:nth-child(15), .page-gather-tour .mktoForm .mktoButtonRow:nth-child(15) { grid-column-start: 1; grid-column-end: 2; } .page-guided-tour .mktoForm .mktoButtonRow, .page-tour .mktoForm .mktoButtonRow, .page-gather-tour .mktoForm .mktoButtonRow { width: 100%; } .page-request-demo .mktoForm, .request-form .mktoForm { display: block; } .page-request-demo .mktoForm .mktoButtonRow, .request-form .mktoForm .mktoButtonRow { width: 100%; } .pac-container { z-index: 1070; } .page-404 .jumbotron-heading { max-width: 560px; } .page-404 .row { min-height: 50vh; align-items: center; } .page-404 p.lead { font-size: 1.5rem; color: #032758; font-weight: 500; margin-bottom: 7.5rem; } .legal .container { max-width: 850px; } .legal hr { margin-top: 3rem; margin-bottom: 4rem; border-top: 6px solid #4cabe9; max-width: 100px; } .legal h2 { margin-bottom: 1.5rem; } .legal h3, .legal h4 { font-size: 1rem; font-weight: 500; margin-bottom: 1rem; } .legal h4 { font-weight: 700; } .legal p { margin-bottom: 3rem; } @media (min-width: 768px) { .page-customers .jumbotron-heading { margin-left: 30px; margin-right: 30px; } } @media (max-width: 850px) { .page-customers .jumbotron-heading br { display: none; } } .page-customers .h1 { margin: 0; font-weight: 700; } .page-customers #stats-icons .text-center p { margin-bottom: 2rem; } @media (max-width: 850px) { .page-customers #stats-icons .categories .grid { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; } } @media (max-width: 650px) { .page-customers #stats-icons .categories .grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 400px) { .page-customers #stats-icons .categories .grid { display: block; } } .page-customers .customers .bar { /* @include transform(rotate(11deg)); height: 86%; top: 340px; left: -35%; width: 170%; opacity:.5; */ -webkit-transform: rotate(8deg); -ms-transform: rotate(8deg); transform: rotate(8deg); height: 76%; top: 250px; left: -55%; width: 270%; opacity: .5; z-index: -5; } .page-customers .customers .bar.bar--green { background-color: #c2e5e5; } .page-customers .customers .bar.bar--blue { background-color: #4cabe9; opacity: .5; } .page-customers .customers .bar.bar--yellow { background-color: #f2d677; opacity: .3; } .page-customers .customers .bar.bar--red { background-color: #e28789; opacity: .3; } .page-customers .customers:last-of-type { padding-bottom: 8rem; } .page-customers .grid.stories .card:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .page-customers .grid.stories .card:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .page-customers .grid.stories .card:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } @media (max-width: 900px) { .page-customers .grid.stories { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; } .page-customers .grid.stories div:last-child { grid-column-end: span 2; } } @media (max-width: 450px) { .page-customers .grid.stories { padding-left: 0px !important; padding-right: 0px !important; } } .page-customers .grid.stories .grid-image-color { margin-bottom: 15px; } .page-customers .grid.stories .grid-image-color img { box-shadow: none; } .page-customers .grid.stories h3 { font-size: 1.25rem; } .page-customers .grid.stories .card-btn { opacity: 0; padding: 0px; font-size: 0px; display: block; text-align: center; margin: 2rem auto 1rem; width: fit-content; } .page-customers .grid.stories .card p { color: #475584; } .page-customers .grid.stories .card:hover { transition: all 0.15s ease-in-out; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); transform: scale(1.014); } .page-customers .grid.stories .card:hover .card-btn { opacity: 1; height: auto; padding: 0.45em 3em; font-size: 16px; } @media (max-width: 767px) { .page-customers .grid.stories .card-btn { opacity: 1; height: auto; padding: 0.45em 3em; font-size: 16px; } .page-customers .grid.stories .card-body { margin: 0; } .page-customers .grid.stories .card { margin-bottom: 50px; } } .page-customers .grid.stories .card-img-top { height: 17vw; background-size: cover; margin-bottom: 0px !important; } @media (max-width: 999px) { .page-customers .grid.stories .card-img-top { height: 23vw; } } @media (max-width: 767px) { .page-customers .grid.stories .card-img-top { height: 50vw; } } .page-customers .grid.stories .card-text { text-align: center; margin: 0 auto; font-weight: 400; font-size: 1.25rem; line-height: 1.3em; } .page-customers .grid.stories .card-text strong { margin: 20px 0 5px; display: block; } .page-customers .grid.stories .quote-image { width: 100%; height: 80px; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 20px 0px 25px; } @media (max-width: 767px) { .page-customers .grid.stories .quote-image { margin: 10px 0px 15px; } } .user-touching.page-customers .grid.stories .card-btn { opacity: 1; height: auto; padding: 0.45em 3em; font-size: 16px; } .page-product, .page-product-2-0 { position: relative; z-index: 0; } .page-product:before, .page-product-2-0:before { content: ''; display: block; position: absolute; z-index: -1; width: 100%; height: 670px; background: #72d0f4; -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 50%, 0 95%); } .product .hero--icon, .market .hero--icon { width: 80px; height: auto; margin-left: 3.5rem; } @media (max-width: 767px) { .product .hero--icon, .market .hero--icon { margin-left: 0; } } .product .container-fluid.obj-container, .market .container-fluid.obj-container { z-index: auto; } .product .grid.grid--hero, .market .grid.grid--hero { grid-template-columns: 1.55fr 2fr; grid-column-gap: 50px; -ms-grid-columns: 1.55fr 50px 2fr; } @media (max-width: 767px) { .product .grid.grid--hero, .market .grid.grid--hero { padding-top: 3rem; } } @media (max-width: 1100px) { .product .grid.grid--hero h1, .market .grid.grid--hero h1 { font-size: 3rem; } } .product .bar, .market .bar { position: absolute; left: -10%; height: 690px; width: 120%; z-index: -3; top: -220px; -webkit-transform: rotate(-13deg); -ms-transform: rotate(-13deg); transform: rotate(-13deg); background-color: #72d0f4; opacity: 1; } .product .text-center, .market .text-center { max-width: 830px; margin: 0 auto; } .product .grid.grid--product, .market .grid.grid--product { position: relative; grid-template-columns: none; -ms-grid-columns: 1fr; -ms-grid-rows: auto 3rem auto 3rem auto; grid-row-gap: 3rem; grid-template-rows: auto; margin: 0 auto; /* .line { position:absolute; left:47%; top: -2%; height: 104%; #grid--line { height:100%; path { fill:none; stroke:#1c2a56; stroke-miterlimit:10; stroke-width:1px; } } &:after { content: ''; display: block; height: 1rem; width: 1rem; position: absolute; bottom: -4px; left: 42px; border-radius: 50px; background: $blue; } } */ } .product .grid.grid--product > article:nth-of-type(1), .market .grid.grid--product > article:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .product .grid.grid--product > article:nth-of-type(2), .market .grid.grid--product > article:nth-of-type(2) { -ms-grid-row: 3; -ms-grid-column: 1; } .product .grid.grid--product > article:nth-of-type(3), .market .grid.grid--product > article:nth-of-type(3) { -ms-grid-row: 5; -ms-grid-column: 1; } .product .grid.grid--product div, .market .grid.grid--product div { text-align: left; } .product .grid.grid--product article, .market .grid.grid--product article { position: relative; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .product .grid.grid--product article:first-of-type, .product .grid.grid--product article:last-of-type, .market .grid.grid--product article:first-of-type, .market .grid.grid--product article:last-of-type { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .product .grid.grid--product article > div, .market .grid.grid--product article > div { width: 42%; } .product .grid.grid--product article img, .market .grid.grid--product article img { max-height: 300px; width: auto; } @media (min-width: 992px) { .product .grid.grid--product article img, .market .grid.grid--product article img { max-height: 240px; } } .product .grid.grid--product article h2, .market .grid.grid--product article h2 { margin-bottom: 30px; position: relative; border: 0; } .product .grid.grid--product article h2 span, .market .grid.grid--product article h2 span { display: inline-block; width: 60px; } .product .grid.grid--product article h2 span img, .market .grid.grid--product article h2 span img { width: 100%; vertical-align: middle; padding-bottom: .5rem; } .product .grid.grid--product article h3, .market .grid.grid--product article h3 { margin-top: 30px; } .product .grid.grid--product article .product-group--quotes .media img, .market .grid.grid--product article .product-group--quotes .media img { height: 50px; width: 50px; } .product .grid.grid--product article .product-group--quotes .media p:first-of-type, .market .grid.grid--product article .product-group--quotes .media p:first-of-type { font-weight: 700; margin-bottom: 0; } .product .grid.grid--product article .product-group--quotes .media p:last-of-type, .market .grid.grid--product article .product-group--quotes .media p:last-of-type { font-weight: 400; } .product .grid.grid--product article .text-center, .market .grid.grid--product article .text-center { padding: 0; } .product .grid.grid--product article .line, .market .grid.grid--product article .line { position: absolute; left: 50%; margin-left: -55px; width: 110px; top: -5%; height: 108%; } .product .grid.grid--product article .line > div, .market .grid.grid--product article .line > div { width: 100%; height: 100%; background-size: 100%; background-position: center bottom; background-repeat: no-repeat; } .product .grid.grid--product article:last-of-type .line:after, .market .grid.grid--product article:last-of-type .line:after { content: ''; display: block; height: 1rem; width: 1rem; position: absolute; bottom: -9px; left: 46px; border-radius: 50px; background: #032758; } .product .grid.grid--product article h2:before, .market .grid.grid--product article h2:before { content: ''; display: block; height: 1rem; width: 1rem; position: absolute; top: 30px; border-radius: 50px; background: #032758; } .product .grid.grid--product article.flex-row-reverse h2:before, .market .grid.grid--product article.flex-row-reverse h2:before { right: inherit; } .product .grid.grid--product article > div:first-of-type, .market .grid.grid--product article > div:first-of-type { padding: 0 30px 0 0; } @media (max-width: 800px) { .product .grid.grid--product article > div:first-of-type, .market .grid.grid--product article > div:first-of-type { padding: 0; } } .product .grid.grid--product article > div:last-of-type, .market .grid.grid--product article > div:last-of-type { padding: 0 0 0 30px; } @media (max-width: 800px) { .product .grid.grid--product article > div:last-of-type, .market .grid.grid--product article > div:last-of-type { padding: 0; } } .product .grid.grid--product article.flex-reverse > div:first-of-type, .market .grid.grid--product article.flex-reverse > div:first-of-type { padding: 0 0 0 30px; } @media (max-width: 800px) { .product .grid.grid--product article.flex-reverse > div:first-of-type, .market .grid.grid--product article.flex-reverse > div:first-of-type { padding: 0; } } .product .grid.grid--product article.flex-reverse > div:last-of-type, .market .grid.grid--product article.flex-reverse > div:last-of-type { padding: 0 30px 0 0; } @media (max-width: 800px) { .product .grid.grid--product article.flex-reverse > div:last-of-type, .market .grid.grid--product article.flex-reverse > div:last-of-type { padding: 0; } } @media (min-width: 801px) { .product .grid.grid--product, .market .grid.grid--product { width: 730px; } .product .grid.grid--product article img, .market .grid.grid--product article img { max-height: 220px; } .product .grid.grid--product article h2:before, .market .grid.grid--product article h2:before { right: -97px; } .product .grid.grid--product article.flex-reverse h2:before, .market .grid.grid--product article.flex-reverse h2:before { left: -97px; } .product .grid.grid--product .line:after, .market .grid.grid--product .line:after { left: 41px; } } @media (min-width: 992px) { .product .grid.grid--product, .market .grid.grid--product { width: 900px; } .product .grid.grid--product article h2:before, .market .grid.grid--product article h2:before { right: -110px; } .product .grid.grid--product article.flex-reverse h2:before, .market .grid.grid--product article.flex-reverse h2:before { left: -110px; } .product .grid.grid--product .line:after, .market .grid.grid--product .line:after { left: 37px; } } @media (min-width: 1200px) { .product .grid.grid--product, .market .grid.grid--product { width: 1120px; } .product .grid.grid--product article img, .market .grid.grid--product article img { max-height: 310px; } .product .grid.grid--product article h2:before, .market .grid.grid--product article h2:before { right: -128px; } .product .grid.grid--product article.flex-reverse h2:before, .market .grid.grid--product article.flex-reverse h2:before { left: -128px; } .product .grid.grid--product .line:after, .market .grid.grid--product .line:after { left: 34px; } } @media (max-width: 800px) { .product .grid.grid--product, .market .grid.grid--product { text-align: center; /* article { &, &:first-of-type, &:last-of-type { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } article { h2:before { right: -81px; } &.flex-reverse h2:before { left: -82px; } &:last-of-type h2:before { left: -101px; } } .line { display:none; } article { } article { .product-group { width:100%; display: grid; grid-template-rows:auto auto auto; justify-content: center; //flex-direction: column-reverse; .text-center { grid-row-start:2; margin:3rem auto; img { max-height: 380px; } } h3 { grid-row-start:1; text-align: center; } p { //grid-row-start:3; } } .product-group--quotes { width:72%; > div {display:none;} > div:first-of-type { display: flex; } } } */ } .product .grid.grid--product article, .market .grid.grid--product article { padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid #D8D8D8; /* h2, h3, p { text-align: center; } */ } .product .grid.grid--product article:last-of-type, .market .grid.grid--product article:last-of-type { padding-bottom: 0rem; margin-bottom: 0rem; border-bottom: 0; } .product .grid.grid--product article > div, .market .grid.grid--product article > div { width: 100%; } .product .grid.grid--product article h2, .market .grid.grid--product article h2 { margin-bottom: 10px; } .product .grid.grid--product article h3, .market .grid.grid--product article h3 { font-size: 1.5rem; max-width: 400px; margin: 0 auto; } .product .grid.grid--product article h2:before, .market .grid.grid--product article h2:before { display: none; } .product .grid.grid--product article .product-group, .market .grid.grid--product article .product-group { text-align: center; } .product .grid.grid--product article .product-group p, .market .grid.grid--product article .product-group p { margin-bottom: 3rem; } .product .grid.grid--product article .product-group > img, .market .grid.grid--product article .product-group > img { max-height: none; width: 90%; margin: 2rem auto 3rem; } .product .grid.grid--product article .product-group--quotes a, .market .grid.grid--product article .product-group--quotes a { display: none; } .product .grid.grid--product article .product-group--quotes a .media, .market .grid.grid--product article .product-group--quotes a .media { width: 80%; margin-left: 5%; } .product .grid.grid--product article .product-group--quotes a:first-of-type .media, .product .grid.grid--product article .product-group--quotes a:last-of-type .media, .market .grid.grid--product article .product-group--quotes a:first-of-type .media, .market .grid.grid--product article .product-group--quotes a:last-of-type .media { margin-left: 10%; margin-right: 0; } .product .grid.grid--product article .product-group--quotes a:first-of-type, .market .grid.grid--product article .product-group--quotes a:first-of-type { display: block; } } .product .cta, .market .cta { margin-top: 170px; } @media (min-width: 801px) { .product .d-801-block, .market .d-801-block { display: block; } .product .d-801-none, .market .d-801-none { display: none; } } @media (max-width: 800px) { .product section.container, .market section.container { margin: 0 auto; } .product .cta, .market .cta { margin-top: 100px; } .product .d-801-block, .market .d-801-block { display: none; } .product .d-801-none, .market .d-801-none { display: block; } } .product .media, .market .media { background: #f7f7f7; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); margin: 0 0 20px; padding: 15px; font-size: .9rem; } .product .media p, .market .media p { font-size: 1em; font-weight: 500; line-height: 1.2em; margin: 0; } .product .media i, .market .media i { font-size: 1em; color: #475584; margin-bottom: 0.5rem; display: block; font-weight: 500; } .product .media img, .market .media img { border-radius: 50%; } @media (max-width: 767px) { .product .text-left, .market .text-left { margin-bottom: 45px; text-align: center !important; } } .market .bar { height: 690px; top: -5vw; width: 170%; left: -42%; } @media (max-width: 767px) { .market .bar { top: -2vw; height: 940px; } } @media (max-width: 575px) { .market .bar { top: -13vw; height: 100%; width: 300%; left: -75%; } } .market .grid-4 { max-width: 830px; margin: 0 auto; } @media (max-width: 767px) { .market .grid-4 { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; } } @media (max-width: 575px) { .market .grid-4 { display: block; } .market .grid-4 > div { margin-bottom: 1rem; } } .market .work-with-logo { background: white; padding: 1.5rem 0.5rem; border-radius: 5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); position: relative; } @media (min-width: 768px) { .market .work-with-logo { animation: marketlogo 5s infinite ease; -webkit-animation: marketlogo 5s infinite ease; } .market .work-with-logo:nth-of-type(1) { top: 5px; animation-delay: 2s; } .market .work-with-logo:nth-of-type(2) { top: 0; animation-delay: 0s; } .market .work-with-logo:nth-of-type(3) { top: -10px; animation-delay: 2s; } .market .work-with-logo:nth-of-type(4) { top: -5px; animation-delay: 1s; } } .market .pb-14 { padding-bottom: 14rem; } @media (max-width: 800px) and (min-width: 768px) { .product .grid.grid--product, .market .grid.grid--product { display: block; } } body.who-we-serve { position: relative; z-index: 0; } body.who-we-serve:before { content: ''; display: block; position: absolute; z-index: -1; width: 100%; height: 670px; background: #c2e5e5; -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 50%, 0 95%); } @media (max-width: 991px) and (min-width: 480px) { body.who-we-serve:before { height: 1030px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); } } @media (max-width: 479px) { body.who-we-serve:before { height: 1080px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%); } } body.page-who-we-serve:before { height: 710px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 60%, 0 95%); } @media (max-width: 991px) and (min-width: 480px) { body.page-who-we-serve:before { height: 840px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); } } @media (max-width: 479px) { body.page-who-we-serve:before { height: 810px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%); } } .who-we-serve .ready .container-fluid.obj-container { padding-top: 0; padding-bottom: 0; } .who-we-serve .container-fluid.obj-container { z-index: auto; padding-top: 5rem; } .who-we-serve .container-fluid.obj-container .h3 { margin-bottom: 3rem; } .who-we-serve .container-fluid.obj-container.ready { padding-bottom: 1rem; } .who-we-serve .grid.grid--hero { display: block; } @media (min-width: 992px) { .who-we-serve .grid.grid--hero:not(.who-we-serve--landing) { display: grid; grid-template-columns: 1.55fr 2fr; grid-column-gap: 50px; align-items: center; } } @media (max-width: 991px) { .who-we-serve .grid.grid--hero { padding-top: 3rem; } } @media (max-width: 1100px) { .who-we-serve .grid.grid--hero h1 { font-size: 3rem; } } @media (max-width: 991px) and (min-width: 768px) { .who-we-serve .grid.grid--hero h1 br { display: none; } } @media (max-width: 767px) { .who-we-serve .grid.grid--hero h1 { font-size: 2.5rem; } } .who-we-serve .grid.grid--hero p { margin-bottom: 2rem; } .who-we-serve .grid.grid--hero .btn { margin: 0 0.8rem 1rem 0; } .who-we-serve .grid.grid--hero #watch_film #play_button { width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; } .who-we-serve .grid.grid--hero #watch_film:after { opacity: 0; } .who-we-serve h1, .who-we-serve .h1 { line-height: 1.1; } .who-we-serve h1 { font-weight: 700; } .who-we-serve .h1_thin { font-weight: 700; } .who-we-serve .h3 { font-weight: 400; line-height: 1.4; } .who-we-serve .bar { position: absolute; left: -10%; height: 690px; width: 120%; z-index: -3; top: -220px; -webkit-transform: rotate(-13deg); -ms-transform: rotate(-13deg); transform: rotate(-13deg); background-color: #72d0f4; opacity: 1; } .who-we-serve .text-center { max-width: 950px; margin: 0 auto; } .who-we-serve ul.bullet { list-style: none; padding: 0; margin: 0; } .who-we-serve ul.bullet li { margin-bottom: 1rem; } .who-we-serve ul.bullet li * { display: inline-block; text-align: left; vertical-align: middle; } .who-we-serve ul.bullet li svg { width: 30px; } .who-we-serve ul.bullet li span { padding-left: 20px; width: calc(100% - 50px); line-height: 1.2em; } @media (max-width: 992px) { .who-we-serve ul.bullet li span { font-size: .9em; } } .who-we-serve .grid.grid--who-we-serve { position: relative; grid-template-columns: none; grid-row-gap: 5rem; grid-template-rows: auto; margin: 0 auto; /* article:nth-of-type(2) { .product-group--quotes { text-align: right; padding-left: 3%; } @media (min-width:1200px) { .product-group--quotes { width: 40%; text-align: right; padding-left: 10%; } } } */ /* article { > div { &:first-of-type { padding:0 30px 0 0; @media (max-width:800px) { padding:0; } } &:last-of-type { padding:0 0 0 30px; @media (max-width:800px) { padding:0; } } } &.flex-reverse { > div { &:first-of-type { padding:0 0 0 30px; @media (max-width:800px) { padding:0; } } &:last-of-type { padding:0 30px 0 0; @media (max-width:800px) { padding:0; } } } } } */ /* @media (min-width: 801px){ width: 730px; article { img { max-height: 220px; } h2:before { right: -97px; } &.flex-reverse h2:before { left: -97px; } &:last-of-type img { // max-height: 310px; } } .line:after { left: 41px; } } @media (min-width: 992px){ width: 900px; article { h2:before { right: -110px; } &.flex-reverse h2:before { left: -110px; } &:last-of-type img { // max-height: 370px; } } .line:after { left: 37px; } } @media (min-width: 1200px){ width: 1120px; article { img { max-height: 310px; } h2:before { right: -128px; } &.flex-reverse h2:before { left: -128px; } &:last-of-type img { // max-height: 480px; } } .line:after { left: 34px; } } */ } .who-we-serve .grid.grid--who-we-serve div { text-align: left; } .who-we-serve .grid.grid--who-we-serve article { position: relative; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /*&:first-of-type, &:last-of-type { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }*/ } .who-we-serve .grid.grid--who-we-serve article:nth-child(2n+1) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .who-we-serve .grid.grid--who-we-serve article .product-group { width: 55%; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes { width: 40%; } .who-we-serve .grid.grid--who-we-serve article img { width: 100%; height: auto; } .who-we-serve .grid.grid--who-we-serve article h2 { margin-bottom: 30px; position: relative; border: 0; } .who-we-serve .grid.grid--who-we-serve article h2 span { display: inline-block; width: 60px; } .who-we-serve .grid.grid--who-we-serve article h2 span img { width: 100%; vertical-align: middle; padding-bottom: .5rem; } .who-we-serve .grid.grid--who-we-serve article h3 { margin-top: 30px; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes .media img { height: 50px; width: 50px; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes .media p:first-of-type { font-weight: 700; margin-bottom: 0; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes .media p:last-of-type { font-weight: 400; } .who-we-serve .grid.grid--who-we-serve article .text-center { padding: 0; } .who-we-serve .grid.grid--who-we-serve article .line { position: absolute; left: 50%; margin-left: -55px; width: 110px; top: -5%; height: 108%; } .who-we-serve .grid.grid--who-we-serve article .line > div { width: 100%; height: 100%; background-size: 100%; background-position: center bottom; background-repeat: no-repeat; } @media (max-width: 991px) { .who-we-serve .grid.grid--who-we-serve { grid-row-gap: 0rem; text-align: center; } .who-we-serve .grid.grid--who-we-serve article { padding-bottom: 4rem; margin-bottom: 4rem; border-bottom: 1px solid #D8D8D8; /* h2, h3, p { text-align: center; } h2 { margin-bottom: 10px; } */ } .who-we-serve .grid.grid--who-we-serve article:last-of-type { padding-bottom: 0rem; margin-bottom: 0rem; border-bottom: 0; } .who-we-serve .grid.grid--who-we-serve article .product-group { width: 100%; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes { width: 80%; margin: 0 auto; text-align: center; } .who-we-serve .grid.grid--who-we-serve article h3 { font-size: 1.5rem; max-width: 400px; margin: 0 auto; } .who-we-serve .grid.grid--who-we-serve article h2:before { display: none; } .who-we-serve .grid.grid--who-we-serve article .product-group { text-align: center; } .who-we-serve .grid.grid--who-we-serve article .product-group p { margin-bottom: 3rem; } .who-we-serve .grid.grid--who-we-serve article .product-group > img { max-height: none; width: 90%; margin: 2rem auto 3rem; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes a { display: none; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes a .media { width: 80%; margin-left: 5%; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes a:first-of-type .media, .who-we-serve .grid.grid--who-we-serve article .product-group--quotes a:last-of-type .media { margin-left: 10%; margin-right: 0; } .who-we-serve .grid.grid--who-we-serve article .product-group--quotes a:first-of-type { display: block; } } @media (max-width: 450px) { .who-we-serve .grid.grid--who-we-serve article .product-group--quotes { width: 100%; } } .who-we-serve .solutions .card img { width: 150px; } .who-we-serve .ready:before { content: ''; display: block; position: absolute; z-index: -1; width: 100%; height: 350px; background: #c2e5e5; -webkit-clip-path: polygon(0px 50%, 348% -45%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 348% -45%, 100% 100%, 0 100%); } @media (max-width: 991px) and (min-width: 805px) { .who-we-serve .ready:before { height: 275px; -webkit-clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); } } @media (max-width: 804px) and (min-width: 768px) { .who-we-serve .ready:before { height: 400px; -webkit-clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); } } @media (max-width: 767px) and (min-width: 665px) { .who-we-serve .ready:before { height: 275px; -webkit-clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); } } @media (max-width: 664px) and (min-width: 550px) { .who-we-serve .ready:before { height: 390px; -webkit-clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); } } @media (max-width: 550px) { .who-we-serve .ready:before { height: 345px; -webkit-clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 200% 22%, 100% 100%, 0 100%); } } .who-we-serve .grid.stories { grid-row-gap: 100px; } .who-we-serve .grid.stories h2 { margin: 0; padding: 0; position: absolute; top: -60px; width: 100%; } .who-we-serve .grid.stories h2 span { text-align: center; } .who-we-serve .grid.stories h2 span:hover { color: #032758; cursor: default; } .who-we-serve .grid.stories .card-body { padding: 0 1.25rem 1.25rem; } .who-we-serve .grid.stories .card-text { font-size: 1rem; } .who-we-serve .grid.stories .quote-image { margin: 0; } .who-we-serve .bar.bar--green { top: 25%; height: 50%; } @media (max-width: 767px) { .who-we-serve .grid.stories .card { margin-bottom: 110px; } } .who-we-serve #features ul { padding: 0; list-style: none; } .who-we-serve #features ul li { font-weight: 300; display: inline-block; padding: 15px; margin: 0; width: 49%; vertical-align: middle; line-height: 1em; } @media (max-width: 1199px) { .who-we-serve #features ul li { width: 48%; } } @media (max-width: 992px) { .who-we-serve #features ul li { font-size: 16px; } } @media (max-width: 767px) { .who-we-serve #features ul li { font-size: 16px; } } @media (max-width: 767px) { .who-we-serve #features .row { display: block; } .who-we-serve #features .row .col { display: block; } } .who-we-serve #features .row .col:first-of-type { flex: 30%; } .who-we-serve #features .row .col:nth-of-type(2) { flex: 45%; } .who-we-serve.who-we-serve--landing .ready:before { height: 450px; -webkit-clip-path: polygon(0px 50%, 208% -45%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 208% -45%, 100% 100%, 0 100%); } .who-we-serve.who-we-serve--landing .template-request-form { background-color: transparent; position: relative; z-index: 1; } .who-we-serve.who-we-serve--landing .template-request-form .row { position: relative; z-index: 2; } .who-we-serve.who-we-serve--landing .template-request-form .container:after { content: ''; position: absolute; left: 0; right: 0; top: 23%; background: #c2e5e5; height: 100%; z-index: 0; } .who-we-serve.who-we-serve--landing .template-request-form img { max-width: 330px; margin-bottom: 3rem; margin: 0 auto 1rem; text-align: center; } .who-we-serve.who-we-serve--landing .template-request-form section.container .row .heading { text-align: center !important; } .who-we-serve.who-we-serve--landing .template-request-form h2 { margin-bottom: 0; text-align: left; margin: 0 auto; max-width: 550px; } .who-we-serve.who-we-serve--landing .template-request-form section.container .form { padding: 30px 5%; } .who-we-serve .template-request-form { background-color: #c2e5e5; /* &:before{ content: ''; display: block; position: absolute; z-index: -1; width: 100%; height: 736px; background-color: #c2e5e5; -webkit-clip-path: polygon(0 50%, 100% 5%, 100% 100%, 0 100%); clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%); @media (max-width:991px) and (min-width:480px) { height:1030px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); } }*/ /* &:before { content: ''; display: block; position: absolute; z-index: -1; width:100%; height:670px; background: $mint; -webkit-clip-path: polygon(0 50%, 100% 5%, 100% 100%, 0 100%); clip-path: polygon(0 50%, 100% 5%, 100% 100%, 0 100%); @media (max-width:991px) and (min-width:480px) { height:1030px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); } @media (max-width:479px) { height:1080px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 80%, 0 95%); } }*/ } @media (min-width: 950px) { .who-we-serve .template-request-form .row { align-items: center; grid-template-columns: 3fr 2fr !important; } .who-we-serve .template-request-form .row .col { padding: 0; } } @media (max-width: 949px) { .who-we-serve .template-request-form .row { display: block; } } .who-we-serve .template-request-form section.container { padding: 6rem 0; padding-top: 0; margin-top: 6rem; } @media (min-width: 950px) { .who-we-serve .template-request-form section.container .row .heading { padding: 0 60px 0 0; } } @media (max-width: 949px) { .who-we-serve .template-request-form section.container .row .heading { padding: 0 0px 4rem 0; } } .who-we-serve .template-request-form section.container .form { padding: 60px 5%; } .who-we-serve .template-request-form section.container .form-cta { font-size: 1.75rem; text-align: center; font-weight: 700; } .who-we-serve .template-request-form section.container .mktoForm .mktoFormCol .mktoFieldWrap input { padding: 1rem 1.5rem; } .who-we-serve .template-request-form section.container .mktoForm .mktoFormRow:nth-child(1) { grid-column-start: 1; grid-column-end: 2; } .who-we-serve .template-request-form section.container .mktoForm .mktoFormRow:nth-child(2) { grid-column-start: 1; grid-column-end: 2; } .who-we-serve .template-request-form section.container .mktoForm .mktoFormRow:nth-child(3) { grid-column-start: 2; grid-column-end: 3; } .who-we-serve .template-request-form section.container .mktoForm .mktoFormRow:nth-child(4) { grid-column-start: 1; grid-column-end: 2; } .who-we-serve .template-request-form section.container .mktoForm .mktoFormRow:nth-child(5) { grid-column-start: 2; grid-column-end: 3; } .who-we-serve .template-request-form section.container .mktoForm .mktoFormRow:nth-child(6) { grid-column-start: 1; grid-column-end: 3; } .who-we-serve .template-request-form section.container .mktoForm .mktoButtonRow { width: 80%; margin: 0 auto; } .who-we-serve .template-request-form section.container .mktoButtonRow:after { font-family: 'Apercu', sans-serif; content: '*We take your privacy seriously and do not share your information with third parties.'; display: block; font-weight: 600; font-size: .8rem; line-height: 1.2em; color: #032758; margin-top: 1rem; text-align: center; } .who-we-serve .template-request-form img { max-width: 330px; margin-bottom: 3rem; } .who-we-serve .template-request-form h2 { color: #032758; margin-bottom: 3rem; } @media (max-width: 767px) { .who-we-serve .template-request-form h2 { margin-bottom: 0; } } .who-we-serve .template-request-form ul { list-style: none; margin: 0; padding: 0; } @media (min-width: 950px) { .who-we-serve .template-request-form ul { padding: 0 0 0 0%; } } @media (min-width: 650px) { .who-we-serve .template-request-form ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } @media (max-width: 767px) { .who-we-serve .template-request-form ul { display: none; } } .who-we-serve .template-request-form ul li { color: #032758; font-size: 1.2em; font-weight: 300; margin-bottom: .5em; } .who-we-serve .cta { margin-top: 170px; } .who-we-serve .redarrow { width: 60px; margin: 0 auto; } @media (min-width: 768px) { .who-we-serve .d-801-block { display: block; } .who-we-serve .d-801-none { display: none; } } @media (max-width: 767px) { .who-we-serve section.container { margin: 0 auto; } .who-we-serve .cta { margin-top: 100px; } .who-we-serve .d-801-block { display: none; } .who-we-serve .d-801-none { display: block; } } .who-we-serve .media { background: #f7f7f7; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); margin: 0 0 20px; padding: 15px; font-size: .9rem; } .who-we-serve .media p { font-size: 1em; font-weight: 500; line-height: 1.2em; margin: 0; } .who-we-serve .media i { font-size: 1em; color: #475584; margin-bottom: 0.5rem; display: block; font-weight: 500; } .who-we-serve .media img { border-radius: 50%; } @media (max-width: 991px) { .who-we-serve .text-left { margin-bottom: 45px; text-align: center !important; } } .who-we-serve .bar { height: 690px; top: -5vw; width: 170%; left: -42%; } @media (max-width: 767px) { .who-we-serve .bar { top: -2vw; height: 940px; } } @media (max-width: 575px) { .who-we-serve .bar { top: -13vw; height: 100%; width: 300%; left: -75%; } } .who-we-serve .grid-4 { max-width: 830px; margin: 0 auto; } @media (max-width: 767px) { .who-we-serve .grid-4 { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; grid-row-gap: 30px; max-width: 400px; } } @media (max-width: 375px) { .who-we-serve .grid-4 { display: block; max-width: 170px; } .who-we-serve .grid-4 > div { margin-bottom: 1rem; } } .who-we-serve .work-with-logo { background: white; padding: 1.5rem 0.5rem; border-radius: 5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); position: relative; } @media (min-width: 768px) { .who-we-serve .work-with-logo { animation: marketlogo 5s infinite ease; -webkit-animation: marketlogo 5s infinite ease; } .who-we-serve .work-with-logo:nth-of-type(1) { top: 5px; animation-delay: 2s; } .who-we-serve .work-with-logo:nth-of-type(2) { top: 0; animation-delay: 0s; } .who-we-serve .work-with-logo:nth-of-type(3) { top: -10px; animation-delay: 2s; } .who-we-serve .work-with-logo:nth-of-type(4) { top: -5px; animation-delay: 1s; } } .who-we-serve .pb-14 { padding-bottom: 14rem; } .who-we-serve .grid--footer { margin-top: 0; border: 0; } @media (max-width: 1199px) { .who-we-serve .perks .card, .who-we-serve .solutions .card { width: 47%; min-height: 41vw; } } @media (max-width: 800px) { .who-we-serve .perks .card, .who-we-serve .solutions .card { width: 80%; min-height: 70vw; margin: 0 0% 5%; } } @media (max-width: 767px) { .who-we-serve .grid.grid--who-we-serve { display: block; } } @media (min-width: 576px) and (max-width: 1440px) { .who-we-serve .d-801-block { max-width: 85%; } } @media (min-width: 992px) { .who-we-serve .d-801-block { display: block; } .who-we-serve .d-801-none { display: none; } } @media (max-width: 991px) { .who-we-serve .d-801-block { display: none; } .who-we-serve .d-801-none { display: block; } } .page-other-concepts .grid.grid--who-we-serve article { justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row; flex-direction: row-reverse; } @media (min-width: 768px) { .page-other-concepts .grid.grid--who-we-serve article { min-width: 700px; } } @media (min-width: 992px) { .page-other-concepts .slick-prev { left: -45px; } .page-other-concepts .slick-next { right: -45px; } } @media (max-width: 991px) { .page-other-concepts .who-we-serve .grid.grid--who-we-serve article { padding-bottom: 2rem; margin-bottom: 0rem; } .page-other-concepts .container.d-801-none { padding-bottom: 0 !important; padding-top: 0 !important; } .page-other-concepts .container.grid.stories > div:last-of-type { margin: 0; } } @media (max-width: 550px) { .page-other-concepts .who-we-serve--landing .ready:before { height: 360px; -webkit-clip-path: polygon(0px 50%, 208% -45%, 100% 100%, 0 100%); clip-path: polygon(0px 50%, 208% -15%, 100% 100%, 0 100%); } .page-other-concepts .who-we-serve--landing .template-request-form .container:after { top: 6%; } .page-other-concepts .template-request-form .col { padding: 0; } } .page-pricing, .page-easy-pricing, .page-sales { position: relative; z-index: 0; /* header.scroll--start + main { padding-top: 134px; //margin-top:134px; } */ /* &:before { content: ''; display: block; position: absolute; z-index: -1; width:100%; height:810px; background: $ltcyan; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%); } */ /* flip when hovered */ /* .flip-container:hover .flipper, .flip-container.hover .flipper { transform: rotateX(-180deg); } */ } .page-pricing #Lolli, .page-easy-pricing #Lolli, .page-sales #Lolli { top: 40px; right: -10px; } @media (max-width: 991px) { .page-pricing #Lolli, .page-easy-pricing #Lolli, .page-sales #Lolli { display: none; } } .page-pricing #Baloon_Thin_LightBlue2, .page-easy-pricing #Baloon_Thin_LightBlue2, .page-sales #Baloon_Thin_LightBlue2 { top: 290px; right: -30px; } @media (max-width: 767px) { .page-pricing #Baloon_Thin_LightBlue2, .page-easy-pricing #Baloon_Thin_LightBlue2, .page-sales #Baloon_Thin_LightBlue2 { display: none; } } .page-pricing #Baloon_Red, .page-easy-pricing #Baloon_Red, .page-sales #Baloon_Red { top: 250px; left: 40px; } @media (max-width: 1000px) { .page-pricing #Baloon_Red, .page-easy-pricing #Baloon_Red, .page-sales #Baloon_Red { bottom: inherit; top: 40px; left: 20px; } } .page-pricing h2, .page-pricing .h2, .page-easy-pricing h2, .page-easy-pricing .h2, .page-sales h2, .page-sales .h2 { font-weight: 800; } .page-pricing .bar, .page-easy-pricing .bar, .page-sales .bar { position: absolute; left: -10%; height: 690px; width: 120%; z-index: -3; top: -220px; -webkit-transform: rotate(-13deg); -ms-transform: rotate(-13deg); transform: rotate(-13deg); background-color: #72d0f4; opacity: 1; } .page-pricing .text-center, .page-easy-pricing .text-center, .page-sales .text-center { max-width: none; margin: 0 auto; } .page-pricing .text-center .h1, .page-easy-pricing .text-center .h1, .page-sales .text-center .h1 { margin-bottom: 1.5rem; font-size: 3.3rem; font-weight: 800; } .page-pricing .text-center p.h3, .page-easy-pricing .text-center p.h3, .page-sales .text-center p.h3 { font-size: 1.55rem; font-weight: 300; margin-bottom: 1.75rem; line-height: 1.4em; } .page-pricing .text-center p, .page-easy-pricing .text-center p, .page-sales .text-center p { font-size: 1.35rem; font-weight: 400; color: #032758; } .page-pricing .hero-text, .page-easy-pricing .hero-text, .page-sales .hero-text { max-width: 850px; } .page-pricing .price--block, .page-easy-pricing .price--block, .page-sales .price--block { position: relative; z-index: 2; width: 100%; max-width: 1150px; padding: 30px 15px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); background: white; text-align: center; border-radius: 5px; display: flex; align-items: center; margin: 15px; } @media (max-width: 991px) { .page-pricing .price--block, .page-easy-pricing .price--block, .page-sales .price--block { flex-direction: column; } } .page-pricing .price--block .column-left, .page-pricing .price--block .column-right, .page-easy-pricing .price--block .column-left, .page-easy-pricing .price--block .column-right, .page-sales .price--block .column-left, .page-sales .price--block .column-right { padding-top: 30px; padding-bottom: 30px; } .page-pricing .price--block .column-left, .page-easy-pricing .price--block .column-left, .page-sales .price--block .column-left { width: 40%; /* display: flex; flex-direction: column; justify-content: center; */ } .page-pricing .price--block .column-left div:nth-of-type(1), .page-easy-pricing .price--block .column-left div:nth-of-type(1), .page-sales .price--block .column-left div:nth-of-type(1) { border-bottom: 2px solid #C2E5E5; max-width: 300px; margin: auto; padding-bottom: 15px; margin-bottom: 30px; } @media (min-width: 1200px) { .page-pricing .price--block .column-left div:nth-of-type(1), .page-easy-pricing .price--block .column-left div:nth-of-type(1), .page-sales .price--block .column-left div:nth-of-type(1) { max-width: 370px; } .page-pricing .price--block .column-left div:nth-of-type(1) h2, .page-easy-pricing .price--block .column-left div:nth-of-type(1) h2, .page-sales .price--block .column-left div:nth-of-type(1) h2 { font-size: 3.8em; } } .page-pricing .price--block .column-left h2, .page-easy-pricing .price--block .column-left h2, .page-sales .price--block .column-left h2 { color: #4cabe9; font-size: 3.5em; margin-bottom: .1em; font-weight: 800; } .page-pricing .price--block .column-left p:nth-of-type(1), .page-easy-pricing .price--block .column-left p:nth-of-type(1), .page-sales .price--block .column-left p:nth-of-type(1) { font-size: 1.5em; color: #032758; margin-bottom: 5px; } .page-pricing .price--block .column-left p:nth-of-type(2), .page-easy-pricing .price--block .column-left p:nth-of-type(2), .page-sales .price--block .column-left p:nth-of-type(2) { font-size: 1em; } .page-pricing .price--block .column-left ul, .page-easy-pricing .price--block .column-left ul, .page-sales .price--block .column-left ul { list-style: none; padding: 0; max-width: 250px; margin: auto; margin-bottom: 40px; } .page-pricing .price--block .column-left ul li, .page-easy-pricing .price--block .column-left ul li, .page-sales .price--block .column-left ul li { position: relative; padding-left: 15px; } .page-pricing .price--block .column-left ul li:before, .page-easy-pricing .price--block .column-left ul li:before, .page-sales .price--block .column-left ul li:before { content: ""; border-style: solid; border-width: 1px 1px 0 0; display: block; height: 0.45em; position: absolute; top: 6px; left: 0px; vertical-align: top; width: 0.45em; transform: rotate(45deg); margin-right: 10px; color: #4cabe9; } @media (min-width: 992px) { .page-pricing .price--block .column-left, .page-easy-pricing .price--block .column-left, .page-sales .price--block .column-left { border-right: 2px solid #C2E5E5; } } @media (max-width: 991px) { .page-pricing .price--block .column-left, .page-easy-pricing .price--block .column-left, .page-sales .price--block .column-left { width: 100%; border-bottom: 2px solid #C2E5E5; padding-bottom: 60px; margin-bottom: 60px; } .page-pricing .price--block .column-left ul, .page-easy-pricing .price--block .column-left ul, .page-sales .price--block .column-left ul { width: fit-content; margin: auto; padding: 20px; margin-bottom: 20px; } } .page-pricing .price--block .column-right, .page-easy-pricing .price--block .column-right, .page-sales .price--block .column-right { width: 60%; padding-left: 15px; /* display: flex; flex-direction: column; justify-content: center; */ } .page-pricing .price--block .column-right h2, .page-easy-pricing .price--block .column-right h2, .page-sales .price--block .column-right h2 { font-size: 1.5rem; margin-bottom: 2rem; font-weight: 500; padding: 0 10%; text-align: left; } @media (min-width: 1200px) { .page-pricing .price--block .column-right h2, .page-easy-pricing .price--block .column-right h2, .page-sales .price--block .column-right h2 { padding: 0 10%; } } @media (max-width: 991px) { .page-pricing .price--block .column-right h2, .page-easy-pricing .price--block .column-right h2, .page-sales .price--block .column-right h2 { padding: 0 15%; } } @media (max-width: 767px) { .page-pricing .price--block .column-right h2, .page-easy-pricing .price--block .column-right h2, .page-sales .price--block .column-right h2 { padding: 0 7.5%; } } @media (max-width: 525px) { .page-pricing .price--block .column-right h2, .page-easy-pricing .price--block .column-right h2, .page-sales .price--block .column-right h2 { padding: 0 30px; text-align: center; } } .page-pricing .price--block .column-right ul, .page-easy-pricing .price--block .column-right ul, .page-sales .price--block .column-right ul { list-style-type: none; -webkit-columns: 2; columns: 2; -webkit-column-gap: 40px; column-gap: 40px; max-width: 90%; margin: 0px auto; padding: 0 0 0 5%; } @media (min-width: 1200px) { .page-pricing .price--block .column-right ul, .page-easy-pricing .price--block .column-right ul, .page-sales .price--block .column-right ul { -webkit-column-gap: 70px; column-gap: 70px; max-width: 80%; padding: 0; } } @media (max-width: 991px) { .page-pricing .price--block .column-right ul, .page-easy-pricing .price--block .column-right ul, .page-sales .price--block .column-right ul { -webkit-column-gap: 40px; column-gap: 40px; max-width: 70%; padding: 0 0 0 5%; } } @media (max-width: 767px) { .page-pricing .price--block .column-right ul, .page-easy-pricing .price--block .column-right ul, .page-sales .price--block .column-right ul { -webkit-column-gap: 40px; column-gap: 40px; max-width: 85%; padding: 0; } } .page-pricing .price--block .column-right ul li, .page-easy-pricing .price--block .column-right ul li, .page-sales .price--block .column-right ul li { display: flex; align-items: flex-start; margin-bottom: 1em; vertical-align: top; } .page-pricing .price--block .column-right ul li img, .page-easy-pricing .price--block .column-right ul li img, .page-sales .price--block .column-right ul li img { max-width: 25px; margin-right: 10px; } .page-pricing .price--block .column-right ul li span, .page-easy-pricing .price--block .column-right ul li span, .page-sales .price--block .column-right ul li span { padding-bottom: 3px; } @media (max-width: 991px) { .page-pricing .price--block .column-right, .page-easy-pricing .price--block .column-right, .page-sales .price--block .column-right { width: 100%; padding: 0px; } .page-pricing .price--block .column-right ul, .page-easy-pricing .price--block .column-right ul, .page-sales .price--block .column-right ul { padding: 0px; } } @media (max-width: 525px) { .page-pricing .price--block .column-right ul, .page-easy-pricing .price--block .column-right ul, .page-sales .price--block .column-right ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; max-width: 60%; } } .page-pricing .price--block ul, .page-easy-pricing .price--block ul, .page-sales .price--block ul { font-size: 1em; color: #032758; text-align: left; margin: 15px 15px 30px; max-width: 80%; padding-bottom: .25rem; } .page-pricing .price--block ul li, .page-easy-pricing .price--block ul li, .page-sales .price--block ul li { line-height: 1.2em; margin-bottom: .5em; } .page-pricing .price--block ul strong, .page-easy-pricing .price--block ul strong, .page-sales .price--block ul strong { color: #032758; } .page-pricing .price--block button, .page-pricing .price--block html [type=button], .page-easy-pricing .price--block button, .page-easy-pricing .price--block html [type=button], .page-sales .price--block button, .page-sales .price--block html [type=button] { -webkit-appearance: none; border: 0; background: 0; padding: 0; } .page-pricing .price--block button i, .page-pricing .price--block html [type=button] i, .page-easy-pricing .price--block button i, .page-easy-pricing .price--block html [type=button] i, .page-sales .price--block button i, .page-sales .price--block html [type=button] i { color: #032758; } @media (max-width: 991px) { .page-pricing .price--block, .page-easy-pricing .price--block, .page-sales .price--block { width: 90%; margin: auto; } } @media (max-width: 450px) { .page-pricing .price--block, .page-easy-pricing .price--block, .page-sales .price--block { width: 100%; } } .page-pricing .price--block:nth-of-type(2), .page-easy-pricing .price--block:nth-of-type(2), .page-sales .price--block:nth-of-type(2) { z-index: 1; margin-left: -5px; border-radius: 0 5px 5px 0; width: 80%; max-width: 950px; background: #E6F4F1; margin-top: -20px; padding: 40px 15px; } .page-pricing .price--block:nth-of-type(2) div:nth-of-type(2), .page-easy-pricing .price--block:nth-of-type(2) div:nth-of-type(2), .page-sales .price--block:nth-of-type(2) div:nth-of-type(2) { font-size: 1.25rem; color: #969696; line-height: 1.2em; font-weight: 400; padding-top: 1.5rem; padding-bottom: 2rem; } .page-pricing .price--block:nth-of-type(2) ul, .page-easy-pricing .price--block:nth-of-type(2) ul, .page-sales .price--block:nth-of-type(2) ul { margin-top: 30px; color: #032758; text-align: center; margin: 0 auto 1.5rem; padding: 0; max-width: 80%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; list-style: none; } .page-pricing .price--block:nth-of-type(2) ul li, .page-easy-pricing .price--block:nth-of-type(2) ul li, .page-sales .price--block:nth-of-type(2) ul li { display: block; line-height: 1.2em; margin-bottom: 0; border: 1px solid #C2E5E5; padding: 1.5rem 0.25rem; } .page-pricing .price--block:nth-of-type(2) ul li:nth-child(1), .page-pricing .price--block:nth-of-type(2) ul li:nth-child(2), .page-easy-pricing .price--block:nth-of-type(2) ul li:nth-child(1), .page-easy-pricing .price--block:nth-of-type(2) ul li:nth-child(2), .page-sales .price--block:nth-of-type(2) ul li:nth-child(1), .page-sales .price--block:nth-of-type(2) ul li:nth-child(2) { border-bottom: 0; } .page-pricing .price--block:nth-of-type(2) ul li:nth-child(1), .page-pricing .price--block:nth-of-type(2) ul li:nth-child(3), .page-easy-pricing .price--block:nth-of-type(2) ul li:nth-child(1), .page-easy-pricing .price--block:nth-of-type(2) ul li:nth-child(3), .page-sales .price--block:nth-of-type(2) ul li:nth-child(1), .page-sales .price--block:nth-of-type(2) ul li:nth-child(3) { border-right: 0; } .page-pricing .price--block:nth-of-type(2) ul strong, .page-easy-pricing .price--block:nth-of-type(2) ul strong, .page-sales .price--block:nth-of-type(2) ul strong { color: #032758; } .page-pricing .price--block:nth-of-type(2) p, .page-easy-pricing .price--block:nth-of-type(2) p, .page-sales .price--block:nth-of-type(2) p { padding: 0 30px; margin-bottom: 1.6rem; } @media (max-width: 991px) { .page-pricing .price--block:nth-of-type(2), .page-easy-pricing .price--block:nth-of-type(2), .page-sales .price--block:nth-of-type(2) { max-width: none; margin-left: 0px; margin-top: -10px; } } @media (max-width: 450px) { .page-pricing .price--block:nth-of-type(2), .page-easy-pricing .price--block:nth-of-type(2), .page-sales .price--block:nth-of-type(2) { width: 90%; } } .page-pricing #additional_services h2, .page-easy-pricing #additional_services h2, .page-sales #additional_services h2 { color: #032758; } .page-pricing #additional_services .card-container, .page-easy-pricing #additional_services .card-container, .page-sales #additional_services .card-container { max-width: 1150px; margin: auto; margin-top: 15px; margin-bottom: 15px; min-height: 200px; } .page-pricing #additional_services .card-container h3, .page-easy-pricing #additional_services .card-container h3, .page-sales #additional_services .card-container h3 { font-weight: 400; margin-bottom: .5rem; } .page-pricing #additional_services .card-container p, .page-easy-pricing #additional_services .card-container p, .page-sales #additional_services .card-container p { margin-bottom: .5rem; } @media (max-width: 767px) { .page-pricing #additional_services .card-container .card-body, .page-easy-pricing #additional_services .card-container .card-body, .page-sales #additional_services .card-container .card-body { flex-direction: column !important; } } .page-pricing #additional_services .card-container .column-left, .page-easy-pricing #additional_services .card-container .column-left, .page-sales #additional_services .card-container .column-left { width: 70%; display: flex; align-items: center; padding-right: 10%; } .page-pricing #additional_services .card-container .column-left .icon, .page-easy-pricing #additional_services .card-container .column-left .icon, .page-sales #additional_services .card-container .column-left .icon { float: left; width: 15%; padding-right: 5%; width: 120px; padding-right: 30px; padding-left: 20px; } .page-pricing #additional_services .card-container .column-left .text-content, .page-easy-pricing #additional_services .card-container .column-left .text-content, .page-sales #additional_services .card-container .column-left .text-content { float: left; width: 85%; } @media (max-width: 991px) { .page-pricing #additional_services .card-container .column-left, .page-easy-pricing #additional_services .card-container .column-left, .page-sales #additional_services .card-container .column-left { width: 60%; } } @media (max-width: 767px) { .page-pricing #additional_services .card-container .column-left, .page-easy-pricing #additional_services .card-container .column-left, .page-sales #additional_services .card-container .column-left { width: 100%; padding-right: 0px; padding-bottom: 20px; } .page-pricing #additional_services .card-container .column-left .icon, .page-easy-pricing #additional_services .card-container .column-left .icon, .page-sales #additional_services .card-container .column-left .icon { width: 120px; } .page-pricing #additional_services .card-container .column-left .text-content, .page-easy-pricing #additional_services .card-container .column-left .text-content, .page-sales #additional_services .card-container .column-left .text-content { width: 75%; } } @media (max-width: 451px) { .page-pricing #additional_services .card-container .column-left, .page-easy-pricing #additional_services .card-container .column-left, .page-sales #additional_services .card-container .column-left { display: block; width: 100%; } .page-pricing #additional_services .card-container .column-left .icon, .page-pricing #additional_services .card-container .column-left .text-content, .page-easy-pricing #additional_services .card-container .column-left .icon, .page-easy-pricing #additional_services .card-container .column-left .text-content, .page-sales #additional_services .card-container .column-left .icon, .page-sales #additional_services .card-container .column-left .text-content { float: none; margin: 0 auto; } .page-pricing #additional_services .card-container .column-left .icon, .page-easy-pricing #additional_services .card-container .column-left .icon, .page-sales #additional_services .card-container .column-left .icon { margin-top: 10px; } .page-pricing #additional_services .card-container .column-left .text-content, .page-easy-pricing #additional_services .card-container .column-left .text-content, .page-sales #additional_services .card-container .column-left .text-content { width: 100%; margin-top: 20px; } } .page-pricing #additional_services .card-container .column-right, .page-easy-pricing #additional_services .card-container .column-right, .page-sales #additional_services .card-container .column-right { width: 30%; position: relative; text-align: center; } .page-pricing #additional_services .card-container .column-right:before, .page-easy-pricing #additional_services .card-container .column-right:before, .page-sales #additional_services .card-container .column-right:before { content: ""; width: 2px; height: 80%; background-color: #C2E5E5; position: absolute; top: 10%; left: -10%; } @media (max-width: 767px) { .page-pricing #additional_services .card-container .column-right:before, .page-easy-pricing #additional_services .card-container .column-right:before, .page-sales #additional_services .card-container .column-right:before { left: 0; top: 0; width: 100%; height: 2px; } } .page-pricing #additional_services .card-container .column-right p em, .page-easy-pricing #additional_services .card-container .column-right p em, .page-sales #additional_services .card-container .column-right p em { font-style: initial; color: #4cabe9; } @media (max-width: 991px) { .page-pricing #additional_services .card-container .column-right, .page-easy-pricing #additional_services .card-container .column-right, .page-sales #additional_services .card-container .column-right { width: 40%; } } @media (max-width: 767px) { .page-pricing #additional_services .card-container .column-right, .page-easy-pricing #additional_services .card-container .column-right, .page-sales #additional_services .card-container .column-right { width: 100%; padding-top: 10px; text-align: left; } } .page-pricing #additional_services .card-container table, .page-easy-pricing #additional_services .card-container table, .page-sales #additional_services .card-container table { width: 100%; border-spacing: 2px; border-collapse: separate; margin-bottom: 10px; } .page-pricing #additional_services .card-container table td, .page-easy-pricing #additional_services .card-container table td, .page-sales #additional_services .card-container table td { background-color: #f6f6f6; padding: 7px; color: #4cabe9; } .page-pricing .popover, .page-easy-pricing .popover, .page-sales .popover { box-shadow: 0 0 40px rgba(0, 0, 0, 0.3); } @media (max-width: 575px) { .page-pricing .popover, .page-easy-pricing .popover, .page-sales .popover { transform: translate3d(15%, 750px, 0px) !important; max-width: none; width: 76%; } .page-pricing .popover .arrow, .page-easy-pricing .popover .arrow, .page-sales .popover .arrow { display: none; } } @media (max-width: 375px) { .page-pricing .popover, .page-easy-pricing .popover, .page-sales .popover { transform: translate3d(15%, 850px, 0px) !important; } } .page-pricing .grid.grid--pricing, .page-easy-pricing .grid.grid--pricing, .page-sales .grid.grid--pricing { position: relative; grid-template-columns: repeat(3, 1fr); grid-column-gap: 100px; margin-top: 50px; } @media (max-width: 800px) { .page-pricing .grid.grid--pricing, .page-easy-pricing .grid.grid--pricing, .page-sales .grid.grid--pricing { grid-column-gap: 60px; } } @media (max-width: 767px) { .page-pricing .grid.grid--pricing, .page-easy-pricing .grid.grid--pricing, .page-sales .grid.grid--pricing { grid-template-columns: none; } } .page-pricing .grid.grid--pricing > div, .page-easy-pricing .grid.grid--pricing > div, .page-sales .grid.grid--pricing > div { text-align: center; justify-self: center; max-width: 300px; } @media (max-width: 767px) { .page-pricing .grid.grid--pricing > div, .page-easy-pricing .grid.grid--pricing > div, .page-sales .grid.grid--pricing > div { margin: 0 auto; } } .page-pricing .grid.grid--pricing > div:first-child, .page-easy-pricing .grid.grid--pricing > div:first-child, .page-sales .grid.grid--pricing > div:first-child { justify-self: right; } .page-pricing .grid.grid--pricing > div:last-child, .page-easy-pricing .grid.grid--pricing > div:last-child, .page-sales .grid.grid--pricing > div:last-child { justify-self: left; } .page-pricing .grid.grid--pricing > div > div, .page-easy-pricing .grid.grid--pricing > div > div, .page-sales .grid.grid--pricing > div > div { font-size: 6rem; color: #4cabe9; } .page-pricing .grid.grid--pricing > div p, .page-easy-pricing .grid.grid--pricing > div p, .page-sales .grid.grid--pricing > div p { color: #475584; font-size: 1.6rem; line-height: 1.4em; } .page-pricing .grid.grid--pricing > div .callout, .page-easy-pricing .grid.grid--pricing > div .callout, .page-sales .grid.grid--pricing > div .callout { color: #4cabe9; font-size: 3.5rem; font-weight: 800; margin-bottom: 0px; line-height: 1em; } @media (max-width: 767px) { .page-pricing .grid.grid--pricing > div .callout + p, .page-easy-pricing .grid.grid--pricing > div .callout + p, .page-sales .grid.grid--pricing > div .callout + p { margin-bottom: 2rem; } } .page-pricing #calculator, .page-easy-pricing #calculator, .page-sales #calculator { background: none; width: 100%; padding: 15px 30px 30px; } @media (max-width: 767px) { .page-pricing #calculator, .page-easy-pricing #calculator, .page-sales #calculator { padding: 0; } } .page-pricing #calculator .grid.grid--calculator, .page-easy-pricing #calculator .grid.grid--calculator, .page-sales #calculator .grid.grid--calculator { position: relative; grid-template-columns: repeat(1, 1fr); grid-column-gap: 50px; align-items: center; /* #bargraph { @media (max-width:767px) { margin-top:7rem; } &.initial { //-webkit-filter: grayscale(1); //filter: grayscale(1); -webkit-filter: grayscale(.8) opacity(.5); filter: grayscale(.8) opacity(.5); opacity:.7; @media (max-width:767px) { display: none; } } .investment, #roi { display: none; } } .graph { width: 50%; float: left; .progress-bar{ height: 300px; background: none; .progress-track{ height: 100%; background: none; position: relative; } .progress-fill{ background: #72d0f4; height: 50%; top:50%; position: relative; @include transition(.5s all ease-in-out); > div { position: absolute; top: -50px; color: #032758; text-align: center; display: block; width: 100%; font-size: 2em; @include transition(.5s all ease-in-out); &.investment { display: none; } } } } } .investment-graph{ .progress-bar{ .progress-fill{ background: #032758; height: 25%; top:75%; } } } */ } @media (max-width: 991px) { .page-pricing #calculator .grid.grid--calculator, .page-easy-pricing #calculator .grid.grid--calculator, .page-sales #calculator .grid.grid--calculator { grid-column-gap: 30px; } } @media (max-width: 767px) { .page-pricing #calculator .grid.grid--calculator, .page-easy-pricing #calculator .grid.grid--calculator, .page-sales #calculator .grid.grid--calculator { grid-template-columns: none; } } .page-pricing #calculator .grid.grid--calculator form, .page-easy-pricing #calculator .grid.grid--calculator form, .page-sales #calculator .grid.grid--calculator form { text-align: center; width: 100%; margin: 0 auto; padding: 2em 7.45em; background: #F4EBE4; box-shadow: 0; } @media (max-width: 1000px) and (min-width: 768px) { .page-pricing #calculator .grid.grid--calculator form, .page-easy-pricing #calculator .grid.grid--calculator form, .page-sales #calculator .grid.grid--calculator form { text-align: center; width: 100%; padding: 4em 2em !important; } } @media (max-width: 575px) { .page-pricing #calculator .grid.grid--calculator form, .page-easy-pricing #calculator .grid.grid--calculator form, .page-sales #calculator .grid.grid--calculator form { padding: 4em 2em !important; width: 90%; } } .page-pricing #calculator .grid.grid--calculator form .label, .page-easy-pricing #calculator .grid.grid--calculator form .label, .page-sales #calculator .grid.grid--calculator form .label { font-size: 1.1rem; line-height: 1.4em; } .page-pricing #calculator .grid.grid--calculator form input, .page-easy-pricing #calculator .grid.grid--calculator form input, .page-sales #calculator .grid.grid--calculator form input { font-size: 1.5rem; border: none; padding: 5px; margin-top: 10px; margin-bottom: 1.5em; color: #485682; max-width: 100%; } .page-pricing #calculator .grid.grid--calculator form input::-webkit-input-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input::-webkit-input-placeholder, .page-sales #calculator .grid.grid--calculator form input::-webkit-input-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator form input::-moz-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input::-moz-placeholder, .page-sales #calculator .grid.grid--calculator form input::-moz-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator form input:-ms-input-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:-ms-input-placeholder, .page-sales #calculator .grid.grid--calculator form input:-ms-input-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator form input:-moz-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:-moz-placeholder, .page-sales #calculator .grid.grid--calculator form input:-moz-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator form input:focus::-webkit-input-placeholder, .page-pricing #calculator .grid.grid--calculator form input:active::-webkit-input-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:focus::-webkit-input-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:active::-webkit-input-placeholder, .page-sales #calculator .grid.grid--calculator form input:focus::-webkit-input-placeholder, .page-sales #calculator .grid.grid--calculator form input:active::-webkit-input-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator form input:focus::-moz-placeholder, .page-pricing #calculator .grid.grid--calculator form input:active::-moz-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:focus::-moz-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:active::-moz-placeholder, .page-sales #calculator .grid.grid--calculator form input:focus::-moz-placeholder, .page-sales #calculator .grid.grid--calculator form input:active::-moz-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator form input:focus:-ms-input-placeholder, .page-pricing #calculator .grid.grid--calculator form input:active:-ms-input-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:focus:-ms-input-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:active:-ms-input-placeholder, .page-sales #calculator .grid.grid--calculator form input:focus:-ms-input-placeholder, .page-sales #calculator .grid.grid--calculator form input:active:-ms-input-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator form input:focus:-moz-placeholder, .page-pricing #calculator .grid.grid--calculator form input:active:-moz-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:focus:-moz-placeholder, .page-easy-pricing #calculator .grid.grid--calculator form input:active:-moz-placeholder, .page-sales #calculator .grid.grid--calculator form input:focus:-moz-placeholder, .page-sales #calculator .grid.grid--calculator form input:active:-moz-placeholder { color: #ccc; } .page-pricing #calculator .grid.grid--calculator p.hobson, .page-easy-pricing #calculator .grid.grid--calculator p.hobson, .page-sales #calculator .grid.grid--calculator p.hobson { line-height: 1em; padding: 10px; } @media (max-width: 767px) { .page-pricing #calculator .grid.grid--calculator p.hobson, .page-easy-pricing #calculator .grid.grid--calculator p.hobson, .page-sales #calculator .grid.grid--calculator p.hobson { padding: 20px 10px; border-top: 1px solid #D8D8D8; margin-top: 25px; } } .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount { text-align: left; } @media (max-width: 991px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount { text-align: center; } } .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount strong { font-size: 4em; padding: 25px 0 20px; display: block; color: #4cabe9; line-height: 1em; } @media (max-width: 1000px) and (min-width: 576px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount strong { font-size: 3em; } } @media (max-width: 575px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount strong { font-size: 2.5em; } } .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text p, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount p, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text p, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount p, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text p, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount p { line-height: 1.25em; } .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text .invalid, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount .invalid, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text .invalid, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount .invalid, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text .invalid, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount .invalid { color: red; } @media (max-width: 767px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount { margin-top: 25px; } } .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg p, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg p, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg p { line-height: 1em; } .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg ul { padding: 0; color: #475584; margin-bottom: 0; list-style-position: inside; } .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul li, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul li, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg ul li { margin-bottom: 0; line-height: 1em; } @media (max-width: 991px) { .page-pricing #calculator .grid.grid--calculator #roicalc, .page-easy-pricing #calculator .grid.grid--calculator #roicalc, .page-sales #calculator .grid.grid--calculator #roicalc { padding: 0 30px; align-items: center; text-align: center; } } .page-pricing #calculator .calculate-button, .page-easy-pricing #calculator .calculate-button, .page-sales #calculator .calculate-button { background: #c2e5e5; color: #032758; } .page-pricing #calculator .calculate-button:hover, .page-pricing #calculator .calculate-button:focus, .page-easy-pricing #calculator .calculate-button:hover, .page-easy-pricing #calculator .calculate-button:focus, .page-sales #calculator .calculate-button:hover, .page-sales #calculator .calculate-button:focus { background: #E6F4F1; } .page-pricing #calculator .calculate-button:hover[disabled="disabled"], .page-pricing #calculator .calculate-button:focus[disabled="disabled"], .page-easy-pricing #calculator .calculate-button:hover[disabled="disabled"], .page-easy-pricing #calculator .calculate-button:focus[disabled="disabled"], .page-sales #calculator .calculate-button:hover[disabled="disabled"], .page-sales #calculator .calculate-button:focus[disabled="disabled"] { background: #c2e5e5; opacity: .65; } .page-pricing #calculator .calculate-button[name="reset"], .page-easy-pricing #calculator .calculate-button[name="reset"], .page-sales #calculator .calculate-button[name="reset"] { margin-bottom: 30px; } @media (min-width: 992px) { .page-pricing #calculator .grid.grid--calculator, .page-easy-pricing #calculator .grid.grid--calculator, .page-sales #calculator .grid.grid--calculator { display: block !important; width: 100%; } .page-pricing #calculator .grid.grid--calculator form, .page-easy-pricing #calculator .grid.grid--calculator form, .page-sales #calculator .grid.grid--calculator form { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; align-items: center; justify-content: center; padding: 3em 1em 2em; } .page-pricing #calculator .grid.grid--calculator .form-elements, .page-easy-pricing #calculator .grid.grid--calculator .form-elements, .page-sales #calculator .grid.grid--calculator .form-elements { padding: 0em 1em 0em; } } @media (min-width: 992px) and (max-width: 1061px) and (min-width: 991px) { .page-pricing #calculator .grid.grid--calculator .form-elements, .page-easy-pricing #calculator .grid.grid--calculator .form-elements, .page-sales #calculator .grid.grid--calculator .form-elements { padding: 0em 0.3em 0em; } } @media (min-width: 992px) { .page-pricing #calculator .grid.grid--calculator #roicalc, .page-easy-pricing #calculator .grid.grid--calculator #roicalc, .page-sales #calculator .grid.grid--calculator #roicalc { display: flex; justify-content: space-between; padding: 1.25em 0 1em; border-radius: 5px; } .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg { text-align: left; } .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount { text-align: center; } .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount strong { font-size: 3em; padding: 0.13em; display: block; color: #4cabe9; line-height: 1em; } } @media (min-width: 992px) and (max-width: 1000px) and (min-width: 576px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount strong { font-size: 3em; } } @media (min-width: 992px) and (max-width: 575px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text strong, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount strong { font-size: 2.5em; } } @media (min-width: 992px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text .invalid, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount .invalid, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text .invalid, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount .invalid, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text .invalid, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount .invalid { color: red; } } @media (min-width: 992px) and (max-width: 767px) { .page-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-text, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #roi-amount, .page-sales #calculator .grid.grid--calculator #roicalc #roi-text, .page-sales #calculator .grid.grid--calculator #roicalc #roi-amount { margin-top: 25px; } } @media (min-width: 992px) { .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg p, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg p, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg p { line-height: 1em; } .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg ul { padding: 0; color: #475584; margin-bottom: 0; list-style-position: inside; } .page-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul li, .page-easy-pricing #calculator .grid.grid--calculator #roicalc #supp-msg ul li, .page-sales #calculator .grid.grid--calculator #roicalc #supp-msg ul li { margin-bottom: 0; line-height: 1em; } .page-pricing #calculator .grid.grid--calculator #roicalc .column-left, .page-easy-pricing #calculator .grid.grid--calculator #roicalc .column-left, .page-sales #calculator .grid.grid--calculator #roicalc .column-left { padding: 0 50px; border-right: 2px solid #C2E5E5; } .page-pricing #calculator .grid.grid--calculator #roicalc .column-right, .page-easy-pricing #calculator .grid.grid--calculator #roicalc .column-right, .page-sales #calculator .grid.grid--calculator #roicalc .column-right { padding: 0 50px; } .page-pricing #calculator .calculate-button, .page-easy-pricing #calculator .calculate-button, .page-sales #calculator .calculate-button { padding: 0.45em 3em 0.55em; height: 45px; } } @media (max-width: 991px) { .page-pricing #calculator #roi-amount, .page-easy-pricing #calculator #roi-amount, .page-sales #calculator #roi-amount { border-bottom: 2px solid #C2E5E5; padding-bottom: 20px; max-width: 85%; margin: 0 auto 30px; } .page-pricing .calculate-button[name="reset"], .page-easy-pricing .calculate-button[name="reset"], .page-sales .calculate-button[name="reset"] { margin-top: 20px; margin-bottom: 30px; } } .page-pricing .flip-container.hover .flipper, .page-pricing .flip-container.flip .flipper, .page-easy-pricing .flip-container.hover .flipper, .page-easy-pricing .flip-container.flip .flipper, .page-sales .flip-container.hover .flipper, .page-sales .flip-container.flip .flipper { transform: rotateX(-180deg); } .page-pricing .flip-container, .page-pricing .front, .page-pricing .back, .page-easy-pricing .flip-container, .page-easy-pricing .front, .page-easy-pricing .back, .page-sales .flip-container, .page-sales .front, .page-sales .back { width: 100%; height: 250px; } @media (max-width: 991px) { .page-pricing .flip-container, .page-pricing .front, .page-pricing .back, .page-easy-pricing .flip-container, .page-easy-pricing .front, .page-easy-pricing .back, .page-sales .flip-container, .page-sales .front, .page-sales .back { height: 550px; } } .page-pricing .flip-container, .page-easy-pricing .flip-container, .page-sales .flip-container { perspective: 1000px; position: relative; /* flip speed goes here */ } .page-pricing .flip-container .flipper, .page-easy-pricing .flip-container .flipper, .page-sales .flip-container .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; transform-origin: 100% 125px; /* @media (max-width:767px) { transform-origin:100% 325px; } */ /* hide back of pane during swap */ } @media (max-width: 991px) { .page-pricing .flip-container .flipper, .page-easy-pricing .flip-container .flipper, .page-sales .flip-container .flipper { transform-origin: 100% 275px; } } .page-pricing .flip-container .flipper .front, .page-pricing .flip-container .flipper .back, .page-easy-pricing .flip-container .flipper .front, .page-easy-pricing .flip-container .flipper .back, .page-sales .flip-container .flipper .front, .page-sales .flip-container .flipper .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .page-pricing .flip-container .flipper .front, .page-easy-pricing .flip-container .flipper .front, .page-sales .flip-container .flipper .front { z-index: 2; /* for firefox 31 */ transform: rotateX(0deg); background-color: #F4EBE4; } .page-pricing .flip-container .flipper .back, .page-easy-pricing .flip-container .flipper .back, .page-sales .flip-container .flipper .back { transform: rotateX(180deg); } /* .page-easy-pricing, .page-easy-pricing-alt { .price--block div:nth-of-type(2) { font-size: 2.6rem; line-height: 1em; padding-bottom: 0.8rem; @media (max-width:991px) { font-size: 2rem; } } } */ .page-pricing .template-request-form, .page-easy-pricing .template-request-form, .page-sales .template-request-form { background-color: transparent; position: relative; z-index: 1; } .page-pricing .template-request-form .row, .page-easy-pricing .template-request-form .row, .page-sales .template-request-form .row { position: relative; z-index: 2; } .page-pricing .template-request-form .container:after, .page-easy-pricing .template-request-form .container:after, .page-sales .template-request-form .container:after { content: ''; position: absolute; left: 0; right: 0; top: 23%; background: #c2e5e5; height: 100%; z-index: 0; } .page-pricing .template-request-form img, .page-easy-pricing .template-request-form img, .page-sales .template-request-form img { max-width: 330px; margin-bottom: 3rem; margin: 0 auto 1rem; text-align: center; } .page-pricing .template-request-form section.container .row .heading, .page-easy-pricing .template-request-form section.container .row .heading, .page-sales .template-request-form section.container .row .heading { text-align: center !important; } .page-pricing .template-request-form h2, .page-easy-pricing .template-request-form h2, .page-sales .template-request-form h2 { margin-bottom: 0; text-align: left; margin: 0 auto; max-width: 550px; } .page-pricing .template-request-form section.container .form, .page-easy-pricing .template-request-form section.container .form, .page-sales .template-request-form section.container .form { padding: 30px 5%; } @media (max-width: 575px) { .page-pricing .template-request-form .col, .page-easy-pricing .template-request-form .col, .page-sales .template-request-form .col { padding-right: 0; padding-left: 0; } } .page-pricing .template-request-form, .page-easy-pricing .template-request-form, .page-sales .template-request-form { background-color: #c2e5e5; /* &:before{ content: ''; display: block; position: absolute; z-index: -1; width: 100%; height: 736px; background-color: #c2e5e5; -webkit-clip-path: polygon(0 50%, 100% 5%, 100% 100%, 0 100%); clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0 100%); @media (max-width:991px) and (min-width:480px) { height:1030px; -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); clip-path: polygon(0 0, 100% 0, 100% 70%, 0 95%); } }*/ } .page-pricing .template-request-form:before, .page-easy-pricing .template-request-form:before, .page-sales .template-request-form:before { content: ''; display: block; position: absolute; z-index: -1; width: 100%; top: -120px; height: 200px; background: #c2e5e5; -webkit-clip-path: polygon(0 50%, 100% 5%, 100% 100%, 0 100%); clip-path: polygon(0 50%, 100% 5%, 100% 100%, 0 100%); } @media (max-width: 991px) and (min-width: 480px) { .page-pricing .template-request-form:before, .page-easy-pricing .template-request-form:before, .page-sales .template-request-form:before { height: 230px; } } @media (max-width: 479px) { .page-pricing .template-request-form:before, .page-easy-pricing .template-request-form:before, .page-sales .template-request-form:before { height: 230px; } } @media (min-width: 950px) { .page-pricing .template-request-form .row, .page-easy-pricing .template-request-form .row, .page-sales .template-request-form .row { align-items: center; grid-template-columns: 3fr 2fr !important; } .page-pricing .template-request-form .row .col, .page-easy-pricing .template-request-form .row .col, .page-sales .template-request-form .row .col { padding: 0; } } @media (max-width: 949px) { .page-pricing .template-request-form .row, .page-easy-pricing .template-request-form .row, .page-sales .template-request-form .row { display: block; } } .page-pricing .template-request-form section.container, .page-easy-pricing .template-request-form section.container, .page-sales .template-request-form section.container { padding: 6rem 0; padding-top: 0; margin-top: 10rem; } @media (min-width: 950px) { .page-pricing .template-request-form section.container .row .heading, .page-easy-pricing .template-request-form section.container .row .heading, .page-sales .template-request-form section.container .row .heading { padding: 0 60px 0 0; } } @media (max-width: 949px) { .page-pricing .template-request-form section.container .row .heading, .page-easy-pricing .template-request-form section.container .row .heading, .page-sales .template-request-form section.container .row .heading { padding: 0 0px 4rem 0; } } .page-pricing .template-request-form section.container .form, .page-easy-pricing .template-request-form section.container .form, .page-sales .template-request-form section.container .form { padding: 60px 5%; } .page-pricing .template-request-form section.container .form-cta, .page-easy-pricing .template-request-form section.container .form-cta, .page-sales .template-request-form section.container .form-cta { font-size: 1.75rem; text-align: center; font-weight: 700; } .page-pricing .template-request-form section.container .mktoForm .mktoFormCol .mktoFieldWrap input, .page-easy-pricing .template-request-form section.container .mktoForm .mktoFormCol .mktoFieldWrap input, .page-sales .template-request-form section.container .mktoForm .mktoFormCol .mktoFieldWrap input { padding: 1rem 1.5rem; } .page-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(1), .page-easy-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(1), .page-sales .template-request-form section.container .mktoForm .mktoFormRow:nth-child(1) { grid-column-start: 1; grid-column-end: 2; } .page-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(2), .page-easy-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(2), .page-sales .template-request-form section.container .mktoForm .mktoFormRow:nth-child(2) { grid-column-start: 1; grid-column-end: 2; } .page-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(3), .page-easy-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(3), .page-sales .template-request-form section.container .mktoForm .mktoFormRow:nth-child(3) { grid-column-start: 2; grid-column-end: 3; } .page-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(4), .page-easy-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(4), .page-sales .template-request-form section.container .mktoForm .mktoFormRow:nth-child(4) { grid-column-start: 1; grid-column-end: 2; } .page-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(5), .page-easy-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(5), .page-sales .template-request-form section.container .mktoForm .mktoFormRow:nth-child(5) { grid-column-start: 2; grid-column-end: 3; } .page-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(6), .page-easy-pricing .template-request-form section.container .mktoForm .mktoFormRow:nth-child(6), .page-sales .template-request-form section.container .mktoForm .mktoFormRow:nth-child(6) { grid-column-start: 1; grid-column-end: 3; } .page-pricing .template-request-form section.container .mktoForm .mktoButtonRow, .page-easy-pricing .template-request-form section.container .mktoForm .mktoButtonRow, .page-sales .template-request-form section.container .mktoForm .mktoButtonRow { width: 80%; margin: 0 auto; } .page-pricing .template-request-form section.container .mktoButtonRow:after, .page-easy-pricing .template-request-form section.container .mktoButtonRow:after, .page-sales .template-request-form section.container .mktoButtonRow:after { font-family: 'Apercu', sans-serif; content: '*We take your privacy seriously and do not share your information with third parties.'; display: block; font-weight: 600; font-size: .8rem; line-height: 1.2em; color: #032758; margin-top: 1rem; text-align: center; } .page-pricing .template-request-form img, .page-easy-pricing .template-request-form img, .page-sales .template-request-form img { max-width: 330px; margin-bottom: 3rem; } .page-pricing .template-request-form h2, .page-easy-pricing .template-request-form h2, .page-sales .template-request-form h2 { color: #032758; margin-bottom: 3rem; } @media (max-width: 767px) { .page-pricing .template-request-form h2, .page-easy-pricing .template-request-form h2, .page-sales .template-request-form h2 { margin-bottom: 0; } } .page-pricing .template-request-form ul, .page-easy-pricing .template-request-form ul, .page-sales .template-request-form ul { list-style: none; margin: 0; padding: 0; } @media (min-width: 950px) { .page-pricing .template-request-form ul, .page-easy-pricing .template-request-form ul, .page-sales .template-request-form ul { padding: 0 0 0 0%; } } @media (min-width: 650px) { .page-pricing .template-request-form ul, .page-easy-pricing .template-request-form ul, .page-sales .template-request-form ul { -webkit-columns: 2; -moz-columns: 2; columns: 2; } } @media (max-width: 767px) { .page-pricing .template-request-form ul, .page-easy-pricing .template-request-form ul, .page-sales .template-request-form ul { display: none; } } .page-pricing .template-request-form ul li, .page-easy-pricing .template-request-form ul li, .page-sales .template-request-form ul li { color: #032758; font-size: 1.2em; font-weight: 300; margin-bottom: .5em; } .page-pricing .grid--footer, .page-easy-pricing .grid--footer, .page-sales .grid--footer { margin-top: 0; border-top: 0; } .page-easy-pricing .price--block .column-left div:nth-of-type(1) h2 { font-size: 2.3em; } @media (max-width: 475px) { .page-easy-pricing .price--block .column-left div:nth-of-type(1) h2 { font-size: 1.9em; } } .page-sales .navbar-toggler, .page-sales .navbar-collapse, .page-sales #request-a-demo, .page-sales .template-request-form, .page-sales #calculator--block, .page-sales .snipe, .page-sales a.btn { display: none !important; } .page-sales footer { display: none; } .page-sales .grid--footer { border-top: 1px solid #D8D8D8; margin-top: 40px; } .page-sales .price--block:nth-of-type(2) p, .page-sales .price--block .column-left ul { margin-bottom: 0; } .page-sales header.scroll { opacity: 0; } .page-sales #Lolli { top: -10px; } .page-sales #Baloon_Thin_LightBlue2 { top: 250px; } .page-sales #Baloon_Red { top: 230px; } @media (max-width: 1000px) { .page-sales #Baloon_Red { top: 40px; } } .page-sales .grid.grid--pricing { margin-bottom: 70px; } .page-sales .navbar { padding-bottom: 0; } .page-sales header.scroll--start + main { padding-top: 68px; } p.subhead { font-size: 2rem; color: #032758; line-height: 1.1; font-weight: 700; } .values .grid { grid-template-columns: 1fr 1fr 1fr; -ms-grid-columns: 1fr 50px 1fr 50px 1fr; grid-template-rows: auto; grid-row-gap: 50px; } .values .grid div { text-align: left; } .values .grid div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .values .grid div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .values .grid div:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .values .grid div:nth-of-type(4) { -ms-grid-row: 2; -ms-grid-column: 1; } .values .grid div:nth-of-type(5) { -ms-grid-row: 2; -ms-grid-column: 3; } .values .grid div:nth-of-type(6) { -ms-grid-row: 2; -ms-grid-column: 5; } .values .grid img { display: none; } .values h2 { color: #4cabe9; } @media (max-width: 499px) { .perks { padding-left: 0px !important; padding-right: 0px !important; } } .perks .card { text-align: center; position: relative; width: 30%; min-height: 25vw; margin: 0 1.5% 3%; background-color: white; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } @media (max-width: 991px) { .perks .card { width: 47%; min-height: 41vw; } } @media (max-width: 800px) { .perks .card { width: 80%; min-height: 70vw; margin: 0 0% 5%; } } @media (max-width: 475px) { .perks .card { width: 100%; } } .perks .card .card-body { padding: 1.5rem 2.5rem; } .perks .card img { width: 100px; margin-bottom: 15px; } .perks .card ul { margin: 0; text-align: left; padding: 0; list-style: none; } .perks .card ul li { line-height: 1em; padding-bottom: 1em; margin-bottom: 0; } .perks .card h2 { margin-bottom: 30px; } .perks p { font-weight: 500; } .perks p a { color: #032758; } .jobs h2 { margin-bottom: 1.5rem; } .jobs .grid > div { text-align: left; padding-top: 1rem; border-top: solid 4px #4cabe9; } .jobs .grid > div h4 { font-size: 1.25rem; } .jobs .grid > div a { display: inline-block; color: #032758; margin-top: 1.5rem; } #wrapper { margin: 0 auto; max-width: 90%; /* #wrapper { display: grid; grid-template-columns: 1fr 1fr; } */ } #wrapper #logo, #wrapper h1, #wrapper h2 { display: none; } #wrapper section { margin-bottom: 4rem; } #wrapper h3 { margin-bottom: 0.7rem; font-size: 2.1875rem; font-weight: 700; color: #4cabe9; } #wrapper .opening a { color: #032758; font-weight: 500; font-size: 1.43rem; display: inline; margin-right: 2rem; } #wrapper .location { color: #969696; font-size: 1.43rem; } .ie .perks h2 { width: 100%; } .ie .quote-text { width: 100%; } .page-about-us section.container-fluid, .page-about-us section.container { padding: 4rem 0 0; } .page-about-us .jumbotron { position: relative; z-index: 0; padding: 10rem 5rem; background-size: cover; background-position: center; overflow: hidden; } .page-about-us .jumbotron h1 { position: relative; z-index: 2; font-size: 6rem; line-height: 1em; color: white; font-weight: 400; } @media (max-width: 991px) { .page-about-us .jumbotron h1 { font-size: 5rem; } } @media (max-width: 834px) { .page-about-us .jumbotron { padding: 7rem 3rem; } .page-about-us .jumbotron h1 { font-size: 4rem; } } @media (max-width: 550px) { .page-about-us .jumbotron { padding: 6rem 0rem; } .page-about-us .jumbotron h1 { font-size: 3rem; } } .page-about-us .jumbotron:after { content: ''; position: absolute; left: -1%; top: -1%; height: 102%; width: 102%; background: #032758; opacity: .3; z-index: 1; } @media (max-width: 767px) { .page-about-us .col-sm-10 { padding-left: 0px !important; padding-right: 0px !important; } } .page-about-us .row.text-center .h1 { max-width: 740px; } .page-about-us section.method { padding: 4rem 0 2rem; } @media (max-width: 767px) { .page-about-us section.method { padding-left: 0px !important; padding-right: 0px !important; } } .grid--about { padding: 0; position: relative; } @media (min-width: 1000px) { .grid--about > div { display: block; position: relative; float: left; width: 37%; height: 100%; z-index: 1; } .grid--about > div:nth-child(1) { left: -4%; } .grid--about > div:nth-child(2) { left: 31.5%; top: 50px; position: absolute; z-index: 2; } .grid--about > div:nth-child(2) .card-body { background-color: #c2e5e5; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); } .grid--about > div:nth-child(3) { left: 30%; } .grid--about > div:nth-child(3) .card-body { background-color: #f2d677; } .grid--about .card { -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .grid--about .card:hover, .grid--about .card:focus { z-index: 4; transition: all 0.15s ease-in-out; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); transform: scale(1.014); } .grid--about > div:nth-child(2) .card-body { -webkit-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .grid--about > div:nth-child(2) .card-body:hover, .grid--about > div:nth-child(2) .card-body:focus { z-index: 4; transition: all 0.15s ease-in-out; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); transform: scale(1.014); } } .grid--about > div:nth-child(2) .card-body { background-color: #c2e5e5; } .grid--about > div:nth-child(3) .card-body { background-color: #f2d677; } .grid--about .card { border: 0; margin-bottom: 30px; } .grid--about .card-body { padding: 10%; background-color: #e28789; border-radius: 5px; text-align: center; } .grid--about .card-body a.btn { margin-top: 20px; } .container-overflow { position: relative; cursor: ew-resize; padding-right: 65px; padding-left: 65px; } @media (max-width: 767px) { .container-overflow { padding-right: 30px; padding-left: 30px; } } .container-overflow .row { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .container-overflow .row::-webkit-scrollbar { display: none; } .container-overflow .col { -webkit-box-flex: 0; -ms-flex: 0 0 auto; width: 280px; padding: 0; flex: 0 0 auto; } .container-overflow .col:first-of-type { margin-left: 5%; } .container-overflow .col:first-of-type { width: calc(280px - .75rem); } .container-overflow .col:first-of-type .card-body { padding-left: 0; } .container-overflow .col:first-of-type .dot:before { display: none; } .container-overflow .card { border: 0; box-shadow: none; } .container-overflow .card-body { text-align: center; padding: 1.5rem; } .container-overflow .card-title { height: 80px; line-height: 1.25em; } .container-overflow .dot { width: 30px; height: 30px; background: #4cabe9; display: inline-block; margin: 0.75rem 0 1.25rem; border-radius: 50%; } .container-overflow .dot:before, .container-overflow .dot:after { content: ''; position: absolute; height: 2px; background-color: #4cabe9; width: 50%; left: 0; margin-top: 14px; } .container-overflow .dot:after { left: inherit; right: 0; } .container-overflow .card-text.dateline { color: #032758; text-align: center; font-weight: 700; font-size: 2.1875rem; } .container-overflow #flow-right, .container-overflow #flow-left { position: absolute; right: 30px; top: 50%; margin-top: 19px; } @media (max-width: 767px) { .container-overflow #flow-right, .container-overflow #flow-left { right: 0px; } } .container-overflow #flow-left { right: inherit; left: 30px; display: none; } @media (max-width: 767px) { .container-overflow #flow-left { left: 0px; } } .team { margin-bottom: 3rem; } .team .card.row { flex-direction: row; outline: 0; } .team .card > .card-elem:first-child { width: 350px; background-size: cover; background-position: center top; border-radius: 0.25rem 0 0 0.25em; } .team .card > .card-elem:last-child { width: calc(100% - 350px); padding: 80px 30px; } .team .card-elem h2 { margin-bottom: 0; } .team .card-elem p { margin-bottom: 5px; } @media (max-width: 767px) { .team .card.row { display: block; } .team .card > .card-elem:first-child { width: 100%; height: 80vw; } .team .card > .card-elem:last-child { width: 100%; padding: 30px 30px; } } @media (max-width: 561px) { .team { width: 90%; margin: 0 auto; } .team .card p { line-height: 1.25em; font-size: 1.2rem; } .team #team--focus { display: none; } } .team .slick-prev { left: -45px; } .team .slick-next { right: -45px; } @media (min-width: 562px) { .team .team--slider { display: none; } } @media (max-width: 767px) { .team .slick-list { overflow: visible; } } .grid--team { grid-template-columns: repeat(4, 1fr); -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr; -ms-grid-rows: 1fr 1fr; /* &.slider-nav { display: block; .card { width:24%; display: inline-block; margin-right:.5%; #team--bio { display: none; } } .slick-track { width:100%!important; display:grid; grid-template-columns: repeat(4, 1fr); &:before, &:after { display: none; } .slick-slide { width: auto!important; } } } */ } .grid--team > a:nth-of-type(5), .grid--team > div:nth-of-type(5) { -ms-grid-row: 2; -ms-grid-column: 1; } .grid--team > a:nth-of-type(6), .grid--team > div:nth-of-type(6) { -ms-grid-row: 2; -ms-grid-column: 3; } .grid--team > a:nth-of-type(7), .grid--team > div:nth-of-type(7) { -ms-grid-row: 2; -ms-grid-column: 5; } .grid--team > a:nth-of-type(8), .grid--team > div:nth-of-type(8) { -ms-grid-row: 2; -ms-grid-column: 7; } .grid--team .card { box-shadow: none; border: 0; cursor: pointer; } .grid--team .card > .card-elem:first-child { height: 24vw; background-size: cover; background-position: center top; } .grid--team .card > .card-elem { padding: 15px 0; text-align: left; } .grid--team .card .card-elem.card-image { border-radius: 5px; } .grid--team .card:first-child .card-image, .grid--team .card.default.active .card-image { border: 4px solid #4cabe9; } .grid--team .card.default .card-image { border: none; } @media (max-width: 991px) { .grid--team { grid-template-columns: repeat(4, 1fr); } .grid--team .card > .card-elem:first-child { height: 24vw; } } @media (max-width: 800px) { .grid--team { grid-template-columns: repeat(3, 1fr); } .grid--team .card > .card-elem:first-child { height: 26vw; } } @media (max-width: 767px) { .grid--team { display: grid; grid-column-gap: 30px; grid-row-gap: 30px; grid-template-columns: repeat(2, 1fr); } .grid--team .card > .card-elem:first-child { height: 50vw; } } @media (max-width: 561px) { .grid--team { display: none; grid-template-columns: repeat(2, 1fr); } .grid--team .card > .card-elem:first-child { height: 50vw; } } .grid--awards { padding: 0; position: relative; } @media (max-width: 1000px) { .grid--awards { padding: 0 !important; width: 100%; } } .grid--awards .card { border: 0; box-shadow: none; margin: 0 1rem 2rem; width: 16%; } @media (max-width: 1000px) { .grid--awards .card { width: 27%; } } @media (max-width: 767px) { .grid--awards .card { width: 40%; } } @media (max-width: 475px) { .grid--awards .card { width: 90%; } } .grid--awards .card-image img { width: 100%; } .grid--awards .card-body { padding: 0; border-radius: 5px; text-align: center; } .grid--investors { padding: 0; position: relative; } @media (max-width: 1000px) { .grid--investors { padding: 0 !important; width: 100%; } } .grid--investors .card { border: 0; box-shadow: none; margin: 0 1rem 2rem; width: 25%; } @media (max-width: 1000px) { .grid--investors .card { width: 27%; } } @media (max-width: 767px) { .grid--investors .card { width: 40%; } } @media (max-width: 475px) { .grid--investors .card { width: 90%; } } .grid--investors .card-image img { width: 100%; } .grid--investors .card-body { padding: 0; border-radius: 5px; text-align: center; } @media (max-width: 991px) and (min-width: 576px) { .page-main-blog .blog .side-articles, .page-blog .blog .side-articles, .page-category .blog .popular { display: grid !important; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } } .page-blog-detail { padding-left: 15px; padding-right: 15px; } .search-bar { background: #f4f4f4; padding: 10px 30px 10px 15px; margin-bottom: 35px; } @media (max-width: 767px) { .search-bar { display: block !important; } } .search-bar .search-title { width: 36%; padding-right: 15px; min-width: 180px; margin: 0; } @media (max-width: 767px) { .search-bar .search-title { width: 100%; padding: 0 30px; min-width: 0; margin: 0 0 1rem; text-align: center; } } .search-bar form .form-control { margin-right: 1rem; } .search-bar form button { padding: 0.25em 1.5em; } .search-bar input::placeholder { color: #a5a5a5 !important; } .search-bar .btn--subscribed { background: #82cd9d; } .search-bar .btn--subscribed:hover, .search-bar .btn--subscribed:focus { background: #82cd9d; color: white; cursor: default; } .template-download.search-bar { padding: 30px 30px 10px; /* @media (max-width:767px) { .blog.blog--header { padding-bottom: 0; } } */ } .template-download.search-bar > div { width: 50%; padding: 30px 0 30px 30px; } @media (max-width: 767px) { .template-download.search-bar > div { width: 100%; padding: 30px 0; } } .template-download.search-bar > div .search-title { width: 100%; padding-bottom: 20px; } .template-download.search-bar > div .mktoForm { display: block; width: 100% !important; } .template-download.search-bar > div .mktoForm .mktoFormCol { padding-bottom: 15px; } .template-download.search-bar > div .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton { padding-left: 1em !important; padding-right: 1em !important; margin-top: 20px; padding: 0.85em !important; font-size: 1.55em !important; background: #f2d677 !important; color: #032758 !important; } .template-download.search-bar > div .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:hover, .template-download.search-bar > div .mktoForm .mktoButtonRow .mktoButtonWrap .mktoButton:focus { background: #72d0f4 !important; } .template-download.search-bar > div .mktoForm .mktoButtonRow { width: 100%; } @media (max-width: 767px) { .template-download.search-bar figure { margin: 0 auto; } } @media (max-width: 455px) { .template-download.search-bar figure { width: 100% !important; } } @media (max-width: 455px) { .template-download.search-bar figure img { height: auto; width: 100%; } } .blog { padding: 3rem 0; } @media (max-width: 767px) { .blog { padding: 1.5rem 0px 3rem !important; } } @media (max-width: 575px) { .blog { padding: 1.5rem 15px 3rem !important; } } @media (max-width: 991px) { .blog .container, .blog .col-md-12 { padding-left: 0px !important; padding-right: 0px !important; } } .blog h1 { margin-bottom: 3rem; } .blog .blog--body { width: 100%; } @media (max-width: 991px) { .blog .row { margin: 0; } } .blog.blog-cat-guest-blog { display: none; } .blog article { position: relative; background-color: #4cabe9; height: 100%; } .blog article[data-category="latest"] { background-color: #4cabe9; } .blog article[data-category="industry"] { background-color: #e28789; } .blog article[data-category="product_updates"] { background-color: #4cabe9; } .blog article[data-category="culture"] { background-color: #f2d677; } .blog article[data-category="trends"] { background-color: #30719a; } .blog article[data-category="guest-blog"] { display: none; } .blog article[data-category="restaurants"] { background-color: #4cabe9; } .blog article[data-category="multi-purpose-venues"] { background-color: #e28789; } .blog article[data-category="catering"] { background-color: #4cabe9; } .blog article[data-category="wedding-venues"] { background-color: #f2d677; } .blog article[data-category="breweries"] { background-color: #30719a; } .blog article[data-category="wineries"] { background-color: #c2e5e5; } .blog article[data-category="food-trucks"] { background-color: #F4EBE4; } .blog article .article-image { position: relative; display: block; width: 100%; height: 25vw; min-height: 400px; background-size: cover; background-position: center center; z-index: 1; border-radius: 5px 5px 0 0; position: relative; overflow: hidden; } .blog article .article-image:before { content: ''; position: absolute; top: -1%; left: -1%; width: 102%; height: 102%; background: #032758; opacity: .1; } .blog article .article-body { position: relative; width: calc(100% - 20px); height: auto; z-index: 2; margin: 0 auto 10px; margin-top: -80px; padding: 2rem; background: white; } .blog article h2 { font-size: 1.75rem; margin-top: .5rem; } .blog article p { font-size: 1rem; } .blog article .category, .blog article .read { display: inline-block; } .blog article .category { margin-right: 2rem; } .blog article a.category { padding-bottom: .325em; } .blog article small { font-weight: 500; } .blog article a { color: #032758; } .blog article a:hover, .blog article a:focus { color: #032758; } .blog article a.read-more { color: #4cabe9; } @media (max-width: 991px) { .blog .col-lg-4 { margin-bottom: 30px; } } .blog.blog--featured article { height: auto; } @media (max-width: 991px) { .blog.blog--featured article { margin-bottom: 20px; } } .blog.blog--featured article h2 { font-size: 2.1875rem; } .blog.blog--featured article p { font-size: 1.125rem; } .blog.blog--featured .article-body { display: flex; flex-direction: column; justify-content: space-between; } .blog.blog--featured .category.h6 { display: none; } @media (max-width: 991px) { .blog.blog--featured .pr-4 { padding: 0 15px !important; } } .blog.blog--category { padding: 3rem 0; } @media (min-width: 992px) { .blog.blog--category .col-lg-4 { margin-bottom: 60px; } } @media (max-width: 991px) { .blog.blog--category .col-lg-6 { margin-bottom: 20px; } } .blog.blog--category article { height: auto; padding-bottom: 1px; } .blog.blog--category .article-image { height: 19vw; min-height: 310px; } .blog.blog--category .article-body { display: flex; flex-direction: column-reverse; } .blog.blog--category .article-body h2 { margin-top: 0; margin-bottom: 1rem; } .blog.blog--category .article-body .category { display: none; } .blog.blog--category .article-body p { color: #032758; } .blog.blog--category .article-body small { margin-top: 2rem; } .blog .side-articles article { background-color: none; border: solid 10px #4cabe9; margin-bottom: 20px; height: auto; } .blog .side-articles article[data-category="latest"] { border-color: #4cabe9; } .blog .side-articles article[data-category="industry"] { border-color: #e28789; } .blog .side-articles article[data-category="product_updates"] { border-color: #4cabe9; } .blog .side-articles article[data-category="culture"] { border-color: #f2d677; } .blog .side-articles article[data-category="trends"] { border-color: #30719a; } .blog .side-articles article h2 { font-size: 1.5rem; margin-bottom: 1rem; } .blog .side-articles article .article-image { display: none; border-radius: 5px; } .blog .side-articles article .article-body { margin-top: 0; margin: 0 auto; width: 100%; padding: 1rem 2rem; height: 100%; display: flex; flex-direction: column; justify-content: space-around; } .blog .side-articles article .article-body p { display: none; } .blog .side-articles article:last-of-type { margin-bottom: 0; } .blog .side-articles article .category.h6 { display: inline-block; } @media (max-width: 991px) { .blog .side-articles { margin-top: 50px; padding: 0 15px !important; } } .blog .side-articles .code-block { margin: 0 auto 30px !important; } .page-category .blog .side-articles article { border: 0; border-top: 1px solid #969696; border-radius: 0; padding: 1.5rem 0 0.25rem; background: none; display: flex; flex-direction: row-reverse; } .page-category .blog .side-articles article .article-image { display: block; height: 9vw; max-height: 130px; width: 45%; min-height: 0; } .page-category .blog .side-articles article .article-body { width: 90%; padding: 0 1.5rem 0 0; height: auto; display: flex; flex-direction: column-reverse; justify-content: flex-end; } .page-category .blog .side-articles article .article-body p { display: none; } .page-category .blog .side-articles article h2 { font-size: 1.25rem; margin-top: 0; } .page-category .blog .side-articles article:hover, .page-category .blog .side-articles article:focus { box-shadow: none; transform: none; } .page-category .blog .side-articles .category.h5, .page-category .blog .side-articles .category.h6 { display: none; } .page-blog-detail .blog .side-articles .h3 { padding-bottom: .5rem; border-bottom: 1px solid #969696; margin-bottom: 1.5rem; } .page-blog-detail .blog .side-articles article { border: 0; padding: 0.5rem 0 0.25rem; background: none; display: flex; flex-direction: row-reverse; } .page-blog-detail .blog .side-articles article .article-image { display: block; height: 9vw; max-height: 130px; width: 45%; min-height: 0; } .page-blog-detail .blog .side-articles article .article-body { width: 90%; padding: 0 1.5rem 0 0; height: auto; display: flex; flex-direction: column-reverse; justify-content: flex-end; } .page-blog-detail .blog .side-articles article .article-body p { display: none; } .page-blog-detail .blog .side-articles article h2 { font-size: 1.25rem; margin-top: 0; } .page-blog-detail .blog .side-articles article:hover, .page-blog-detail .blog .side-articles article:focus { box-shadow: none; transform: none; } .page-blog-detail .blog .side-articles .category.h5, .page-blog-detail .blog .side-articles .category.h6 { display: none; } .page-blog-detail .blog.blog--header { justify-content: space-between; } .page-blog-detail .blog.blog--header nav { font-size: .8rem; } @media (max-width: 575px) { .page-blog-detail .blog.blog--header { padding: 0; } } .page-blog-detail .blog .blog--image { height: 470px; background-size: cover; background-position: center; } @media (max-width: 1200px) { .page-blog-detail .blog .blog--image { height: 590px; } } @media (max-width: 767px) { .page-blog-detail .blog .blog--image { height: 380px; } } @media (max-width: 591px) { .page-blog-detail .blog .blog--image { height: 70vw; } } .page-blog-detail .blog .blog--image.tall { height: 650px; } @media (max-width: 1200px) { .page-blog-detail .blog .blog--image.tall { height: 890px; } } @media (max-width: 991px) { .page-blog-detail .blog .blog--image.tall { height: 590px; } } @media (max-width: 767px) { .page-blog-detail .blog .blog--image.tall { height: 380px; } } @media (max-width: 591px) { .page-blog-detail .blog .blog--image.tall { height: 70vw; } } @media (max-width: 991px) { .page-blog-detail .blog .blog--header-content { margin-bottom: 5vw; } } .page-blog-detail .blog .blog--header-content h1 { margin-bottom: 2rem; } .page-blog-detail .blog .blog--header-content .blog--author { font-size: 1.5rem; } .page-blog-detail .blog .blog--header-content .post--image img { height: auto; margin-bottom: 0; } .page-blog-detail .blog .blog--body article { background: none; height: auto; } .page-blog-detail .blog .blog--body article p { font-size: 1.25rem; line-height: 2rem; color: #032758; } .page-blog-detail .blog .blog--body article p a { padding-bottom: 0; } .page-blog-detail .blog .blog--body article h2, .page-blog-detail .blog .blog--body article h3 { margin-top: 3rem; } .page-blog-detail .blog .blog--body article h2 a { line-height: 1.4em; padding-bottom: 0; } .page-blog-detail .blog .blog--body article blockquote { margin: 3rem 0 5rem; } .page-blog-detail .blog .blog--body article blockquote p strong { font-size: 2.3rem; font-style: italic; line-height: 1.2em; margin-bottom: 1rem; margin: 0; display: block; } @media (max-width: 575px) { .page-blog-detail .blog .blog--body article blockquote { margin: 1rem 0 3rem; } .page-blog-detail .blog .blog--body article blockquote p strong { font-size: 1.7rem; } } .page-blog-detail .blog .blog--body article img { width: auto; height: auto; margin: 2rem auto 1rem; } .page-blog-detail .blog .blog--body article img.size-large, .page-blog-detail .blog .blog--body article img.size-full { width: 100%; } @media (max-width: 575px) { .page-blog-detail .blog .blog--body article img { width: 100%; } } .page-blog-detail .blog .blog--body article img.aligncenter { text-align: center; display: inherit; max-width: 600px; } .page-blog-detail .blog .blog--body article img.alignright { text-align: right; display: inherit; } .page-blog-detail .blog .blog--body article img.size-medium { max-width: 600px; } .page-blog-detail .blog .blog--body article img.size-small, .page-blog-detail .blog .blog--body article img.size-thumbnail { max-width: 300px; } .page-blog-detail .blog .blog--body article figure { width: 100% !important; } @media (max-width: 575px) { .page-blog-detail .blog .blog--body article figure { width: 100% !important; } } .page-blog-detail .blog .blog--body article figure img { width: 100%; } .page-blog-detail .blog .blog--body article figure img.size-medium { max-width: 600px; } .page-blog-detail .blog .blog--body article figure img.size-small, .page-blog-detail .blog .blog--body article figure img.size-thumbnail { max-width: 300px; } .page-blog-detail .blog .blog--body article figure.aligncenter { text-align: center; max-width: 600px; } .page-blog-detail .blog .blog--body article figure.alignright { text-align: right; } .page-blog-detail .blog .blog--body article .alignleft, .page-blog-detail .blog .blog--body article .alignright { width: 30% !important; float: left; margin: 0 2rem 1rem 0; } .page-blog-detail .blog .blog--body article .alignleft img, .page-blog-detail .blog .blog--body article .alignright img { margin: 0 0 0.5rem; width: 100%; } .page-blog-detail .blog .blog--body article .alignleft figcaption, .page-blog-detail .blog .blog--body article .alignright figcaption { line-height: 1em; } @media (max-width: 480px) { .page-blog-detail .blog .blog--body article .alignleft, .page-blog-detail .blog .blog--body article .alignright { width: 100% !important; float: none; margin: 0 0 1rem; } } .page-blog-detail .blog .blog--body article .alignright { float: right; margin: 0 0 1rem 2rem; } .page-blog-detail .blog .blog--body article .blog--bio { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #D8D8D8; } .page-blog-detail .blog .blog--body article .blog--bio-image img { width: 100px; height: 100px; border-radius: 50%; margin: 0; margin-right: 30px; } .page-blog-detail .blog .blog--body article .blog--bio-content strong { font-size: 1.25rem; } .page-blog-detail .blog .blog--body article .blog--bio-content p { font-size: 1rem; line-height: 1.4; margin-top: 0.6rem; color: #475584; } .page-blog-detail .blog .blog--body article ul, .page-blog-detail .blog .blog--body article ol { padding: 1rem 0 1rem 3rem; line-height: 1.1em; } .page-blog-detail .blog .blog--body article ul li, .page-blog-detail .blog .blog--body article ol li { margin-bottom: 0.75rem; } .page-blog-detail .blog article:hover, .page-blog-detail .blog article:focus { transition: none; box-shadow: none; transform: none; } @media (max-width: 991px) and (min-width: 576px) { .page-category .blog .side-articles .popular, .page-blog-detail .blog .side-articles .popular { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 30px; } } @media (max-width: 575px) { .page-category .blog .side-articles .popular .article-image, .page-blog-detail .blog .side-articles .popular .article-image { height: 25vw; } } .blog .see-all { text-align: right; font-size: 1.125rem; margin-top: 1.5rem; } .blog .see-all a { display: inline-block; color: #032758; } .page-category h1 { margin-top: 3rem; margin-bottom: 0; } .page-category h1 small { font-size: 1.5rem; display: block; } .page-category h1 small + br { display: none; } .blog .mktoForm { display: -ms-grid; -ms-grid-columns: 2fr 20px 1fr; } .blog .mktoForm > a, .blog .mktoForm > div { display: block; } .blog .mktoForm > a:nth-of-type(1), .blog .mktoForm > div:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .blog .mktoForm > a:nth-of-type(2), .blog .mktoForm > div:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .page-resources .grid--footer { margin-top: 0; } .page-resources .icon--block .grid-col-7 { height: 310px; } @media (max-width: 1200px) { .page-resources .icon--block .grid-col-7 { height: 260px; } } .page-resources .icon--block .grid div .icon img, .page-resources .icon--block .grid a .icon img { margin-left: -3.5vw; width: 7vw; } @media (min-width: 1441px) { .page-resources .icon--block .grid div .icon img, .page-resources .icon--block .grid a .icon img { margin-left: -50px; width: 100px; } } @media (max-width: 1200px) { .page-resources .icon--block .grid div .icon img, .page-resources .icon--block .grid a .icon img { margin-left: -3.5vw; width: 7vw; } } @media (max-width: 850px) and (min-width: 768px) { .page-resources .icon--block .grid div .icon img, .page-resources .icon--block .grid a .icon img { margin-left: -5vw; width: 10vw; } } @media (max-width: 767px) { .page-resources .icon--block .grid div .icon img, .page-resources .icon--block .grid a .icon img { margin-left: -5vw; width: 10vw; } } .page-resources .icon--block .grid a { position: relative; } .page-resources .icon--block .grid a p { font-size: 1.5vw; } @media (min-width: 1441px) { .page-resources .icon--block .grid a p { font-size: 1.25rem; } } @media (max-width: 991px) { .page-resources .icon--block .grid a p { font-size: 1.5vw; } } @media (max-width: 850px) and (min-width: 768px) { .page-resources .icon--block .grid a p { font-size: 2.2vw; } } @media (max-width: 767px) { .page-resources .icon--block .grid a p { font-size: 1rem; } } .page-resources .icon--block .grid a.inactive { opacity: .4; } .page-resources .icon--block .grid a.inactive:hover, .page-resources .icon--block .grid a.inactive:focus { opacity: 1; } .page-resources .icon--block .grid a.active:after { content: ''; position: absolute; bottom: -30px; margin-left: -25px; left: 50%; width: 50px; height: 50px; transform: rotate(-45deg); background: #E6F4F1; } @media (max-width: 850px) { .page-resources .icon--block .grid a.active:after { display: none; } } @media (max-width: 850px) { .page-resources .icon--block { display: block; margin-bottom: 3rem; } .page-resources .icon--block .grid-col-7 { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; height: auto; width: 100%; } .page-resources .icon--block .grid .icon { height: 100px; } } @media (max-width: 767px) { .page-resources .icon--block { margin-bottom: 0rem; } } @media (max-width: 561px) { .page-resources .icon--block .grid-col-7 { display: block; } .page-resources .icon--block .grid a { position: relative; display: flex; flex-direction: row; margin-bottom: 1rem; align-items: center; } .page-resources .icon--block .grid .icon { height: auto; width: 57%; text-align: right; } .page-resources .icon--block .grid div .icon img, .page-resources .icon--block .grid a .icon img { margin-left: 0; width: 110px; position: relative; left: 0; } .page-resources .icon--block .grid a p { font-size: 1.2rem; width: 60%; margin-left: 2rem; text-align: left; } } @media (max-width: 349px) { .page-resources .icon--block .grid a p { font-size: 1rem; } } .page-resources article.resource-type-infographic .readtime, .page-resources article.resource-type-video .readtime { display: none; } .page-resources footer { margin-top: 5rem; } .page-resources .blog h2 { margin-bottom: 2rem; } .page-resources .blog h3 { text-transform: uppercase; margin-bottom: 2rem; } .page-resources .blog.resource--category { padding: 5rem 0; background: #E6F4F1; } .page-resources .blog.resource--category .row { display: -ms-grid; display: grid; grid-template-columns: 1fr 1fr 1fr; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-column-gap: 30px; margin: 0; } .page-resources .blog.resource--category .row > a:nth-of-type(1), .page-resources .blog.resource--category .row > div:nth-of-type(1), .page-resources .blog.resource--category .row > article:nth-of-type(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .page-resources .blog.resource--category .row > a:nth-of-type(2), .page-resources .blog.resource--category .row > div:nth-of-type(2), .page-resources .blog.resource--category .row > article:nth-of-type(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .page-resources .blog.resource--category .row > a:nth-of-type(3), .page-resources .blog.resource--category .row > div:nth-of-type(3), .page-resources .blog.resource--category .row > article:nth-of-type(3) { -ms-grid-row: 1; -ms-grid-column: 5; } @media (max-width: 991px) and (min-width: 562px) { .page-resources .blog.resource--category .row { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; } } @media (max-width: 561px) { .page-resources .blog.resource--category .row { display: block; } } .page-resources .blog.resource--category article { border: 0; border-top: 0; padding: 0; background: none; display: flex; flex-direction: row; justify-content: flex-start; } @media (max-width: 991px) { .page-resources .blog.resource--category article { margin-bottom: 2rem; } } .page-resources .blog.resource--category article .article-image { display: block; height: 9vw; max-height: 130px; width: 45%; min-height: 0; border-radius: 5px; } @media (max-width: 991px) and (min-width: 562px) { .page-resources .blog.resource--category article .article-image { height: 13vw; } } @media (max-width: 561px) { .page-resources .blog.resource--category article .article-image { height: 27vw; } } .page-resources .blog.resource--category article .article-body { background: none; width: 90%; padding: 0 0 0 1.5rem; margin: 0; height: auto; display: flex; flex-direction: column-reverse; justify-content: flex-end; } .page-resources .blog.resource--category article .article-body p { display: none; } .page-resources .blog.resource--category article h2 { font-size: 1.25rem; margin-top: 0; } @media (min-width: 992px) { .page-resources .blog.resource--category article:last-of-type { display: none; } } @media (max-width: 561px) { .page-resources .blog.resource--category article:last-of-type { display: none; } } @media (min-width: 992px) { .page-resources .blog.resource--category article:first-of-type { display: inline-flex; } } @media (max-width: 561px) { .page-resources .blog.resource--category article:first-of-type { display: flex; } } .page-resources .blog.resource--category article:hover, .page-resources .blog.resource--category article:focus { box-shadow: none; transform: none; } .blog .resource--block { border-top: 1px solid #D8D8D8; padding: 2.5rem 0; } .resource--category { display: none; } .resource--category .see-all a { text-shadow: 0.03em 0 #E6F4F1, -0.03em 0 #E6F4F1, 0 0.03em #E6F4F1, 0 -0.03em #E6F4F1, 0.06em 0 #E6F4F1, -0.06em 0 #E6F4F1, 0.09em 0 #E6F4F1, -0.09em 0 #E6F4F1, 0.12em 0 #E6F4F1, -0.12em 0 #E6F4F1, 0.15em 0 #E6F4F1, -0.15em 0 #E6F4F1; } @media (min-width: 992px) { .page-resource-detail .blog .mw-800 { max-width: 800px; } } .page-resource-detail .blog--header { padding-bottom: 0; } .page-resource-detail .blog--header h1 { text-align: center; margin-bottom: 3rem; } .page-resource-detail .blog .blog--header-content { margin: 0; } .page-resource-detail.guide .search-bar { margin-bottom: 2rem !important; } .infographic .blog--header .blog--header-content .post--image, .video .blog--header .blog--header-content .post--image { display: none; } .infographic .blog, .video .blog { padding-top: 0; } .video .blog--body .video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; margin: 3rem 0 3rem; } .video .blog--body .video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } .page-press { background: #F4EBE4; } .page-press h2 { color: #032758; font-weight: 400; } .page-press article small { display: block; } .page-press article a small { color: #032758; } .page-press article a p.card-text { color: #475584; display: inline-block; } .page-press article a:hover p.card-text, .page-press article a:focus p.card-text { color: #4cabe9; } @media (max-width: 999px) { .page-press .text-center h1 br, .page-press .text-center p br { display: none; } } .page-press .press--featured article { width: 32%; margin-right: 2%; margin-bottom: 2%; } @media (max-width: 900px) { .page-press .press--featured article { width: 48%; } } @media (max-width: 650px) { .page-press .press--featured article { width: 100%; margin-right: 0px; margin-bottom: 1.2rem; } } .page-press .press--featured article:nth-child(3) { margin: 0; margin-bottom: 2%; } .page-press .press--featured article:nth-child(n+4) { display: none; } .page-press .press--featured article small { text-align: right; margin-bottom: 2rem; font-size: 1rem; } .page-press .press--featured article .quote-image { width: 80%; height: 100px; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; } .page-press .press--featured article p.card-text { margin-top: 1rem; text-align: center; margin-bottom: 3rem; } .page-press .press--list { padding-top: 0; } .page-press .press--list article { display: none; width: 100%; margin: 0 auto; background: none; box-shadow: none; border: 0; border-bottom: 1px solid #969696; border-radius: 0; } @media (min-width: 576px) { .page-press .press--list article { width: 70%; } } .page-press .press--list article:nth-child(n+4):nth-child(-n+9) { display: flex; } .page-press .press--list article small { text-align: left; margin-bottom: 0; font-size: 1.25rem; font-weight: 700; } .page-press .press--list article .card-body { display: -ms-grid; display: grid; grid-template-columns: 0.75fr 1.5fr; -ms-grid-columns: 0.75fr 20px 1.5fr; padding: 2rem 0; } .page-press .press--list article .card-body small { -ms-grid-column: 1; } .page-press .press--list article .card-body .card-text { -ms-grid-column: 3; } @media (max-width: 820px) { .page-press .press--list article .card-body { display: block; } } .page-press .press--list article .quote-image { display: none; } .page-press .press--list article p.card-text { margin-top: 0; text-align: left; margin-bottom: 0; } .page-press .press--list.more article:nth-child(n+4):nth-child(-n+19) { display: flex; } .page-press .press--list.more--2 article:nth-child(n+4):nth-child(-n+29) { display: flex; } .page-press .press--list.more--3 article:nth-child(n+4):nth-child(-n+39) { display: flex; } .page-press .press--list.more--4 article:nth-child(n+4):nth-child(-n+49) { display: flex; } .page-press .press--list.more--5 article:nth-child(n+4):nth-child(-n+59) { display: flex; } .page-press .press--list.more--6 article:nth-child(n+4):nth-child(-n+69) { display: flex; } .page-press .press--list.more--7 article:nth-child(n+4):nth-child(-n+79) { display: flex; } .page-press .press--list.more--8 article:nth-child(n+4):nth-child(-n+89) { display: flex; } .page-press button.btn { margin: 0 auto; display: block; margin-top: 4rem; } @media (min-width: 576px) { .page-press .press--media { max-width: 100%; } } .page-press .press--media .grid { align-items: center; max-width: 868px; margin: 0 auto; } @media (max-width: 1199px) { .page-press .press--media .grid { max-width: 80%; } } @media (max-width: 991px) { .page-press .press--media .grid { display: block; } } @media (max-width: 575px) { .page-press .press--media .grid { max-width: 100%; } } .page-press .press--media h2 { color: #032758; margin-bottom: 4rem; font-weight: 700; } .page-press .press--media h3 { text-align: center; margin-bottom: 1rem; } .page-press .press--media p { text-align: left; margin-bottom: 3rem; } .page-press .press--media p a { color: #475584; } .page-press .press--media img { max-width: 150px; display: block; margin: 2.5rem auto; } #video-overlay { border-radius: 10px; } .fancybox-bg { background: #032758; } .fancybox-slide--html { padding: 5%; } .fancybox-content { background: transparent; padding: 0; } .page-guided-tour, .page-tour, .page-gather-tour, .page-holiday-tour { background: #032758; /* Fading animation */ /*animations for tour*/ } .page-guided-tour header, .page-tour header, .page-gather-tour header, .page-holiday-tour header { display: none !important; /* + main { padding: 0 !important; position: relative; margin: auto; max-width: 1920px; } */ } .page-guided-tour .preloadimages, .page-tour .preloadimages, .page-gather-tour .preloadimages, .page-holiday-tour .preloadimages { position: absolute; width: 0; height: 0; overflow: hidden; z-index: -1; } .page-guided-tour main, .page-tour main, .page-gather-tour main, .page-holiday-tour main { background: #032758; min-height: 100vh; padding: 0 !important; position: relative; margin: auto; max-width: 1920px; overflow: overlay; } .page-guided-tour footer, .page-tour footer, .page-gather-tour footer, .page-holiday-tour footer { display: none !important; } .page-guided-tour section, .page-tour section, .page-gather-tour section, .page-holiday-tour section { position: absolute; width: 100%; opacity: 0; z-index: 1; -webkit-transition: 0.125s opacity ease-in-out; -ms-transition: 0.125s opacity ease-in-out; transition: 0.125s opacity ease-in-out; } .page-guided-tour section.container-fluid, .page-tour section.container-fluid, .page-gather-tour section.container-fluid, .page-holiday-tour section.container-fluid { padding: 0; } .page-guided-tour section > button.wrap, .page-tour section > button.wrap, .page-gather-tour section > button.wrap, .page-holiday-tour section > button.wrap { display: block; background: none; border: 0; cursor: pointer; padding: 0; width: 100%; height: 100%; } .page-guided-tour section > .form-code, .page-tour section > .form-code, .page-gather-tour section > .form-code, .page-holiday-tour section > .form-code { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; } .page-guided-tour section > .form-code .tour-form, .page-tour section > .form-code .tour-form, .page-gather-tour section > .form-code .tour-form, .page-holiday-tour section > .form-code .tour-form { max-width: 500px; } .page-guided-tour section > .form-code .tour-form .search-title.h5, .page-tour section > .form-code .tour-form .search-title.h5, .page-gather-tour section > .form-code .tour-form .search-title.h5, .page-holiday-tour section > .form-code .tour-form .search-title.h5 { color: #fff; text-align: center; } .page-guided-tour section.section--current, .page-guided-tour section.bottom-bar, .page-tour section.section--current, .page-tour section.bottom-bar, .page-gather-tour section.section--current, .page-gather-tour section.bottom-bar, .page-holiday-tour section.section--current, .page-holiday-tour section.bottom-bar { opacity: 1; z-index: 2; } .page-guided-tour section.bottom-bar, .page-tour section.bottom-bar, .page-gather-tour section.bottom-bar, .page-holiday-tour section.bottom-bar { position: absolute; top: 53.5vw; width: 100%; padding: 15px 30px 20px; } @media (min-width: 1920px) { .page-guided-tour section.bottom-bar, .page-tour section.bottom-bar, .page-gather-tour section.bottom-bar, .page-holiday-tour section.bottom-bar { top: 1033px; } } @media (max-width: 900px) { .page-guided-tour section, .page-tour section, .page-gather-tour section, .page-holiday-tour section { display: none !important; } } .page-guided-tour section.slide, .page-tour section.slide, .page-gather-tour section.slide, .page-holiday-tour section.slide { width: 100%; background-size: 100%; background-position: center top; background-repeat: no-repeat; height: 53.5vw; max-height: 1049px; } .page-guided-tour section .slide-tip, .page-tour section .slide-tip, .page-gather-tour section .slide-tip, .page-holiday-tour section .slide-tip { width: 30%; height: 44%; max-height: 230px; max-width: 400px; padding: 0 30px; position: absolute; background: white; border: 1px solid #032758; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; text-align: left; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); opacity: 0; /* &.position-top { transform:translateY(20px); } &.position-bottom { transform:translateY(-20px); } &.position-left { transform:translateX(20px); } &.position-right { transform:translateX(-20px); } */ } .page-guided-tour section .slide-tip .slide-bottom, .page-tour section .slide-tip .slide-bottom, .page-gather-tour section .slide-tip .slide-bottom, .page-holiday-tour section .slide-tip .slide-bottom { margin-top: 20px; display: flex; justify-content: space-between; align-items: center; } .page-guided-tour section .slide-tip .slide-bottom img, .page-guided-tour section .slide-tip .slide-bottom button, .page-tour section .slide-tip .slide-bottom img, .page-tour section .slide-tip .slide-bottom button, .page-gather-tour section .slide-tip .slide-bottom img, .page-gather-tour section .slide-tip .slide-bottom button, .page-holiday-tour section .slide-tip .slide-bottom img, .page-holiday-tour section .slide-tip .slide-bottom button { margin: 0; } .page-guided-tour section .slide-tip img, .page-tour section .slide-tip img, .page-gather-tour section .slide-tip img, .page-holiday-tour section .slide-tip img { width: 13%; height: auto; border-radius: 100px; margin: 0 auto; min-width: 33px; } .page-guided-tour section .slide-tip p, .page-tour section .slide-tip p, .page-gather-tour section .slide-tip p, .page-holiday-tour section .slide-tip p { color: #032758; margin: 10px 0 0; line-height: 1.5em; font-size: 1rem; font-weight: 300; } @media (max-width: 1440px) and (min-width: 1201px) { .page-guided-tour section .slide-tip p, .page-tour section .slide-tip p, .page-gather-tour section .slide-tip p, .page-holiday-tour section .slide-tip p { line-height: 1.2em; } } @media (max-width: 1200px) { .page-guided-tour section .slide-tip p, .page-tour section .slide-tip p, .page-gather-tour section .slide-tip p, .page-holiday-tour section .slide-tip p { font-size: 1vw; } } .page-guided-tour section .slide-tip p span, .page-tour section .slide-tip p span, .page-gather-tour section .slide-tip p span, .page-holiday-tour section .slide-tip p span { font-weight: 300 !important; } .page-guided-tour section .slide-tip .slide_number, .page-tour section .slide-tip .slide_number, .page-gather-tour section .slide-tip .slide_number, .page-holiday-tour section .slide-tip .slide_number { color: white; } .page-guided-tour section .slide-tip button, .page-tour section .slide-tip button, .page-gather-tour section .slide-tip button, .page-holiday-tour section .slide-tip button { background: #4cabe9; width: 30%; padding: 1% 0; margin: 15px auto 0; min-width: 100px; } .page-guided-tour section .slide-tip button:hover, .page-tour section .slide-tip button:hover, .page-gather-tour section .slide-tip button:hover, .page-holiday-tour section .slide-tip button:hover { background: #72d0f4; } @media (max-width: 1200px) { .page-guided-tour section .slide-tip button, .page-tour section .slide-tip button, .page-gather-tour section .slide-tip button, .page-holiday-tour section .slide-tip button { width: 30%; padding: 1% 0; } } .page-guided-tour section .slide-tip .arrow, .page-tour section .slide-tip .arrow, .page-gather-tour section .slide-tip .arrow, .page-holiday-tour section .slide-tip .arrow { --arrow-var: 18px; position: absolute; } .page-guided-tour section .slide-tip .arrow.position-none, .page-tour section .slide-tip .arrow.position-none, .page-gather-tour section .slide-tip .arrow.position-none, .page-holiday-tour section .slide-tip .arrow.position-none { display: none; } .page-guided-tour section .slide-tip .arrow.position-top, .page-tour section .slide-tip .arrow.position-top, .page-gather-tour section .slide-tip .arrow.position-top, .page-holiday-tour section .slide-tip .arrow.position-top { top: -18px; margin-left: -18px; border-left: var(--arrow-var) solid transparent; border-right: var(--arrow-var) solid transparent; border-bottom: var(--arrow-var) solid #032758; } .page-guided-tour section .slide-tip .arrow.position-top:before, .page-tour section .slide-tip .arrow.position-top:before, .page-gather-tour section .slide-tip .arrow.position-top:before, .page-holiday-tour section .slide-tip .arrow.position-top:before { top: 1px; left: -17px; border-left: calc(var(--arrow-var) - 1px) solid transparent; border-right: calc(var(--arrow-var) - 1px) solid transparent; border-bottom: calc(var(--arrow-var) - 1px) solid white; } .page-guided-tour section .slide-tip .arrow.position-bottom, .page-tour section .slide-tip .arrow.position-bottom, .page-gather-tour section .slide-tip .arrow.position-bottom, .page-holiday-tour section .slide-tip .arrow.position-bottom { margin-left: -18px; bottom: -18px; border-left: var(--arrow-var) solid transparent; border-right: var(--arrow-var) solid transparent; border-top: var(--arrow-var) solid #032758; } .page-guided-tour section .slide-tip .arrow.position-bottom:before, .page-tour section .slide-tip .arrow.position-bottom:before, .page-gather-tour section .slide-tip .arrow.position-bottom:before, .page-holiday-tour section .slide-tip .arrow.position-bottom:before { bottom: 1px; left: -17px; border-left: calc(var(--arrow-var) - 1px) solid transparent; border-right: calc(var(--arrow-var) - 1px) solid transparent; border-top: calc(var(--arrow-var) - 1px) solid white; } .page-guided-tour section .slide-tip .arrow.position-left, .page-tour section .slide-tip .arrow.position-left, .page-gather-tour section .slide-tip .arrow.position-left, .page-holiday-tour section .slide-tip .arrow.position-left { margin-top: -18px; left: -18px; border-top: var(--arrow-var) solid transparent; border-bottom: var(--arrow-var) solid transparent; border-right: var(--arrow-var) solid #032758; } .page-guided-tour section .slide-tip .arrow.position-left:before, .page-tour section .slide-tip .arrow.position-left:before, .page-gather-tour section .slide-tip .arrow.position-left:before, .page-holiday-tour section .slide-tip .arrow.position-left:before { top: -17px; right: -18px; border-top: calc(var(--arrow-var) - 1px) solid transparent; border-bottom: calc(var(--arrow-var) - 1px) solid transparent; border-right: calc(var(--arrow-var) - 1px) solid white; } .page-guided-tour section .slide-tip .arrow.position-right, .page-tour section .slide-tip .arrow.position-right, .page-gather-tour section .slide-tip .arrow.position-right, .page-holiday-tour section .slide-tip .arrow.position-right { margin-top: -18px; right: -18px; border-top: var(--arrow-var) solid transparent; border-bottom: var(--arrow-var) solid transparent; border-left: var(--arrow-var) solid #032758; } .page-guided-tour section .slide-tip .arrow.position-right:before, .page-tour section .slide-tip .arrow.position-right:before, .page-gather-tour section .slide-tip .arrow.position-right:before, .page-holiday-tour section .slide-tip .arrow.position-right:before { top: -17px; left: -18px; border-top: calc(var(--arrow-var) - 1px) solid transparent; border-bottom: calc(var(--arrow-var) - 1px) solid transparent; border-left: calc(var(--arrow-var) - 1px) solid white; } .page-guided-tour section .slide-tip .arrow:before, .page-tour section .slide-tip .arrow:before, .page-gather-tour section .slide-tip .arrow:before, .page-holiday-tour section .slide-tip .arrow:before { content: ''; position: absolute; } .page-guided-tour section.section--current .slide-tip, .page-tour section.section--current .slide-tip, .page-gather-tour section.section--current .slide-tip, .page-holiday-tour section.section--current .slide-tip { /* @include transition(.5s transform ease-out, .5s opacity ease-out); opacity:1; &.position-top, &.position-bottom { transform:translateY(0px); } &.position-right, &.position-left { transform:translateX(0px); } */ } .page-guided-tour section.section--current .slide-tip.position-top, .page-tour section.section--current .slide-tip.position-top, .page-gather-tour section.section--current .slide-tip.position-top, .page-holiday-tour section.section--current .slide-tip.position-top { -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom; -webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-guided-tour section.section--current .slide-tip.position-bottom, .page-tour section.section--current .slide-tip.position-bottom, .page-gather-tour section.section--current .slide-tip.position-bottom, .page-holiday-tour section.section--current .slide-tip.position-bottom { -webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-guided-tour section.section--current .slide-tip.position-left, .page-tour section.section--current .slide-tip.position-left, .page-gather-tour section.section--current .slide-tip.position-left, .page-holiday-tour section.section--current .slide-tip.position-left { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-guided-tour section.section--current .slide-tip.position-right, .page-tour section.section--current .slide-tip.position-right, .page-gather-tour section.section--current .slide-tip.position-right, .page-holiday-tour section.section--current .slide-tip.position-right { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-guided-tour section.section--current .slide-tip.position-none, .page-tour section.section--current .slide-tip.position-none, .page-gather-tour section.section--current .slide-tip.position-none, .page-holiday-tour section.section--current .slide-tip.position-none { /* -webkit-animation-name: fadeInNone; animation-name: fadeInNone; -webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-fill-mode: both; animation-fill-mode: both; */ -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom; -webkit-animation-duration: .45s; animation-duration: .45s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .page-guided-tour .bottom-bar, .page-tour .bottom-bar, .page-gather-tour .bottom-bar, .page-holiday-tour .bottom-bar { padding: 30px; background: #032758; } .page-guided-tour .bottom-bar .tournavs button, .page-tour .bottom-bar .tournavs button, .page-gather-tour .bottom-bar .tournavs button, .page-holiday-tour .bottom-bar .tournavs button { background: none; border: 0; cursor: pointer; padding: 0; color: white; margin: 0 3px; } .page-guided-tour .bottom-bar .tournavs .slide_number, .page-tour .bottom-bar .tournavs .slide_number, .page-gather-tour .bottom-bar .tournavs .slide_number, .page-holiday-tour .bottom-bar .tournavs .slide_number { color: white; margin-left: 20px; } .page-guided-tour .bottom-bar .cta-buttons .btn, .page-tour .bottom-bar .cta-buttons .btn, .page-gather-tour .bottom-bar .cta-buttons .btn, .page-holiday-tour .bottom-bar .cta-buttons .btn { margin-left: 20px; } .page-guided-tour .slide--xs, .page-tour .slide--xs, .page-gather-tour .slide--xs, .page-holiday-tour .slide--xs { display: none !important; } .page-guided-tour .slide--xs .column, .page-tour .slide--xs .column, .page-gather-tour .slide--xs .column, .page-holiday-tour .slide--xs .column { padding: 5rem; display: flex; margin: 0 auto; height: 100%; max-width: 900px; flex-direction: column; justify-content: center; text-align: center; } .page-guided-tour .slide--xs .logo--white, .page-tour .slide--xs .logo--white, .page-gather-tour .slide--xs .logo--white, .page-holiday-tour .slide--xs .logo--white { display: block; width: 170px; margin: 0 auto 30px; } .page-guided-tour .slide--xs h2, .page-tour .slide--xs h2, .page-gather-tour .slide--xs h2, .page-holiday-tour .slide--xs h2 { color: white; font-size: 1.5rem; } @media (max-width: 900px) { .page-guided-tour .slide--xs, .page-tour .slide--xs, .page-gather-tour .slide--xs, .page-holiday-tour .slide--xs { display: block !important; opacity: 1; z-index: 3; } } @media (max-width: 630px) { .page-guided-tour .slide--xs, .page-tour .slide--xs, .page-gather-tour .slide--xs, .page-holiday-tour .slide--xs { height: auto; min-height: 50vw; } .page-guided-tour .slide--xs .column, .page-tour .slide--xs .column, .page-gather-tour .slide--xs .column, .page-holiday-tour .slide--xs .column { padding: 5rem 3rem; } } .page-guided-tour #livedemoform .form, .page-tour #livedemoform .form, .page-gather-tour #livedemoform .form, .page-holiday-tour #livedemoform .form { margin-bottom: 0; } .page-guided-tour #tourfinished p, .page-tour #tourfinished p, .page-gather-tour #tourfinished p, .page-holiday-tour #tourfinished p { margin-bottom: 25px; } .page-guided-tour #tourfinished .btn, .page-tour #tourfinished .btn, .page-gather-tour #tourfinished .btn, .page-holiday-tour #tourfinished .btn { display: block; text-align: center; margin: 0 auto 25px; min-width: 220px; } .page-guided-tour .modal-backdrop, .page-tour .modal-backdrop, .page-gather-tour .modal-backdrop, .page-holiday-tour .modal-backdrop { background-color: #032758; } .page-guided-tour .modal-backdrop.fade, .page-guided-tour .modal-backdrop.show, .page-guided-tour .modal-backdrop.fade.show, .page-tour .modal-backdrop.fade, .page-tour .modal-backdrop.show, .page-tour .modal-backdrop.fade.show, .page-gather-tour .modal-backdrop.fade, .page-gather-tour .modal-backdrop.show, .page-gather-tour .modal-backdrop.fade.show, .page-holiday-tour .modal-backdrop.fade, .page-holiday-tour .modal-backdrop.show, .page-holiday-tour .modal-backdrop.fade.show { opacity: .5; -webkit-animation-duration: 0s; } .page-guided-tour .modal-content .mktoForm select.mktoField, .page-tour .modal-content .mktoForm select.mktoField, .page-gather-tour .modal-content .mktoForm select.mktoField, .page-holiday-tour .modal-content .mktoForm select.mktoField { width: 100% !important; border: none !important; font-family: Apercu; color: #032758; font-size: 1rem; padding: 0.7rem 1.5rem 0.8rem; background-color: #f4f4f4; } .page-guided-tour .fade, .page-tour .fade, .page-gather-tour .fade, .page-holiday-tour .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from { opacity: .4; } to { opacity: 1; } } @keyframes fade { from { opacity: .4; } to { opacity: 1; } } @keyframes fadeInLeft { 0% { opacity: .5; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: .5; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: .5; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: .5; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInBottom { 0% { opacity: .5; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-webkit-keyframes fadeInBottom { 0% { opacity: .5; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInTop { 0% { opacity: .5; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-webkit-keyframes fadeInTop { 0% { opacity: .5; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInNone { 0% { opacity: .5; } 100% { opacity: 1; } } @-webkit-keyframes fadeInNone { 0% { opacity: .25; } 100% { opacity: 1; } } .page-gather-tour main { height: calc(53.5vw + 70px); } .page-gather-tour section.slide { top: 0px; } .page-gather-tour section.bottom-bar { height: 70px; position: relative; top: 0; } .page-gather-tour section.bottom-bar .row { align-items: center; } .page-gather-tour .btn { padding: 0.15em 1.8em 0.25em; } .page-holiday-tour .bottom-bar .cta-buttons button.btn.btn--light.drift-open-chat { display: none; }