@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

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

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

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

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

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

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

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

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

/* Fix IE11 */
.fancybox-button div { height: 100%; }

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

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

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

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

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

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

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

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

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

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

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

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

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */
.fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

@supports (padding: 0px) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } }

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

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

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

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

@keyframes fancybox-rotate { 100% { transform: rotate(360deg); } }

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

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

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

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

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

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

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

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

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

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); }

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

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

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

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: 0px) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

a { background: transparent; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

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

.container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; }

.row { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; }

.row.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.col.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; }

.col-xs { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }

.col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; }

.col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; }

.col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }

.col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; }

.col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; }

.col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }

.col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; }

.col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; }

.col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }

.col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; }

.col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; }

.col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.col-xs-offset-1 { margin-left: 8.333%; }

.col-xs-offset-2 { margin-left: 16.667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.333%; }

.col-xs-offset-5 { margin-left: 41.667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.333%; }

.col-xs-offset-8 { margin-left: 66.667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.333%; }

.col-xs-offset-11 { margin-left: 91.667%; }

.start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; }

.center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; }

.end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; }

.top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }

.middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }

.around-xs { -ms-flex-pack: distribute; justify-content: space-around; }

.between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }

.first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }

.last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

@media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { margin-left: 8.333%; } .col-sm-offset-2 { margin-left: 16.667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333%; } .col-sm-offset-5 { margin-left: 41.667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333%; } .col-sm-offset-8 { margin-left: 66.667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333%; } .col-sm-offset-11 { margin-left: 91.667%; } .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } }

@media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { margin-left: 8.333%; } .col-md-offset-2 { margin-left: 16.667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333%; } .col-md-offset-5 { margin-left: 41.667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333%; } .col-md-offset-8 { margin-left: 66.667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333%; } .col-md-offset-11 { margin-left: 91.667%; } .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } }

@media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { margin-left: 8.333%; } .col-lg-offset-2 { margin-left: 16.667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333%; } .col-lg-offset-5 { margin-left: 41.667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333%; } .col-lg-offset-8 { margin-left: 66.667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333%; } .col-lg-offset-11 { margin-left: 91.667%; } .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } }

body { font-family: 'Montserrat'; }

