@charset "UTF-8";
/* Color palette */
.Hero-Title-Left-LIT-Bold { font-family: 'Lato', sans-serif; font-size: 80px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.01; color: #ffffff; }

.Hero-Title-Dark-Left { font-family: 'Lato', sans-serif; font-size: 70px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.17; color: #3381ab; }

.Section-Title-LIT { font-family: 'Lato', sans-serif; font-size: 40px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: center; color: #ffffff; }

.Content-Title-LIT { font-family: 'Lato', sans-serif; font-size: 40px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.3; text-align: center; color: #ffffff; }

.Section-Title-Left-DRK { font-family: 'Lato', sans-serif; font-size: 40px; font-weight: normal; font-style: normal; font-stretch: normal; color: #1c4472; }

.Section-Title-DRK, .or-section-title-dark { font-family: 'Lato', sans-serif; font-size: 40px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: center; color: #1c4472; }

.Content-Title-LIT-Left, .or-content-title-light-left { font-family: 'Lato', sans-serif; font-size: 35px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.2; color: #ffffff; }

.BTN-Pre-Order-CTA { font-family: 'Lato', sans-serif; font-size: 23px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.87; text-align: center; color: #11244f; }

.Content-Sub-title-LIT-Left, .or-hero-sub-title { font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.09; color: #ffffff; }

.Content-Sub-title-LIT { font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.55; text-align: center; color: #ffffff; }

.Content-Sub-Title-DRK, .or-content-sub-title-dark { font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.55; text-align: center; color: #1c4472; }

.Content-Body-Dark, .or-content-body-dark { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; text-align: center; color: #4a4a4a; }

.Content-Body-LIT { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; text-align: center; color: #ffffff; }

.Content-Body-LIT-Left { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; color: #e5e5e5; }

.Content-Body-Dark-Left { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.56; color: #4a4a4a; }

.Nav-Link-LIT { font-family: 'Lato', sans-serif; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 0.94; text-align: center; color: #ffffff; }

.Nav-Link-Default, .or-nav-link a { font-family: 'Lato', sans-serif; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.94; color: #1c4472; }

.Micro-Sub-Title-LIT, .or-hero-micro-title, .or-footer-micro-title { font-family: 'Lato', sans-serif; font-size: 15px; font-weight: bold; font-style: normal; font-stretch: normal; color: #ffffff; }

.Micro-Body-LIT, .or-footer-micro-body { font-family: 'Lato', sans-serif; font-size: 15px; font-weight: normal; font-style: normal; font-stretch: normal; color: #ffffff; }

.or-hero-title { color: #ffffff !important; text-align: left; font-size: 80px !important; }

.or-hero-sub-title { text-align: left; color: white !important; }

.or-footer-micro-body > a:hover { text-decoration: underline; }

.or-hero-gradient, .or-hero-blue-tint { background-image: radial-gradient(circle at 47% 42%, rgba(0, 0, 0, 0.26), rgba(78, 173, 215, 0.67)); width: 100%; }

.or-nav-link a { color: #1c4472 !important; }
.or-nav-link a:before { left: 15px !important; right: 15px !important; background-color: #55b2e4 !important; }
.or-nav-link a:hover { color: #55b2e4 !important; }
.or-nav-link a:active { color: #306582; }
.or-nav-link a:active:before { background-color: #306582; }

.or-nav-highlight a:after { transition: all 0.4s; background-color: #4e92df !important; background: radial-gradient(circle at 54% 55%, #55b2e4, #4e92df) !important; }

.or-nav-highlight a:hover:after { background: #55b2e4 !important; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26); }

.or-section-title-dark { color: #1c4472 !important; line-height: 40px; }
.or-section-title-dark.left { text-align: left; }

.or-content-sub-title-dark { color: #1c4472 !important; }
.or-content-sub-title-dark.left { text-align: left; }
.or-content-sub-title-dark small { font-size: smaller; font: "Lato", sans-serif !important; }

.or-content-title-light-left { color: #ffffff !important; text-align: left; }

.or-content-sub-title-light-left { color: #ffffff !important; text-align: left; }

.or-content-body-dark.left { text-align: left; }

.or-btn-shadow:hover, .or-hero-btn-pre-order:hover, .or-button-blue:hover, div#pre-order-banner.pre-order-banner .button-container .btn:hover { box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26); }

.or-hero-btn-pre-order { border-radius: 6px; background-color: #ffb538; background-image: linear-gradient(259deg, #ffb538, #ffb900 58%, #ffb638); border: solid 1px #ffb33b; padding: 20px 25px; line-height: 1em; }
.or-hero-btn-pre-order:hover { text-decoration: none; background-image: none; background-color: #E8AC04; border-color: #E8AC04; }
.or-hero-btn-pre-order:active { background-color: #E8AC04; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; border-color: #E8AC04; }

.or-button-blue { border-radius: 4px; background-color: #3381ab; background-image: radial-gradient(circle at 54% 55%, #55b2e4, #4e92df); font-family: Lato; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 2.13; text-align: center; color: #ffffff !important; padding: 3px 16px; }
.or-button-blue:hover { background-image: none; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26); }

.or-hero-btn-white-lg { border-radius: 6px; background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FFFFFF 50%, #B7B7B7 200%); border: solid 1px #fff; padding: 20px 25px; line-height: 1em; background-color: #ebebeb !important; border-color: #ebebeb !important; }
.or-hero-btn-white-lg:hover { background-image: none; text-decoration: none; background-color: #ebebeb !important; border-color: #ebebeb !important; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26); }
.or-hero-btn-white-lg:active { background-image: none; background-color: #B7B7B7; text-decoration: none; -webkit-box-shadow: none; box-shadow: none; border-color: #B7B7B7; }

.or-botton-line { position: absolute; height: 4px !important; bottom: 0; }

.or-darken-34 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.34; background-color: #000000; z-index: 10; }

.or-hero-blue-tint { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.34; background-color: #000000; z-index: 10; }

.Hero-Title-Left-LIT, .or-hero-title { object-fit: contain; font-family: "Lato", sans-serif !important; font-size: 80px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.01; color: #ffffff; }

.BTN-Pre-Order-CTA__, .or-hero-btn-pre-order, .or-hero-btn-white-lg { object-fit: contain; font-family: "Lato", sans-serif !important; font-size: 23px; font-weight: normal; font-style: normal; font-stretch: normal; text-align: center; color: #1c4472 !important; }

.Content-Sub-Title-LIT-Left, .or-content-sub-title-light-left { font-family: Lato; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.7; text-align: left; color: #ffffff; }

.Yellow-Border, .or-botton-line, div#pre-order-banner.pre-order-banner { background-image: linear-gradient(261deg, #ffb538, #ffb900 58%, #ffb638); border: solid 1px #ffb33b; height: 6px; width: 100%; opacity: .98; z-index: 1001; transition: all 0.4s; }

.form-group.has-error textarea, .form-group.has-error .select-wrap { border-color: #fff; -webkit-box-shadow: 0px 5px 0px rgba(169, 66, 56, 0.9), 0px 5px 5px rgba(169, 66, 56, 0.1); -moz-box-shadow: 0px 5px 0px rgba(169, 66, 56, 0.9), 0px 5px 5px rgba(169, 66, 56, 0.1); box-shadow: 0px 5px 0px rgba(169, 66, 56, 0.9), 0px 5px 5px rgba(169, 66, 56, 0.1); }
.form-group.has-error label { color: #a94238; }

input[type=submit]:disabled, input[type=submit]:disabled:hover { background-color: lightgray; }

.strikethrough { text-decoration: line-through; }

@media (min-width: 770px) { .hideOnDeskop { display: none !important; } }

.full-height { height: 100%; }

.bold { text-weight: bold; }

#masthead .container { background-color: white; }

.image-overlay-text h1 { font-size: 2em; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); color: white; }
.image-overlay-text h2 { font-size: 1.5em; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); color: white; }
.image-overlay-text.right { text-align: right !important; margin-right: 2em; }
.image-overlay-text.black h1 { color: black; }
.image-overlay-text.black h2 { color: black; }
.image-overlay-text.no-shadow h1 { text-shadow: initial; }
.image-overlay-text.no-shadow h2 { text-shadow: initial; }

img.invert { -webkit-filter: invert(1); filter: invert(1); }

.orov-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.orov-overlay .orov-overlay-container { height: 100%; }

.orov-overlay-sepia:hover img { -webkit-filter: sepia(55%); filter: sepia(55%); }

/* - Overlays -*/
.hover-hover-grid-overlay-10:hover { background-image: url(../../images/grid-10.png); }

.hover-grid-overlay-20:hover { background-image: url(../../images/grid-20.png); }

.hover-grid-overlay-30:hover { background-image: url(../../images/grid-30.png); }

.hover-grid-overlay-40:hover { background-image: url(../../images/grid-40.png); }

.hover-grid-overlay-50:hover { background-image: url(../../images/grid-50.png); }

.hover-grid-overlay-60:hover { background-image: url(../../images/grid-60.png); }

.hover-grid-overlay-70:hover { background-image: url(../../images/grid-70.png); }

.hover-grid-overlay-80:hover { background-image: url(../../images/grid-80.png); }

.hover-grid-overlay-90:hover { background-image: url(../../images/grid-90.png); }

.hover-grid-overlay-100:hover { background-image: url(../../images/grid-100.png); }

.v-container { height: 100%; white-space: nowrap; text-align: center; }

.v-container:before { content: ""; display: inline-block; vertical-align: middle; width: 0; /* adjust for white space between pseudo element and next sibling */ margin-right: -.25em; /* stretch line height */ height: 100%; }

.v-box { display: inline-block; vertical-align: middle; white-space: normal; }

nav.main-navbar ul.dropdown-menu.first { left: auto !important; right: auto !important; }

.flexslider .flex-direction-nav a { margin-top: -0.8em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flexslider .flex-direction-nav a:before { display: inline-block; content: ''; }
.flexslider .flex-direction-nav .flex-prev { text-shadow: 3px 0 1px white; left: -50px; }
.flexslider .flex-direction-nav .flex-prev:hover { opacity: .6; left: 14px !important; }
.flexslider .flex-direction-nav .flex-prev:before { background: url(/assets/openrov/images/white-arrow-left.svg); width: 32px; height: 32px; background-repeat: no-repeat; }
.flexslider .flex-direction-nav .flex-next { text-shadow: -3px 0 1px white; right: -50px; text-align: right; }
.flexslider .flex-direction-nav .flex-next:hover { opacity: .6; right: 14px !important; }
.flexslider .flex-direction-nav .flex-next:before { background: url(/assets/openrov/images/white-arrow-right.svg); width: 32px; height: 32px; background-repeat: no-repeat; }
.flexslider:hover .flex-direction-nav .flex-prev { left: 10px; }
.flexslider:hover .flex-direction-nav .flex-next { right: 10px; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.btn-learn-more { border-width: 1px; border-style: solid; border-radius: 6px; }
.btn-learn-more.white { color: white !important; border-color: white; background: transparent !important; }
.btn-learn-more.white:hover { color: black !important; background-color: white !important; }
.btn-learn-more.white.invert { color: black !important; border-color: white !important; background-color: white !important; }
.btn-learn-more.white.invert:hover { color: white !important; background-color: transparent !important; }

blockquote.quote p { font-style: italic; }
blockquote.quote p:before { content: "“"; }
blockquote.quote p:after { content: "„"; }
blockquote:before { display: none; }

footer#footer * { color: white; }
footer#footer .main-footer { background-color: #3381ab; height: 225px; }
footer#footer .bottom { background: #2d6584; height: 104px; }
footer#footer .bottom .row { margin-top: 34px !important; }
footer#footer .link-partners { line-height: 30px; }
footer#footer .link-partners .fa { font-size: 24px; }
footer#footer .link-partners .social a { display: block; float: left; margin-right: 10px; color: white; }
footer#footer .link-partners .social a:hover .fa { color: grey; }
footer#footer .link-partners .social span { display: inline-block; }
footer#footer .oe { width: 1em; height: 1em; }
footer#footer .oe #background { fill: white !important; }
footer#footer a:hover .oe #background { fill: grey !important; }
footer#footer .footer-header { margin-bottom: 12px; }

div#pre-order-banner.pre-order-banner { position: fixed; top: 90px; }
div#pre-order-banner.pre-order-banner.sticky { height: 81px; top: 50px; }
div#pre-order-banner.pre-order-banner.noShowOnScroll { height: 6px; position: relative; top: 0; }
div#pre-order-banner.pre-order-banner h1 { font-family: Lato; font-size: 40px; font-weight: 300; line-height: 81px; color: #3381ab; text-shadow: initial; }
div#pre-order-banner.pre-order-banner .button-container { line-height: 74px; }
div#pre-order-banner.pre-order-banner .button-container .btn { margin-top: -5px; margin: 0; line-height: 23px; padding: 17px 22px; font-family: Lato; font-size: 20px; color: #1c4472; }
div#pre-order-banner.pre-order-banner .button-container .btn:hover { text-decoration: none; }

.btn-white-magic { background-image: radial-gradient(ellipse farthest-corner at center, #FFFFFF 0%, #FFFFFF 50%, #B7B7B7 200%); color: #1c4472 !important; font-size: 25px; text-align: center; border-radius: 6px; background-color: #ebebeb !important; border-color: #ebebeb !important; }
.btn-white-magic:hover { color: black; text-decoration: none !important; background-image: none; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.26); }
.btn-white-magic:active { background: #B7B7B7 !important; }

.linkImage-arrow-base, .linkImage .background .linkImage-arrow { position: absolute; right: 0; top: 20px; bottom: 0; width: 40px; }
.linkImage-arrow-base.right, .linkImage .background .right.linkImage-arrow { right: 10px; }

.linkImage .background { height: 400px; background-repeat: no-repeat; background-size: cover; color: white; transition: all 0.4s; }
.linkImage .background:hover { transform: scale(1.05); }
.linkImage .background.no-scale:hover { transform: none; }
.linkImage .background .description { padding-top: 5px; text-align: left; }
.linkImage .background .linkImage-container { position: relative; height: 100%; background-color: rgba(51, 129, 171, 0.2); transition: background-color 0.4s; }
.linkImage .background .linkImage-container:hover { background-color: transparent; }
.linkImage .background .linkImage-container:hover .linkImage-arrow { display: inline-block; }
.linkImage .background .linkImage-content { position: absolute; bottom: 0; height: 105px; width: 100%; padding-left: 25px; padding-right: 55px; z-index: 100; }
.linkImage .background .linkImage-content.tall { height: 139px; }
.linkImage .background .svg { bottom: 33px; }
.linkImage .background .linkImage-arrow { display: none; }

.modal.contact-support { text-align: center; z-index: 1110; opacity: 0; transition: opacity 0.3s; }
.modal.contact-support.in { opacity: 1; }

.modal-open { overflow-y: scroll; }

.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 800px; height: 608px; }
.modal-dialog .modal-content { border: none; -webkit-box-shadow: none; box-shadow: none; background: none; }
.modal-dialog .modal-body { background-repeat: no-repeat; background-size: cover; width: 800px; height: 608px; text-align: left; }
.modal-dialog .modal-body .v-container { text-align: left; }
.modal-dialog .close { color: black !important; padding: 5px 10px; background-color: transparent !important; opacity: 1; font-size: 1.5em; z-index: 1120; position: relative; }
.modal-dialog .content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0 0; }
.modal-dialog .content .v-box { width: 800px; height: 608px; margin-left: 0; color: white; z-index: 1115; }
.modal-dialog .content .v-box .row { margin: 0; }