h2 { font-weight: bold; font-size: 30px; color: #fff; padding-top: 15px; }

h3 { font-weight: 500; font-size: 25px; color: #132F42; }

p { font-weight: 400; font-size: 20px; color: #132F42; line-height: 30px; }

.addr { color: #707070 !important; line-height: 40px; }

.blue-bg { background: linear-gradient(90deg, #388BC4 65%, #fff 35%); opacity: 1; height: 68px; margin-bottom: 30px; z-index: 999; }

.blue-bg-desc { background: #388BC4 0% 0% no-repeat padding-box; opacity: 1; height: 68px; margin-bottom: 30px; z-index: 999; }

.blue-bg-mrg { background: #388BC4 0% 0% no-repeat padding-box; opacity: 1; height: 68px; margin-bottom: 30px; z-index: 999; margin-top: 15px; }

.teal-bg { background: #E5FBFC 0% 0% no-repeat padding-box; opacity: 1; height: 875px; margin-top: -50px; z-index: -1; position: relative; }

.inv-ttl { font-size: 20px; color: #fff; font-weight: 100; padding-top: 15px; }

.date { padding-top: 20px; z-index: 888; position: relative; text-align: right; }

.final { font-weight: 300; font-size: 30px; color: #fff; }

.brd-lft { border-left: 1px black solid; }

.pad-tp p { padding-top: 20px; }

.mrg-tp p { margin-top: 20px; }

.ln-it-pd { padding-bottom: 30px; font-size: 17px !important; }

.ln-it-pd p { font-size: 17px !important; }

.sp-nt p { font-size: 20px; color: #707070; font-weight: 300; }

.bld { font-weight: bold; }

.txt-cnt p { text-align: center !important; }

.final p { color: #fff; }

.disc { font-size: 25px; font-weight: 300; color: #707070; text-align: center; }

.thanks { font-weight: 700; color: #388BC4; font-size: 30px; padding-top: 50px; padding-bottom: 25px; text-align: center; }

.prod-icon { display: block; margin-right: auto; margin-left: auto; }

.fees { display: none; }

.hide-desktop { display: none; }

.client-ttl { padding-left: 10px; }

.rectangle { height: 68px; background-color: #388BC4; position: relative; margin-bottom: 30px; }

.rectangle:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 500px 500px; border-color: transparent transparent #fff transparent; }

@media (max-width: 1500px) { .teal-bg { height: 1200px; } }

@media (max-width: 1200px) { .blue-bg-desc { margin-bottom: 10px; } .blue-bg { background: linear-gradient(90deg, #388BC4 100%, #fff 0%); margin-top: 10px; } }

@media (max-width: 1000px) { .rectangle { height: 135px; } .rectangle:after { border-width: 0 0 0px 0px; } .blue-bg { background: linear-gradient(90deg, #388BC4 100%, #fff 0%); } .teal-bg { height: 2500px; } .brd-lft { border-left: 0px; } .fees { display: block; } .hide-mobile { display: none; } .hide-desktop { display: block; } .rem-logo { display: block; margin-left: auto; margin-right: auto; } .date { display: none; } .addr { font-size: 20px; text-align: center; line-height: 30px; padding-bottom: 20px; } .perf { text-align: center; padding-bottom: 15px; } .client { text-align: center; padding-bottom: 20px; } .client-ttl { text-align: center; } .blue-bg-desc { margin-bottom: 10px; } }

@media (max-width: 750px) { .rectangle { height: 68px; } }

@media (max-width: 600px) { .rectangle:after { border-width: 0 0 0px 0px; } .blue-bg { background: linear-gradient(90deg, #388BC4 100%, #fff 0%); height: 100px; } .teal-bg { height: 2900px; } .brd-lft { border-left: 0px; } .fees { display: block; } .hide-mobile { display: none; } .final { font-size: 25px; } }

/* New CSS to remove */
.price-header { background-color: var(--color-secondary); padding: 1rem; position: relative; }

.price-header-bottom { padding-top: 1rem !important; padding-bottom: 1rem !important; /* z-index: -1; */ }

.price-header .row { align-items: center; }

.price-header-title h2 { text-align: center; font-size: 25px; font-weight: 500; position: relative; padding-bottom: .5rem; margin-bottom: 2rem; }

.price-header-title h2:before { content: ""; position: absolute; bottom: 0; height: 1px; width: 40%; border-bottom: 1px solid white; margin: 0 auto; left: 0; right: 0; }

.top-total-box { text-align: center; margin-bottom: 1rem; }

.top-total-box .crt-price p { font-size: 14px; }

.btm-crt-price .ttl-amount h2 { padding-top: 0; color: white; }

.top-total-box span.amount { font-size: 5rem; font-weight: 600; }

.top-total-box .crt-price p { color: white; }

.top-total-box sup { top: -1.5em; font-weight: bold; }

.quote-box { text-align: center; background-color: white; border-radius: 5px; padding: .8rem 0; }

.quote-box .generate-quote input[type="text"] { background-color: transparent; border-bottom: 1.5px solid var(--dark); border-top: 0px; border-right: 0px; border-left: 0px; color: var(--color-primary); margin-right: 0; padding: .5rem; }

.quote-box .generate-quote button { margin-top: 1.5rem; }

.quote-box form.generate-quote { display: block; margin-top: 0; }

.quote-box .generate-quote button { width: 47%; padding: 10px 5px; border-radius: 19px; font-size: 14px; }

/* Price Section */
.col-pricing { background: #FFFFFF; height: auto; /* padding: 1rem 0; */ /* margin-bottom: 80px; */ display: flex; }

.col-pricing .row { justify-content: center; }

.col-pricing p.text-ceontent { font-size: 14px; text-align: center; }

.margin-bottom-quote-prod { margin-bottom: 1rem; }

.price-box { margin-top: .8rem; min-width: 220px; -webkit-box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.15); box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.15); /* box-shadow: 0 4px 12px 0 rgba(104,115,125,.15); */ transition: box-shadow 0.2s ease-in-out; cursor: pointer; /* border: 3px solid transparent; */ position: relative; }

.price-box.price-box--mako:before, .price-box--charter.active:before, .price-box--siren.active:before, .price-box--sonar.active:before, .price-box--sonar.active:before, .price-box--reel.active:before, .price-box--harbor.active:before, .price-box--captain.active:before { position: absolute; right: 0em; top: 0em; z-index: 9999; width: 40px; height: 40px; -webkit-transition: border-color 0.1s ease; transition: border-color 0.1s ease; }

.price-box.price-box--mako.active:before { content: url(/storage/app/media/images/check-marks/-_mako.svg); }

.price-box.price-box--charter.active:before { content: url(/storage/app/media/images/check-marks/-_charter.svg); }

.price-box.price-box--siren.active:before { content: url(/storage/app/media/images/check-marks/-_siren.svg); }

.price-box.price-box--sonar.active:before { content: url(/storage/app/media/images/check-marks/-_sonar.svg); }

.price-box.price-box--reel.active:before { content: url(/storage/app/media/images/check-marks/-_reel.svg); }

.price-box.price-box--harbor.active:before { content: url(/storage/app/media/images/check-marks/-_harbor.svg); }

.price-box.price-box--captain.active:before { content: url(/storage/app/media/images/check-marks/-_captain.svg); }

.price-box:hover { /* -webkit-box-shadow: 3px 6px 5px -2px rgba(0,0,0,0.49); -moz-box-shadow: 3px 6px 5px -2px rgba(0,0,0,0.49); box-shadow: 3px 6px 5px -2px rgba(0,0,0,0.49); */ box-shadow: 0 4px 12px 0 rgba(104, 115, 125, 0.65); }

.price-box.active { /* border: 3px solid rgb(0 128 0 / 35%); */ /* -webkit-box-shadow: 3px 6px 5px -2px rgba(0,0,0,0.579); -moz-box-shadow: 3px 6px 5px -2px rgba(0,0,0,0.79); box-shadow: 3px 6px 5px -2px rgba(0,0,0,0.79); */ box-shadow: 0 4px 12px 0 #68737d; }

.col-sm-3.price-box.price-box--toggle { box-shadow: none; }

.price-box--logo { display: flex; align-items: center; justify-content: center; background: white; border: .5px solid #5698CB; padding: .5rem; }

.price-box--mako .price-box--content { background-color: var(--color-primary); color: white; padding: .25rem 1rem; text-align: center; }

.price-box--logo img.mako-logo { width: 150px; }

.price-box--logo img.mako-icon { width: 40px; }

.price-box--content { min-height: 150px; -webkit-box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.19); -moz-box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.19); box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.19); }

.price-box--content--title h2, .price-box--content--price h2 { padding-top: 10px; }

.price-box--content--title h2 { padding-bottom: 10px; font-weight: 400; }

.price-box--content--price .amount { font-weight: 600; }

.price-box--content--button { margin: 10px 0; }

.add-to-quote-btn { background-color: #ffffff; border-radius: 9px; cursor: pointer; color: #313333; text-align: center; letter-spacing: 0px; padding: 8px; text-decoration: none; text-transform: uppercase; display: block; font-size: 12px; position: relative; border: .5px solid white; }

/* .add-to-quote-btn:hover { border: .5px solid white; background: #F8F7FE; color: #090909; font-weight: bold; } */
/* .add-to-quote-btn:after { content: "+"; position: absolute; left: 0; font-weight: bold; color: white; background: dark-green; font-size: 12px; padding: 8px; top: 0; width:40px; } */
/* Charter */
.price-box--charter .price-box--content { background-color: #276891; color: white; padding: .25rem 1rem; text-align: center; }

.price-box--charter .price-box--logo { border: .5px solid #276891; }

/* Siren */
.price-box--siren .price-box--content { background-color: #14AAA1; color: white; padding: .25rem 1rem; text-align: center; }

.price-box--siren .price-box--logo { border: .5px solid #14AAA1; }

/* Sonar */
.price-box--sonar .price-box--content { background-color: #132F40; color: white; padding: .25rem 1rem; text-align: center; display: flex; flex-direction: column; }

.price-box--sonar .price-box--logo { border: .5px solid #132F40; }

/* reel */
.price-box--reel .price-box--content { background-color: #78ABCB; color: white; padding: .25rem 1rem; text-align: center; }

.price-box--reel .price-box--logo { border: .5px solid #78ABCB; }

/* Harbor */
.price-box--harbor .price-box--content { background-color: #41BEB2; color: white; padding: .25rem 1rem; text-align: center; }

.price-box--harbor .price-box--logo { border: .5px solid #41BEB2; }

/* Captain */
.price-box--captain .price-box--content { background-color: #134F77; color: white; padding: .25rem 1rem; text-align: center; }

.price-box--captain .price-box--logo { border: .5px solid #134F77; }

.price-box--toggle { text-align: center; }

.price-box--toggle h2 { color: var(--color-primary); text-align: center; margin-bottom: .8rem; }

.price-box--toggle .an-hd h3 { color: var(--color-secondary); font-size: 1.1rem; margin-bottom: .5rem; }

.price-box--toggle .an-hd p { color: var(--color-secondary); margin-bottom: .4rem; }

.price-box--toggle .cli-tc p { font-size: 14px; }

.price-box--toggle .an-hd h1 { color: var(--color-secondary); font-size: 1.7rem; font-weight: bold; margin-bottom: .4rem; }

.price-box--toggle .an-hd h2 { color: var(--color-secondary); font-size: 1.4rem; padding-top: 0 !important; }

.price-box--toggle .wrap-all { border: .5px solid #418FC7; background-color: #F8F7FE; padding: .5rem 1rem; height: 239px; display: flex; flex-direction: column; justify-content: center; -webkit-box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.19); -moz-box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.19); box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.19); }

span#dollar-amount { font-size: 2rem; color: var(--color-secondary); }

/* Toggle button */
.onoffswitch { position: relative; width: 100px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; margin: 0 auto; margin-bottom: .5rem; }

.onoffswitch-checkbox { position: absolute; opacity: 0; pointer-events: none; }

.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #388BC4; border-radius: 24px; }

.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s; }

.onoffswitch-inner:before, .onoffswitch-inner:after { display: block; float: left; width: 50%; height: 28px; padding: 0; line-height: 28px; font-size: 14px; color: white; box-sizing: border-box; }

.onoffswitch-inner:before { content: "Annual"; padding-right: 20px; background-color: #388BC4; color: #FFFFFF; }

.onoffswitch-inner:after { content: "Monthly"; padding-right: 7px; background-color: #F8F7FE; color: #388BC4; text-align: right; }

.onoffswitch-switch { display: block; width: 28px; margin: 3px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 66px; border: 2px solid #388BC4; border-radius: 24px; transition: all 0.3s ease-in 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; }

/* End new toggle button */
/* Top Page */
.o--u-tab { position: absolute; bottom: 0; }

.o--u-tab .tablink { background-color: #eaefef; padding: 1rem; border: 1px solid #cbd6e2; border-top-left-radius: 3px; border-top-right-radius: 3px; height: 40px; width: 200px; text-align: center; padding-top: 13px; padding-bottom: 20px; position: relative; border-bottom: 1px solid transparent; }

.o--u-tab .tablink:hover { background: var(--light); }

/* Active class for tab */
.tablink.active { background: white !important; border-bottom: 1px solid transparent; position: relative; }

.tablink.active:before { background: #30aabc; content: ""; height: 3px; position: absolute; top: -1px; width: 100%; left: 0; }

.o--u-tab a { text-decoration: none !important; color: #33475b; white-space: nowrap; transition: background-color 200ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; font-weight: 500; }

.col-sm-5.toggle--box--top { margin-top: -15px; }

input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-tap-highlight-color: transparent; cursor: pointer; }

input[type="checkbox"]:focus { outline: 0; }

.toggle { height: 32px; width: 80px; border-radius: 16px; display: inline-block; position: relative; margin: 0; border: 2px solid #FFFF66; background: linear-gradient(180deg, #2D2F39 0%, #1F2027 100%); transition: all 0.2s ease; }

.toggle:after { content: ""; position: absolute; top: 2px; left: 49px; width: 24px; height: 24px; border-radius: 50%; background: white; box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2); transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35); }

.toggle:checked { border-color: #ffffff; }

.toggle:checked:after { transform: translatex(-48px); }

.pricing-toggle-button--wrap { color: #ffffff; }

.top-toggle_title h3 { color: #ffffff; margin-bottom: .6rem; }

.pricing-toggle_discount { /* display: block; */ /* font-size: 10px; */ }

.toggle-text_left { margin-right: 10px; }

.toggle-text_right { margin-left: 10px; }

/* Ends Top Page */
@media only screen and (max-width: 1200px) { .top-toggle_title h3 { font-size: 1.1rem; } .o--u-tab .tablink { width: inherit; } }

@media only screen and (max-width: 995px) { .col-pricing .container .col-sm-3 { -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; } .price-box--toggle { order: 8; } .price-box--toggle { order: 8; } }

@media only screen and (max-width: 769px) { .col-pricing .container .col-sm-3 { -ms-flex-preferred-size: 52%; flex-basis: 52%; max-width: 52%; } .top-total-box span.amount { font-size: 3rem; } .quote-box .generate-quote button { width: 95%; } .price-header { padding: 1.5rem; height: 250px; } .price-header h3.text-white { margin-top: 1.2rem; } .wrap-all .plan-toggle { justify-content: center; } .top-total-box sup { top: -.8em; font-weight: normal; } .price-header .row { flex-direction: column-reverse; } .row.o--u-tab, .pricing-toggle-button--wrap, .pricing-toggle-button--wrap .row { flex-direction: row; justify-content: center; left: 0; right: 0; } .wrap_annually, .wrap_monthly { margin-top: 1rem; } }

@media only screen and (max-width: 500px) { .col-pricing .container .col-sm-3 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 80%; } .top-total-box { margin-top: 1.3rem; } .price-header-bottom { padding-bottom: 1.3rem !important; } .price-box sup.month { font-weight: 400; } }

@media only screen and (max-width: 390px) { .price-header { height: 275px; } .toggle-text_right { display: inline-flex; justify-content: space-between; white-space: pre; word-wrap: break-word; } span#annualDiscountText { font-size: 11.5px; white-space: pre; word-wrap: break-word; } }

/* Prefixed by https://autoprefixer.github.io PostCSS: v8.3.6, Autoprefixer: v10.3.1 Browsers: last 4 version */
html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 20px; font-family: 'Montserrat', sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); scroll-behavior: smooth; background: #F6F9FC 0% 0% no-repeat padding-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

@media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* CSS Document */
:root { --color-primary: #3889c2; --color-secondary: #265c82; --light: #F7F8FA; --dark: #245C82; --dark-color: #132F42; --mako-color: #388BC4; --sonar-color: #0A2432; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

/* * { background-color: rgba(255,0,0,.2); } { background-color: rgba(0,255,0,.2); } { background-color: rgba(0,0,255,.2); } { background-color: rgba(255,0,255,.2); } { background-color: rgba(0,255,255,.2); } { background-color: rgba(255,255,0,.2); } { background-color: rgba(255,0,0,.2); } { background-color: rgba(0,255,0,.2); } { background-color: rgba(0,0,255,.2); } */
/* html * {
background: rgba(255, 0, 0, .01);
box-shadow: 0 0 0 1px red;
} */
/* Fonts */
@font-face { font-family: 'Montserrat-Thin'; src: url("assets/fonts/Montserrat-Thin.eot"); src: url("assets/fonts/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Montserrat-Thin.ttf") format("truetype"), url("assets/fonts/Montserrat-Thin.woff") format("woff"), url("assets/fonts/Montserrat-Thin.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat-Regular'; src: url("assets/fonts/Montserrat-Regular.eot"); src: url("assets/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Montserrat-Regular.ttf") format("truetype"), url("assets/fonts/Montserrat-Regular.woff") format("woff"), url("assets/fonts/Montserrat-Regular.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat-Bold'; src: url("assets/fonts/Montserrat-Bold.eot"); src: url("assets/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Montserrat-Bold.ttf") format("truetype"), url("assets/fonts/Montserrat-Bold.woff") format("woff"), url("assets/fonts/Montserrat-Bold.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat-Italic'; src: url("assets/fonts/Montserrat-Italic.eot"); src: url("assets/fonts/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Montserrat-Italic.ttf") format("truetype"), url("assets/fonts/Montserrat-Italic.woff") format("woff"), url("assets/fonts/Montserrat-Italic.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat-Medium'; src: url("assets/fonts/Montserrat-Medium.eot"); src: url("assets/fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Montserrat-Medium.ttf") format("truetype"), url("assets/fonts/Montserrat-Medium.woff") format("woff"), url("assets/fonts/Montserrat-Medium.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat-SemiBold'; src: url("assets/fonts/Montserrat-SemiBold.eot"); src: url("assets/fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Montserrat-SemiBold.ttf") format("truetype"), url("assets/fonts/Montserrat-SemiBold.woff") format("woff"), url("assets/fonts/Montserrat-SemiBold.woff2") format("woff2"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Montserrat-Black'; src: url("assets/fonts/Montserrat-Black.eot"); src: url("assets/fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("assets/fonts/Montserrat-Black.ttf") format("truetype"), url("assets/fonts/Montserrat-Black.woff") format("woff"), url("assets/fonts/Montserrat-Black.woff2") format("woff2"); font-weight: normal; font-style: normal; }

/* Ends Fonts */
body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; font-weight: normal; }

ol, ul { list-style: none; }

img { max-width: 100%; height: auto; aspect-ratio: attr(width)/attr(height); object-fit: contain; }

body { min-height: 400px !important; }

div#pageContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; position: relative; }

.Widget-inner { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.text-right { text-align: right !important; }

.text-left { text-align: left !important; }

.text-center, .textC { text-align: center; }

.float-right { float: right; }

.float-left { float: left; }

.img-left { float: left; margin: .5rem 1rem 1rem 0; }

.img-right { float: right; margin: .5rem 0 1rem 1rem; }

.img-center, .cen { display: block; margin: .5rem auto; }

.bold-text { font-weight: bold; }

.container-fluid.no-padding { padding: 0 !important; }

.container-fluid.no-margin, .no-margin { margin: 0 !important; }

.no-margin-top { margin-top: 0 !important; }

.padding { padding: 1.5rem; }

.padding-top { padding-top: 1.5rem; }

.padding-bottom { padding-bottom: 1.5rem !important; }

.padding-bottom-md { padding-bottom: 3rem !important; }

.padding-bottom-lg { padding-bottom: 6rem !important; }

.margin { margin: 1.5rem; }

.margin-top { margin-top: 1.5rem; }

.margin-top-md { margin-top: 3rem !important; }

.margin-bottom { margin-bottom: 1.5rem !important; }

.margin-bottom-triple { margin-bottom: 6rem !important; }

.section-padding { padding: 3.5rem 0; }

.transparent { opacity: 0; }

.absolute-position { position: absolute; }

.relative-position { position: relative; }

.push-right { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; text-align: right; }

.white-text { color: #ffffff !important; }

.with-dropshadow { border: 1px solid #D5D5D5; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); }

.white-color { color: #ffffff !important; }

.dark-color { color: #404040 !important; }

.double-space { margin-bottom: 20px; }

.visible { display: block; }

.hide { display: none; }

.neg-mar { margin-top: -8px !important; }

.text-white { color: #ffffff; }

/* flexbox classes variables */
.display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.justify-content-center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; }

.flex-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.justify-content-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.justify-content-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.justify-content-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.justify-content-space-around { -ms-flex-pack: distribute; justify-content: space-around; }

.justify-content-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.align-items-flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.align-items-flex-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.align-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.align-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }

.align-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.flex-direction-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

/* Misc */
.large-vertical-space { margin: 50px 0; }

.small-vertical-space { margin: 20px 0; }

.medium-vertical-space { margin: 35px 0; }

/* General styling */
h2 { font: normal normal bold 32px/42px Montserrat; letter-spacing: 0px; color: var(--color-secondary); margin: 1.5rem 0; }

h3 { font: normal normal bold 22px/30px Montserrat; letter-spacing: 0px; color: #626E7B; margin: 1.5rem 0; }

p { font: normal normal 20px/30px Montserrat; letter-spacing: 0px; color: #626E7B; }

a { text-decoration: none; color: var(--secondary-color); }

a:hover { color: var(--color-primary) !important; }

.button-large { width: 100%; }

.primary-button { background-color: var(--color-secondary); color: var(--light) !important; border-radius: 35px; cursor: pointer; color: #ffffff; text-align: center; letter-spacing: 0px; padding: 16px; text-decoration: none; text-transform: uppercase; display: block; width: 250px; }

.primary-button:hover { background-color: var(--color-primary); color: var(--light) !important; }

.primary-button:active { position: relative; top: 1px; }

.secondary-button { background: var(--color-primary); border-radius: 28px; cursor: pointer; color: #ffffff; text-align: center; letter-spacing: 0px; padding: 12px 31px; text-decoration: none; text-transform: uppercase; display: block; width: 65%; }

.secondary-button:hover { background-color: var(--color-secondary); color: aliceblue; }

.secondary-button:active { position: relative; top: 1px; }

.outlined-button { border: 3px solid var(--sonar-color); background-color: transparent; border-radius: 35px; cursor: pointer; color: var(--sonar-color); text-align: center; letter-spacing: 0px; padding: 16px; text-decoration: none; text-transform: uppercase; display: block; width: 250px; }

.outlined-button:hover { background-color: var(--sonar-color); color: var(--light) !important; }

.dark-button { background-color: var(--sonar-color); border-radius: 35px; cursor: pointer; color: var(--light); text-align: center; letter-spacing: 0px; padding: 16px; text-decoration: none; text-transform: uppercase; display: block; width: 100%; }

.dark-button:hover { background-color: #637179; color: var(--light); }

.white-button { background-color: var(--light); color: var(--dark); border-radius: 25px; cursor: pointer; text-align: center; letter-spacing: 0px; padding: 12px 50px; text-decoration: none; text-transform: uppercase; display: block; }

.white-button:hover { background-color: var(--dark); color: var(--light) !important; }

/* Ends General Styling */
/* Container */
.container .row { margin-right: 0rem !important; margin-left: 0rem !important; }

@media only screen and (min-width: 100em) { .container { margin: 0 auto; /* padding:0 4rem; */ width: 1560px; min-width: 320px; } }

@media only screen and (min-width: 1200px) { .ui.container { width: 1370px; padding: 0 60px; margin-left: auto !important; margin-right: auto !important; } }

@media only screen and (min-width: 62em) { .container { margin: 0 auto; } }

@media only screen and (min-width: 48em) { .container { margin: 0 auto; } }

@media (max-width: 769px) { .container { margin-right: 1rem; margin-left: 1rem; } .contact_pg_container { margin-top: 7rem !important; } }

/* header */
header { width: 100%; text-align: left; letter-spacing: 0px; background-color: #fff; padding: .5rem; /* background: red; */ z-index: 999; position: relative; }

header .logo { float: left; padding: 5px; text-decoration: none; width: 210px; height: 73.69px; outline: 0; }

header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.menu { display: -webkit-box; display: -ms-flexbox; display: flex; width: 40%; }

.menu .menu_link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.menu a { color: #333; text-decoration: none; z-index: 999999; }

.submenu { display: none; }

.menu .menu_link { position: relative; display: inline-block; height: 80px; text-align: center; line-height: 80px; }

.menu .menu_link:hover { cursor: pointer; }

.menu .menu_link:hover .submenu { display: block; cursor: pointer; }

.menu .menu_link:hover { background-color: transparent; }

.submenu { position: absolute; left: -325px; -webkit-box-shadow: 0px 5px 15px #358CCF29; box-shadow: 0px 5px 15px #358CCF29; width: 886px; height: 261px; border: 0.5px solid #626E7B; border-radius: 10px; -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); z-index: 999999; background-color: #ffffff; }

.submenu .menu_link { display: block; }

.submenu:before { content: ''; position: absolute; left: 46%; top: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #626E7B; clear: both; }

.submenu:after { content: ''; position: absolute; left: 46%; top: -19.5px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid white; clear: both; }

.submenu_body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.submenu_logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; min-width: 300px; max-width: 300px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.submenu__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: calc(100% - 300px); }

.submenu_logo { height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.submenu_logo.submenu_mako-logo { background-color: #3789C3; border-radius: 10px 0 0 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; }

.submenu_logo.submenu_sonar-logo { background-color: #245C82; border-radius: 0 0 0 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 15px; }

.mako_logo_img, .sonar_logo_img { width: 175px; }

.mako_logo_img { margin-bottom: 9px; }

.sonar_logo_img { width: 200px; }

.logo_icon { bottom: 20px; right: 20px; }

.submenu_content_container a h3 { font-size: 20px; font: normal normal bold 14px/30px Montserrat; letter-spacing: 0px; color: #245C82; opacity: 1; text-align: left; margin: 0; }

.submenu_content { cursor: auto; width: 584px; }

.submenu_content_container p { text-align: left; font: normal 14px/16px Montserrat; letter-spacing: 0px; color: #626E7B; opacity: 1; line-height: 14px; }

.submenu_description_separator { margin: .2rem 0; }

.sunmenu_content_left, .submenu-right { padding: 1rem; cursor: auto; min-width: 300px; }

.submenu_content_container:first-child { margin-bottom: 0rem; }

.show { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; background: #fff; top: 80px; height: 100vh; width: 100%; margin: 0 auto; margin-right: 0; margin-left: 0; left: 0; padding: 60px 48px 0; z-index: 999999999; -webkit-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; }

/* div#cd-live-chat-container .cd-container { z-index: 999 !important; } */
/* menu icon */
header .menu-icon { cursor: pointer; display: inline-block; float: right; padding: 28px 20px; width: 58px; height: 58px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

header .menu-icon .navicon { background: #333; display: block; height: 2px; position: relative; -webkit-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; width: 18px; }

header .menu-icon .navicon:before, header .menu-icon .navicon:after { background: #333; content: ''; display: block; height: 100%; position: absolute; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; width: 100%; }

header .menu-icon .navicon:before { top: 5px; }

header .menu-icon .navicon:after { top: -5px; }

header .menu-btn { display: none; }

header .menu-btn:checked ~ nav ul { max-height: 480px; }

header .menu-btn:checked ~ .menu-icon .navicon { background: transparent; }

header .menu-btn:checked ~ .menu-icon .navicon:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

header .menu-btn:checked ~ .menu-icon .navicon:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0; }

/* Hero  Section */
/* section.above-fold { height: 100vh; } */
.hero { background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 0px 0px 0px 100px; height: 415px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 2rem 0; }

.hero h2 { text-align: left; font: normal normal bold 40px/55px Montserrat; letter-spacing: 0px; color: var(--color-secondary); margin: 0; }

.hero h3 { text-align: left; font: normal normal bold 25px/43px Montserrat; letter-spacing: 0px; color: var(--color-seconday); margin: 0; }

img.photo-cover-iframe { -webkit-box-shadow: 0px 3px 50px #00000029; box-shadow: 0px 3px 50px #00000029; border-radius: 10px 60px 10px 10px; width: 100%; height: auto; object-fit: cover; }

.hero-products { margin-top: -45px; }

.hero-products .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; }

.hero-products_logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5rem; }

.hero-products_logo img { margin-bottom: .8rem; }

/* home page video */
@media only screen and (max-width: 75em) { .show-on-twelve { display: none; } .hide-on-twelve { display: block; } }

@media only screen and (min-width: 75em) { .hide-on-twelve { display: none; } .show-on-twelve { display: block; } }

/* ends home page video */
.section-icons-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; }

img.hero_vertical_bar { text-align: center; margin-left: auto; margin-right: auto; left: 0; right: 0; height: 65px; width: 100%; margin-top: 2rem; }

.hero-video video { position: absolute; width: 620px; height: auto; -webkit-box-shadow: 0px 3px 50px #00000029; box-shadow: 0px 3px 50px #00000029; border-radius: 10px 60px 10px 10px; right: 65px; top: -85px; }

.bbb-space img { max-height: 60px; }

.hero .primary-button { padding: 17px; height: 50px; }

.bbb-space { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; margin-right: 2.5rem; }

/* under the fold section */
section.normal-section { margin-bottom: 4.5rem; }

section.under-fold { padding: 1.5rem 0 5rem 0; }

.under-fold-title h2 { text-align: center; font: normal normal bold 40px/55px Montserrat; letter-spacing: 0px; color: #245C82; }

.under-fold p { font: normal normal 20px/30px Montserrat; letter-spacing: 0px; color: #245C82; max-width: 375px; margin: auto; }

img.section-icon { margin-bottom: 1rem; }

.border-svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.anchor-link-1 { margin: 2.5rem 0; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.anchor-link-1 a:first-child { margin-right: 1rem; font: normal normal bold 20px/36px Montserrat; letter-spacing: 0px; color: #245C82; text-transform: uppercase; }

.anchor-link-1 img { max-width: 40px; }

img.section-icon { height: 40px; }

/* OWL Logos slider */
.section-padding { /* padding:60px 0; */ }

.logos-sliders-wrap { padding-top: 4rem; }

section.logos-slider-wrap { background: white; padding-bottom: .5rem; }

.brand-carousel { /* margin-top: 4.5rem; */ }

.single-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.owl-dots { text-align: right; margin-top: 4%; }

.owl-dot { display: none; }

.owl-dot.active { background-color: #000 !important; }

.owl-carousel .owl-item img { width: 160px; }

.logos-sliders-wrap .owl-carousel .owl-item img { width: inherit; }

.featured-2-carousel .featured-item-wrap img, .featured-3-carousel .featured-item-wrap img { width: inherit; height: 200px !important; }

.owl-nav { text-align: right; margin: 1rem 2rem; }

.owl-nav button span { display: none; }

.owl-nav button { margin: 1rem; }

.owl-nav button img { width: 50px; }

.long-horizontal-line { bottom: 40px; width: 80%; height: 13px; }

.brand-carousel.section-padding.owl-carousel.relative-position.owl-loaded.owl-drag { padding: 0; }

/* under Fold Ends */
/* case studies */
.default-bg-section { background: #F8F8F8 0% 0% no-repeat padding-box; }

.case-studies-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2rem 0; }

.case-studies-title img { width: 47.24px; }

.case-studies-title h2 { text-align: center; font: normal normal bold 40px/56px Montserrat; letter-spacing: 0px; color: #245C82; margin-top: 2rem; }

.case-studies-title h3 { text-align: center; font: normal normal 40px/60px Montserrat; letter-spacing: 0px; color: #245C82; margin: 0; }

.case-study-video { margin-top: 3rem; }

.case-study-video img.testimonial-cover-img { border-radius: 10px; box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.15); width: 100%; height: auto; }

.play-contaner img { -webkit-box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.15); box-shadow: 3px 6px 5px -2px rgba(0, 0, 0, 0.15); /* box-shadow: 0 4px 12px 0 rgba(104,115,125,.15); */ -webkit-transition: -webkit-box-shadow 0.2s ease-in-out; transition: -webkit-box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out; cursor: pointer; }

.play-contaner img:hover { -webkit-box-shadow: 0 4px 12px 0 rgba(104, 115, 125, 0.65); box-shadow: 0 4px 12px 0 rgba(104, 115, 125, 0.65); }

.play-btn.cen-img { border-radius: 20px; }

.case-studies .row { -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; }

.before-case { margin-bottom: 2.3rem; }

.before-case h3, .after-case h3 { text-align: left; font: normal normal 600 24px/55px Montserrat; letter-spacing: 0px; color: #245C82; margin: 0; }

.before-case p, .after-case p { text-align: left; font: normal 20px/30px Montserrat; letter-spacing: 0px; color: #245C82; margin-bottom: 1.5rem; }

.quotation-stars { margin-top: 6rem; margin-bottom: 3rem; }

.quotation-stars img { width: 300px; }

.quotation h2 { text-align: center; font-size: 30px; letter-spacing: 0px; color: #626E7B; font-weight: 400; }

.quotation p { text-align: center; font: normal normal normal 24px/70px Montserrat; letter-spacing: 0px; color: #245C82; }

.small-before-after-bar { border: 1px solid #245C82; width: 70%; margin: 3rem 0; }

.case-study-body p { text-align: right; font: normal normal 22px/30px Montserrat; letter-spacing: 0px; color: #626E7B; }

/* last homepage section */
.remora-does h2 { text-align: center; font: normal normal bold 50px/65px Montserrat; letter-spacing: 0px; color: var(--dark-color); }

.remora-does-body { margin-bottom: 4rem; padding: 1.2rem; }

.remora-does-body p { font: normal 20px/32px Montserrat; letter-spacing: 0px; color: var(--dark-color); margin-bottom: .2rem; }

#more { display: none; -webkit-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; -webkit-transition-duration: 4s; -o-transition-duration: 4s; transition-duration: 4s; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; }

#readMore { cursor: pointer; opacity: 1; -webkit-transition: opacity .4s 0s; -o-transition: opacity .4s 0s; transition: opacity .4s 0s; -webkit-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; font-weight: 600; }

.remora-does img { height: 200px; margin-bottom: 2rem; }

.remora-does-body-title h3 { text-align: center; font: normal normal bold 40px/60px Montserrat; letter-spacing: 0px; color: var(--dark-color); margin: 0; }

.remora-does-body-title p { text-align: center; /* font: normal normal normal 25px/35px Montserrat; */ letter-spacing: 0px; color: #707070; }

/* modal */
.modal-trigger { margin-right: 1rem; text-align: right; font: normal normal bold 21px/33px Montserrat; letter-spacing: 0px; color: #245C82; text-transform: uppercase; }

.trigger { margin: 0 0.75rem; /* padding: 0.625rem 1.25rem; */ border: none; border-radius: 0.25rem; -webkit-transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); font-size: 0.875rem; font-weight: 300; margin: 2rem 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; /* justify-content: flex-end; */ cursor: pointer; }

.modal { position: fixed; top: 0; left: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 0vh; background-color: transparent; overflow: hidden; -webkit-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; z-index: 99999; display: none; }

.modal.open { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: background-color 0.25s; -o-transition: background-color 0.25s; transition: background-color 0.25s; }

.modal.open > .content-wrapper { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.modal .content-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 80%; margin: 0; padding: 2.5rem; background-color: white; border-radius: 0.3125rem; -webkit-box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5); box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; -o-transition: transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; }

.modal .content-wrapper .close { position: absolute; top: 0.5rem; right: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: none; background-color: transparent; font-size: 1.5rem; -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; }

.modal .content-wrapper .close:before, .modal .content-wrapper .close:after { position: absolute; content: ""; width: 1.25rem; height: 0.125rem; background-color: black; }

.modal .content-wrapper .close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.modal .content-wrapper .close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.modal .content-wrapper .close:hover { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.modal .content-wrapper .close:hover:before, .modal .content-wrapper .close:hover:after { background-color: var(--color-primary); }

span.p-dark-blue { font-weight: 600; color: var(--color-secondary); }

/* Mako Page */
.contain { position: relative; }

.products-hero { height: 415px; background: #ffffff; }

.hero-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.product-logo img { width: 235px; }

.product-title h2 { font: normal normal bold 50px/61px Montserrat; letter-spacing: 0px; color: var(--color-primary); margin-bottom: 23px; }

.product-title h3 { font: normal normal 25px/35px Montserrat; letter-spacing: 0px; color: #626E7B; width: 80%; margin: 0 auto; }

.featured-sections { height: auto; padding: 3rem 0; background: #ffffff; }

.products-wrap img { height: 80px; }

.featured-sections h2.title { text-align: left; font: normal normal bold 24px/35px Montserrat; letter-spacing: 0px; margin-bottom: 1rem; color: var(--color-secondary); }

section.logos-slider-wrap { background: white; }

.featured-sections p { text-align: left; letter-spacing: 0px; color: #245C82; }

.learn-more-link { height: 70px; }

.learn-more-link img { width: 30px; }

.learn-more-link a { margin-right: 10px; font: normal normal bold 20px/30px Montserrat; letter-spacing: 0px; color: #245C82; }

.gt-metrix-logo { margin-top: 1.5rem; }

.gt-metrix-logo img { width: 200px; }

.featured-wt-slides h2 { color: var(--color-secondary); }

.featured-wt-slides .owl-item p { text-align: left; font: normal normal 18px/25px Montserrat; letter-spacing: 0px; color: #626E7B; }

.featured-3-carousel .contain { margin: 0 auto; width: 100%; position: relative; }

.featured-3-carousel .item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3rem; border-radius: 20px; width: 600px; height: 550px; justify-content: center; }

.featured-2-carousel .contain { margin: 0 auto; width: 100%; position: relative; }

.featured-2-carousel .item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3rem; border-radius: 20px; width: 600px; height: 550px; justify-content: center; }

.owl-carousel .owl-nav.disabled { display: block !important; }

.feature-carousel-bar { width: 80%; bottom: 70px; height: 13px; }

.white-bg { background-color: white; }

.fade-right { height: 580px; position: absolute; pointer-events: none; width: 6rem; z-index: 5; }

.fade-right { background: -webkit-gradient(linear, right top, left top, color-stop(45%, #F6F9FC), to(rgba(246, 249, 252, 0))); background: -o-linear-gradient(right, #F6F9FC 45%, rgba(246, 249, 252, 0)); background: linear-gradient(-90deg, #F6F9FC 45%, rgba(246, 249, 252, 0)); right: 0px; }

.fade-white { background: -webkit-gradient(linear, right top, left top, color-stop(45%, #Ffffff), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(right, #Ffffff 45%, rgba(255, 255, 255, 0)); background: linear-gradient(-90deg, #Ffffff 45%, rgba(255, 255, 255, 0)); }

.two-col-section .row, .section-two-columns .row { -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; }

.two-col-section-right-img { width: 250px; margin: auto; }

.two-col-section-left-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.test-your-speed { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 1rem; }

.test-your-speed .link-arrow-outside { margin-bottom: 1.5rem; }

.test-your-speed .link-arrow-outside img { width: 25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.test-your-speed a:first-child { margin-right: .5rem; font: normal normal bold 20px/36px Montserrat; letter-spacing: 0px; color: #245C82; }

.section-two-columns .container .row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.section-two-columns-content img { height: 300px; }

.section-two-columns-content.ada-man-on-chair-section img { margin-left: 55px; }

.cta-section { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color-secondary)), color-stop(15%, var(--color-secondary)), color-stop(80%, var(--color-secondary)), color-stop(70%, white), color-stop(70%, #ffffff)); background-image: -o-linear-gradient(top, var(--color-secondary), var(--color-secondary) 15%, var(--color-secondary) 80%, white 70%, #ffffff 70%); background-image: linear-gradient(to bottom, var(--color-secondary), var(--color-secondary) 15%, var(--color-secondary) 80%, white 70%, #ffffff 70%); }

.cta-section .cta-box-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.cta-section .cta-box-wrapper .cta-box { width: 490px; }

.cta-section .cta-box-wrapper .cta-bigger-box { width: 620px; }

.cta-section .cta-box { background-color: white; padding: 2rem; border-radius: 25px 0px 0px 25px; height: auto; }

.cta-section .cta-box-wrapper .cta-bigger-box { padding: 2rem 3rem; height: auto; }

.cta-section .cta-box-wrapper .cta-bigger-box h2 { margin-top: 0rem; }

.cta-bigger-box.single-box { width: 100%; }

.cta-section .cta-bigger-box { background-color: white; padding: 2rem; border-radius: 25px; height: 572px; -webkit-box-shadow: 0px 6px 16px #00000026; box-shadow: 0px 6px 16px #00000026; }

.cta-bigger-box a, .cta-box a { margin-top: 1.5rem; }

p.disclaimer-text { text-align: left; font: normal 14px/20px Montserrat; margin-top: .5rem; }

.cta-section .cta-box .primary-button { width: 100%; }

.statement-section h2 { font: normal normal bold 50px/60px Montserrat; }

.statement-section p { max-width: 500px; margin: auto; }

/* Sonar Page */
.sonar-page .product-title h3 { text-align: center; font: normal normal bold 50px/61px Montserrat; letter-spacing: 0px; color: var(--sonar-color); }

.sonar-page .send-to-friend-wrap .dark-button { height: 55px; padding: 16px; }

.sonar-page .col-md-5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.sonar-page .two-col-section-right-img { width: 450px; }

.sonar-page .trigger { margin: 0; padding: 0; }

.sonar-page .modal-trigger { margin: 0; text-align: center; color: white; font-size: inherit; }

/* Team */
/* .team-page { background: transparent linear-gradient(180deg, #EBF3FA 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box; opacity: 1; } .team-page .member-card img { width: 370px; height: 510px; border: 1px solid #707070; border-radius: 20px; margin: auto; position: relative; } .team-headline { width: 800px; text-align: center; margin: 0 auto; flex-direction: column; padding: 4rem 0; } .team-headline h3 { margin: 0px; } .member-card { display: flex; justify-content: center; flex-direction: column; margin-bottom: 3rem; } .member-card .member-name { text-align: center; margin-top: 2rem; } .member-card .member-name h3 { margin: 0.5rem 0; } .team-page .team-message { margin: 5rem 0; } .team-page .team-message p { font: normal normal normal 18px/32px Montserrat; letter-spacing: 0px; color: #626E7B; margin: .6rem 0; } */
/* Contact Page */
/* Contact Page Form */
.contact_pg_container { margin-top: 1rem; margin-bottom: 2rem; }

.contact_pg_container h2 { color: var(--color-primary); text-align: center; }

.custom-form, .see-demo-page .custom-form { background: #EBECF0; padding: 50px; border-top: 10px solid var(--color-primary); margin: 2rem; color: #78788c; -webkit-box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029; border-radius: 8px; }

form#form_contact_form .row, .see-demo-page form#form_contact_form .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.custom-form-input, .see-demo-page .custom-form-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.custom-form label.form-label, .see-demo-page .custom-form label.form-label { margin: 0 0 0.5em 0; }

.custom-form input, .custom-form textarea, .see-demo-page .custom-form input, .see-demo-page .custom-form textarea { margin-bottom: 1rem; padding: 12px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; border: 2px solid #ccc; outline: none; background-color: #f8f8f8; }

.custom-form input:focus, .custom-form textarea:focus, .custom-form input:active, .custom-form textarea:active, .see-demo-page .custom-form input:focus, .see-demo-page .custom-form textarea:focus, .see-demo-page .custom-form input:active, .see-demo-page .custom-form textarea:active { border: 1px solid var(--color-primary); }

.custom-form input::-webkit-input-placeholder, .custom-form textarea::-webkit-input-placeholder, .see-demo-page .custom-form input::-webkit-input-placeholder, .see-demo-page .custom-form textarea::-webkit-input-placeholder { font-size: smaller; opacity: .5; }

.custom-form input::-moz-placeholder, .custom-form textarea::-moz-placeholder, .see-demo-page .custom-form input::-moz-placeholder, .see-demo-page .custom-form textarea::-moz-placeholder { font-size: smaller; opacity: .5; }

.custom-form input:-ms-input-placeholder, .custom-form textarea:-ms-input-placeholder, .see-demo-page .custom-form input:-ms-input-placeholder, .see-demo-page .custom-form textarea:-ms-input-placeholder { font-size: smaller; opacity: .5; }

.custom-form input::-ms-input-placeholder, .custom-form textarea::-ms-input-placeholder, .see-demo-page .custom-form input::-ms-input-placeholder, .see-demo-page .custom-form textarea::-ms-input-placeholder { font-size: smaller; opacity: .5; }

.custom-form input::placeholder, .custom-form textarea::placeholder, .see-demo-page .custom-form input::placeholder, .see-demo-page .custom-form textarea::placeholder { font-size: smaller; opacity: .5; }

.custom-form textarea, .see-demo-page .custom-form textarea { width: 100%; height: 150px; padding: 12px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; background-color: #f8f8f8; resize: none; }

.custom-form button.btn.btn-primary, .see-demo-page .custom-form button.btn.btn-primary { background-color: var(--color-primary); border: none; color: white; padding: 16px 32px; text-decoration: none; margin: 4px 2px; cursor: pointer; width: 100%; border-radius: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.custom-form button.btn.btn-primary:hover { background-color: var(--color-secondary); }

.see-demo-wrap p { padding: 2rem; }

@media (max-width: 500px) { .custom-form { padding: 20px; } }

@media (max-width: 62em) { .tooltip .tooltiptext { margin-left: -100px; width: 200px; font-size: 14px; } .tooltip .tooltiptext::after { margin-left: -5px; } }

.contact-page .see-demo-page .bbb-space, .see-demo-page .see-demo-page .bbb-space { margin: 2rem 0; }

.contact-page .appstore-buttons, .see-demo-page .appstore-buttons { padding: 2rem; }

.contact-page .see-demo-page .bbb-space img, .see-demo-page .see-demo-page .bbb-space img { max-width: 100%; }

.see-demo-page .bbb-space { margin: 3rem 0; }

/* .send-team-modal .send-team-form { width: 100%; } */
.contact-form { background: #EBECF0; padding: 50px 100px; border-top: 10px solid var(--color-primary); margin: 2rem; color: #78788c; -webkit-box-shadow: 0px 3px 6px #00000029; box-shadow: 0px 3px 6px #00000029; border-radius: 8px; }

.send-team-form .send-team-col { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.send-team-form .input-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.send-team-form .input-wrap label { font: normal normal 600 16px/19px Montserrat; margin-bottom: .5rem; }

.send-team-form .input-wrap input { font: normal normal 12px/16px Montserrat; padding: .5rem; margin-right: 1rem; width: 300px; height: 45px; background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 10px; opacity: 1; }

.send-team-form input[type="submit"] { background: #626E7B 0% 0% no-repeat padding-box; border-radius: 10px; opacity: 1; margin-left: 1rem; }

.send-team-form input[type="button"] { background: #C1CDD5 0% 0% no-repeat padding-box; border-radius: 10px; opacity: 1; }

.send-team-form input[type="submit"], .send-team-form input[type="button"] { padding: .6rem; width: 200px; border: 0px; color: white; }

.form-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; }

/* to delete */
/* div#footerContainer { margin-top: 5rem; } */
/* Footer */
footer { background-color: var(--dark-color); padding-top: 3rem; height: 280px; }

footer .remora-logo-footer img { max-width: 200px; }

footer .qk-links img { width: 200px; margin-bottom: 1.3rem; }

.footer-address p { margin-bottom: 1.3rem; }

.footer-address p, .footer-phone p { color: #ffffff; font-size: 16px; line-height: 25px; }

.remora-logo-footer { margin-bottom: 1rem; }

.footer-phone .phone-number { font-size: 20px; font-weight: bold; }

.footer-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer-buttons a { margin-bottom: .8rem !important; }

.footer-sm-links-title { text-align: center; }

.footer-sm-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.footer-sm-links img { width: 52px; height: 52px; margin: .5rem; }

.footer-left-xs { text-align: center; margin-bottom: 3rem; }

.bottom-co-legal { background-color: var(--dark-color); padding-bottom: 1rem; }

.bottom-co-legal .row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* .bottom-lnks { padding:1rem 0; } */
.bottom-lnks .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.bottom-lnks ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; list-style: none; }

.bottom-lnks ul li { margin-left: 1rem; font-size: 14px; }

.bottom-lnks ul li a { color: #ffffff; }

.copyrights { height: 30px; background-color: #132F42; text-align: center; margin-right: 2rem; }

img.app-store-logo { width: 180px; }

img.google-play-logo { width: 208px; }

.copyrights p { color: white; font-size: 14px; }

.qk-links { margin-bottom: 3rem; text-align: right; }

.qk-links ul { margin-right: 1rem; }

.footer-schedule-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 1.2rem; }

.qk-link p, .qk-links ul { color: white; margin-bottom: 1.3rem; }

.qk-links ul li a { line-height: 25px; text-decoration: none; color: white; }

img.harbor-footer-logo { height: 40px; margin-top: -6px; }

img.mako-footer-logo, img.reel-footer-logo { height: 25px; }

.footer-sm-links-title { text-align: right; }

.footer-sm-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; float: left; margin-top: 20px; }

.footer-sm-links img { width: 52px; height: 52px; margin: .5rem; }

.footer-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer-app-store-logos img { /* width: 180px; */ }

.footer-app-store-logos img:first-child { margin-bottom: 1rem; }

.footer-left-xs { text-align: left; }

.footer-sm-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.footer-sm-links-title h4 { color: white; margin-top: 2rem; font-weight: 500; }

/* Jobs page */
/* Jobs page ends*/
@media only screen and (min-width: 48em) { /*     .container {
padding: 0 2rem;
} */ }

@media only screen and (min-width: 62.5em) { header .menu-icon { display: none; } header .menu .mobile-products { display: none; } }

@media only screen and (min-width: 62.5em) { section.above-fold { height: inherit; } }

@media only screen and (max-width: 118.75em) { /*     .fade-right { right: 290px; } */ }

@media only screen and (max-width: 112.5em) { /*     .fade-right { right: 95px; } */ }

@media only screen and (max-width: 100em) { .submenu:before, .submenu:after { left: 43%; } .hero-video video { width: 527px; right: -43px; top: -100px; } }

@media only screen and (max-width: 93.75em) { .submenu:before, .submenu:after { left: 50%; } .submenu { left: -387px; } }

@media only screen and (max-width: 81.25em) { .submenu { left: -470px; } .submenu:before, .submenu:after { left: 60%; } .contain { width: auto; } .fade-right { right: 0px; } .hero-video video { right: 0px; } }

@media only screen and (max-width: 78.125em) { .hero h2 { font: normal normal bold 34px/55px Montserrat; } }

@media only screen and (max-width: 75em) { .submenu:before, .submenu:after { left: 67%; } .submenu { left: -545px; } .hero-video video { right: 40px; width: 365px; } .hero-title-wrap { max-width: 400px; } .long-horizontal-line { bottom: 150px; width: 70%; } .feature-carousel-bar { display: none; } .cta-section .cta-box-wrapper .cta-bigger-box { width: 520px; } .cta-section .cta-box-wrapper .cta-box { width: 380px; } .two-col-section .row, .section-two-columns .row { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .long-horizontal-line, .fade-right { display: none; } .featured-sections p { min-height: 180px; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) { section.above-fold { height: auto; } img.hero_vertical_bar.asolute { display: none; } }

@media screen and (max-width: 62.5em) { div#pageContainer { padding-top: 5rem; } header { position: fixed; top: 0; } .menu { display: none; } .menu .menu_link { max-height: 70px; } .menu_link.dropdown-arrow { display: none; } .submenu { display: none !important; } .menu .mobile-products { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 80px; } .menu .mobile-products img { width: 80px; } .products-hero { height: 500px; justify-content: center; } .hero { height: 800px; border-radius: 0px; } .hero-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hero-video video { position: relative; border-radius: 10px; right: 0; left: 0; width: 400px; margin-top: 2rem; top: 20px; } img.photo-cover-iframe { top: 0px; right: 0px; left: 0px; margin-top: 50px; height: 200px; width: 100%; border-radius: 10px; } .hero-titles { display: flex; justify-content: center; } .hero-title-wrap { max-width: inherit; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-title-wrap .large-vertical-space { margin: 15px 0; } .bbb-space { display: none; } section.above-fold { height: auto; } .hero-products .container { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2rem; } .featured-sections .products-wrap { margin: auto; } .featured-sections-title-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .featured-sections .col-xs-12 { padding: 2rem; } .featured-sections h2.title, .featured-sections p { text-align: center; } .learn-more-link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .under-fold .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .under-fold .row .col-md-4 { margin-bottom: 3rem; } .under-fold .row .col-md-4 .anchor-link-1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .case-study-body p { text-align: center; } .case-study-body .trigger { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .before-case { margin-top: 2.5rem; } .remora-does .row .col-md-4 { margin-top: 5rem; } .remora-does .row .col-md-4:first-child { margin-top: 0rem; } .contain { width: 100%; } .featured-wt-slides .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .featured-wt-slides .col-md-4 { margin-bottom: 0rem; } .featured-3-carousel .item, .featured-2-carousel .item { margin: 0rem 1rem 3rem 1rem; /* width: 100%; */ background: transparent; padding: 0; } .two-col-section-left-content { padding: 5rem 1rem; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .section-two-columns .col-md-5:first-child { padding: 5rem 0; } .featured-wt-slides-body { margin: 0rem 1rem 3rem 1rem; } .owl-nav { text-align: center; } .section-two-columns-content { text-align: center; } .featured-sections p { min-height: inherit; } .cta-section-content { width: 100%; } .cta-box, p.disclaimer-text { text-align: center; } .cta-bigger-box a { margin: 1rem auto; } .sonar-page .product-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sonar-page .schedule-demo-wrap { margin-right: 0; } .sonar-page .schedule-demo-wrap .outlined-button { width: 250px; margin-bottom: 1rem; } /*     .contact-side-wrap { order: -1; } */ .send-team-form .input-wrap input { width: 150px; } .send-team-form .input-wrap label { display: none; } .send-team-form input[type="submit"], .send-team-form input[type="button"] { width: 100%; margin: 1rem 0; } .send-team-form input[type="submit"] { margin: 0; padding: .5rem; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .team-headline { width: 100%; } .send-team-form .input-wrap { margin: .5rem 0; } .send-team-form .send-team-col { margin-bottom: 0px; } .form-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } form.send-team-form h3 { margin-bottom: 0px; margin-top: .7rem; } .footer-left-xs { text-align: center; margin-bottom: 0px; } .footer-buttons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-sm-links { float: none; } footer { height: auto; } .bottom-co-legal .row { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .copyrights { margin-right: 0px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .qk-links { text-align: center; } .footer-schedule-button { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .qk-links ul { margin-right: 0px; } }

@media screen and (max-width: 62em) { .cta-section .cta-box-wrapper .cta-box { width: 100%; border-radius: 25px; margin-bottom: 2rem; } .cta-section .cta-box-wrapper .cta-bigger-box { width: 100%; } }

@media screen and (max-width: 56.25em) { .cta-section .cta-box-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cta-section .cta-box-wrapper .cta-box { width: 100%; border-radius: 25px; margin-bottom: 2rem; } .cta-section .cta-box-wrapper .cta-bigger-box { width: 100%; padding: 2rem; } }

@media screen and (max-width: 48.0625em) { .hero { height: 680px; } .product-title h2, .sonar-page .product-title h3 { font: normal normal bold 25px/35px Montserrat; } .product-title h3 { font: normal normal 20px/30px Montserrat; } .long-horizontal-line { display: none; } .sonar-page .two-col-section-right-img { width: 230px; } .send-team-form .input-wrap input { width: 100%; } .hero-video video { width: 350px; } .contain { width: 100%; } .featured-3-carousel .item, .featured-2-carousel .item { width: 90%; } .bottom-lnks ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bottom-lnks ul li { text-align: center; margin: 0 0 0.4rem 0; } }

@media screen and (max-width: 31.25em) { .hero .container { width: 300px; margin: auto; height: 530px; } .hero-title-wrap { height: 230px; width: 270px; } .hero h2, .hero h3 { text-align: center; } .products-hero.mako-hero { height: 505px; } .owl-nav { text-align: center; } .hero-products .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } section.above-fold { margin-top: 5rem; } .featured-3-carousel .item { border-radius: 0px; height: auto; } .featured-wt-slides .owl-item p { height: auto; } .contain { width: 300px; } .owl-nav { margin: 0; } .featured-item-wrap { width: 100%; } .item-margin-top { margin-top: 7rem; } .item { margin-top: 2rem; } .statement-logos-wrap { margin-top: 2rem; } img.hero_vertical_bar { display: none; } .custom-form, .see-demo-page .custom-form { padding: 25px; margin: 0px; } }

@media screen and (max-width: 24.375em) { h2 { font: normal normal bold 30px/40px Montserrat; } .hero-video video { width: 280px; } .section-padding { padding: 5rem 0; } .hero-title-wrap { text-align: center; } .hero-title-wrap h2, .hero-title-wrap h3 { text-align: center; } .hero-title-wrap h3 { font: normal normal bold 25px/35px Montserrat; width: 268px; height: 70px; } .hero-products_logo { margin-top: 3rem; } .case-studies-title h2, .under-fold-title h2, .hero h2 { font: normal normal bold 30px/40px Montserrat; width: 268px; height: 80px; margin: 0 auto; } .quotation h2 { font: normal normal 25px/35px Montserrat; } .case-studies-title h3, .remora-does-body-title h3 { font: normal normal 600 25px/35px Montserrat; } .quotation p { font: normal 18px/28px Montserrat; } .case-study-body p { font: normal normal 20px/30px Montserrat; } .modal-trigger { font: normal normal bold 15px/25px Montserrat; } .case-studies .trigger img { width: 25px; } .remora-does h2 { font: normal normal bold 28px/35px Montserrat; text-align: left; padding: 1.2rem; } .section-two-columns-content.ada-man-on-chair-section img { margin-left: 0px; } }

/* sonar */
.cd_msg_container_base { width: 100%; top: -8px; }

.cd-panel-footer { margin-top: -10px; }

.new-vid-iframe { width: 620px; height: 413px; -webkit-box-shadow: 0px 3px 50px #00000029; box-shadow: 0px 3px 50px #00000029; border-radius: 10px 60px 10px 10px; right: 0px; top: -85px; }

@media (max-width: 1599px) { .new-vid-iframe { width: 100%; height: 294px; -webkit-box-shadow: 0px 3px 50px #00000029; box-shadow: 0px 3px 50px #00000029; border-radius: 10px 60px 10px 10px; } }

@media (max-width: 992px) { .new-vid-iframe { position: relative; width: 100%; height: 200px; -webkit-box-shadow: 0px 3px 50px #00000029; box-shadow: 0px 3px 50px #00000029; border-radius: 10px; margin-top: 0; margin-left: 0; top: 50px; } }

@media (max-width: 575px) { .new-vid-iframe { position: relative; width: 100%; height: 180px; -webkit-box-shadow: 0px 3px 50px #00000029; box-shadow: 0px 3px 50px #00000029; border-radius: 10px; margin-top: 0; margin-left: 0; top: 50px; } .hide-on-twelve img.photo-cover-iframe { height: 200px; width: 300px; top: 55px; border-radius: 10px; } }

.thank-you { margin: 3rem 0; height: 40vh; }

.thank-you p { margin-bottom: 2rem; }

.fourofourpage { height: 50vh; }

/* reviews css */
.review-section { padding: 3.5rem 0 0 0; }

.reviews-carousel.section-padding.owl-carousel.relative-position.owl-loaded.owl-drag { padding: 0; }

.reviews-box { display: block; padding: 20px; margin: 10px; border-radius: 0.28571429rem; min-height: 250px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); height: 320px; position: relative; }

.rating-date { display: flex; }

.reviews-ratings { margin: .2rem 0 .5rem 0; }

.rating-date img { margin-right: 10px; }

.reviews-container p { font-size: 18px; }

.reviews-author p { display: inline-block; font-size: 12px; width: 100%; border-top: 1px solid #d4d4d5; padding-top: 10px; margin-top: 10px; line-height: normal; }

.reviews-date p { font-size: 12px; }

.reviews-box .google-logo img { width: auto !important; }

.reviews-ratings img { width: 150px !important; }

.review-section .owl-nav { text-align: center; }

.review-section .reviews-container p { height: 150px; overflow: hidden; }

.review-section .reviews-author { top: 0px; }

.reviews-box a { font-size: 12px; color: var(--color-primary); }

.review-section .modal.open > .content-wrapper { width: 600px; }

@media (max-width: 1600px) { .reviews-box { height: 370px; } }

@media (max-width: 1500px) { .reviews-box { height: 370px; } }

@media (max-width: 1400px) { .reviews-box { height: 330px; } }

@media (max-width: 1200px) { .review-section .modal.open > .content-wrapper { width: 300px; } }

@media (max-width: 669px) { .reviews-box { height: 350px; } .rating-date { flex-direction: column; } .review-section .modal.open > .content-wrapper { width: 380px; } .review-section .modal.open > .content-wrapper p { font-size: 16px; } /* proven process */ .proven-process .proven-process-br p { margin-bottom: 0.7rem; } .proven-process { margin-top: -2rem; } .proven-process .title h2 { margin: 0; } .proven-process .owl-dots { display: none; } section.under-fold { padding: 1.5rem 0 3.5rem 0; } }

.quad-logos { display: flex; flex-direction: row; justify-content: space-around; }

@media (max-width: 1000px) { .quad-logos { flex-direction: column; align-items: center; } .quad-logos img { width: 160px !important; margin: 0 0 1rem 0; } .logos-sliders-wrap { padding-bottom: 4rem; } }

/** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; }

.owl-carousel { display: none; width: 100%; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }

.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { animation-name: fadeOut; }

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

.owl-height { transition: height .5s ease-in-out; }

.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; }

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/*# sourceMappingURL=styles.css.map */