/*
gray text: #545758 // Gray text color
gray back: #545758 // Gray background for 3 col section
blue: #006FAB // Menu blue color
blue lang: #005AAB // Blue highlight for lang menu
blue links: #005FAB // Blue for links
blue testim.: #005FAB // Blue for testimonials
blue dark block:#00AAFF // Blue for links on dark background
sub menu: #F3F3F3 // Sub menu background
footer font: #a7a7a7 // Footer font color
footer bg: #292E39 // Footer background color
section bg gray:#F6F6F6 // Light gray for text and picture zones
section bg dark:#292E39 // Dark color for text and picture zones
*/
html, body { height: 100%; }
html { overflow: initial !important; scroll-behavior: smooth; }
body {
font-family: 'Nunito Sans', sans-serif;
font-weight: 200;
font-size: 17px;
line-height: 22px;
color: #545758;
overflow-y: scroll;
}
h1, h2, h3, h4 {
font-weight: 200 !important;
}
p {
margin-bottom: 1em;
}
.d-block {
display: block !important;
}
.fw-bold {
font-weight: bold !important;
}
.fw-extra {
font-weight: 800;
}
a.play-video {
padding-right: 1.4em;
line-height: 1.2em;
display: inline-block;
background-image: url('data:image/svg+xml; utf8, ');
background-position: right center;
background-size: 1em;
background-repeat: no-repeat;
}
a.play-video:hover {
background-image: url('data:image/svg+xml; utf8, ');
}
#block-breadcrumbs,
#block-breadcrumbs-2 {
display: none;
background-color: #F3F3F3;
padding: 10px 15px;
}
#block-breadcrumbs ol,
#block-breadcrumbs-2 ol {
padding: 0;
margin: 0;
list-style: none;
display: flex;
justify-content: flex-start;
}
#block-breadcrumbs ol li,
#block-breadcrumbs-2 ol li {
display: flex;
align-items: baseline;
}
#block-breadcrumbs ol li::before,
#block-breadcrumbs-2 ol li::before {
content: "";
display: inline-block;
width: 7px;
height: 13px;
padding: 0 8px;
background-image: url(../images/bc-separator.webp);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
box-sizing: content-box;
}
#block-breadcrumbs ol li:first-child::before,
#block-breadcrumbs-2 ol li:first-child::before {
content: none;
padding: 0;
}
#block-breadcrumbs ol li a,
#block-breadcrumbs-2 ol li a {
color: #167BB2;
font-weight: 600;
max-width: calc(100%);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#block-breadcrumbs ol li span,
#block-breadcrumbs-2 ol li span {
font-weight: 600;
max-width: calc(100%);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media (max-width: 991px) {
#block-breadcrumbs ol li,
#block-breadcrumbs-2 ol li {
display: none;
}
#block-breadcrumbs ol li:nth-last-child(2),
#block-breadcrumbs-2 ol li:nth-last-child(2) {
display: flex;
max-width: calc(100% - 30px) !important;
}
#block-breadcrumbs ol li:nth-last-child(2) a:before,
#block-breadcrumbs-2 ol li:nth-last-child(2) a:before {
content: "< ";
}
#block-breadcrumbs ol li::before,
#block-breadcrumbs-2 ol li::before {
content: "";
display: none;
}
}
strong {
font-weight: 600;
}
strong.bolder {
font-weight: 700;
}
a, a:focus {
text-decoration: none;
outline: none;
color: #005fab;
}
a:hover {
text-decoration: none;
color: #000;
}
a.bluebutton {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border-radius: 8px;
}
input[type='submit'].bluebutton,
button.bluebutton {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
font-weight: 600;
}
input[type='submit'].bluebuttontransparent,
button.bluebutton {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #005FAB;
background-color: #fff;
border: 2px solid #005FAB;
border-radius: 8px;
font-weight: 600;
}
a.bluebutton-right {
display: inline-block;
padding: 12px 85px;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
float: right;
font-weight: 800;
}
input[type='submit'].bluebutton-right,
button.bluebutton-right {
display: inline-block;
padding: 12px 85px;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
float: right;
font-weight: 800;
}
input[type='submit'].graybutton,
button.graybutton {
display: inline-block;
font-size: 0.9em;
font-weight: 600;
padding: 1px 5px;
color: #167BB2;
background-color: #FAFAFA;
border: none;
border-radius: 8px;
}
input[type='text'],
input[type='email'] {
padding: 4px 8px;
}
.field-paragraph-text ul {
display: inline-block;
padding: 0px;
text-align: left;
max-width: 50%;
}
.field-paragraph-text ul li {
margin-bottom: 0.5em;
}
.paragraph--type--text-and-picture .field-paragraph-text ul {
display: inline-block;
padding: 0px;
text-align: left;
max-width: inherit;
margin-left: 16px;
padding-left: 12px;
}
.mt-none {
padding-top: 0 !important;
}
.mt-none > h2 {
padding-top: 0 !important;
}
.mb-none {
padding-bottom: 0 !important;
}
.mt-half {
padding-top: 45px !important;
}
.mb-half {
padding-bottom: 45px !important;
}
.mt-std {
padding-top: 90px !important;
}
.mb-std {
padding-bottom: 90px !important;
}
.mt-1 {
margin-top: .25rem !important;
}
.mt-2 {
margin-top: 0.5rem !important:
}
.mt-3 {
margin-top: 1rem !important;
}
.title-left {
display: block;
text-align: left;
}
.title-center {
display: block;
text-align: center;
}
.title-right {
display: block;
text-align: right;
}
.text-white {
color: #fff;
}
.text-white a {
color: #fff;
}
.text-black {
color: #000;
}
.text-black a {
color: #000;
}
.text-white-force {
color: #fff !important;
}
.text-white-force a {
color: #fff !important;
}
.text-black-force {
color: #000 !important;
}
.text-black-force a {
color: #000 !important;
}
.grecaptcha-badge { visibility: hidden; }
.dropdown-menu,
.bootstrap-select .btn {
font-size: 17px;
line-height: 24px;
font-weight: 200;
border-radius: 0px;
}
.dropdown-menu {
z-index: 999;
}
.element-invisible {
display: none;
}
.hide-desktop {
display: none;
}
img.hide-desktop {
width: 0px;
height: 0px;
}
.user-login-form {
display: block;
margin: 0 auto;
width: 30%;
position: relative;
}
.user-login-form label {
margin-top: 1em;
}
.user-login-form input[type='text'],
.user-login-form input[type='password'] {
width: 100%;
max-width: 100%;
}
.user-login-form input[type='submit'] {
margin-top: 1em;
padding: 8px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border-radius: 8px;
border: none;
}
.user-login-form .description {
font-size: 12px;
color: #888;
}
.webform-confirmation__message {
display: block;
text-align: center;
max-width: 60%;
margin: 0 auto 30px;
}
.full-width .webform-confirmation__message {
max-width: 100%;
text-align: left;
}
.webform-confirmation__message .paragraph--type--text-and-picture {
padding-top: 0;
}
.webform-confirmation__back {
text-align: center;
}
.mandatory-field {
font-size: 0.8em;
font-family:roboto;
color: #ff0000;
}
.pane-title { display: none; }
.clear { clear: both; }
.clear-fix::after {
display: block;
content: "";
clear: both;
flex-basis: 0;
order: 1;
}
.container-inline div.dropdown-menu {
display : none;
}
.container-inline .open div.dropdown-menu {
display : block;
}
.no-bottom-margin {
padding-bottom: 0px !important;
}
.no-padding {
padding: 0 !important;
}
.hidden {
display: none;
}
.page-wrapper {
min-height: 100%;
padding-bottom: 140px;
position: relative;
}
.panels-flexible-region-7-center {
width: 100%;
}
div.checked {
display: inline-block;
width: 15px;
height: 15px;
background-image: url(../images/checked.webp);
background-position: center top;
background-repeat: no-repeat;
}
div.unchecked {
display: inline-block;
width: 15px;
height: 15px;
background-image: url(../images/unchecked.webp);
background-position: center top;
background-repeat: no-repeat;
}
.top-spacer { height: 0px; }
.header {
/*position: relative;*/
position: fixed;
width: 100%;
z-index: 1000;
background-color: #fff;
padding-top: 52px;
}
.landing-header {
/*position: relative;*/
position: relative;
padding-top: 32px;
padding-bottom: 30px;
}
.landing .field-page-header-image + div {
padding-top: 55px !important;
}
.toolbar-oriented .toolbar-bar {
z-index: 1002;
}
.maintenance-page {
text-align: center;
}
.maintenance-page header img {
margin: 50px 0px;
max-width: 400px;
}
.maintenance-page header h1 {
display: none;
}
.maintenance-page main {
margin: 0 auto;
max-width: 600px;
}
.navbar {
margin-bottom: 0px;
border: none;
}
.navbar .navbar-logo {
position: absolute;
}
.microsite .navbar .navbar-logo {
margin-left: 20px;
}
.navbar-logo .navbar-brand {
padding: 0px;
}
.navbar-logo .navbar-brand img {
max-width: 312px;
max-height: 50px;
width: 312px;
height: auto;
}
.microsite .navbar .navbar-logo.logo-11559 {
margin-top: -24px;
}
.microsite .navbar .navbar-logo.logo-11559 img {
max-width: 100%;
max-height: 82px;
width: 100%;
height: 82px;
}
@media (max-width: 767px) {
.microsite .navbar .navbar-logo {
margin-left: 0;
}
}
.landing .navbar-logo {
width: 100%;
margin-bottom: 55px;
}
.landing .navbar-brand {
float: none;
display: inline-block;
}
.landing .navbar-logo.right {
text-align: right;
}
.landing .navbar-logo.center {
text-align: center;
}
.navbar .navbar-button {
position: absolute;
right: 0px;
bottom: 0px;
margin-bottom: 0px;
}
.navbar .navbar-button .icon-bar {
background-color: #5c5e5e;
}
.navbar .navbar-toggle {
margin: 0;
}
.navbar .navbar-collapse {
padding: 0px;
}
.navbar .navbar-collapse .navbar-menu {
float: right;
padding-top: 19px;
}
.navbar .navbar-collapse .navbar-main {
display: block;
}
.navbar .navbar-top {
height: 44px;
margin-bottom: 40px;
}
.navbar-menu > div {
float: left;
}
.navbar-menu nav,
.navbar-menu .language-switcher-language-url {
float: left;
}
.navbar-top .top-menu {
list-style: none;
}
.navbar-top .top-menu > li {
float: left;
line-height: 14px;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #545758;
}
.navbar-top .top-menu > li:first-child {
border-left: none;
margin-left: 0px;
padding-left: 0px;
}
.navbar-top .top-menu > li > a,
.navbar-top .top-menu > li > a:focus {
display: inline-block;
padding: 0px;
font-size: 13px;
line-height: 14px;
font-weight: 400;
color: #545758;
text-decoration: none;
}
.navbar-top .top-menu > li > a:hover,
.navbar-top .top-menu > li > a.is-acive:focus {
color: #005AAB;
background: none;
}
.navbar-top .top-menu > li > a.is-active,
.navbar-top .top-menu > li.active-trail > a,
.navbar-top .top-menu > li > a.is-active:hover {
background: none;
font-weight: bold;
color: #005AAB;
}
/* ADDED */
.microsite .navbar-top .top-menu > li > a.is-active,
.microsite .navbar-top .top-menu > li.active-trail > a {
background: none;
font-weight: bold;
color: #005AAB;
}
.microsite .navbar-top .top-menu > li > a.is-active:hover {
color: #005AAB;
}
/* END ADDED */
.navbar-top .top-menu > li:first-child a {
font-weight: 800;
color: #e31556;
}
.navbar-top .top-menu > li:nth-child(2) a {
font-weight: 800;
color: #005AAB;
}
.language-switcher-language-url ul.links {
float: left;
list-style: none;
margin: 0px;
margin-left: 10px;
padding: 0px;
border-left: 1px solid #545758;
}
.language-switcher-language-url ul.links li {
float: left;
margin-left: 10px;
line-height: 14px;
}
.language-switcher-language-url ul.links li a,
.language-switcher-language-url ul.links li a:focus {
font-size: 13px;
line-height: 14px;
height: 14px;
font-weight: 400;
color: #545758;
text-decoration: none;
}
.language-switcher-language-url ul.links li a:hover,
.language-switcher-language-url ul.links li a.is-active:focus {
color: #005AAB;
}
.language-switcher-language-url ul.links li a.is-active,
.language-switcher-language-url ul.links li a.is-active:hover {
font-weight: bold;
color: #005AAB;
}
/* Top-right menu: replicate current top-menu look for topmenugetstarted */
.region--microsite-topmenu nav.menu--topmenugetstarted{
display:inline-block; /* sit on same line as language bar */
vertical-align:middle;
margin:0;
padding:0;
}
.region--microsite-topmenu nav.menu--topmenugetstarted ul{
list-style:none;
display:inline; /* prevent extra block spacing */
margin:0;
padding:0;
}
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li{
display:inline-block;
line-height:14px;
margin:0;
padding:0 10px;
border-left:1px solid #545758;
}
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li:first-child{
border-left:none;
padding-left:0;
}
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li:last-child{
padding-right:0; /* no gap before language bar */
}
/* Links */
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li > a,
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li > a:focus{
display:inline-block;
padding:0;
font-size:13px;
line-height:14px;
font-weight:400;
color:#545758;
text-decoration:none;
background:none;
}
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li > a:hover,
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li > a:focus{
color:#005AAB;
background:none;
}
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li > a.is-active,
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li.active-trail > a,
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li > a.is-active:hover{
background:none;
font-weight:bold;
color:#005AAB;
}
/* Special colors for item 1 (GET STARTED) and item 2 (TRY NOW) */
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li:first-child > a{
font-weight:800;
color:#e31556;
}
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li:nth-child(2) > a{
font-weight:800;
color:#005AAB;
}
/* Last item: Contact Us before language selector */
.region--microsite-topmenu nav.menu--topmenugetstarted ul > li:last-child {
padding-right: 10px; /* consistent spacing */
border-right: 1px solid #545758; /* keep the pipe */
margin-right: 10px; /* add gap before EN */
}
/* MODIFIED */
.microsite .language-switcher-language-url ul.links {
border-left: none;
padding-right: 10px;
}
.microsite ul.top-menu {
padding: 0;
margin-right: 10px;
}
.microsite ul.top-menu li:last-child {
padding-right: 10px;
border-right: 1px solid #000;
}/* END-MODIFIED */
/* NEW */
/*.microsite .top-menu li {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid #545758;
}*/
.microsite .language-switcher-language-url ul.links,
.microsite .language-switcher-language-url ul.links li:first-child {
margin-left: 0;
}
.microsite .navbar-menu {
display: flex;
}
.microsite .region--microsite-topmenu,
.microsite .region--microsite-langmenu,
.microsite .region--microsite-loginmenu {
display: flex;
align-items: center;
}
.microsite .region--microsite-topmenu > div,
.microsite .region--microsite-langmenu > div ul,
.microsite .region--microsite-loginmenu > div {
margin-right: 40px;
}
.microsite .region--microsite-topmenu p,
.microsite .region--microsite-langmenu p,
.microsite .region--microsite-loginmenu p {
margin: 0;
}
.microsite .navbar-menu .UltraYellowButton,
.microsite .navbar-menu .UltraLightBlueButton,
.microsite .navbar-menu .UltraBlueButton,
.microsite .navbar-menu .UltraPurpleButton,
.microsite .navbar-menu .UltraWhiteButton {
margin: 0 !important;
}
.microsite .navbar .navbar-collapse .navbar-menu {
padding-top: 0;
}
@media (max-width: 991px) {
.microsite .navbar .navbar-collapse .navbar-menu {
padding-top: 16px;
}
}
/* END-NEW */
.animate {
transition: background-color 0.2s linear;
margin: 0;
padding: 0 34px;
height: 45px;
background: #192D4C;
border-radius: 6px;
font-size: 18px;
border: 0;
text-align: center;
cursor: pointer;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
color: #fff;
align-items: center;
justify-content: center;
display: inline-flex;
}
.animate.blue {
background-color: #192D4C;
}
.animate.light-blue {
background-color: #0F5BAA;
}
.animate.purple {
background-color: #E31556;
}
.animate.red {
background-color: #D70000;
}
.animate.white {
background-color: #fff;
color: #000;
}
.animate.black {
background-color: #1D1D1F;
color: #fff;
}
.animate.arya-blue {
background-color: #03437c;
color: #fff;
}
.animate:before {
content: '';
position: absolute;
border: #1D1D1F solid 2px;
border-radius: 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.animate.blue:before {
border: #192D4C solid 2px;
}
.animate.light-blue:before {
border: #0F5BAA solid 2px;
}
.animate.purple:before {
border: #E31556 solid 2px;
}
.animate.white:before {
border: #fff solid 2px;
}
.animate.black:before {
border: #1D1D1F solid 2px;
}
.animate.arya-blue:before {
border: #03437c solid 2px;
}
.animate:hover {
-webkit-transform: scale(0.95);
transform: scale(0.95)
}
.animate.blue:hover,
.animate.light-blue:hover,
.animate.purple:hover {
color: #fff;
}
.animate.white:hover {
color: #1D1D1F;
}
.animate:active,
.animate:focus {
color: #fff;
}
.animate.white:active,
.animate.white:focus {
color: #1D1D1F;
}
.animate:hover:before,
.animate:focus:before,
.animate:active:before {
-webkit-animation-name: button_animate_hover;
animation-name: button_animate_hover;
}
@-webkit-keyframes button_animate_hover {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0
}
}
@keyframes button_animate_hover {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0
}
}
.navbar-main .main-menu {
list-style: none;
padding: 0px;
margin: 0px;
display: flex;
justify-content: space-between;
position: relative;
}
.navbar-main .main-menu li {
display: inline-block;
margin: 0;
padding: 0;
}
.navbar-main .main-menu > li > a {
padding: 0px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #006FAB;
display: inline-block;
height: 46px;
line-height: 36px;
}
.navbar-main .main-menu > li > a:focus,
.navbar-main .main-menu > li > a.is-active,
.navbar-main .main-menu > li.active-trail > a.arya-blue {
background: none;
color: #000;
}
.navbar-main .main-menu > li:hover > a {
color: #000;
}
.navbar-main .main-menu > li > a.arya-blue {
color: #fff;
padding: 0 20px;
height: 36px;
line-height: 36px;
}
.navbar-main .main-menu > li > a.arya-blue:focus,
.navbar-main .main-menu > li > a.arya-blue:active {
color: #192D4C;
}
.navbar-main .main-menu > li.expanded:hover > a {
background-image: url(../images/triangle_black.webp);
background-position: center 30px;
background-repeat: no-repeat;
}
.navbar-main .main-menu > li.active-trail > a {
color: #000;
font-weight: bold;
}
.navbar-main .main-menu > li.expanded.active-trail > a {
background-image: url(../images/triangle_black.webp);
background-position: center 30px;
background-repeat: no-repeat;
color: #000;
font-weight: bold;
}
.navbar-main .main-menu > li.expanded > div.main-submenu-back {
display: block;
position: absolute;
margin: 0px;
padding: 0;
opacity: 0;
transition: .5s opacity;
pointer-events: none;
/*margin-left: -15px;
margin-right: -15px;*/
}
.navbar-main .main-menu > li.active-trail > div-main-submenu-back {
z-index: 5;
}
.navbar-main .main-menu > li.active-trail > div.main-submenu-back.active-trail,
.navbar-main .main-menu > li.expanded:hover > div {
display: block;
opacity: 1;
pointer-events: all;
}
.page_type_microsite .navbar-main .main-menu > li.active-trail > div.main-submenu-back.active-trail {
opacity: 0;
pointer-events: none;
}
.navbar-main .main-menu > li.expanded:hover > div {
z-index: 10;
}
.navbar-main .main-menu > li ul li {
margin-left: 40px;
}
.navbar-main .main-menu > li ul li:first-child {
margin-left: 0px;
}
.navbar-main .main-menu > li ul li a,
.navbar-main .main-menu > li ul li a:focus {
display: inline-block;
font-size: 13px;
color: #006FAB;
font-weight: 400;
line-height: 69px;
}
.navbar-main .main-menu > li ul li a:hover,
.navbar-main .main-menu > li ul li.is-active a {
text-decoration: none;
color: #000;
}
.navbar-main .main-menu > li ul li a.is-active,
.navbar-main .main-menu > li ul li.active-trail a {
text-decoration: none;
color: #000;
font-weight: bold;
}
@media (max-width: 991px) {
.navbar-main .main-menu > li.expanded > div.main-submenu-back {
opacity: 1;
transition: none;
pointer-events: all;
}
}
.navbar-main {
position: relative;
}
.navbar-main .main-submenu-back {
position: absolute;
left: 0px;
right: 0px;
top: 46px;
height: 70px;
background-color: #F3F3F3;
opacity: 0.95;
/*z-index: -1;*/
}
.navbar-main .main-submenu-back.hidden {
display: none;
}
.microsite .navbar-main .main-menu {
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 50px;
}
.page-body {
min-height: 300px;
padding-top: 252px;
}
.page-body.landing {
padding-top: 55px;
}
.page-body.microsite {
padding-top: 180px;
}
.footer-links {
padding: 140px 0px 90px;
}
.footer-links .footer-link-image img {
max-width: 86px;
max-height: 86px;
}
.footer-links .footer-link-title a,
.footer-links .footer-link-title a:focus {
font-size: 36px;
font-weight: 200;
font-style: italic;
color: #005AAB;
text-decoration: none;
}
.messages {
margin-top: 50px;
font-size: 14px;
}
.message .panel-heading {
font-weight: bold;
}
.footer {
position: absolute;
bottom: 0px;
width: 100%;
min-height: 140px;
background-color: #292E39;
padding: 0 5px;
}
.footer.empty {
display: none;
}
.footer .row {
font-size: 15px;
font-weight: 200;
line-height: 24px;
padding: 58px 0px;
color: #a7a7a7;
}
.footer .row a {
text-decoration: none;
color: #a7a7a7;
}
.footer .row a:hover {
color: #fff;
}
.footer .row p {
margin: 0;
}
.footer .footer-sep {
display: inline-block;
margin: 0px 15px;
}
.footer .social {
display: inline-block;
padding-left: 24px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
margin-left: 18px;
background-image: url(../images/social/social.svg);
}
.footer .social:first-child {
margin-left: 0px;
}
.footer .social.facebook {
background-position: 0 0;
}
.footer .social.twitter {
background-position: -24px 0;
}
.footer .social.linkedin {
background-position: -48px 0;
}
.footer .social.vimeo {
background-position: -72px 0;
}
.footer .social.youtube {
background-position: -96px 0;
}
.footer .social.instagram {
background-position: -120px 0;
}
@media (min-width: 1200px) and (max-width: 1320px) {
#block-socialnetworks {
margin-right: 60px;
}
}
@media (min-width: 992px) {
.page_type_microsite #block-socialnetworks {
margin-right: 60px;
}
}
ul.video-slider {
list-style: none;
margin: 0;
padding: 0;
}
ul.video-slider li {
margin: 0;
padding: 0;
}
.rs-background-video-layer iframe {
border: 0;
}
@media (max-width: 991px) {
body {
font-size: 20px;
line-height: 24px;
}
.hide-desktop {
display: block;
}
img.hide-desktop {
width: auto;
height: auto;
max-width: 100%;
}
.hide-mobile {
display: none;
}
.navbar .navbar-button {
position: absolute;
right: 0px;
top: 0px;
bottom: auto;
border: 1px solid #5c5e5e;
margin-bottom: 0px;
}
.navbar-logo {
text-align: center;
}
.navbar-brand {
position: relative;
float: none;
}
.navbar-brand p {
display: inline-block;
}
.navbar-nav {
position: relative;
margin: 70px 0px 0px;
}
.navbar-nav > li {
text-align: center;
}
.navbar-nav > li > a {
line-height: 54px;
font-size: 26px;
margin: 0px;
}
.microsite .navbar-main .main-menu li:first-child {
padding-left: 0;
}
.microsite .navbar-main .main-menu li:last-child {
padding-right: 0;
}
}
/*
HOME STYLES
*********************/
.blockcursor { cursor: pointer; }
.move-top {
padding: 0px 0px 80px;
text-align: center;
}
.move-top a {
display: inline-block;
width: 30px;
height: 30px;
background-image: url('../images/arrow_up.webp');
background-position: center;
background-repeat: no-repeat;
}
.move-top a:hover {
text-decoration: none;
}
ul.page-slider {
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
padding-top: 45.299%;
}
ul.page-slider li {
margin: 0px;
padding: 0px;
top: 0;
left: 0;
position: absolute;
width: 100%;
}
ul.page-slider li.hidden {
display: none;
}
ul.page-slider .slider-wrapper {
padding-top: 45.299%;
height: 0px;
position: relative;
}
ul.page-slider .slider-wrapper .slider-body {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
ul.page-slider li video,
ul.page-slider li img {
width: 100% !important;
height: 100% !important;
}
ul.page-slider + .paragraph--type--text-with-links,
.region--site-slider + .region--content #block-spinetixtheme-content > article:first-child > div > .paragraph:first-child {
padding-top: 0px;
}
.field-page-header-image img,
.field-paragraph-text > div:not(.block-buy) img {
max-width: 100%;
height: auto;
}
.paragraph.white + .paragraph.white,
.paragraph.gray + .paragraph.gray,
.paragraph.dark + .paragraph.dark {
padding-top: 0px;
}
.paragraph.white:last-child {
padding-bottom: 0px;
}
.paragraph--type--text-with-links {
padding: 90px;
text-align: center;
}
.node--press-release .paragraph--type--text-with-links {
padding: 90px 0px;
}
.node--press-release > div > div.paragraph--type--text-with-links:first-child,
.node--press-release > div + div > div.paragraph--type--text-with-links:first-child {
padding-bottom: 0px;
}
.bottom-wave {
background-image: url('../images/bg-paragraph-bot.webp');
background-position: bottom;
background-repeat: no-repeat;
padding: 90px !important;
text-align: center;
}
.paragraph--type--text-with-links .field-paragraph-title {
color: #000;
font-style: italic;
font-size: 48px;
line-height: 48px;
margin-bottom: 48px;
}
.view--service-providers h3,
.view--service-providers h3,
.field-paragraph-subtitle,
.paragraph--type--text-with-links .field-paragraph-subtitle {
color: #000;
font-style: italic;
font-size: 36px;
line-height: 36px;
margin-bottom: 36px;
}
.node--press-release .paragraph--type--text-with-links .field-paragraph-subtitle {
text-align: left;
}
.paragraph--type--text-with-links .field-paragraph-text {
font-size: 17px;
line-height: 22px;
margin-bottom: 17px;
}
.node--press-release .paragraph--type--text-with-links .field-paragraph-text {
text-align: left;
}
.paragraph--type--text-with-links .item-container.field-paragraph-links {
margin-top: 30px;
display: flex;
justify-content: center;
}
.paragraph--type--text-with-links .field-paragraph-links a {
display: inline-block;
margin: 0px 40px;
font-weight: 600;
text-transform: uppercase;
}
.node--press-release .paragraph--type--text-with-links .item-container.field-paragraph-links {
justify-content: flex-start;
}
.paragraph--type--text-with-links-padding .item-container.field-paragraph-links-padding {
margin-top: 30px;
display: flex;
justify-content: center;
}
.paragraph--type--text-with-links-padding .field-paragraph-links-padding a {
display: inline-block;
margin: 0px 40px;
font-weight: 600;
text-transform: uppercase;
}
.node--press-release .paragraph--type--text-with-links-padding .item-container.field-paragraph-links-padding {
justify-content: flex-start;
}
.paragraph--type--text-with-links .item-container.field-paragraph-links-lowercase {
margin-top: 30px;
display: flex;
justify-content: center;
}
.paragraph--type--text-with-links .field-paragraph-links-lowercase a {
display: inline-block;
margin: 0px 40px;
font-weight: 600;
text-transform: none;
}
.paragraph--type--text-with-links .field-paragraph-links-lowercasebig a {
font-size: 21.9px;
line-height: 28px;
display: inline-block;
margin: 0px 40px;
font-weight: 600;
text-transform: none;
}
.node--press-release .paragraph--type--text-with-links .item-container.field-paragraph-links-lowercase {
justify-content: flex-start;
}
@media (max-width: 899px) {
.hide-on-small {
display: none;
}
}
.white-background {
background-color: #FFFFFF;
padding: 20px 1px;
}
.grey-background {
background-color: #FBFBFD;
padding: 20px 40px;
}
.dark-background {
background-color: #292E39;
padding: 90px 75px;
color: #fff;
text-align: center;
}
.dark-background-2col {
padding: 90px 200px;
}
.dark-background .field-paragraph-subtitle {
color: #fff;
font-style: italic;
font-size: 36px;
line-height: 36px;
margin-bottom: 36px;
}
.dark-background .col-md-4 {
padding: 0px 30px;
}
.dark-background .field-dark-title {
font-size: 28px;
line-height: 28px;
margin-bottom: 30px;
margin-top: 10px;
}
.dark-background .field-dark-text {
font-size: 17px;
line-height: 22px;
}
.dark-background .field-dark-link a,
.dark-background .field-dark-link a:focus,
.dark-background .field-dark-text a,
.dark-background .field-dark-text a:focus {
color: #00aaff;
font-size: 17px;
text-transform: uppercase;
text-decoration: none;
}
.dark-background .field-dark-link a:hover,
.dark-background .field-dark-text a:hover {
color: #fff;
}
.paragraph--type--testimonial {
padding: 90px 170px;
background-image: url('../images/bg-testimonial.webp');
background-position: center bottom -800px;
background-repeat: no-repeat;
}
.paragraph--type--testimonial .field-testimonial {
color: #005FAB;
text-align: left;
font-size: 32px;
line-height: 46px;
font-style: italic;
}
.paragraph--type--testimonial .field-testimonial::before {
content: "“";
}
.paragraph--type--testimonial .field-testimonial::after {
content: "”";
}
.paragraph--type--testimonial .field-author {
text-align: right;
font-weight: 600;
margin-top: 1em;
}
.paragraph--type--testimonial .field-author-company,
.paragraph--type--testimonial .field-author-function {
text-align: right;
}
.paragraph--type--testimonialsmall {
padding: 90px 50px;
background-image: url('../images/bg-testimonial.webp');
background-position: center bottom -800px;
background-repeat: no-repeat;
}
.paragraph--type--testimonialsmall .field-testimonial {
color: #005FAB;
text-align: left;
font-size: 32px;
line-height: 46px;
font-style: italic;
}
.paragraph--type--testimonialsmall .field-testimonial::before {
content: "“";
}
.paragraph--type--testimonialsmall .field-testimonial::after {
content: "”";
}
.paragraph--type--testimonialsmall .field-author {
text-align: right;
font-weight: 600;
margin-top: 1em;
}
.paragraph--type--testimonialsmall .field-author-company,
.paragraph--type--testimonialsmall .field-author-function {
text-align: right;
}
.paragraph--type--simple-block-section .field-paragraph-subtitle {
color: #000;
font-style: italic;
font-size: 36px;
line-height: 36px;
margin-bottom: 36px;
padding: 90px 100px 0px;
display: block;
text-align: center;
}
.paragraph--type--simple-block-section .simple-blocks {
display: flex;
flex-wrap: wrap;
}
.paragraph--type--simple-block-section .col-md-4 {
position: relative;
padding: 0px;
}
.paragraph--type--simple-block-section .col-sm-6 {
padding: 0px 15px;
}
.paragraph--type--simple-block-section > [class*='col-'] {
position: relative;
display: flex;
flex-direction: column;
}
.paragraph--type--simple-block-section .paragraph--type--simple-content {
color: #fff;
background-color: #545758;
padding: 40px 55px;
display: flex;
flex-direction: column;
flex: 1;
}
.paragraph--type--simple-block-section .field-simple-background-image {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background-size: cover;
background-position: center;
}
.paragraph--type--simple-block-section .simple-background-overlay {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.paragraph--type--simple-block-section .paragraph--type--simple-content .field-simple-title {
color: #fff;
position: relative;
text-align: left;
font-size: 26px;
line-height: 26px;
font-style: italic;
}
.paragraph--type--simple-block-section.cols-2 {
background: none;
margin: 0px -15px;
}
.paragraph--type--simple-block-section.cols-2 .paragraph--type--simple-content {
padding: 90px 90px 90px 110px;
}
.paragraph--type--simple-block-section.cols-2 .field-simple-background-image {
background-color: #545758;
left: 15px;
top: 0px;
right: 15px;
bottom: 0px;
}
.paragraph--type--simple-block-section.cols-2 .simple-background-overlay {
left: 15px;
top: 0px;
right: 15px;
bottom: 0px;
background-color: #545758;
opacity: 0.5;
}
.paragraph--type--simple-block-section.cols-2 .field-simple-title {
font-size: 34px;
line-height: 34px;
margin-bottom: 20px;
}
.paragraph--type--simple-block-section.cols-2 + .paragraph--type--simple-block-section.cols-2 {
margin-top: 30px;
}
.paragraph--type--simple-block-section .field-simple-subtitle {
color: #fff;
position: relative;
text-align: left;
font-size: 26px;
line-height: 26px;
font-style: italic;
font-weight: 400;
margin-bottom: 26px;
}
.paragraph--type--simple-block-section .field-dark-text {
position: relative;
text-align: left;
}
.paragraph--type--simple-block-section .field-dark-link {
position: relative;
text-align: left;
}
.paragraph--type--simple-block-section .field-dark-link span,
.paragraph--type--simple-block-section .field-dark-link span:focus {
color: #fff;
font-weight: 400;
text-transform: uppercase;
}
.paragraph--type--simple-block-section .field-dark-link span:hover {
color: #00AAFF;
}
.paragraph--type--simple-block-section .paragraph--type--simple-content.simple-bg-gray,
.paragraph--type--simple-block-section .paragraph--type--simple-content.simple-bg-gray .field-simple-title,
.paragraph--type--simple-block-section .paragraph--type--simple-content.simple-bg-gray .field-simple-subtitle {
background-color: #fafafa;
color: #545758;
}
.paragraph--type--simple-block-section .paragraph--type--simple-content.simple-bg-gray span,
.paragraph--type--simple-block-section .paragraph--type--simple-content.simple-bg-gray span:focus {
font-weight: 400;
}
.paragraph--type--simple-block-section .paragraph--type--simple-content.simple-bg-dark {
background-color: #292f3a;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.paragraph--type--text-and-picture {
padding: 90px;
}
article.vertical .paragraph--type--text-and-picture {
padding: 90px 0px;
}
.paragraph--type--text-and-picture.gray,
.paragraph--type--text-with-links.gray {
background-color: #FAFAFA;
}
.paragraph--type--text-and-picture.dark,
.paragraph--type--text-with-links.dark {
background-color: #292E39;
color: #fff;
}
.paragraph--type--text-and-picture.dark .field-url-std a,
.paragraph--type--text-and-picture.dark .field-url-std a:focus,
.paragraph--type--text-with-links.dark .field-url-std a,
.paragraph--type--text-with-links.dark .field-url-std a:focus {
color: #fff;
font-weight: 600;
}
.paragraph--type--text-and-picture.dark .field-url-std a:hover,
.paragraph--type--text-with-links .field-url-std a:hover {
color: #00AAFF;
}
.paragraph--type--text-and-picture img,
.paragraph--type--ultra-section-html img {
max-width: 100%;
height: auto;
}
.paragraph--type--text-and-picture .row {
margin-left: -30px;
margin-right: -30px;
}
.paragraph--type--text-and-picture .col-md-6,
.paragraph--type--text-and-picture .col-md-12 {
padding-left: 30px;
padding-right: 30px;
}
.paragraph--type--text-and-picture .field-paragraph-title {
color: #000;
text-align: center;
font-size: 48px;
line-height: 48px;
margin-bottom: 48px;
font-style: italic;
}
.paragraph--type--text-and-picture.dark .field-paragraph-title,
.paragraph--type--text-with-links.dark .field-paragraph-title {
color: #fff;
}
.paragraph--type--text-and-picture .field-paragraph-subtitle {
color: #000;
text-align: center;
font-size: 36px;
line-height: 36px;
font-style: italic;
margin-bottom: 36px;
}
.paragraph--type--text-and-picture.dark .field-paragraph-subtitle,
.paragraph--type--text-with-links.dark .field-paragraph-subtitle {
color: #fff;
}
.paragraph--type--text-and-picture .field-title-above-text {
font-size: 27px;
line-height: 33.1px;
font-style: italic;
margin-bottom: 27px;
}
.paragraph--type--text-and-picture .field-paragraph-text {
font-size: 17px;
line-height: 22px;
margin-bottom: 17px;
}
.paragraph--type--text-and-picture .field-url-std a {
text-transform: uppercase;
font-weight: 600;
}
.field-url-button a,
.dark .field-url-button a {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
border-radius: 8px;
background-color: #005FAB;
font-weight: 600;
}
.simple-bg-dark .field-url-button a,
.dark .field-url-button a {
border: 2px solid #fff;
background-color: transparent;
}
.simple-bg-dark .field-url-button a:hover,
.dark .field-url-button a:hover {
border: 2px solid #00aaff;
color: #00aaff;
background-color: transparent;
}
.paragraph--type--text-and-picture .paragraph-more-links .item-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
}
.paragraph--type--text-and-picture .paragraph-more-links .item-container .field-more-links {
display: inline-block;
padding: 0px 40px;
}
.paragraph--type--text-and-picture .paragraph-more-links .item-container .field-more-links a {
text-transform: uppercase;
font-weight: 600;
}
paragraph--type--paragraph-view {
padding: 0px 0px 90px;
}
.paragraph--type--paragraph-view.gray {
background-color: #FAFAFA;
}
.paragraph--type--paragraph-view.dark,
.paragraph--type--paragraph-view.dark .field-url-std a {
background-color: #292E39;
color: #fff;
}
.paragraph--view-player-selection {
padding-bottom: 90px;
}
.paragraph--type--paragraph-view .view-player-selection {
width: 100%;
height: 370px;
padding: 0px 70px;
background-image: url('../images/bg_players.webp');
background-position: center bottom;
background-repeat: no-repeat;
}
.paragraph--type--paragraph-view .view-player-selection .views-row-container {
display: flex;
justify-content: space-between;
}
.paragraph--type--paragraph-view .view-player-selection .views-row {
display: inline-block;
line-height: normal;
text-align: center;
line-height: 370px;
}
.paragraph--type--paragraph-view .view-player-selection .views-row > div {
line-height: normal;
display: inline-block;
}
.paragraph--type--paragraph-view .view-player-selection .views-field-field-small-image img {
max-width: 234px;
height: auto;
}
.paragraph--type--paragraph-view .view-player-selection .views-field-title span a,
.paragraph--type--paragraph-view .view-player-selection .views-field-title span a:focus {
display: inline-block;
padding: 6px 36px;
border: 2px solid #005FAB;
border-radius: 8px;
font-size: 12px;
line-height: 22px;
font-weight: 800;
margin-top: 10px;
}
.paragraph--type--paragraph-view .view-player-selection .views-field-title span a:hover {
color: #000;
border-color: #000;
}
.node--player .field-player-image {
height: 370px;
line-height: 370px;
text-align: center;
}
.node--player .field-player-image img {
display: inline-block;
max-height: 370px;
width: auto;
max-width: 100%;
height: auto;
}
.node--player .node-player-specifications {
background-color: #F6F6F6;
padding: 70px 100px;
}
.node--player .node-player-specifications h2 {
font-weight: bold;
font-size: 36px;
line-height: 50px;
text-align: center;
margin-bottom: 30px;
color: #1D1D1F;
}
.node--player .node-player-specifications .item-single {
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #aaabac;
}
.node--player .node-player-specifications .item-single:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.node--player .node-player-specifications .item-label {
font-size: 25px;
line-height: 25px;
float: left;
width: 30%;
min-width: 30%;
}
.node--player .node-player-specifications .item-label + div {
padding-left: 30%;
}
.paragraph--type--paragraph-view {
text-align: center;
}
.paragraph--type--paragraph-view .field-paragraph-title {
color: #000;
font-style: italic;
font-size: 48px;
line-height: 48px;
margin-bottom: 48px;
padding: 0px 100px;
}
.paragraph--type--paragraph-view .field-paragraph-subtitle {
color: #000;
font-style: italic;
font-size: 36px;
line-height: 36px;
margin-bottom: 36px;
padding: 0px 100px;
}
/* If only subtitle on top, insert a margin (on tech partners page) */
.paragraph--type--paragraph-view > .field-paragraph-subtitle {
margin-top: 36px;
}
.paragraph--type--paragraph-view .field-paragraph-text {
font-size: 17px;
line-height: 22px;
margin-bottom: 17px;
padding: 0px 100px;
}
.paragraph--type--paragraph-view .view-apps-widgets {
padding: 0px 75px;
}
.paragraph--type--paragraph-view .view-apps-widgets .views-row-container:after {
display: block;
content: "";
clear: both;
}
.paragraph--type--paragraph-view .view-apps-widgets .views-row {
float: left;
width: 33.333%
}
.paragraph--type--paragraph-view .view-apps-widgets .views-row > div {
margin: 25px;
}
.paragraph--type--paragraph-view .view-apps-widgets .views-row img {
max-height: 170px;
width: auto;
}
/* keep every widget tile on the Widgets page solid even when JS tries to fade it */
.app-disabled,
.app-enabled,
.app-disabled:hover,
.app-enabled:hover {
opacity: 1 !important;
}
/*.view-players-comparison {
}
.view-players-comparison .views-row-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.view-players-comparison .views-row-container .views-row {
display: flex;
flex-direction: column;
flex: 1;
border: 1px solid #cfcfcf;
border-left: none;
width: 15%;
min-width: 15%;
max-width: 15%;
}
.view-players-comparison .views-row-container .views-row:first-child {
border-left: 1px solid #cfcfcf;
width: 40%;
min-width: 40%;
max-width: 40%;
}
.view-players-comparison .views-row-container .views-row > div {
padding: 35px 0px;
}
.view-players-comparison .views-row-container .views-row .views-field-field-small-image img {
max-width: 80%;
height: auto;
}
.view-players-comparison .views-row-container .views-row .item-label,
.view-players-comparison .views-row-container .views-row .views-label {
display: none;
float: left;
text-align: right;
padding-right: 1em;
}
.view-players-comparison .views-row-container .views-row:first-child .item-label,
.view-players-comparison .views-row-container .views-row:first-child .views-label {
display: block;
width: 62.5%;
min-width: 62.5%;
max-width: 62.5%;
}
.view-players-comparison .views-row-container .views-row .item-label + div,
.view-players-comparison .views-row-container .views-row .views-label + div {
float: right;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.view-players-comparison .views-row-container .views-row:first-child .item-label + div,
.view-players-comparison .views-row-container .views-row:first-child .views-label + div,
.view-players-comparison .views-row-container .views-row:first-child .views-field-title .field-content {
float: right;
width: 37.5%;
min-width: 37.5%;
max-width: 37.5%;
}
.view-players-comparison .views-row-container .views-row .views-field::after,
.view-players-comparison .views-row-container .views-row .item-single::after {
display: block;
content: "";
clear: both;
flex-basis: 0;
order: 1;
}
.view-players-comparison .views-row-container .views-row summary {
display: inline-block;
color: #fff;
min-width: 62.5%;
float: left;
text-align: right;
padding-right: 1em;
margin-top: 2em;
}
.view-players-comparison .views-row-container .views-row:first-child summary {
display: inline-block;
color: #000;
}
.view-players-comparison .views-row-container .views-row .comparison-applications,
.view-players-comparison .views-row-container .views-row .comparison-docs {
margin-top: 2em;
}*/
.view-players-comparison {
margin: 0px;
}
.view-players-comparison table {
margin: 0 auto;
border: 1px solid #cfcfcf;
}
.view-players-comparison .table-col {
max-width: 100%;
overflow-x: auto;
}
.view-players-comparison table tr td {
vertical-align: top;
padding: 8px 24px 0px 24px;
height: 48px;
}
.view-players-comparison table tr:first-child td {
padding-top: 20px;
}
.view-players-comparison table tr:last-child td {
padding-bottom: 20px;
}
.view-players-comparison tr td { border-left: 1px solid #cfcfcf; }
.view-players-comparison tr td:first-child { border-left: none; }
.view-players-comparison tr td.col-header {
width: 300px;
min-width: 300px;
max-width: 300px;
text-align: right;
}
.view-players-comparison tr td.col-data {
width: 200px;
min-width: 200px;
max-width: 200px;
}
.view-players-comparison tr td.col-data img {
max-width: 100%;
height: auto;
}
.view-players-comparison tr td.col-title {
padding-top: 40px;
padding-bottom: 40px;
}
.view-players-comparison tr td.col-title a {
font-weight: 600;
}
.view-players-comparison tr .row-separator {
min-height: 36px;
vertical-align: bottom;
}
.view-players-comparison tr td.col-field-comp-applications,
.view-players-comparison tr td.col-nothing,
.view-players-comparison tr td.col-nothing-1 {
font-weight: 600;
text-transform: uppercase;
}
.view-players-comparison tr td.col-nothing,
.view-players-comparison tr td.col-nothing-1 {
padding-top: 40px;
height: 80px;
}
.view-players-comparison .comparisonDetail {
font-size: 12px;
font-weight: 200;
line-height: 12px;
color: #20ac50;
}
.view--elementi-comparison-table {
margin: 90px 90px;
}
.view--elementi-comparison-table table {
margin: 0 auto;
border: 1px solid #cfcfcf;
}
.view--elementi-comparison-table .table-col {
max-width: 100%;
overflow-x: auto;
}
.view--elementi-comparison-table table tr td {
vertical-align: top;
padding: 8px 24px 0px 24px;
height: 48px;
}
.view--elementi-comparison-table table tr:first-child td {
padding-top: 60px;
}
.view--elementi-comparison-table table tr:last-child td {
padding-bottom: 60px;
}
.view--elementi-comparison-table tr td { border-left: 1px solid #cfcfcf; }
.view--elementi-comparison-table tr td:first-child { border-left: none; }
.view--elementi-comparison-table tr td.col-header {
width: 300px;
min-width: 300px;
max-width: 300px;
text-align: right;
}
.view--elementi-comparison-table tr td.col-data {
width: 200px;
min-width: 200px;
max-width: 200px;
}
.view--elementi-comparison-table tr td.col-data img {
max-width: 100%;
height: auto;
}
.view--elementi-comparison-table tr td.col-title {
padding-top: 40px;
padding-bottom: 40px;
}
.view--elementi-comparison-table tr td.col-title a {
font-weight: 600;
}
.view--elementi-comparison-table tr .row-separator {
min-height: 36px;
vertical-align: bottom;
}
.view--elementi-comparison-table tr td.col-field-name,
.view--elementi-comparison-table tr td.col-nothing,
.view--elementi-comparison-table tr td.col-data.col-field-scenarios {
font-weight: 600;
text-transform: uppercase;
}
.view--elementi-comparison-table tr td.col-nothing {
padding-top: 40px;
height: 80px;
}
.embedded-entity article {
min-height: 110px;
}
.embedded-entity article img {
max-height: 90px;
width: auto;
}
.embedded-entity figcaption {
font-size: 24px;
font-style: italic;
font-weight: 600;
color: #000;
}
article.embedded-entity img {
max-width: 100%;
}
article.node--reference-vertical {
text-align: center;
}
article.node--reference-vertical .paragraph--type--text-and-picture {
text-align: left;
}
article.node--reference-vertical .field-page-title {
color: #000;
font-style: italic;
font-size: 48px;
line-height: 48px;
margin-bottom: 48px;
padding: 0px 100px;
margin-top: 90px;
}
article.node--reference-vertical .field-tagline {
color: #000;
font-style: italic;
font-size: 36px;
line-height: 36px;
margin-bottom: 36px;
padding: 0px 100px;
}
article.node--reference-vertical > div > .field-paragraph-text {
font-size: 17px;
line-height: 22px;
margin-bottom: 17px;
padding: 0px 100px;
}
.paragraph--type--strings-with-arrow {
padding: 0px 90px 90px;
text-align: left;
}
.paragraph--type--strings-with-arrow .field-arrow-container {
display: flex;
flex-wrap: wrap;
}
.paragraph--type--strings-with-arrow .field-arrow-item {
display: flex;
flex-direction: column;
position: relative;
margin-top: 0;
margin-bottom: 0;
}
.paragraph--type--strings-with-arrow .field-arrow-item-50 {
width: 50%;
min-width: 50%;
max-width: 50%;
}
.paragraph--type--strings-with-arrow .field-arrow-item-33 {
width: 33.33%;
min-width: 33.33%;
max-width: 33.33%;
}
.paragraph--type--strings-with-arrow .field-arraw-list-entry::before,
.paragraph--type--strings-with-arrow a::before {
content: "→ ";
display: inline-block;
min-width: 34px;
position: absolute;
left: 0;
}
.paragraph--type--strings-with-arrow .field-arraw-list-entry,
.paragraph--type--strings-with-arrow a {
padding: 14px 0px 14px 34px;
font-size: 22px;
font-weight: 400;
line-height: 28px;
}
.paragraph--type--text-with-customer-logo {
padding: 0px 90px 90px;
}
.paragraph--type--text-with-customer-logo .field-paragraph-title {
color: #000;
font-style: italic;
font-size: 36px;
line-height: 36px;
margin-bottom: 36px;
padding: 0px 100px;
}
.paragraph--type--text-with-customer-logo .field-paragraph-text {
font-size: 17px;
line-height: 22px;
margin-bottom: 17px;
padding: 0px 100px;
}
.paragraph--type--text-with-customer-logo .item-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.paragraph--type--text-with-customer-logo .item-container > .field-customer-logo {
display: inline-block;
width: 33.33%;
min-width: 33.33%;
max-width: 33.33%;
height: 150px;
line-height: 130px;
text-align: center;
padding: 10px;
}
.paragraph--type--text-with-customer-logo .item-container .field-customer-logo > div,
.paragraph--type--text-with-customer-logo .item-container .field-customer-logo .field-image {
height: 100%;
}
.paragraph--type--text-with-customer-logo .item-container .field-customer-logo img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
display: inline-block;
-webkit-filter: grayscale(1); /* Webkit */
opacity: 0.6;
filter: gray; /* IE6-9 */
filter: grayscale(1); /* W3C */
-webkit-transition : -webkit-filter 0.25s linear;
transition: filter 0.25s linear;
transition: opacity 0.25s linear;
}
.paragraph--type--text-with-customer-logo .item-container .field-customer-logo img.color {
-webkit-filter: none;
filter: none;
opacity: 1;
}
.paragraph--type--vertical-section {
padding: 90px 0px;
text-align: center;
}
.paragraph--type--vertical-section.gray {
background-color: #FAFAFA;
}
.paragraph--type--vertical-section.dark {
background-color: #292E39;
color: #fff;
}
.paragraph--type--vertical-section.dark a:not(.bluebutton) {
color: #00aaff;
}
.paragraph--type--vertical-section.dark a:not(.bluebutton):hover {
color: #fff;
}
.paragraph--type--vertical-section .field-paragraph-title {
padding: 0px 90px;
color: #000;
text-align: center;
font-size: 48px;
line-height: 48px;
margin-bottom: 48px;
font-style: italic;
}
.paragraph--type--vertical-section.dark .field-paragraph-title {
color: #fff;
}
.paragraph--type--vertical-section .field-paragraph-subtitle {
padding: 0px 90px;
color: #000;
text-align: center;
font-size: 36px;
line-height: 36px;
font-style: italic;
margin-bottom: 36px;
}
.paragraph--type--vertical-section.dark .field-paragraph-subtitle {
color: #fff;
}
.paragraph--type--vertical-section .field-paragraph-text {
padding: 0px 90px;
font-size: 17px;
line-height: 22px;
margin-bottom: 17px;
}
.paragraph--type--vertical-section .vertical-blocks {
margin-top: 75px;
padding: 0px 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.paragraph--type--vertical-section .vertical-blocks-item {
text-align: center;
padding: 15px;
}
.paragraph--type--vertical-section.cols-2 .vertical-blocks-item {
min-width: 50%;
max-width: 50%;
width: 50%;
}
.paragraph--type--vertical-section.cols-3 .vertical-blocks-item {
min-width: 33.33%;
max-width: 33.33%;
width: 33.33%;
}
.paragraph--type--vertical-section .vertical-blocks-content {
background-color: #fff;
display: flex;
flex: 1;
height: 100%;
}
.paragraph--type--vertical-section.dark .vertical-blocks-content {
background-color: transparent;
}
.paragraph--type--vertical-section .vertical-content {
padding: 30px 25px 70px;
}
.paragraph--type--vertical-section .field-black-title {
font-size: 22px;
line-height: 29px;
font-weight: 600 !important;
font-style: italic;
margin-bottom: 29px;
}
.paragraph--type--vertical-section .field-blue-title {
color: #005FAB;
font-size: 22px;
line-height: 29px;
margin-top: 30px;
margin-bottom: 12px;
font-style: italic;
}
.paragraph--type--vertical-section .field-blue-text {
color: #005FAB;
}
.paragraph--type--vertical-section .field-more-links a {
text-transform: uppercase;
padding-top: 20px;
display: inline-block;
font-weight: 600;
}
.paragraph--type--vertical-section .show-more-button {
margin-top: 30px;
}
.paragraph--type--vertical-slider-section {
padding: 90px 0px;
text-align: center;
}
.paragraph--type--vertical-slider-section.gray {
background-color: #FAFAFA;
}
.paragraph--type--vertical-slider-section.dark {
background-color: #292E39;
color: #fff;
}
.paragraph--type--vertical-slider-section .field-paragraph-title {
padding: 0px 90px;
color: #000;
text-align: center;
font-size: 48px;
line-height: 48px;
margin-bottom: 48px;
font-style: italic;
}
.paragraph--type--vertical-slider-section.dark .field-paragraph-title {
color: #fff;
}
.paragraph--type--vertical-slider-section .field-paragraph-subtitle {
padding: 0px 90px;
color: #000;
text-align: center;
font-size: 36px;
line-height: 36px;
font-style: italic;
margin-bottom: 36px;
}
.paragraph--type--vertical-slider-section.dark .field-paragraph-subtitle {
color: #fff;
}
.paragraph--type--vertical-slider-section .field-paragraph-text {
padding: 0px 90px;
font-size: 17px;
line-height: 22px;
margin-bottom: 17px;
}
.paragraph--type--vertical-slider-section .slider-vertical-blocks {
margin-top: 75px;
padding: 0px 40px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.paragraph--type--vertical-slider-section .vertical-blocks-item {
text-align: center;
padding: 15px;
width: 33.33%;
}
.paragraph--type--vertical-slider-section .vertical-blocks-content {
background-color: #fff;
display: flex;
flex: 1;
height: 100%;
}
.paragraph--type--vertical-slider-section.dark .vertical-blocks-content {
background-color: transparent;
}
.paragraph--type--vertical-slider-section.dark .H4TitleBolderLess {
color: #fff;
}
.paragraph--type--vertical-slider-section.dark a {
color: #00aaff;
}
.paragraph--type--vertical-slider-section.dark a:hover {
color: #fff;
}
.paragraph--type--vertical-slider-section .vertical-content {
padding: 30px 25px 70px;
}
.paragraph--type--vertical-slider-section .field-black-title {
font-size: 22px;
line-height: 29px;
font-weight: 600 !important;
font-style: italic;
margin-bottom: 29px;
}
.paragraph--type--vertical-slider-section .field-blue-title {
color: #005FAB;
font-size: 22px;
line-height: 29px;
margin-top: 30px;
margin-bottom: 12px;
font-style: italic;
}
.paragraph--type--vertical-slider-section .field-blue-text {
color: #005FAB;
}
.paragraph--type--vertical-slider-section .field-more-links a {
text-transform: uppercase;
padding-top: 20px;
display: inline-block;
}
.paragraph--type--vertical-slider-section .show-more-button {
margin-top: 30px;
}
.slick-prev {
left: -24px !important;
width: 38px !important;
height: 60px !important;
z-index: 10;
}
.slick-next {
right: -24px !important;
width: 39px !important;
height: 60px !important;
z-index: 10;
}
.row-grid.slick-slider {
margin-left: -10px;
margin-right: -10px;
}
.slick-slider .col-grid-12 {
padding-left: 10px;
padding-right: 10px;
}
.slick-dots {
bottom: -20px !important;
}
.slick-dots li button::before,
.slick-dots li.slick-active button::before {
color: #fff !important;
font-size: 12px !important;
}
.dark .slick-dots li button::before,
.dark .slick-dots li.slick-active button::before {
color: #00aaff !important;
}
.slick-prev::before, .slick-next::before {
content: ' ' !important;
color: #fff !important;
font-weight: bold;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: #000;
width: 38px;
display: inline-block;
height: 60px;
}
.dark .slick-prev::before,
.dark .slick-next::before {
color: #00aaff !important;
background-color: #00aaff;
}
.slick-next::before {
-webkit-mask-image: url('../images/chevron-right-solid.svg');
mask-image: url('../images/chevron-right-solid.svg');
}
.slick-prev::before {
-webkit-mask-image: url('../images/chevron-left-solid.svg');
mask-image: url('../images/chevron-left-solid.svg');
}
.view--references-verticals-list {
margin: 0px -15px;
}
.view--references-verticals-list .views-row-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.view--references-verticals-list .views-row {
padding: 15px;
display: inline-block;
max-width: 33.33%;
min-width: 33.33%;
}
.view--references-verticals-list .views-row > div {
position: relative;
}
.view--references-verticals-list .views-row img {
max-width: 100%;
height: auto;
}
.view--references-verticals-list .views-field-title {
position: absolute;
bottom: 0px;
width: 100%;
height: 50%;
pointer-events: none;
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.view--references-verticals-list .views-field-title h2 {
font-size: 22px !important;
line-height: 26px !important;
font-weight: 400 !important;
color: #fff !important;
padding: 0 20px;
}
.view--references-verticals-list .views-field-title span {
position: absolute;
left: 0;
bottom: 15px;
width: 100%;
}
.paragraph--type--vertical-image-and-text {
border: 2px solid #ededed;
width: 100%;
min-width: 100%;
max-width: 100%;
position: relative;
}
.paragraph--type--vertical-image-and-text .vertical-image {
width: 100%;
background-position: center;
background-size: cover;
border-bottom: 2px solid #ededed;
padding-top: 69.56%;
height: 0;
position: relative;
}
.paragraph--type--vertical-image-and-text .div-text-over-image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.paragraph--type--vertical-image-and-text .field-text-over-image {
display: inline-block;
font-size: 22px;
font-weight: 600;
color: #fff;
font-style: italic;
text-align: center;
}
.paragraph--type--vertical-image-and-text .field-video {
border-bottom: 2px solid #ededed;
padding-top: 69.56%;
height: 0;
position: relative;
}
.paragraph--type--vertical-image-and-text .field-video > div {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.slider-vertical-blocks .paragraph--type--vertical-image-and-text {
border: none;
}
.slider-vertical-blocks .paragraph--type--vertical-image-and-text .vertical-image {
border-bottom: none;
}
.slider-vertical-blocks .paragraph--type--vertical-image-and-text .vertical-content {
border: 2px solid #ededed;
}
.paragraph--type--blue-row-section {
padding: 0px 155px 20px;
position: relative;
}
.paragraph--type--blue-row-section .field-blue-rows {
position: relative;
margin-bottom: 40px;
}
.paragraph--type--blue-row-section .field-image {
position: absolute;
}
.paragraph--type--blue-row-section .field-image img {
max-width: 130px;
height: auto;
}
.paragraph--type--blue-row-section .field-blue-row-title {
padding-left: 155px;
font-size: 22px;
line-height: 29px;
font-weight: 600 !important;
color: #005AAB;
}
.paragraph--type--blue-row-section .field-blue-row-text {
padding-left: 155px;
color: #005AAB;
}
.view--organization-categories {
padding: 0px 20px 75px;
background-color: #FAFAFA;
}
.view--organization-categories .views-row-container {
display: flex;
flex-wrap: wrap;
}
.view--organization-categories .views-row-container .views-row {
display: flex;
flex-direction: column;
padding: 0px 10px;
width: 25%;
max-width: 25%;
min-width: 25%;
}
.view--organization-categories .views-row-container .views-row > div {
background-color: #fff;
display: flex;
flex: 1;
flex-direction: column;
}
.view--organization-categories .views-row-container .views-row .views-field-field-image-1 {
background-color: #FAFAFA;
text-align: center;
padding-bottom: 20px;
}
.view--organization-categories .views-row-container .views-row .views-field-field-image-1 img {
max-height: 180px;
width: auto;
}
.view--organization-categories .views-row-container .views-row .views-field-field-orgcat-introduction {
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #006FAB;
padding: 45px 20px 10px;
}
.view--organization-categories .views-row-container .views-row .views-field-field-orgcat-description {
padding: 0px 20px;
}
.view--technology-partners-list {
margin: 0px -15px;
}
.view--technology-partners-list .views-row-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.view--technology-partners-list .views-row {
display: flex;
flex-direction: column;
padding: 15px;
width: 50%;
max-width: 50%;
min-width: 50%;
}
.view--technology-partners-list .views-row > div {
display: flex;
flex: 1;
flex-direction: column;
background-color: #fafafa;
padding: 0px 30px 50px;
text-align: left;
}
.view--technology-partners-list .views-row .views-field-field-techpartner-logo {
display: table;
width: 100%;
height: 160px;
}
.view--technology-partners-list .views-row .views-field-field-techpartner-logo .field-content {
display: table-cell;
width: 100%;
height: 100%;
text-align: left;
vertical-align: middle;
}
.view--technology-partners-list .views-row .views-field-field-techpartner-logo img {
max-height: 120px;
width: auto;
max-width: 100%;
height: auto;
}
.view--technology-partners-list .views-row a.bluebutton {
margin-top: 20px;
}
.view--press-contact {
padding: 60px 90px;
background-color: #fafafa;
color: #545758;
text-align: center;
}
.view--press-contact a,
.view--press-contact a:focus {
color: #005aab;
font-weight: 400;
}
.view--press-contact a:hover {
color: #000;
}
.view--press-contact .views-field-info {
color: #000;
font-style: italic;
font-size: 36px;
line-height: 36px;
margin-bottom: 36px;
}
.paragraph--view-press-releases {
padding: 70px 65px;
background-color: #fafafa;
}
.paragraph--view-press-releases > .field-paragraph-subtitle {
margin-top: 0px;
}
.paragraph--view-press-releases .views-row-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.paragraph--view-press-releases .views-row-container .views-row {
padding: 15px;
display: flex;
flex-direction: column;
width: 50%;
max-width: 50%;
min-width: 50%;
}
.paragraph--view-press-releases .views-row-container .views-row > div {
border: 2px solid #ededed;
display: flex;
flex: 1;
flex-direction: column;
padding: 35px 30px 25px;
}
.paragraph--view-press-releases .views-field-title {
font-size: 22px;
line-height: 24px;
font-weight: 400;
margin-bottom: 11px;
}
.paragraph--view-press-releases .views-field-created {
margin-bottom: 11px;
}
.paragraph--view-press-releases .views-field-nothing a {
display: inline-block;
margin-top: 10px;
text-transform: uppercase;
}
.paragraph--view-press-releases .pager li > a,
.paragraph--view-press-releases .pager li > span {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
}
.video-embed-field-responsive-video {
position: relative;
}
.video-embed-field-responsive-video iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
}
.paragraph--view-spinetix-in-the-news-images,
.paragraph--view-news-video,
.paragraph--view-news-product-images,
.paragraph--view-news-logos,
.field-image-or-video {
margin-top: 60px;
text-align: center;
}
.paragraph--view-spinetix-in-the-news-images .pager li > a,
.paragraph--view-news-video .pager li > a,
.paragraph--view-news-video .pager li > span,
.paragraph--view-news-product-images .pager li > a,
.paragraph--view-news-product-images .pager li > span,
.paragraph--view-news-logos .pager li > a,
.paragraph--view-news-logos .pager li > span {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
}
.view--spinetix-in-the-news-images .views-row-container,
.view--news-video .views-row-container,
.view--news-product-images .views-row-container,
.view--news-logos .views-row-container,
.field-image-or-video .views-row-container {
margin: 0px -8px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.view--spinetix-in-the-news-images .views-row,
.view--news-video .views-row,
.view--news-product-images .views-row,
.view--news-logos .views-row,
.field-image-or-video .views-row {
padding: 8px;
width: 33.33%;
min-width: 33.33%;
max-width: 33.33%;
display: flex;
flex-direction: column;
}
.view--spinetix-in-the-news-images .views-row > div,
.view--news-video .views-row > div,
.view--news-product-images .views-row > div,
.view--news-logos .views-row > div,
.field-image-or-video .views-row > div {
border: 2px solid #f3f3f3;
flex: 1;
}
.view--spinetix-in-the-news-images .views-field-field-image,
.view--news-video .video-embed-field-responsive-video,
.view--news-product-images .views-field-field-image,
.view--news-logos .views-field-field-image,
.field-image-or-video .views-field-field-image,
.field-image-or-video .video-embed-field-responsive-video {
border-bottom: 2px solid #f3f3f3;
position: relative;
}
.view--spinetix-in-the-news-images .views-field-field-image,
.view--news-product-images .views-field-field-image,
.view--news-logos .views-field-field-image,
.field-image-or-video .views-field-field-image,
.view--news-video .views-field-field-media-oembed-video > .field-content {
position: relative;
padding-top: 56.25%;
}
.view--spinetix-in-the-news-images .views-field-field-image .field-content,
.view--news-product-images .views-field-field-image .field-content,
.view--news-logos .views-field-field-image .field-content,
.field-image-or-video .views-field-field-image .field-content,
.view--news-video .views-field-field-media-oembed-video > .field-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.view--spinetix-in-the-news-images .views-field-field-image img,
.view--news-product-images .views-field-field-image img,
.view--news-logos .views-field-field-image img,
.field-image-or-video .views-field-field-image img {
max-width: 100%;
height: auto;
position: relative;
width: 100%;
}
.view--spinetix-in-the-news-images .views-field-name,
.view--news-video .views-field-name,
.view--news-product-images .views-field-name,
.view--news-logos .views-field-name,
.field-image-or-video .views-field-field-name {
font-size: 22px;
font-weight: 400;
line-height: 24px;
padding: 20px;
}
.view--spinetix-in-the-news-images .views-field-field-description,
.view--news-video .views-field-field-description,
.view--news-product-images .views-field-field-description,
.view--news-logos .views-field-field-description,
.field-image-or-video .views-field-field-description {
padding: 0px 20px;
}
.view--spinetix-in-the-news-images .views-field-field-link,
.view--news-video .views-field-field-link,
.view--news-product-images .views-field-field-link,
.view--news-logos .views-field-field-link,
.field-image-or-video .views-field-field-link {
padding: 20px 20px 30px;
}
.view--spinetix-in-the-news-images .views-field-field-link a,
.view--news-video .views-field-field-link a,
.view--news-product-images .views-field-field-link a,
.view--news-logos .views-field-field-link a,
.field-image-or-video .views-field-field-link a {
text-transform: uppercase;
}
.paragraph--type--download-section {
padding: 0px 90px 90px;
text-align: center;
}
.paragraph--type--download-section .field-simple-subtitle {
font-size: 27px;
line-height: 27px;
font-style: italic;
margin-bottom: 30px;
}
.paragraph--view-news-documents,
.field-documents {
margin-top: 60px;
margin-bottom: 70px;
text-align: center;
}
.paragraph--view-news-documents .pager li > a,
.paragraph--view-news-documents .pager li > span {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
}
.view--news-documents .views-row-container,
.field-documents .views-row-container,
.paragraph--type--download-section .views-row-container {
margin: 0px -12px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.view--news-documents .views-row,
.field-documents .views-row,
.paragraph--type--download-section .views-row {
padding: 12px;
width: 25%;
min-width: 25%;
max-width: 25%;
display: flex;
flex-direction: column;
}
.view--news-documents .views-row > div,
.field-documents .views-row > div,
.paragraph--type--download-section .views-row > div {
border: 1px solid #cfcfcf;
border-radius: 6px;
padding: 20px;
display: flex;
flex: 1;
flex-direction: column;
}
.view--news-documents .views-field-name,
.field-documents .views-field-field-name,
.paragraph--type--download-section .views-field-field-name {
font-size: 22px;
font-weight: 400;
line-height: 24px;
padding: 20px 0px;
}
.view--news-documents .views-field-field-description,
.field-documents .views-field-field-description,
.paragraph--type--download-section .views-field-field-description {
padding-bottom: 20px;
}
.view--news-documents .views-field-extension,
.field-documents .views-field-extension,
.paragraph--type--download-section .views-field-extension {
text-transform: uppercase;
}
.view--news-documents .views-field-field-link,
.field-documents .views-field-field-link,
.paragraph--type--download-section .views-field-field-link {
padding: 20px 0px 30px;
}
.view--news-documents .views-field-field-link a,
.field-documents .views-field-field-link a,
.paragraph--type--download-section .views-field-field-link a {
text-transform: uppercase;
}
.paragraph--type--big-block-section {
margin: 0px -8px 8px;
}
.paragraph--type--big-block-section .item-container.field-blocks {
display: flex;
flex-wrap: wrap;
}
.paragraph--type--big-block-section .item-container.field-blocks .field-blocks {
width: 50%;
min-width: 50%;
max-width: 50%;
display: flex;
flex-direction: column;
flex: 1;
padding: 8px;
flex-wrap: wrap;
}
.paragraph--type--big-block-section .paragraph--type--picto-text-link {
padding: 85px;
background-image: url(../images/gray-gradient.webp);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
flex: 1;
}
.paragraph--type--big-block-section .field-image,
.paragraph--type--picto-text-link .field-image {
margin-bottom: 40px;
}
.paragraph--type--big-block-section .item-container.field-blocks .field-blocks .field-simple-title {
font-size: 22px;
font-weight: 400;
line-height: 40px;
}
.paragraph--type--big-block-section .item-container.field-blocks .field-blocks .field-url {
margin-top: 22px;
}
.paragraph--type--big-block-section .item-container.field-blocks .field-blocks .field-url a {
text-transform: uppercase;
font-weight: 600;
}
.view--awards {
margin: -15px -15px 0px;
}
.view--awards .views-row-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.view--awards .views-row-container .views-row {
width: 33.333%;
min-width: 33.333%;
max-width: 33.333%;
font-weight: 300;
font-size: 21px;
display: flex;
flex: 1;
flex-direction: column;
padding: 15px;
text-align: center;
}
.view--awards .views-row-container .views-row > div {
border: 2px solid #ededed;
padding: 80px 20px;
display: flex;
flex-direction: column;
flex: 1;
}
.view--awards .views-row-container .views-row .views-field-title,
.view--awards .views-row-container .views-row .views-field-title a {
font-size: 21px;
font-weight: 400;
margin-top: 20px;
margin-bottom: 20px;
color: #000;
}
.view--awards .views-row-container .views-row .views-field-field-image img {
max-width: 100%;
height: auto;
}
.paragraph--type--management-member {
margin-bottom: 32px;
}
.paragraph--type--management-member::after {
display: block;
content: "";
clear: both;
flex-basis: 0;
order: 1;
}
.paragraph--type--management-member .field-image {
float: left;
margin-right: 60px;
}
.paragraph--type--management-member .field-image img {
max-width: 310px;
height: auto;
}
.paragraph--type--management-member .field-name {
font-size: 22px;
font-weight: 400;
line-height: 40px;
margin-bottom: 8px;
}
.paragraph--type--management-member .field-member-function {
color: #005AAB;
margin-bottom: 10px;
}
.view--legal-documents h3 {
font-size: 32px;
line-height: 32px;
font-style: italic;
margin: 60px 0px;
font-weight: 200;
}
.view--legal-documents .views-row {
padding: 40px 100px;
text-align: left;
}
.view--legal-documents .views-row:nth-child(odd) {
background-color: #f6f6f6;
}
.view--legal-documents .views-field-title {
font-size: 22px;
line-height: 22px;
font-weight: 400;
margin-bottom: 14px;
font-style: italic;
}
.view--legal-documents .views-field-nothing a {
text-transform: uppercase;
}
.node--legal .paragraph {
text-align: left;
}
.view-events-future {
margin: 0px -7px 70px;
}
.view-events-future .views-row-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.view-events-future .views-row {
padding: 0px 7px;
padding-bottom: 14px;
display: flex;
flex-direction: column;
flex: 1;
width: 50%;
min-width: 50%;
max-width: 50%;
}
.view-events-future .views-row > div {
display: flex;
flex-direction: column;
flex: 1;
border: 2px solid #ededed;
padding-bottom: 90px;
}
.view-events-future .views-field-field-small-image {
border-bottom: 2px solid #EDEDED;
}
.view-events-future .views-field-field-small-image img {
max-width: 100%;
height: auto;
}
.view-events-future .views-field-title {
padding: 35px 25px 10px;;
font-size: 22px;
font-weight: 400;
line-height: 26px;
}
.view-events-future .views-field-nothing-1 {
padding: 0px 25px 1em;
}
.view-events-future .views-field-field-event-short-description {
padding: 0px 25px;
}
.view-events-future .views-field-nothing-2,
.view-events-future .views-field-nothing {
padding: 0px 25px;
}
.view-events-future .views-field-nothing-2 a,
.view-events-future .views-field-nothing a {
text-transform: uppercase;
}
.view-events-future .node--basic-page .paragraph {
padding-top: 30px;
}
.view-events-past {
margin: 0px -15px 85px;
}
.view-events-past .views-row-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: -15px;
}
.view-events-past .views-row {
padding: 15px;
display: flex;
flex-direction: column;
flex: 1;
width: 33.333%;
min-width: 33.333%;
max-width: 33.333%;
}
.view-events-past .views-row > div {
display: flex;
flex-direction: column;
flex: 1;
border: 2px solid #ededed;
padding-bottom: 65px;
}
.view-events-past .views-field-field-small-image {
border-bottom: 2px solid #EDEDED;
}
.view-events-past .views-field-field-small-image img {
max-width: 100%;
height: auto;
}
.view-events-past .views-field-title {
padding: 35px 25px 10px;;
font-size: 22px;
font-weight: 400;
line-height: 26px;
}
.view-events-past .views-field-nothing-1 {
padding: 0px 25px 1em;
}
.view-events-past .views-field-field-event-short-description {
padding: 0px 25px;
}
.view-events-past .views-field-nothing-2,
.view-events-past .views-field-nothing {
padding: 0px 25px;
}
.view-events-past .views-field-nothing-2 a,
.view-events-past .views-field-nothing a {
text-transform: uppercase;
}
.view-events-past .pager li > a,
.view-events-past .pager li > span {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
}
.paragraph--view-local-partner-by-country {
margin-top: -40px;
}
.paragraph--view-local-partner-by-country .field-paragraph-text {
margin-bottom: 60px;
}
.view-partners-country {
padding: 0px 70px 100px;
column-count: 2;
column-gap: 40px;
text-align: left;
}
.view-partners-country .views-row {
margin-bottom: 14px;
}
.view-partners-country .views-row > div {
display: inline-block;
}
.view-partners-country .views-field-nothing {
text-transform: uppercase;
}
.paragraph--type--multi-column-selector {
padding: 0px 70px 90px;
display: flex;
flex-wrap: wrap;
}
.paragraph--type--multi-column-selector .col-sm-4 {
position: relative;
padding: 0px 30px;
}
.paragraph--type--multi-column-selector .col-sm-6 {
padding: 0px 15px;
}
.paragraph--type--multi-column-selector > [class*='col-'] {
position: relative;
display: flex;
flex-direction: column;
}
.paragraph--type--multi-column-selector .field-simple-title {
font-weight: 400;
margin-bottom: 8px;
}
.paragraph--type--multi-column-selector .field-description {
margin-bottom: 1em;
}
.paragraph--type--multi-column-selector .field-url a {
text-transform: uppercase;
}
#block-views-block-search-for-training-session-block-1-session-block-1 {
text-align: center;
padding: 0px 0px 90px;
}
#block-views-block-search-for-training-session-block-1 form.views-exposed-form {
margin-bottom: 40px;
text-align: center;
}
#block-views-block-search-for-training-session-block-1 form.views-exposed-form .js-form-item {
margin-right: 50px;
}
#block-views-block-search-for-training-session-block-1 form.views-exposed-form .js-form-item,
#block-views-block-search-for-training-session-block-1 form.views-exposed-form .form-actions {
display: inline-block;
}
#block-views-block-search-for-training-session-block-1 form.views-exposed-form .js-form-item label {
display: block;
text-align: left;
}
#block-views-block-search-for-training-session-block-1 h3 {
font-size: 36px;
line-height: 36px;
font-weight: 600;
font-style: italic;
margin: 60px 0px;
text-align: center;
}
#block-views-block-search-for-training-session-block-1 .pager li > a,
#block-views-block-search-for-training-session-block-1 .pager li > span,
#block-views-block-search-for-training-session-block-1 form.views-exposed-form .js-form-submit {
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
}
#block-views-block-search-for-training-session-block-1 .views-row {
padding: 40px 60px;
}
#block-views-block-search-for-training-session-block-1 .views-row::after {
display: block;
content: "";
clear: both;
flex-basis: 0;
order: 1;
}
#block-views-block-search-for-training-session-block-1 .views-row:nth-child(even) {
background-color: #fafafa;
}
#block-views-block-search-for-training-session-block-1 .views-row .training-left {
text-align: right;
width: 40%;
max-width: 40%;
float: left;
}
#block-views-block-search-for-training-session-block-1 .views-row .training-right {
text-align: left;
width: 60%;
max-width: 60%;
float: right;
padding-left: 70px;
}
#block-views-block-search-for-training-session-block-1 .views-field-field-name {
font-size: 22px;
line-height: 29px;
font-weight: 600;
margin-bottom: 8px;
font-style: italic;
}
#block-views-block-search-for-training-session-block-1 .views-field-field-training-date {
font-size: 20px;
line-height: 28px;
font-weight: 600;
margin-bottom: 8px;
color: #005AAB;
}
#block-views-block-search-for-training-session-block-1 .views-field-nothing-1 {
line-height: 27px;
margin-bottom: 14px;
font-weight: 800;
}
#block-views-block-search-for-training-session-block-1 .views-field-nothing {
font-size: 20px;
font-weight: 600;
line-height: 28px;
font-style: italic;
}
#block-views-block-search-for-training-session-block-1 .views-field-field-organization-id-ref {
font-size: 20px;
font-weight: 200;
line-height: 28px;
font-style: italic;
color: #005AAB;
}
#block-views-block-search-for-training-session-block-1 .views-field-body {
margin-bottom: 2em;
}
#block-views-block-search-for-training-session-block-1 .views-field-field-registration {
display: inline-block;
margin-right: 20px;
font-weight: 800;
}
#block-views-block-search-for-training-session-block-1 .views-field-field-registration a {
display: inline-block;
margin-right: 20px;
font-weight: 800;
color: #E31556;
}
#block-views-block-search-for-training-session-block-1 .views-field-field-email {
display: inline-block;
margin-right: 20px;
font-weight: 600;
}
#block-views-block-search-for-training-session-block-1 .views-field-field-registration a,
#block-views-block-search-for-training-session-block-1 .views-field-field-email a {
text-transform: uppercase;
}
.MapInfoPopup .field-description,
.MapInfoPopup .field-description p {
margin-bottom: 0px;
line-height: 24px;
font-size: 15px;
font-weight: 400;
}
/* Text styles:
*/
p.ContactTitle,
.MapInfoPopup .field-description p.ContactTitle {
color: #005FAB;
font-weight: 600;
line-height: 24px;
font-size: 22px;
}
p.ContactTitleSmall,
.MapInfoPopup .field-description p.ContactTitleSmall {
color: #005FAB;
font-weight: 600;
line-height: 20px;
font-size: 18px;
}
p.PTitleBolder,
.MapInfoPopup .field-description p.PTitleBolder {
color: #545758;
font-weight: 400;
line-height: 22.9px;
font-size: 20.5px;
}
.PText,
.MapInfoPopup .field-description p.PText {
color: #1D1D1F;
font-weight: 300;
line-height: 15.4px;
font-size: 18px;
}
.form-label {
font-size: 17px;
font-weight: 600;
color: #005aab;
}
.H5TitleLink,
.MapInfoPopup .field-description p.H4Title {
color: #005fab;
font-weight: 600;
line-height: 23.4px;
font-size:17px;
text-transform: uppercase;
}
.H4Title,
.MapInfoPopup .field-description p.H4Title {
color: #545758;
font-weight: 200;
line-height: 23.4px;
font-size: 21px;
}
.H4TlWhite,
.MapInfoPopup .field-description p.H4TitleWhite {
color: #fff;
font-weight: 200;
line-height: 23.4px;
font-size: 21px;
}
.H4TitleBolder,
.MapInfoPopup .field-description p.H4TitleBolder {
color: #545758;
font-weight: 400;
line-height: 23.4px;
font-size: 21px;
}
.H4TitleBolderW,
.MapInfoPopup .field-description p.H4TitleBolder {
color: #545758;
font-weight: 400;
line-height: 23.4px;
font-size: 21px;
color:#FFFFFF;
}
.H4TitleBolderLess,
.MapInfoPopup .field-description p.H4TitleBolderLess {
color: #333;
font-weight: 300;
line-height: 28px;
font-size: 21px;
}
.H4TitleBolderEvenLess,
.MapInfoPopup .field-description p.H4TitleBolderEvenLess {
color: #333;
font-weight: 300;
line-height: 21px;
font-size: 16.5px;
}
.H4TitleBolderLessPurple,
.MapInfoPopup .field-description p.H4TitleBolderLessPurple {
color: #A12E96;
font-weight: 300;
line-height: 28px;
font-size: 21px;
}
.H4TitleBolderMore,
.MapInfoPopup .field-description p.H4TitleBolderMore {
color: #333;
font-weight: 610;
line-height: 28px;
font-size: 21px;
}
.H3Title,
.MapInfoPopup .field-description p.H3Title {
color: #545758;
font-weight: 200;
line-height: 29.4px;
font-size: 24px;
}
.H3TitleLink,
.H3TitleLink:visited,
.H3TitleLink:focus {
color: #005fab !important;
font-weight: 200;
line-height: 29.4px;
font-size: 24px;
}
.H3TitleLink:hover,
.H3TitleLink:active {
color: #545758 !important;
}
.H3TitleWhite,
.MapInfoPopup .field-description p.H3Title {
color: #FFFFFF;
font-weight: 200;
line-height: 29.4px;
font-size: 24px;
}
.H3TitleSmaller,
.MapInfoPopup .field-description p.H3TitleSmaller {
color: #545758;
font-weight: 200;
line-height: 24.2px;
font-size: 22px;
}
.H3TitleBigger,
.MapInfoPopup .field-description p.H3TitleBigger {
color: #545758;
font-weight: 200;
line-height: 26.9px;
font-size: 24.5px;
}
.H3TitleBiggerTitleAboveText,
.MapInfoPopup .field-description p.H3TitleBiggerTitleAboveText {
color: #545758;
font-weight: 600;
line-height: 33.1px;
font-size: 27px;
}
.H3TitleBig,
.MapInfoPopup .field-description p.H3TitleBig {
color: #545758;
font-weight: 200;
line-height: 33.3px;
font-size: 26.5px;
}
p.H3TitleBold,
.MapInfoPopup .field-description p.H3TitleBold {
color: #545758;
font-weight: 300;
line-height: 26.4px;
font-size: 24px;
}
.H3TitleBigBold,
.MapInfoPopup .field-description p.H3TitleBigBold {
color: #545758;
font-weight: 300;
line-height: 28.9px;
font-size: 26.5px;
}
.H3TitleBolder,
.MapInfoPopup .field-description p.H3TitleBolder {
color: #545758;
font-weight: 400;
line-height: 26.4px;
font-size: 24px;
}
.H3TitleBigBolder,
.MapInfoPopup .field-description p.H3TitleBigBolder {
color: #545758;
font-weight: 400;
line-height: 28.9px;
font-size: 26.5px;
}
.H3TitleBiggerBold,
.MapInfoPopup .field-description p.H3TitleBiggerBold {
color: #545758;
font-weight: 300;
line-height: 26.9px;
font-size: 24.5px;
}
.H2Title1D1D1FB {
color: #1D1D1F;
font-weight: 600 !important;
line-height: 33.3px;
font-size: 30px;
}
.H2Title1D1D1F {
color: #1D1D1F;
font-weight: 200;
line-height: 33.3px;
font-size: 30px;
}
.H2Title,
.MapInfoPopup .field-description p.H2Title {
color: #545758;
font-weight: 200;
line-height: 38.4px;
font-size: 36px;
}
.H2TitleNoLineHeight,
.MapInfoPopup .field-description p.H2TitleNoLignHeight {
color: #545758;
font-weight: 200;
line-height: 0px;
font-size: 36px;
}
.H2TitleSmaller,
.MapInfoPopup .field-description p.H2TitleSmaller {
color: #545758;
font-weight: 200;
line-height: 32.4px;
font-size: 30px;
}
.H2TitleEvenSmaller,
.MapInfoPopup .field-description p.H2TitleEvenSmaller {
color: #545758;
font-weight: 200;
line-height: 26.4px;
font-size: 24px;
}
.H2TitleSmallerBold,
.MapInfoPopup .field-description p.H2TitleSmallerBold {
color: #545758;
font-weight: 300;
line-height: 32.4px;
font-size: 30px;
}
.H2TitleHMP400,
.MapInfoPopup .field-description p.H2TitleHMP400 {
color: #1D1D1F;
font-weight: 300;
line-height: 42.9px;
font-size: 39px;
}
.H2TitleHMP400Smaller,
.MapInfoPopup .field-description p.H2TitleHMP400 {
color: #1D1D1F;
font-weight: 300;
line-height: 31.1px;
font-size: 28px;
}
.H2TitleHMP400Bolder,
.MapInfoPopup .field-description p.H2TitleHMP400Bolder {
color: #1D1D1F;
font-weight: 650;
line-height: 42.9px;
font-size: 39px;
}
.H2TitleHMP400BolderBigger,
.MapInfoPopup .field-description p.H2TitleHMP400Bolder {
color: #1D1D1F;
font-weight: 650;
line-height: 73.33px;
font-size: 55px;
}
.H2TitleHMP400BolderSmaller,
.MapInfoPopup .field-description p.H2TitleHMP400Bolder {
color: #1D1D1F;
font-weight: 650;
line-height: 41.1px;
font-size: 37px;
}
.H2TitleHMP400BolderSmallerSpacy,
.MapInfoPopup .field-description p.H2TitleHMP400Bolder {
color: #1D1D1F;
font-weight: 650;
line-height: 60.1px;
font-size: 37px;
}
.H1Title,
.MapInfoPopup .field-description p.H1Title {
color: #545758;
font-weight: 200;
line-height: 42.4px;
font-size: 40px;
}
.H1TitleBig,
.MapInfoPopup .field-description p.H1TitleBig {
color: #545758;
font-weight: 200;
line-height: 50px;
font-size: 47.6px;
}
.H1TitleBold,
.MapInfoPopup .field-description p.H1TitleBold {
color: #545758;
font-weight: 300;
line-height: 35px;
font-size: 40px;
}
.H1TitleBigBold,
.MapInfoPopup .field-description p.H1TitleBigBold {
color: #545758;
font-weight: 300;
line-height: 50px;
font-size: 47.6px;
}
.H1TitleHMP400,
.MapInfoPopup .field-description p.H1TitleHMP400 {
color: #1D1D1F;
font-weight: 300;
line-height: 66px;
font-size: 60px;
}
.H1TitleHMP400SmallerB {
color: #1D1D1F;
font-weight: 800 !important;
line-height: 51.1px;
font-size: 46px;
}
.H1TitleHMP400Smaller,
.MapInfoPopup .field-description p.H1TitleHMP400 {
color: #1D1D1F;
font-weight: 800;
line-height: 51.1px;
font-size: 46px;
}
.H1TitleHMP400Smaller > b {
font-weight: 800;
}
.H1TitleHMP400SmallerBig,
.MapInfoPopup .field-description p.H1TitleHMP400 {
color: #1D1D1F;
font-weight: 300;
line-height: 56.1px;
font-size: 51px;
}
.H4TitleHMP400BolderLessB {
color: #333;
font-weight: 300 !important;
line-height: 28px;
font-size: 21px;
}
.H4TitleHMP400BolderLess,
.MapInfoPopup .field-description p.H1TitleHMP400 {
color: #333;
font-weight: 300;
line-height: 28px;
font-size: 21px;
}
.H4TitleHMP400Bolder,
.MapInfoPopup .field-description p.H1TitleHMP400 {
color: #333;
font-weight: 300;
line-height: 28px;
font-size: 21px;
}
.H5Title,
.MapInfoPopup .field-description p.H1TitleHMP400 {
color: #333;
font-weight: 300;
line-height: 21.33px;
font-size: 16px;
}
.block-buy {
margin-left: -90px;
margin-right: -90px;
}
/*.block-buy .btn,
.block-buy .dropdown-menu {
font-size: 28px;
font-style: italic;
}*/
div.buy-form {
font-size: 28px;
font-weight: 200;
font-style: italic;
line-height: 54px;
}
.bootstrap-select {
width: auto !important;
min-width: 120px;
}
div.buy-form .dropdown-menu,
.bootstrap-select .btn.buy-form {
font-size: 28px;
line-height: 32px;
font-weight: 200;
}
div.buy-form .dropdown-menu > li > a {
font-weight: 200;
}
div.buy-form .buy-searchbutton {
display: block;
margin-top: 30px;
}
div.buy-form .buy-searchbutton button {
display: inline-block;
padding: 16px 50px;
font-size: 18px;
line-height: 18px;
font-weight: 300;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
}
#buy_map {
width: 100%;
}
#buy_list h3 {
font-size: 36px;
font-style: italic;
margin-top: 40px;
}
.dealer-picto {
display: inline-block;
width: 126px;
height: 126px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.dealer-picto.dealer-ad {
background-image: url(../images/dealers/ad.webp);
}
.dealer-picto.dealer-dealer {
background-image: url(../images/dealers/dealer.webp);
}
.dealer-picto.dealer-csd {
background-image: url(../images/dealers/csd.webp);
}
.dealer-picto.dealer-cgd {
background-image: url(../images/dealers/cgd.webp);
}
.dealer-picto.dealer-sda {
background-image: url(../images/dealers/sda.webp);
}
.dealer-picto.dealer-cdp {
background-image: url(../images/dealers/cdp.webp);
}
.dealer-picto.dealer-sdp {
background-image: url(../images/dealers/sdp.webp);
}
.dealer-picto.dealer-cda {
background-image: url(../images/dealers/cda.webp);
}
.dealer-picto.dealer-special {
background-image: url(../images/dealers/special.webp);
}
.buy-list {
margin: 0px -13px;
}
.buy-list .views-row-container {
display: flex;
flex-wrap: wrap;
}
.buy-list .views-row {
display: flex;
flex-direction: column;
flex: 1;
padding: 13px;
text-align: left;
width: 50%;
min-width: 50%;
max-width: 50%;
}
.buy-list .views-row > div {
border: 2px solid #f3f3f3;
padding: 40px;
position: relative;
height: 100%;
}
.buy-list .views-row .views-field-field-company {
font-size: 22px;
line-height: 29px;
font-style: italic;
font-weight: 600;
margin-bottom: 15px;
padding-right: 90px;
}
.buy-list .views-row .contact-left {
display: inline-block;
width: 50%;
font-size: 17px;
line-height: 27px;
font-weight: 400;
font-style: italic;
}
.buy-list .views-row .views-field-field-website a {
font-weight: 200;
}
.buy-list .views-row .contact-right {
display: inline-block;
width: 50%;
padding-left: 40px;
}
.buy-list .views-row .views-field-field-coverage,
.buy-list .views-row .views-field-field-coordinates {
display: none;
}
.buy-list .dealer-picto,
.buy-map .dealer-picto {
position: absolute;
right: 0px;
top: 30px;
}
.buy-map .contactTitle {
text-align: left;
color: #005FAB;
font-weight: 600;
line-height: 24px;
font-size: 17px;
padding: 10px 30px 0px 10px;
}
.buy-map .spinetixInfoTip {
padding-right: 110px;
}
.buy-map .contactDetails {
text-align: left;
margin-top: 8px;
font-weight: 200;
line-height: 24px;
font-size: 17px;
padding: 0px 30px 10px 10px;
}
.microsite .field-webform {
max-width: 550px;
margin: 0 auto;
}
.microsite #block-contact-us-form {
width: 1170px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1200px) {
.microsite #block-contact-us-form {
width: 970px;
}
}
@media (max-width: 991px) {
.microsite #block-contact-us-form {
width: 750px;
}
}
@media (max-width: 767px) {
.microsite #block-contact-us-form {
width: auto;
}
}
#block-contact-us-form {
padding: 0px 60px 90px;
background-color: #fafafa;
}
#block-contact-us-form h2 {
font-weight: 200;
font-size: 32px;
line-height: 32px;
font-style: italic;
text-align: center;
padding-top: 90px;
margin-bottom: 70px;
}
#block-contact-us-form .form-item {
min-height: 70px;
}
.microsite .form-item {
margin-top: 20px;
}
.microsite fieldset {
margin-top: 24px;
}
.microsite .form-item label,
#block-contact-us-form .form-item label {
display: block;
font-weight: 600;
line-height: 24px;
color: #005AAB;
width: auto;
}
#block-contact-us-form .form-item-event-selection,
#block-contact-us-form .form-item-name,
#block-contact-us-form .form-item-lastname,
#block-contact-us-form .form-item-company,
#block-contact-us-form .form-item-industry-type,
#block-contact-us-form .form-item-email,
#block-contact-us-form .form-item-website,
#block-contact-us-form .form-item-address,
#block-contact-us-form .form-item-country,
#block-contact-us-form .form-item-phone,
#block-contact-us-form .form-item-employees {
width: 50%;
max-width: 50%;
float: left;
padding: 0px 30px;
margin-bottom: 30px;
}
.microsite .form-item label,
.microsite .form-item input:not(.form-checkbox),
#block-contact-us-form .form-item-name label,
#block-contact-us-form .form-item-name input,
#block-contact-us-form .form-item-event-selection,
#block-contact-us-form .form-item-lastname label,
#block-contact-us-form .form-item-lastname input,
#block-contact-us-form .form-item-company label,
#block-contact-us-form .form-item-company input,
#block-contact-us-form .form-item-industry-type label,
#block-contact-us-form .form-item-industry-type > div,
#block-contact-us-form .form-item-email label,
#block-contact-us-form .form-item-email input,
#block-contact-us-form .form-item-website label,
#block-contact-us-form .form-item-website input,
#block-contact-us-form .form-item-address,
#block-contact-us-form .form-item-country label,
#block-contact-us-form .form-item-country > div,
#block-contact-us-form .form-item-phone label,
#block-contact-us-form .form-item-phone input,
#block-contact-us-form .form-item-employees label,
#block-contact-us-form .form-item-employees input {
width: 100%;
}
#block-contact-us-form .form-item-message,
#block-contact-us-form .js-form-type-checkbox {
padding: 0px 30px;
height: auto;
}
#block-contact-us-form .form-item-state,
#block-contact-us-form .form-item-province {
padding: 0px 30px;
margin-bottom: 30px;
}
.microsite .js-form-type-checkbox {
height: auto;
margin: 20px 0;
}
#block-contact-us-form .form-item-message {
margin-bottom: 30px;
}
#block-contact-us-form #edit-contact-us-float::after {
display: block;
content: "";
clear: both;
flex-basis: 0;
order: 1;
}
#block-contact-us-form .form-item-message,
#block-contact-us-form .form-item-message textarea {
width: 100%;
}
#block-contact-us-form .form-item-message textarea {
border: 1px solid #ccc;
}
#block-contact-us-form .form-actions {
margin-top: 30px;
padding: 0px 30px;
}
#block-contact-us-form .bootstrap-select,
#block-contact-us-form .dropdown-menu {
width: 100% !important;
}
.microsite .js-form-item .form-checkbox,
.webform-submission-form .js-form-item .form-checkbox {
position: absolute;
}
.microsite .js-form-item .form-checkbox + .field-suffix,
.webform-submission-form .js-form-item .form-checkbox + .field-suffix {
position: absolute;
left: 20px;
}
.microsite .js-form-item .form-checkbox + .description,
.microsite .js-form-item .form-checkbox + .field-suffix + .description,
.webform-submission-form .js-form-item .form-checkbox + .description,
.webform-submission-form .js-form-item .form-checkbox + .field-suffix + .description {
padding-left: 25px;
}
.webform-spinetix {
padding: 0px 60px 90px;
background-color: #fafafa;
text-align: left;
}
.webform-spinetix h2 {
font-weight: 200;
font-size: 32px;
line-height: 32px;
font-style: italic;
text-align: center;
padding-top: 90px;
margin-bottom: 70px;
}
.webform-spinetix .form-item {
min-height: 70px;
}
.webform-spinetix .fieldset-wrapper {
display: flex;
flex-wrap: wrap;
}
.webform-spinetix legend {
padding: 60px 30px 0;
margin-bottom: 30px;
border: none;
font-weight: normal;
}
.webform-spinetix .form-item:not(.webform-type-fieldset):not(.js-form-type-checkbox) {
width: 50%;
max-width: 50%;
padding: 0px 30px;
margin-bottom: 30px;
}
.webform-spinetix .form-item label,
.webform-spinetix .form-item input:not(.form-checkbox) {
width: 100%;
}
.webform-spinetix .form-item label {
display: block;
font-weight: 600;
line-height: 24px;
color: #005AAB;
width: auto;
min-height: 25px;
}
.webform-spinetix .form-item-message,
.webform-spinetix .js-form-type-checkbox {
padding: 0px 30px;
height: auto;
}
.webform-spinetix .form-item-message {
margin-bottom: 30px;
}
.webform-spinetix .form-item-message,
.webform-spinetix .form-item-message textarea {
width: 100%;
}
.webform-spinetix .form-item-message textarea {
border: 1px solid #ccc;
}
.webform-spinetix .form-actions {
margin-top: 30px;
padding: 0px 30px;
}
.webform-spinetix .bootstrap-select,
.webform-spinetix .dropdown-menu {
width: 100% !important;
}
#edit-google-conditions {
padding: 0 30px;
}
.form-item-consent-checkbox,
.form-item-i-would-like-to-receive-latest-spinetix-news-by-email,
#edit-google-conditions {
min-height: 0 !important;
padding-bottom: 30px !important;
}
.webform-submission-contact-gp-form,
.webform-submission-gotowebinar-registration-form {
padding: 0px 0px 90px;
background-color: #FAFAFA;
text-align: left;
}
.webform-submission-contact-gp-form h2,
.webform-submission-gotowebinar-registration-form h2 {
font-weight: 200;
font-size: 32px;
line-height: 32px;
font-style: italic;
text-align: center;
padding-top: 90px;
margin-bottom: 70px;
}
.webform-submission-contact-gp-form .form-item:not(.js-form-type-checkbox),
.webform-submission-gotowebinar-registration-form .form-item:not(.js-form-type-checkbox) {
min-height: 0px;
}
.webform-submission-contact-gp-form .form-item label,
.webform-submission-gotowebinar-registration-form .form-item label {
display: block;
font-weight: 600;
line-height: 24px;
color: #005AAB;
width: auto;
}
.webform-submission-contact-gp-form .form-item-event-selection,
.webform-submission-contact-gp-form .form-item-name,
.webform-submission-contact-gp-form .form-item-lastname,
.webform-submission-contact-gp-form .form-item-company,
.webform-submission-contact-gp-form .form-item-industry-type,
.webform-submission-contact-gp-form .form-item-email,
.webform-submission-contact-gp-form .form-item-website,
.webform-submission-contact-gp-form .form-item-address,
.webform-submission-contact-gp-form .form-item-country,
.webform-submission-contact-gp-form .form-item-phone,
.webform-submission-gotowebinar-registration-form .form-item-event-selection,
.webform-submission-gotowebinar-registration-form .form-item-name,
.webform-submission-gotowebinar-registration-form .form-item-lastname,
.webform-submission-gotowebinar-registration-form .form-item-company,
.webform-submission-gotowebinar-registration-form .form-item-industry-type,
.webform-submission-gotowebinar-registration-form .form-item-email,
.webform-submission-gotowebinar-registration-form .form-item-website,
.webform-submission-gotowebinar-registration-form .form-item-address,
.webform-submission-gotowebinar-registration-form .form-item-country,
.webform-submission-gotowebinar-registration-form .form-item-phone {
width: 50%;
max-width: 50%;
float: left;
padding: 0px 30px;
margin-bottom: 30px;
}
.webform-submission-contact-gp-form .form-item-name label,
.webform-submission-contact-gp-form .form-item-name input,
.webform-submission-contact-gp-form .form-item-event-selection,
.webform-submission-contact-gp-form .form-item-lastname label,
.webform-submission-contact-gp-form .form-item-lastname input,
.webform-submission-contact-gp-form .form-item-company label,
.webform-submission-contact-gp-form .form-item-company input,
.webform-submission-contact-gp-form .form-item-industry-type label,
.webform-submission-contact-gp-form .form-item-industry-type > div,
.webform-submission-contact-gp-form .form-item-email label,
.webform-submission-contact-gp-form .form-item-email input,
.webform-submission-contact-gp-form .form-item-website label,
.webform-submission-contact-gp-form .form-item-website input,
.webform-submission-contact-gp-form .form-item-address,
.webform-submission-contact-gp-form .form-item-country label,
.webform-submission-contact-gp-form .form-item-country > div,
.webform-submission-contact-gp-form .form-item-phone label,
.webform-submission-contact-gp-form .form-item-phone input,
.webform-submission-gotowebinar-registration-form .form-item-name label,
.webform-submission-gotowebinar-registration-form .form-item-name input,
.webform-submission-gotowebinar-registration-form .form-item-event-selection,
.webform-submission-gotowebinar-registration-form .form-item-lastname label,
.webform-submission-gotowebinar-registration-form .form-item-lastname input,
.webform-submission-gotowebinar-registration-form .form-item-company label,
.webform-submission-gotowebinar-registration-form .form-item-company input,
.webform-submission-gotowebinar-registration-form .form-item-industry-type label,
.webform-submission-gotowebinar-registration-form .form-item-industry-type > div,
.webform-submission-gotowebinar-registration-form .form-item-email label,
.webform-submission-gotowebinar-registration-form .form-item-email input,
.webform-submission-gotowebinar-registration-form .form-item-website label,
.webform-submission-gotowebinar-registration-form .form-item-website input,
.webform-submission-gotowebinar-registration-form .form-item-address,
.webform-submission-gotowebinar-registration-form .form-item-country label,
.webform-submission-gotowebinar-registration-form .form-item-country > div,
.webform-submission-gotowebinar-registration-form .form-item-phone label,
.webform-submission-gotowebinar-registration-form .form-item-phone input {
width: 100%;
}
.webform-submission-contact-gp-form .form-item-message,
.webform-submission-contact-gp-form .js-form-type-checkbox,
.webform-submission-gotowebinar-registration-form .form-item-message,
.webform-submission-gotowebinar-registration-form .js-form-type-checkbox {
padding: 0px 30px;
height: auto;
}
.webform-submission-contact-gp-form .form-item-message,
.webform-submission-gotowebinar-registration-form .form-item-message {
margin-bottom: 30px;
}
.webform-submission-contact-gp-form #edit-contact-us-float::after,
.webform-submission-gotowebinar-registration-form #edit-contact-us-float::after {
display: block;
content: "";
clear: both;
flex-basis: 0;
order: 1;
}
.webform-submission-contact-gp-form .form-item-message,
.webform-submission-contact-gp-form .form-item-message textarea,
.webform-submission-gotowebinar-registration-form .form-item-message,
.webform-submission-gotowebinar-registration-form .form-item-message textarea {
width: 100%;
}
.webform-submission-contact-gp-form .form-item-message textarea,
.webform-submission-gotowebinar-registration-form .form-item-message textarea {
border: 1px solid #ccc;
}
.webform-submission-contact-gp-form .form-actions,
.webform-submission-gotowebinar-registration-form .form-actions {
margin-top: 30px;
margin-bottom: 30px;
padding: 0px 30px;
}
.webform-submission-contact-gp-form .bootstrap-select,
.webform-submission-contact-gp-form .dropdown-menu,
.webform-submission-gotowebinar-registration-form .bootstrap-select,
.webform-submission-gotowebinar-registration-form .dropdown-menu {
width: 100% !important;
}
.buy-form .bootstrap-select.error {
border: 1px solid #ff0000;
}
.paragraph-text {
position: relative;
padding-left: 50px;
}
.paragraph-text span.paragraph-number {
display: inline-block;
position: absolute;
left: 0;
width: 45px;
}
.cpp-certificate p {
margin-bottom: 0.5em;
}
.cpp-certificate .field-paragraph-text {
margin-bottom: 2em;
}
.cpp-certificate table.certificate-picto {
margin-bottom: 1.5em;
}
.cpp-certificate table.certificate-picto .field-title-above-text {
margin-bottom: 6px;
}
.cpp-certificate table.certificate-picto .dealer-picto {
width: 104px;
height: 96px;
background-position: -18px -20px;
background-repeat: no-repeat;
background-size: initial;
}
.cpp-certificate .btn-group button {
padding: 10px 25px;
padding-left: 5px;
text-transform: uppercase;
color: #fff;
background-color: #005FAB;
border: none;
border-radius: 8px;
}
.cpp-certificate .btn-group button:first-child {
padding-right: 5px;
padding-left: 25px;
border-right: 1px solid #fff;
}
.cpp-certificate .field-url-button {
margin: 0px 25px;
}
.cpp-certificate .field-url-button a {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding-right: 25px;
padding-left: 10px;
margin: 0;
}
.cpp-certificate .field-url-button a:first-child:not(:last-child) {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right: 1px solid #003F9B;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding-right: 10px;
padding-left: 25px;
}
.cpp-certificate .field-url-button a:first-child:last-child {
border-right: 1px solid #003F9B;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
padding-left: 25px;
}
.dealer-hd-img-top img {
width: 100px;
height: auto;
}
.dealer-hd-intro {
display: inline-block;
margin-bottom: 48px;
text-align: left;
}
.dealer-org-intro {
display: inline-block;
}
.dealer-hd-intro .dealer-hd-info {
padding: 25px 0px 25px 190px;
background-position: left center;
background-repeat: no-repeat;
}
.org-cert .dealer-org-info {
padding: 25px 0px 25px 110px;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
}
.dealer-hd-intro .dealer-hd-info .field-paragraph-title,
.training-info .field-paragraph-title {
margin: 25px 0px;
}
.training-info .field-title-above-text {
margin-bottom: 73px;
}
.org-cert .dealer-org-intro .field-paragraph-subtitle {
margin-bottom: 0;
}
.widget-image {
max-width: 100%;
text-align: center;
}
.widget-image article {
margin-left: -75px;
margin-right: -55px;
display: inline-block;
}
.widget-image img {
max-width: 100%;
max-height: 500px;
height: auto;
}
:lang(en) #featureden,
:lang(en) #featureden + div,
:lang(en) #featuredall,
:lang(en) #featuredall + div,
:lang(fr) #featuredall,
:lang(fr) #featuredall + div,
:lang(fr) #featured,
:lang(fr) #featuredd,
:lang(fr) #featured + div,
:lang(fr) #featuredd + div,
:lang(de) #featuredall,
:lang(de) #featured,
:lang(de) #featuredd,
:lang(de) #featuredall + div,
:lang(de) #featured + div,
:lang(de) #featuredd + div {
display: none;
}
:lang(en) #featureden + div.white,
:lang(en) #featuredall + div.white,
:lang(fr) #featuredall + div.white,
:lang(fr) #featured + div + div.white,
:lang(fr) #featuredd + div + div.white,
:lang(de) #featuredall + div.white,
:lang(de) #featured + div + div.white
:lang(de) #featuredd + div + div.white {
padding-top: 90px;
}
.field-para-webform {
margin: 0 -10px;
}
.field-para-webform #edit-download-form-group > div.js-form-item,
.field-para-webform #edit-download-form-group > fieldset div.js-form-item > div.js-form-item {
max-width: 50%;
min-width: 50%;
padding: 0 10px;
float: left;
}
.field-para-webform legend {
display: none;
}
.field-para-webform label {
font-weight: 200;
}
.field-para-webform input[type="text"],
.field-para-webform input[type="email"] {
max-width: 100%;
margin-bottom: 12px;
}
#block-contact-us-form .field-para-webform input[type="text"],
#block-contact-us-form .field-para-webform input[type="email"] {
margin-bottom: 0;
}
.field-para-webform .form-item-country,
.field-para-webform .form-item-us-state {
clear: both;
padding: 0 10px;
}
.field-para-webform .form-item-country label,
.field-para-webform .form-item-us-state label {
display: block;
}
.field-para-webform .form-item-us-state {
margin-top: 12px;
}
.field-para-webform .form-item-country,
.field-para-webform .form-item-territory-province
.field-para-webform .form-item-event-selection {
clear: both;
padding: 0 10px;
}
.field-para-webform .form-item-country label,
.field-para-webform .form-item-territory-province
.field-para-webform .form-item-event-selection {
display: block;
}
.field-para-webform .form-item-territory-province
.field-para-webform .form-item-event-selection {
margin-top: 12px;
}
.field-para-webform .form-item-country {
clear: both;
padding: 0;
}
.field-para-webform .form-item-consent-checkbox {
clear: both;
padding: 0 10px;
}
.field-para-webform .form-item-country label,
.field-para-webform .form-item-consent-checkbox {
margin-top: 12px;
}
.field-para-webform .form-item-country,
.field-para-webform .form-item-mailing-opt-in {
clear: both;
padding: 0 10px;
}
.field-para-webform .form-item-country label,
.field-para-webform .form-item-mailing-opt-in {
margin-top: 12px;
}
.field-para-webform .form-actions {
margin-top: 20px;
padding: 0 10px;
}
.field-para-webform .bootstrap-select {
width: 100%!important;
}
.toggleLink {
cursor: pointer;
}
.toggleHelp {
overflow-y: hidden;
height: 0;
}
.toggleHelp.expanded {
overflow-y: visible;
height: auto;
}
.microsite-menu .item-container.field-menu-items {
display: flex;
}
.microsite-menu .item-container.field-menu-items > div {
flex-grow: 1;
flex: 1 1 0;
background-color: #005aaa;
text-align: center;
border-left: 2px solid #fff;
}
.microsite-menu .item-container.field-menu-items > div:first-child {
border-left: none;
}
.microsite-menu a.microsite-menu-item-link {
color: #fff;
padding: 6px 0;
width: 100%;
display: inline-block;
text-transform: uppercase;
}
.microsite-menu a.microsite-menu-item-link:hover,
.microsite-menu a.microsite-menu-item-link.active {
background-color: #4b81c2;
}
.ultra-section {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/*.ultra-section-margin-0 {
}*/
.ultra-section-margin-1 {
padding-top: 20px;
padding-bottom: 20px;
}
.ultra-section-margin-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.ultra-section.ultra-section-video {
padding: 0 !important;
margin: 0 !important;
}
.ultra-section.inverted .col-flex-50:nth-child(1) {
order: 2;
}
.ultra-section.inverted .col-flex-50:nth-child(2) {
order: 1;
}
.ultra-section.inverted .col-flex-50:nth-child(3) {
order: 3;
}
.ultra-section.inverted .col-flex-50:nth-child(4) {
order: 4;
}
.ultra-section.inverted .col-flex-50:nth-child(5) {
order: 6;
}
.ultra-section.inverted .col-flex-50:nth-child(6) {
order: 5;
}
.ultra-section.inverted .col-flex-50:nth-child(7) {
order: 7;
}
.ultra-section.inverted .col-flex-50:nth-child(8) {
order: 8;
}
.ultra-section.inverted .col-flex-50:nth-child(9) {
order: 10;
}
.ultra-section.inverted .col-flex-50:nth-child(10) {
order: 9;
}
@media (max-width: 960px) {
.ultra-section.inverted .col-flex-50:nth-child(1) {
order: 1;
}
.ultra-section.inverted .col-flex-50:nth-child(2) {
order: 2;
}
.ultra-section.inverted .col-flex-50:nth-child(5) {
order: 5;
}
.ultra-section.inverted .col-flex-50:nth-child(6) {
order: 6;
}
.ultra-section.inverted .col-flex-50:nth-child(9) {
order: 9;
}
.ultra-section.inverted .col-flex-50:nth-child(10) {
order: 10;
}
}
.paragraph--type--ultra-section .container-fluid {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.paragraph--type--ultra-section-html {
height: 100%;
background-position: center;
background-size: cover;
}
.paragraph--type--ultra-section-html .field-description {
padding: 20px;
height: 100%;
}
.paragraph--type--ultra-section-html .field-description .center-in-cell > h1 { margin-top: 0; }
.magnific-video {
position: relative;
}
.magnific-video img {
max-width: 100%;
}
.magnific-video .ultra-video-play {
pointer-events: none;
}
.ultra-video {
position: relative;
height: 0;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
}
.ultra-video video {
position: absolute;
width: 100%;
height: auto;
top: 0;
left: 0;
right: 0;
}
.ultra-video .ultra-video-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.ultra-video-play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 150px;
height: 150px;
background-image: url(../img/play.webp);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}
.play-hidden {
pointer-events: none;
}
.play-hidden.video-clickable {
pointer-events: all;
}
.play-hidden .ultra-video-play {
display: none;
}
.ultra-video-pause {
position: absolute;
left: 10px;
bottom: 10px;
width: 50px;
height: 50px;
background-image: url(../img/pause.webp);
background-position: center bottom;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}
.ultra-video-img-overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
}
.ultra-section-image {
text-align: center;
/*margin: 0 -15px;*/
}
.ultra-section-image .field-image {
line-height: 0;
}
.ultra-section-image img {
max-width: 100%;
height: auto;
}
.ultra-section-video {
text-align: center;
/*margin: 0 -15px;*/
}
.ultra-section-video .trust-obj,
.grid-image .trust-obj {
line-height: 0;
}
.ultra-section-video .trust-placeholder,
.grid-image .trust-obj .trust-placeholder {
line-height: initial;
}
.ultra-section-video .magnific-gallery,
.grid-image .trust-obj .magnific-gallery {
display: inline-block;
position: relative;
cursor: pointer;
}
.ultra-section-video img,
.grid-image .trust-obj img {
max-width: 100%;
height: auto;
}
.comparison-section {
padding: 60px 0;
}
.comparison-section .comparison-header {
margin-bottom: 60px;
}
.comparison-section .comparison-footer {
margin-top: 60px;
}
.comparison-section .comparison-tables {
display: flex;
justify-content: center;
}
.comparison-section .comparison-table {
text-align: center;
padding: 0 15px;
}
.comparison-title {
font-size: 25px;
font-weight: bold;
color: #005aaa;
}
.comparison-price-block {
min-height: 120px;
height: 120px;
max-height: 120px;
border-top: 1px solid #ccc;
margin-top: 30px;
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
}
.comparison-price-block > div {
top: 50%;
position: relative;
transform: translateY(-50%);
}
.comparison-price-block .comparison-price-top > div {
display: inline-block;
line-height: 48px;
}
.comparison-price-block .comparison-price-top .field-comparison-currency {
text-transform: uppercase;
font-weight: bold;
line-height: 22px;
padding-top: 10px;
vertical-align: top;
}
.comparison-price-block .comparison-price-top .field-comparison-price {
text-transform: uppercase;
font-weight: bold;
font-size: 50px;
}
.comparison-price-block .field-price-comment {
color: #888;
font-style: italic;
font-size: 0.9em;
}
.faq-section {
padding: 60px 0;
}
.faq-entry {
padding: 20px 0;
border-top: 1px solid #aaa;
}
.faq-entry:first-child {
border-top: none;
}
.faq-question {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 1em;
}
.more-faq {
display: inline-block;
width: 16px;
height: 16px;
background-image: url('../images/plus-sign-faq-section.webp');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
cursor: pointer;
margin-left: 10px;
}
.load-more-faq {
text-align: center;
margin-top: 20px;
}
.load-more-faq-btn {
display: inline-block;
width: 20px;
height: 20px;
background-color: #00ff00;
cursor: pointer;
}
/* Button styles: */
a.UltraBlueButton {
display: inline-block;
border: solid;
padding: 5px 15px;
text-transform: uppercase;
border-radius: 4px;
border-width: 0;
margin-bottom: 0.5em;
color: #fff;
background-color: #005aaa;
}
a.UltraBlueButton:hover,
a.UltraBlueButton:active {
opacity: 0.7;
}
a.UltraLightBlueButton {
display: inline-block;
border: solid;
padding: 5px 15px;
text-transform: uppercase;
border-radius: 4px;
margin-bottom: 0.5em;
border-width: 0;
color: #fff;
background-color: #4fb8c5;
}
a.UltraLightBlueButton:hover,
a.UltraLightBlueButton:active {
opacity: 0.7;
}
a.UltraPurpleButton {
display: inline-block;
border: solid;
padding: 5px 15px;
text-transform: uppercase;
border-radius: 4px;
border-width: 0;
margin-bottom: 0.5em;
color: #fff;
background-color: #724e9f;
}
a.UltraPurpleButton:hover,
a.UltraPurpleButton:active {
opacity: 0.7;
}
a.UltraYellowButton {
display: inline-block;
border: solid;
padding: 10px 40px;
text-transform: uppercase;
border-radius: 20px;
border-width: 0;
margin-bottom: 0.5em;
color: #000000;
background-color: #F9C323;
}
a.UltraYellowButton:hover,
a.UltraYellowButton:active {
opacity: 0.7;
}
a.UltraWhiteButton {
display: inline-block;
border: solid;
padding: 10px 40px;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
box-shadow: 0 0 0 #fff;
border-radius: 20px;
border-width: 0;
margin-bottom: 0.5em;
color: #0064B3;
background-image: linear-gradient(to left, #1F5BAC 0%, #2A69B5 51%, #3DB9BB 100%);
}
a.UltraWhiteButton:hover,
a.UltraWhiteButton:active {
background-position: right center;
}
a.UltraWhiteButtonInverted {
display: inline-block;
border: solid;
padding: 10px 40px;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
box-shadow: 0 0 0 #fff;
border-radius: 20px;
border-width: 0;
margin-bottom: 0.5em;
color: #0064B3;
background-image: linear-gradient(to right, #1F5BAC 0%, #2A69B5 51%, #3DB9BB 100%);
}
a.UltraWhiteButtonInverted:hover,
a.UltraWhiteButtonInverted:active {
background-position: right center;
}
a.UltraTransparentButton {
display: inline-block;
border: solid;
padding: 10px 40px;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
box-shadow: 0 0 0 #fff;
border-radius: 20px;
border-width: 0.5;
margin-bottom: 0.5em;
color: #fff;
background-image: #fff 0%;
}
a.UltraTransparentButton:hover,
a.UltraTransparentButton:active {
opacity: 0.7;
}
a.UltraTransparentBlueButton {
display: inline-block;
border: solid;
padding: 10px 40px;
transition: 0.5s;
background-size: 100% auto;
box-shadow: 0 0 0 #255CAC;
border-radius: 20px;
border-width: 0.5;
margin-bottom: 0.5em;
color: #255CAC;
background-image: #255CAC 0%;
}
a.UltraTransparentButton:hover,
a.UltraTransparentButton:active {
opacity: 0.7;
}
body { overflow-x: hidden; }
body.noscroll
{
overflow-y:hidden!important;
}
.mfp-iframe-scaler iframe {
box-shadow: none !important;
}
.comparison-100, .col-flex-100 { width: 100%; }
.comparison-50, .col-flex-50 { width: 50%; }
.comparison-33, .col-flex-33 { width: 33.33333%; }
.comparison-25, .col-flex-25 { width: 25%; }
.comparison-20, .col-flex-20 { width: 20%; }
@media (max-width: 960px) {
.comparison-50, .col-flex-50 { width: 100%; }
.comparison-33, .col-flex-33 { width: 100%; }
.comparison-25, .col-flex-25 { width: 50%; }
.comparison-20, .col-flex-20 { width: 50%; }
}
@media (max-width: 767px) {
.comparison-33, .col-flex-33 { width: 100%; }
.comparison-25, .col-flex-25 { width: 100%; }
.comparison-20, .col-flex-20 { width: 100%; }
}
.row-flex {
display: flex;
flex: 1 1 0;
flex-wrap: wrap;
margin: 0 -15px;
}
/* Text alignment: */
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-left {
text-align: left;
}
.center-in-cell-block {
display: flex;
justify-content: center;
align-items: center;
}
.center-in-cell-block .center-in-cell {
position: relative;
width: 100%;
max-width: 600px;
}
.align-in-cell {
position: relative;
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.align-in-cell.ssm {
max-width: 320px;
}
.align-in-cell.sm {
max-width: 440px;
}
.align-in-cell.bsm {
max-width: 480px;
}
.align-in-cell.smed {
max-width: 645px;
}
.align-in-cell.lg {
max-width: 1280px;
}
.align-in-cell.sm {
max-width: 440px;
}
.align-in-cell.med {
max-width: 1000px;
}
.align-in-cell.right{
right: -100px;
}
.align-in-cell.left{
left: -100px;
}
.paragraph-center {
text-align: center;
}
.paragraph-left {
text-align: left;
}
.paragraph-right {
text-align: right;
}
/* Text animations:*/
.slideFromLeft {
opacity: 0;
-webkit-transform: translate3d(-100px,0,0);
transform: translate3d(-100px,0,0);
transition: all 2s;
}
.slideFromLeft.confident {
-webkit-transform: translate3d(-200px,0,0);
transform: translate3d(-200px,0,0);
transition: all 1s;
}
.slideFromLeft.done {
opacity: 1;
-webkit-transform: none;
transform: none
}
.slideFromRight {
opacity: 0;
-webkit-transform: translate3d(100px,0,0);
transform: translate3d(100px,0,0);
transition: all 2s;
}
.slideFromRight.confident {
-webkit-transform: translate3d(200px,0,0);
transform: translate3d(200px,0,0);
transition: all 1s;
}
.slideFromRight.done {
opacity: 1;
-webkit-transform: none;
transform: none
}
.gentleFade {
opacity: 0;
-webkit-transform: translate3d(0,100px,0);
transform: translate3d(0,100px,0);
transition: all 2s;
}
.gentleFade.confident {
opacity: 0;
-webkit-transform: translate3d(0,100px,0);
transform: translate3d(0,100px,0);
transition: all 1s;
}
.gentleFade.done {
opacity: 1;
-webkit-transform: none;
transform: none
}
.gentleFadeDown {
opacity: 0;
-webkit-transform: translate3d(0,0,100px);
transform: translate3d(0,0,100px);
transition: all 2s;
}
.gentleFadeDown.confident {
opacity: 0;
-webkit-transform: translate3d(0,0,100px);
transform: translate3d(0,0,100px);
transition: all 1s;
}
.gentleFadeDown.done {
opacity: 1;
-webkit-transform: none;
transform: none
}
/* For auto-play video images throughout the site (from vimeo streams): */
.video-inline {
max-width: 100%;
width: 100%;
}
.video-loading {
position: relative;
height: 0;
padding-top: 56.25%;
}
.video-loading img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.view--service-providers {
margin: 0;
}
.view--service-providers h3 {
margin-top: 3em;
}
.view--service-providers h3:after {
content: ':';
}
.view--service-providers .views-element-container > div h3:first-of-type {
margin-top: 0;
}
.view--service-providers .views-row-container {
display: flex;
flex-wrap: wrap;
}
.view--service-providers .views-row {
display: flex;
flex-direction: column;
flex: 1;
padding: 13px;
text-align: left;
width: 50%;
min-width: 50%;
max-width: 50%;
}
.view--service-providers .views-row > div {
border: 2px solid #f3f3f3;
padding: 40px;
position: relative;
height: 100%;
}
.view--service-providers .views-field-field-company-logo {
height: 85px;
max-height: 85px;
margin-bottom: 30px;
position: relative;
}
.view--service-providers .views-field-field-company-logo img {
max-height: 85px;
width: auto;
max-width: 60%;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.view--service-providers .views-row .views-field-field-company {
font-size: 22px;
line-height: 29px;
font-style: italic;
font-weight: 600;
margin-bottom: 15px;
padding-right: 90px;
}
.view--service-providers .views-field-body {
margin-bottom: 1em;
}
.view--service-providers .views-row .sp-address {
display: inline-block;
width: 50%;
font-size: 17px;
line-height: 27px;
font-style: italic;
margin-bottom: 1.6em;
margin-top: 1.6em;
vertical-align: top;
}
.view--service-providers .views-row .sp-contact {
display: inline-block;
width: 45%;
padding-left: 30px;
line-height: 27px;
margin-bottom: 1.6em;
margin-top: 1.6em;
vertical-align: top;
}
.view--service-providers .views-row .views-field-field-website a {
font-weight: 200;
}
.view--service-providers .dealer-picto {
position: absolute;
right: 0;
}
.view--service-providers .views-field-field-country {
position: absolute;
right: 22px;
top: 22px;
}
.view--service-providers .views-field-field-country img {
width: 85px;
height: auto;
}
.views-field-field-services-languages {
margin-bottom: 1em;
}
.views-field-field-services-offered {
padding-right: 45%;
margin-top: 0.5em;
}
.view--service-providers .views-field-field-services-offered img {
max-width: 50px;
height: auto;
margin-right: 10px;
}
@media (max-width: 991px) {
.view--service-providers .views-row .sp-address,
.view--service-providers .views-row .sp-contact {
width: 100%;
}
.view--service-providers .views-row .sp-address {
margin-bottom: 1em;
}
.view--service-providers .views-row .sp-contact {
padding-left: 0;
margin-top: 0;
}
}
@media (max-width: 767px) {
.view--service-providers .views-row {
width: 100%;
min-width: 100%;
max-width: 100%;
}
}
.d-flex {
display: flex;
flex-wrap: wrap;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
@media (max-width: 991px) {
.order-0 {
order: 1;
width: 100%;
}
.order-1 {
order: 0;
width: 100%;
}
}
@media (max-width: 768px) {
.order-mobile-0 {
order: 0;
}
.order-mobile-1 {
order: 1;
}
}
.grid-section {
padding: 90px 0;
}
.row-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: -30px;
}
.row-grid.col-grid-30 {
margin: -10px;
}
.col-grid-12 {
width: 100%;
padding: 30px;
}
.col-grid-6 {
width: 50%;
padding: 30px;
}
.col-grid-4 {
width: 33.3333%;
padding: 30px;
}
.col-grid-30 .col-grid-4 {
padding: 10px;
}
.col-grid-3 {
width: 25%;
padding: 30px;
}
.grid-image-div {
position: relative;
overflow: hidden;
}
.grid-image-div:before {
content: '';
width: 100%;
background: linear-gradient(to bottom, rgba(36,39,46,0) 50%, #24272e 100%);
left: 0;
top: 0;
position: absolute;
z-index: 2;
display: block;
height: 100%;
overflow: hidden;
}
.grid-image-div:after {
content: '';
width: 100%;
background: linear-gradient(to bottom,rgba(36,39,46,0.1) 20%,rgb(36, 39, 46) 100%);
left: 0;
top: 0;
position: absolute;
z-index: 3;
display: block;
height: 100%;
overflow: hidden;
opacity: 0;
transition: opacity 0.3s 0.2s;
}
.grid-image:hover .grid-image-div:after {
opacity: 1;
}
.grid-image .grid-image-img,
.grid-image .grid-image-div > img {
width: 100%;
height: auto;
}
.grid-image .grid-image-info {
width: 100%;
position: absolute;
bottom: 0;
padding: 24px 40px;
z-index: 10;
pointer-events: none;
}
.grid-image .grid-image-title {
color: #fff;
font-weight: bold;
box-sizing: content-box;
padding-bottom: 16px;
}
.grid-image .grid-image-title h3 {
margin: 0;
font-weight: 600 !important;
}
.grid-image .grid-image-text {
overflow: hidden;
color: #fff;
transition: visibility 0.3s cubic-bezier(0, 1, 0, 1), max-height 500ms cubic-bezier(1, 0, 0, 1);
max-height: 0;
}
.grid-image:hover .grid-image-text {
max-height: 500px;
}
.grid-image .grid-image-text p {
margin: 0;
}
.grid-image .grid-image-text a,
.grid-image .grid-image-text a:visited,
.grid-image .grid-image-text a:focus,
.grid-image .grid-image-text a:hover {
color: #fff;
font-weight: bold;
}
@media (max-width: 991px) {
.col-grid-lg-3 {
width: 25%;
}
.col-grid-lg-4 {
width: 33.3333%;
}
.col-grid-lg-5 {
width: 41.6666%;
}
.col-grid-lg-6 {
width: 50%;
}
.col-grid-lg-12 {
width: 100%;
}
.grid-image .col-grid-4 {
width: 50%;
}
}
@media (max-width: 991px) and (min-width: 576px) {
.col-grid-lg-5.col-grid-plan:nth-child(3n) {
width: 83.3333%;
}
.col-grid-lg-5.col-grid-plan:nth-child(3n) .paragraph--type--grid-plan-item {
min-height: 250px;
display: flex;
}
.col-grid-lg-5.col-grid-plan:nth-child(3n) .paragraph--type--grid-plan-item .grid-plan-data {
width: 100%;
padding: 0 24px;
}
}
@media (max-width: 767px) {
.row-grid {
margin: -15px;
}
.col-grid-md-3 {
width: 25%;
padding: 15px;
}
.col-grid-md-4 {
width: 33.3333%;
padding: 15px;
}
.col-grid-md-6 {
width: 50%;
padding: 15px;
}
.col-grid-md-12 {
width: 100%;
padding: 15px;
}
.col-grid-icon .field-description {
display: none;
}
}
@media (max-width: 576px) {
.col-grid-sm-3 {
width: 25%;
}
.col-grid-sm-4 {
width: 33.3333%;
}
.col-grid-sm-6 {
width: 50%;
}
.col-grid-sm-8 {
width: 66.6666%
}
.col-grid-sm-12 {
width: 100%;
}
.grid-image-div:before {
background: linear-gradient(to bottom, rgba(36,39,46,0) 35%, #24272e 90%);
height: initial;
top: -100px;
bottom: 0;
}
}
:lang(fr) #talk-to-us + div .grid-section .grid-cols .col-grid-3:nth-child(1),
:lang(fr) #talk-to-us + div .grid-section .grid-cols .col-grid-3:nth-child(2),
:lang(fr) #talk-to-us + div .grid-section .grid-cols .col-grid-3:nth-child(4),
:lang(de) #talk-to-us + div .grid-section .grid-cols .col-grid-3:nth-child(1),
:lang(de) #talk-to-us + div .grid-section .grid-cols .col-grid-3:nth-child(2),
:lang(de) #talk-to-us + div .grid-section .grid-cols .col-grid-3:nth-child(3) {
display: none;
}
.paragraph--type--grid-section .field-paragraph-title {
font-size: 48px;
line-height: 48px;
margin-bottom: 48px;
font-style: italic;
}
.paragraph--type--grid-feature-item {
height: 100%;
}
.paragraph--type--grid-feature-item a {
color: #000;
}
.paragraph--type--grid-feature-item .field-image {
margin-bottom: 2em;
}
.paragraph--type--grid-feature-item .field-image img {
max-height: 140px;
width: auto;
}
.col-grid-4.large-images .paragraph--type--grid-feature-item .field-image img {
max-width: 100%;
height: auto;
max-height: none;
}
.paragraph--type--grid-feature-item .field-simple-title {
font-weight: bold;
color: #1D1D1F;
}
.paragraph--type--grid-feature-item.has-more-link {
padding-bottom: 25px;
position: relative;
}
.paragraph--type--grid-feature-item .feature-more-link-div {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
}
.paragraph--type--grid-feature-item .feature-more-link-div .animate.purple {
color: #fff;
}
.paragraph--type--grid-feature-item .feature-more-link {
text-decoration: none;
color: #005fab;
text-transform: uppercase;
font-weight: 600;
min-height: 44px;
}
.paragraph--type--grid-feature-item .feature-more-link:hover {
color: #000;
}
@media (max-width: 991px) {
.paragraph--type--grid-feature-item .feature-more-link {
min-height: 66px;
}
}
@media (max-width: 767px) {
.paragraph--type--grid-feature-item .field-image {
margin-bottom: 0.7em;
}
.paragraph--type--grid-feature-item h3 {
font-size: 16px;
margin-top: 0.7em;
font-weight: normal !important;
}
.paragraph--type--grid-feature-item .field-image img {
max-height: 70px;
}
.paragraph--type--grid-feature-item .feature-more-link {
display: none;
}
}
.paragraph--type--grid-plan-item {
position: relative;
color: #fff;
padding: 20px;
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
border-radius: 20px;
width: 100%;
height: 100%;
min-height: 300px;
}
.paragraph--type--grid-plan-item.blue {
background-color: #034b8a;
}
.paragraph--type--grid-plan-item.green {
background-color: #1b998b;
}
.paragraph--type--grid-plan-item.red {
background-color: #ed1b57;
}
.paragraph--type--grid-plan-item.grey {
background-color: #697984;
}
.paragraph--type--grid-plan-item::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: ' ';
border-radius: 20px;
background-image: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.3));
}
.paragraph--type--grid-plan-item .field-image {
margin-bottom: 1em;
}
.paragraph--type--grid-plan-item .field-image img {
max-height: 120px;
width: auto;
}
.paragraph--type--grid-plan-item .field-simple-title {
text-transform: uppercase;
}
/* EFFECTS */
.fade-sibling {
visibility: hidden;
}
.grid-cols.fade-sibling {
padding-top: .5em;
}
.fade-sibling > * {
visibility: visible;
}
.fade-sibling .grid-cols .col-grid-icon .field-image,
.fade-sibling .grid-cols .col-grid-plan {
visibility: visible;
transition: opacity 150ms linear 100ms, transform 150ms ease-in-out 100ms;
}
.fade-sibling .grid-cols:hover .col-grid-icon .field-image {
/*opacity: 0.4;*/
/*transform: scale(1);*/
}
.fade-sibling .grid-cols:hover .col-grid-plan {
/*opacity: 0.4;*/
/*transform: scale(0.9);*/
}
.fade-sibling .grid-cols .col-grid-icon .field-image:hover {
opacity: 1;
transform: scale(1.3);
transition-delay: 0ms, 0ms;
}
.fade-sibling .grid-cols .col-grid-plan:hover {
opacity: 1;
transform: scale(1.05);
transition-delay: 0ms, 0ms;
}
.blur-sibling .grid-cols:hover .col-grid-icon .field-image,
.blur-sibling .grid-cols:hover .col-grid-plan {
filter:blur(3px);
opacity:.5;
transform: scale(.98);
box-shadow:none;
}
.blur-sibling .grid-cols:hover .col-grid-icon .field-image:hover,
.blur-sibling .grid-cols:hover .col-grid-plan:hover {
transform:scale(1);
filter:blur(0px);
opacity:1;
}
/*lifted-paper*/
.lifted-paper .grid-cols .col-grid-plan {
position: relative;
}
.lifted-paper .grid-cols .col-grid-plan:before {
z-index: -1;
position: absolute;
content: "";
bottom: 13px;
right: 7px;
width: 75%;
top: 0;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
transition: all 150ms ease-in-out;
}
.lifted-paper .grid-cols:hover .col-grid-plan:hover {
background: linear-gradient(to right, #abbd73 0%, #abbd73 100%);
}
.lifted-paper .grid-cols:hover .col-grid-plan:hover::before {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
bottom: 20px;
z-index: -10;
}
.d-block {
display: block;
}
.d-none {
display: none !important;
}
@media (min-width: 767px) {
.d-md-block {
display: block !important;
}
.d-md-none {
display: none !important;
}
}
@media (min-width: 576px) {
.d-sm-block {
display: block !important;
}
.d-sm-none {
display: none !important;
}
}
.grid-section-90 .grid-section-more-links a {
font-weight: bold;
}
.paragraph--type--text-with-customer-logo.logo-slider {
padding-left: 0;
padding-right: 0;
}
.paragraph--type--text-with-customer-logo.logo-slider .field-paragraph-title {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.paragraph--type--text-with-customer-logo.logo-slider .field-paragraph-text {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.paragraph--type--text-with-customer-logo.logo-slider .item-container {
display: block;
}
.paragraph--type--text-with-customer-logo.logo-slider .item-container .field-customer-logo {
width: 100%;
min-width: 0;
max-width: none;
height: 180px;
}
@media(min-width: 768px) {
.microsite .paragraph--type--text-with-customer-logo .field-customer-logo {
max-width: 750px;
}
}
@media(min-width: 992px) {
.microsite .paragraph--type--text-with-customer-logo .field-customer-logo {
max-width: 970px;
}
}
@media(min-width: 1200px) {
.microsite .paragraph--type--text-with-customer-logo .field-customer-logo {
max-width: 1170px;
}
}
@media(min-width: 1300px) {
.microsite .paragraph--type--text-with-customer-logo .field-customer-logo {
max-width: 1280px;
}
}
.microsite .paragraph--type--text-with-customer-logo .field-customer-logo {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
.paragraph--type--text-with-customer-logo.logo-slider .item-container .field-customer-logo img {
max-width: 100%;
height: auto;
}
.paragraph--type--text-with-customer-logo.logo-slider .item-container .field-customer-logo .field-image {
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
}
.worldmap {
background-image: url('../images/worldmap.webp');
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 180px !important;
}
.worldmaplight {
background-image: url('../images/worldmap-light-blue.webp');
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
padding-bottom: 180px !important;
}
.mfp-content .video-form-popup {
display: block !important;
}
.video-form-popup {
max-width: 400px;
margin: 0 auto;
background-color: #fff;
padding: 30px;
position: relative;
}
.mfp-close-btn-in .video-form-popup .mfp-close {
top: -40px;
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.form-popup label {
font-weight: 200;
}
.form-popup .form-text {
width: 100%;
}
.form-popup .form-popup-intro {
margin-bottom: 0.3em;
font-weight: 400;
}
.form-popup .form-text {
margin-top: 0.2em;
}
.form-popup .bluebutton {
margin-top: 1em;
}
.form-popup .required-error,
.form-popup .other-error {
color: #f00;
}
/*
PLAN CHANGES
*/
.plan-section3b {
text-align: center;
margin-bottom: 100px;
}
.plan-section3b-boxes .rowflx {
height: 100%;
align-items: flex-end;
}
.plan-section3b-toptitle {
font-size: 30px;
font-weight: 500;
margin-bottom: 3em;
}
.plan-section3b-boxtitle {
font-size: 20px;
line-height: 26px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.8em;
}
.plan-section3b-boxtitle.left {
color: #3276b4;
}
.plan-section3b-boxtitle.right {
color: #214476;
}
.plan-section3b-boxtitleline {
margin-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
}
.plan-section3b-boxtitleline::before {
display: block;
content: '';
height: 8px;
border-top: 1px solid #3276b4;
border-right: 1px solid #3276b4;
border-left: 1px solid #3276b4;
}
.plan-section3b-boxtitleline.right::before {
border-color: #214476;
}
.plan-section3b-box {
position: relative;
border-radius: 20px;
padding: 30px 30px 50px;
color: #fff;
box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
}
.plan-section3b-box.box1 {
background-color: #61beda;
background-image: linear-gradient(90deg, rgba(68,191,224,1) 0%, rgba(68,191,224,1) 0%, rgba(56,161,208,1) 100%);
}
.plan-section3b-box.box2 {
background-color: #24548d;
background-image: linear-gradient(90deg, rgba(68,191,224,1) 0%, rgba(58,143,199,1) 0%, rgba(3,74,138,1) 100%);
}
.plan-section3b-box.box3 {
background-color: #214476;
background-image: linear-gradient(90deg, rgba(68,191,224,1) 0%, rgba(3,74,138,1) 0%, rgba(28,51,93,1) 100%);
}
.plan-section3b-img img {
max-height: 120px;
}
.plan-section3b-name {
text-transform: uppercase;
font-size: 24px;
margin-bottom: 20px;
font-weight: bold;
}
.plan-section3b-price {
font-weight: bold;
margin-bottom: 5px;
}
.plan-section3b-price .price {
font-size: 28px;
font-weight: bold;
}
.plan-section3b-priceinfo {
font-weight: 200;
}
.plan-section3b-button a {
font-weight: 500;
display: flex;
align-items: center;
text-transform: uppercase;
color: #214476;
background-color: #fff;
border-radius: 5px;
padding: 5px 20px;
margin-top: 20px;
}
.plan-section3b-separator {
height: 1px;
background-color: #fff;
margin-top: 35px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
max-width: 80%;
}
@media(max-width: 991px) {
.plan-section3b-boxtitleline {
display: none;
}
.plan-section3b-box.box1 {
margin-bottom: 30px;
}
}
.plan-col25 .field-plan-tablerow-label {
display: inline-block;
}
.plan-table-tooltip {
position: relative;
display: flex;
align-items: center;
}
.plan-table-tooltip-icon {
display: inline-block;
width: 18px;
height: 18px;
margin-left: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../images/plans/tooltip.webp);
cursor: pointer;
}
.plan-table-tooltip-popup {
display: block;
position: absolute;
z-index: 1;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
padding-top: 16px;
margin-top: -23px;
box-shadow: 0 0 8px 2px rgba(0,0,0,0.1);
cursor: pointer;
}
.plan-table-tooltip-popup > div.tooltip-text {
width: max-content;
max-width: 400px;
max-height: 350px;
overflow-y: auto;
}
.table-responsive > .table > tbody > tr > td .tooltip-text {
white-space: initial;
}
.plan-table-tooltip-popup p:last-child {
margin-bottom: 0;
}
.plan-table-tooltip-close {
position: absolute;
right: 4px;
top: 4px;
width: 16px;
height: 16px;
background-position: center;
background-repeat: no-repeat;
background-image: url(../images/close.svg);
background-size: contain;
}
.plan-table-tooltip-popup svg {
fill: #ff0000;
}
.plan-table-tooltip-popup.hidden {
display: none;
}
.plan-checked {
display: inline-block;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.plan1 .plan-checked {
background-image: url(../images/plans/checked1.webp);
}
.plan2 .plan-checked {
background-image: url(../images/plans/checked2.webp);
}
.plan3 .plan-checked {
background-image: url(../images/plans/checked3.webp);
}
.plan-section3b-table table {
margin-bottom: 40px;
}
.plan-section3b-table table tr.no-bg {
background: none !important;
}
.plan-section3b-table table td,
.plan-section3b-table table th {
border-top: none !important;
}
.plan-section3b-table table td.plan-col25,
.plan-section3b-table table th.plan-col25 {
width: 25% !important;
}
.plan-section3b-tabletitle {
border-bottom: 1px solid #000;
font-size: 28px;
font-weight: 200;
}
.plan-section3b-colheader {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
}
.plan-section3b-colheader.col1 {
color: #61beda;
}
.plan-section3b-colheader.col2 {
color: #24548d;
}
.plan-section3b-colheader.col3 {
color: #214476;
}
.plan-section3b-pl {
margin-top: 50px;
}
@media (min-width: 1200px) {
.plan-section3b-pr {
padding-right: 75px !important;
}
.plan-section3b-pr.plan2-hidden {
padding-right: 45px !important;
}
.plan-section3b-pl {
padding-left: 45px !important;
margin-top: 0;
}
}
.plan-section3b-toggle-row {
background-color: #fafafa !important;
cursor: pointer;
}
.plan-section3b-toggle-row .plan-section3b-toggle-row-btn {
display: inline-block;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-image: url(../images/btn-minus.svg);
}
.plan-section3b-toggle-row.collapsed .plan-section3b-toggle-row-btn {
background-image: url(../images/btn-plus.svg);
}
.plan-section3b-row.collapsed,
.expcolumn.collapsed {
display: none;
}
.table-condensed > tbody > tr.plan-section3b-row > td {
padding: 10px 5px;
}
.plan-cell {
display: flex;
justify-content: center;
}
/* CHANGES */
.navbar-main .main-menu.breadcrumb-with-submenu {
padding-bottom: 70px;
border-bottom: 1px solid #fff;
}
@media (max-width: 768px) {
.plan-table-tooltip-popup {
position: fixed;
z-index: 2000;
top: 50%;
}
body.tooltip-shown {
overflow: hidden;
}
.tooltip-overlay {
position: fixed;
z-index: 1999;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
}
@media (min-width: 1400px) {
.container.wider {
width: 1370px;
}
}
.paragraph--type--page-slider-section .slick-dotted.slick-slider {
margin-bottom: 50px;
}
.paragraph--type--page-slider-section .slick-dotted.slick-slider {
margin-bottom: 50px;
}
.paragraph--type--page-slider-section .slick-dots {
bottom: -40px !important;
}
.paragraph--type--page-slider-section img {
width: 100%;
max-width: 100%;
height: auto;
}
.paragraph--type--page-slider-section .slick-prev,
.paragraph--type--page-slider-section .slick-next {
width: 50px;
height: 50px;
background: rgba(255,255,255,0);
cursor: pointer;
position: absolute;
display: block;
z-index: 1000;
}
.paragraph--type--page-slider-section .slick-prev,
.paragraph--type--page-slider-section .slick-next {
width: 50px !important;
height: 50px !important;
background: rgba(255,255,255,0);
cursor: pointer;
position: absolute;
display: block;
z-index: 1000;
opacity: 0 !important;
visibility: hidden !important;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.paragraph--type--page-slider-section:hover .slick-prev,
.paragraph--type--page-slider-section:hover .slick-next {
visibility: visible !important;
opacity: 1 !important;
}
.paragraph--type--page-slider-section .slick-prev {
top: 50%;
transform: matrix(1, 0, 0, 1, 30, 5);
left: 0px !important;
}
.paragraph--type--page-slider-section .slick-next {
top: 50%;
transform: matrix(1, 0, 0, 1, -80, 5);
left: 100% !important;
}
.paragraph--type--page-slider-section .slick-prev::before,
.paragraph--type--page-slider-section .slick-next::before {
width: 50px !important;
height: 50px !important;
line-height: 50px !important;
font-size: 40px !important;
font-family: revicons;
color: #fff !important;
display: block;
text-align: center;
mask-image: none !important;
-webkit-mask-image: none !important;
background: none !important;
}
.paragraph--type--page-slider-section .slick-prev::before {
content: '\e824' !important;
}
.paragraph--type--page-slider-section .slick-next::before {
content: '\e825' !important;
}
.trust-obj:not(.field-video) .trust-placeholder,
.field-video .trust-obj {
position: relative;
height: 0;
padding-top: 56.25%;
background-color: #F3F3F3;
}
.paragraph--type--vertical-image-and-text .field-video .trust-obj {
padding-top: 69.56%;
}
.field-video .trust-obj .trust-placeholder,
.trust-obj:not(.field-video) .trust-placeholder > span {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 25px;
}
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
color: #1468B3 !important;
border: 1px solid #1468B3 !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
color: #fff !important;
background-color: #1468B3 !important;
}
#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__front,
#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__back {
background: #1468B3 !important;
transition: none;
transform-style: flat;
border-radius: 10px !important;
opacity: 1;
}
#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__back,
#onetrust-consent-sdk #ot-sdk-btn-floating .ot-floating-button__front svg {
opacity: 0 !important;
}
#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button button {
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+Q29va2llLVNWRy1HcmVlbkJsYWNrPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDb29raWVJY29uXzAyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNy4wMDAwMDAsIC03LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iQ29va2llLVNWRy1HcmVlbkJsYWNrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg3LjAwMDAwMCwgNy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS43NTU5NDgzLDIzLjI3Mzk2MjIgQzE5LjE4Njg2NzUsMjMuMjczOTYyMiAxOC42OTcyMjM2LDIyLjg0NDEwNTUgMTguNjk3MjIzNiwyMi4yNjg4MzczIEMxOC42OTcyMjM2LDIxLjgxNDc0NTMgMTkuMDgxMzg1NywyMS4zODk5OTA4IDE5LjU0NzU4OTIsMjEuMjg3OTQ3NiBDMTkuNTM3MTcxMiwyMS41MjkwMjQ2IDE5LjgyMzY2NSwyMS43NTYwNzA1IDIwLjE0MDExMDQsMjEuNjMyMzQzMiBDMjAuMjEzMDM2MSwyMS43NjM3MjM4IDIwLjM0NDU2MjgsMjEuODM1MTU0IDIwLjUwOTk0NzgsMjEuODM1MTU0IEMyMC41NjcyNDY1LDIxLjgzNTE1NCAyMC42MjMyNDMxLDIxLjgyNDk0OTYgMjAuNjgwNTQxOCwyMS44MDA3MTQ0IEMyMC43NTM0Njc1LDIxLjkzNzE5NzEgMjAuODI1MDkwOSwyMi4xMTgzMjM3IDIwLjgyNTA5MDksMjIuMjY4ODM3MyBDMjAuODE5ODgyLDIyLjgwNTgzOTMgMjAuMzIzNzI2OCwyMy4yNzM5NjIyIDE5Ljc1NTk0ODMsMjMuMjczOTYyMiBaIE0yMC43MDY1ODY3LDIxLjczMTgzNTMgQzIwLjY5NjE2ODcsMjEuNzMxODM1MyAyMC42ODU3NTA4LDIxLjczMTgzNTMgMjAuNjc1MzMyOCwyMS43MzY5Mzc0IEMyMC42MjMyNDMxLDIxLjc2NjI3NDggMjAuNTY3MjQ2NSwyMS43ODAzMDU4IDIwLjUwNDczODgsMjEuNzgwMzA1OCBDMjAuMzY1Mzk4NywyMS43ODAzMDU4IDIwLjI0MTY4NTUsMjEuNjk3Mzk1NyAyMC4xOTQ4MDQ3LDIxLjU3NDk0NCBDMjAuMTg5NTk1NywyMS41NTA3MDg3IDIwLjE1MDUyODMsMjEuNTM3OTUzMyAyMC4xMjcwODc5LDIxLjU1NTgxMDkgQzIwLjA2OTc4OTIsMjEuNTkwMjUwNCAyMC4wMDg1ODM3LDIxLjYwOTM4MzUgMTkuOTQwODY3LDIxLjYwOTM4MzUgQzE5Ljc2NTA2NCwyMS42MDkzODM1IDE5LjYxNTMwNTksMjEuNDcyOTAwOCAxOS42MTUzMDU5LDIxLjMwMTk3ODYgQzE5LjYxNTMwNTksMjEuMjk2ODc2NCAxOS42MTUzMDU5LDIxLjI5Njg3NjQgMTkuNjE1MzA1OSwyMS4yOTE3NzQzIEMxOS42MTUzMDU5LDIxLjI3Nzc0MzMgMTkuNjE1MzA1OSwyMS4yNzc3NDMzIDE5LjYxNTMwNTksMjEuMjc3NzQzMyBDMTkuNjIwNTE0OSwyMS4yNTM1MDgxIDE5LjYwMDk4MTIsMjEuMjM0Mzc1IDE5LjU3NDkzNjMsMjEuMjM0Mzc1IEMxOS41Njk3Mjc0LDIxLjIzNDM3NSAxOS41Njk3Mjc0LDIxLjIzNDM3NSAxOS41Njk3Mjc0LDIxLjIzNDM3NSBDMTguOTU1MDY4LDIxLjMzMjU5MTUgMTguNTQwOTU0MywyMS44ODM2MjQ0IDE4LjY1MDM0MjgsMjIuNDU4ODkyNiBDMTguNzUzMjIwMSwyMy4wMzkyNjMgMTkuMzM3OTI3OSwyMy40Mjk1Nzc5IDE5Ljk0NzM3ODIsMjMuMzI3NTM0OCBDMjAuNTU2ODI4NiwyMy4yMjkzMTgzIDIwLjk3MDk0MjMsMjIuNjc4Mjg1NCAyMC44NjY3NjI4LDIyLjEwMzAxNzIgQzIwLjg0NTkyNjgsMjEuOTgwNTY1NCAyMC44MDQyNTUsMjEuODY4MzE4IDIwLjc0MzA0OTUsMjEuNzYxMTcyNyBDMjAuNzMyNjMxNiwyMS43NDIwMzk2IDIwLjcyMjIxMzYsMjEuNzMxODM1MyAyMC43MDY1ODY3LDIxLjczMTgzNTMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8ZyBpZD0iMDAxLWNvb2tpZSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjcuMTQwNjI1LDE4IEMyNy4xNDA2MjUsMTguMzg4MzY2NyAyNi44MjU4NjY3LDE4LjcwMzEyNSAyNi40Mzc1LDE4LjcwMzEyNSBDMjYuMDQ5MTMzMywxOC43MDMxMjUgMjUuNzM0Mzc1LDE4LjM4ODM2NjcgMjUuNzM0Mzc1LDE4IEMyNS43MzQzNzUsMTcuNjExNjMzMyAyNi4wNDkxMzMzLDE3LjI5Njg3NSAyNi40Mzc1LDE3LjI5Njg3NSBDMjYuODI1ODY2NywxNy4yOTY4NzUgMjcuMTQwNjI1LDE3LjYxMTYzMzMgMjcuMTQwNjI1LDE4IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLjEwOTM3NSwxMy43ODEyNSBDMjAuMTA5Mzc1LDE0LjE2OTYxNjcgMTkuNzk0NjE2NywxNC40ODQzNzUgMTkuNDA2MjUsMTQuNDg0Mzc1IEMxOS4wMTc4ODMzLDE0LjQ4NDM3NSAxOC43MDMxMjUsMTQuMTY5NjE2NyAxOC43MDMxMjUsMTMuNzgxMjUgQzE4LjcwMzEyNSwxMy4zOTI4ODMzIDE5LjAxNzg4MzMsMTMuMDc4MTI1IDE5LjQwNjI1LDEzLjA3ODEyNSBDMTkuNzk0NjE2NywxMy4wNzgxMjUgMjAuMTA5Mzc1LDEzLjM5Mjg4MzMgMjAuMTA5Mzc1LDEzLjc4MTI1IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4LjcwMzEyNSwyOC41NDY4NzUgQzE4LjcwMzEyNSwyOC45MzUyNDE3IDE4LjM4ODM2NjcsMjkuMjUgMTgsMjkuMjUgQzE3LjYxMTYzMzMsMjkuMjUgMTcuMjk2ODc1LDI4LjkzNTI0MTcgMTcuMjk2ODc1LDI4LjU0Njg3NSBDMTcuMjk2ODc1LDI4LjE1ODUwODMgMTcuNjExNjMzMywyNy44NDM3NSAxOCwyNy44NDM3NSBDMTguMzg4MzY2NywyNy44NDM3NSAxOC43MDMxMjUsMjguMTU4NTA4MyAxOC43MDMxMjUsMjguNTQ2ODc1IFoiIGlkPSJQYXRoIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTguMTU2MjUsMTUuODkwNjI1IEM4LjE1NjI1LDE2LjI3ODk5MTcgNy44NDE0OTE3MywxNi41OTM3NSA3LjQ1MzEyNSwxNi41OTM3NSBDNy4wNjQ3NTgyNywxNi41OTM3NSA2Ljc1LDE2LjI3ODk5MTcgNi43NSwxNS44OTA2MjUgQzYuNzUsMTUuNTAyMjU4MyA3LjA2NDc1ODI3LDE1LjE4NzUgNy40NTMxMjUsMTUuMTg3NSBDNy44NDE0OTE3MywxNS4xODc1IDguMTU2MjUsMTUuNTAyMjU4MyA4LjE1NjI1LDE1Ljg5MDYyNSBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4yNjU2MjUsMjcuODQzNzUgQzExLjgxNjM0NTMsMjcuODQzNzUgMTMuMDc4MTI1LDI2LjU4MTk3MDMgMTMuMDc4MTI1LDI1LjAzMTI1IEMxMy4wNzgxMjUsMjMuNDgwNTI5NyAxMS44MTYzNDUzLDIyLjIxODc1IDEwLjI2NTYyNSwyMi4yMTg3NSBDOC43MTQ5MDQ3NSwyMi4yMTg3NSA3LjQ1MzEyNSwyMy40ODA1Mjk3IDcuNDUzMTI1LDI1LjAzMTI1IEM3LjQ1MzEyNSwyNi41ODE5NzAzIDguNzE0OTA0NzUsMjcuODQzNzUgMTAuMjY1NjI1LDI3Ljg0Mzc1IFogTTEwLjI2NTYyNSwyMy42MjUgQzExLjA0MDk4NTEsMjMuNjI1IDExLjY3MTg3NSwyNC4yNTU4ODk5IDExLjY3MTg3NSwyNS4wMzEyNSBDMTEuNjcxODc1LDI1LjgwNjYxMDEgMTEuMDQwOTg1MSwyNi40Mzc1IDEwLjI2NTYyNSwyNi40Mzc1IEM5LjQ5MDI2NDg4LDI2LjQzNzUgOC44NTkzNzUsMjUuODA2NjEwMSA4Ljg1OTM3NSwyNS4wMzEyNSBDOC44NTkzNzUsMjQuMjU1ODg5OSA5LjQ5MDI2NDg4LDIzLjYyNSAxMC4yNjU2MjUsMjMuNjI1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNi41OTM3NSw4Ljg1OTM3NSBDMTYuNTkzNzUsNy4zMDg2NTQ3NSAxNS4zMzE5NzAyLDYuMDQ2ODc1IDEzLjc4MTI1LDYuMDQ2ODc1IEMxMi4yMzA1Mjk4LDYuMDQ2ODc1IDEwLjk2ODc1LDcuMzA4NjU0NzUgMTAuOTY4NzUsOC44NTkzNzUgQzEwLjk2ODc1LDEwLjQxMDA5NTMgMTIuMjMwNTI5OCwxMS42NzE4NzUgMTMuNzgxMjUsMTEuNjcxODc1IEMxNS4zMzE5NzAyLDExLjY3MTg3NSAxNi41OTM3NSwxMC40MTAwOTUzIDE2LjU5Mzc1LDguODU5Mzc1IFogTTEyLjM3NSw4Ljg1OTM3NSBDMTIuMzc1LDguMDg0MDE0ODggMTMuMDA1ODg5OSw3LjQ1MzEyNSAxMy43ODEyNSw3LjQ1MzEyNSBDMTQuNTU2NjEwMSw3LjQ1MzEyNSAxNS4xODc1LDguMDg0MDE0ODggMTUuMTg3NSw4Ljg1OTM3NSBDMTUuMTg3NSw5LjYzNDczNTEzIDE0LjU1NjYxMDEsMTAuMjY1NjI1IDEzLjc4MTI1LDEwLjI2NTYyNSBDMTMuMDA1ODg5OSwxMC4yNjU2MjUgMTIuMzc1LDkuNjM0NzM1MTMgMTIuMzc1LDguODU5Mzc1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS41MTU2MjUsMjQuMzI4MTI1IEMyMS41MTU2MjUsMjUuODc4ODQ1MyAyMi43Nzc0MDQ3LDI3LjE0MDYyNSAyNC4zMjgxMjUsMjcuMTQwNjI1IEMyNS44Nzg4NDUzLDI3LjE0MDYyNSAyNy4xNDA2MjUsMjUuODc4ODQ1MyAyNy4xNDA2MjUsMjQuMzI4MTI1IEMyNy4xNDA2MjUsMjIuNzc3NDA0NyAyNS44Nzg4NDUzLDIxLjUxNTYyNSAyNC4zMjgxMjUsMjEuNTE1NjI1IEMyMi43Nzc0MDQ3LDIxLjUxNTYyNSAyMS41MTU2MjUsMjIuNzc3NDA0NyAyMS41MTU2MjUsMjQuMzI4MTI1IFogTTI1LjczNDM3NSwyNC4zMjgxMjUgQzI1LjczNDM3NSwyNS4xMDM0ODUxIDI1LjEwMzQ4NTEsMjUuNzM0Mzc1IDI0LjMyODEyNSwyNS43MzQzNzUgQzIzLjU1Mjc2NDksMjUuNzM0Mzc1IDIyLjkyMTg3NSwyNS4xMDM0ODUxIDIyLjkyMTg3NSwyNC4zMjgxMjUgQzIyLjkyMTg3NSwyMy41NTI3NjQ5IDIzLjU1Mjc2NDksMjIuOTIxODc1IDI0LjMyODEyNSwyMi45MjE4NzUgQzI1LjEwMzQ4NTEsMjIuOTIxODc1IDI1LjczNDM3NSwyMy41NTI3NjQ5IDI1LjczNDM3NSwyNC4zMjgxMjUgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2LjU5Mzc1LDIxLjUxNTYyNSBDMTcuNzU2OTI3NSwyMS41MTU2MjUgMTguNzAzMTI1LDIwLjU2OTQyNzUgMTguNzAzMTI1LDE5LjQwNjI1IEMxOC43MDMxMjUsMTguMjQzMDcyNSAxNy43NTY5Mjc1LDE3LjI5Njg3NSAxNi41OTM3NSwxNy4yOTY4NzUgQzE1LjQzMDU3MjUsMTcuMjk2ODc1IDE0LjQ4NDM3NSwxOC4yNDMwNzI1IDE0LjQ4NDM3NSwxOS40MDYyNSBDMTQuNDg0Mzc1LDIwLjU2OTQyNzUgMTUuNDMwNTcyNSwyMS41MTU2MjUgMTYuNTkzNzUsMjEuNTE1NjI1IFogTTE2LjU5Mzc1LDE4LjcwMzEyNSBDMTYuOTgxNTY3NCwxOC43MDMxMjUgMTcuMjk2ODc1LDE5LjAxODQzMjYgMTcuMjk2ODc1LDE5LjQwNjI1IEMxNy4yOTY4NzUsMTkuNzk0MDY3NCAxNi45ODE1Njc0LDIwLjEwOTM3NSAxNi41OTM3NSwyMC4xMDkzNzUgQzE2LjIwNTkzMjYsMjAuMTA5Mzc1IDE1Ljg5MDYyNSwxOS43OTQwNjc0IDE1Ljg5MDYyNSwxOS40MDYyNSBDMTUuODkwNjI1LDE5LjAxODQzMjYgMTYuMjA1OTMyNiwxOC43MDMxMjUgMTYuNTkzNzUsMTguNzAzMTI1IFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOC43MDMxMjUsMzUuMjk2ODc1IEMxOC43MDMxMjUsMzUuNjg1MjQxNyAxOC4zODgzNjY3LDM2IDE4LDM2IEMxNy42MTE2MzMzLDM2IDE3LjI5Njg3NSwzNS42ODUyNDE3IDE3LjI5Njg3NSwzNS4yOTY4NzUgQzE3LjI5Njg3NSwzNC45MDg1MDgzIDE3LjYxMTYzMzMsMzQuNTkzNzUgMTgsMzQuNTkzNzUgQzE4LjM4ODM2NjcsMzQuNTkzNzUgMTguNzAzMTI1LDM0LjkwODUwODMgMTguNzAzMTI1LDM1LjI5Njg3NSBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNC43NjIzOTAyLDE0Ljc5NTU2MjcgQzM0LjMwNTkwODIsMTUuMDI2Mjc1NiAzMy41NzE0NzIyLDE1LjE4NzUgMzIuOTc2NTYyNSwxNS4xODc1IEMzMS41NzkxMDE2LDE1LjE4NzUgMzAuMjAyNTE0NiwxNC4zODAwMDQ5IDI5LjYyODc1MzcsMTMuMjIzOTY4NSBDMjkuNDc2NTkzLDEyLjkxNzQ1IDI5LjEyNTU3OTksMTIuNzY1MDE0NiAyOC43OTc2Mzc5LDEyLjg2Mjc5MyBDMjguMzA1OTk5OCwxMy4wMDk3MzUxIDI3Ljg5MTI2NTksMTMuMDc4MTI1IDI3LjQ5MjE4NzUsMTMuMDc4MTI1IEMyNC45NzIxOTg1LDEzLjA3ODEyNSAyMi45MjE4NzUsMTEuMDI3ODAxNSAyMi45MjE4NzUsOC41MDc4MTI1IEMyMi45MjE4NzUsOC4xMDkwMDg3OSAyMi45OTAyNjQ5LDcuNjk0MDAwMjMgMjMuMTM3MjA3LDcuMjAyMzYyMDggQzIzLjIzNTI2LDYuODc0MTQ1NTEgMjMuMDgyODI0Nyw2LjUyMzQwNyAyMi43NzYwMzE1LDYuMzcxMjQ2MzIgQzIxLjYxOTk5NTEsNS43OTc0ODUzNSAyMC44MTI1LDQuNDIwODk4NDQgMjAuODEyNSwzLjAyMzQzNzUgQzIwLjgxMjUsMi40Mjg1Mjc4IDIwLjk3MzcyNDQsMS42OTQwOTE4IDIxLjIwNDQzNzMsMS4yMzc2MDk4MyBDMjEuMzA2MDYwOCwxLjAzNjU2MDA5IDIxLjMwNTIzNjgsMC43OTg5ODA2OTUgMjEuMjAyMjQsMC41OTg3NTQ4ODMgQzIxLjA5OTI0MzIsMC4zOTg1MjkwNyAyMC45MDY0MzMxLDAuMjU5NTUxOTg0IDIwLjY4MzY4NTMsMC4yMjU0OTQzNjcgQzE5LjY4MjI4MTUsMC4wNzE2ODU3NzM0IDE4LjgyOTc0MjQsMCAxOCwwIEM4LjI5ODI0ODI3LDAgMCw4LjI4Mjg2NzQxIDAsMTggQzAsMjYuNDM4ODczMyA2LjMyNjQ3NzAyLDM0LjA0MDAzOTEgMTQuNzE1NjM3MiwzNS42ODExMjE4IEMxNS4wOTY4NjI4LDM1Ljc1NTU1NDIgMTUuNDY2Mjc4MSwzNS41MDY5ODg1IDE1LjU0MDcxMDUsMzUuMTI2MDM3NiBDMTUuNjE1MTQyOCwzNC43NDQ4MTIgMTUuMzY2ODUxOCwzNC4zNzUzOTY3IDE0Ljk4NTYyNjIsMzQuMzAwOTY0NCBDNy4yNDQxMTAxMywzMi43ODY3NzM3IDEuNDA2MjUsMjUuNzc4ODY5NiAxLjQwNjI1LDE4IEMxLjQwNjI1LDkuMDA1MjE4NTIgOS4wMDUyMTg1MiwxLjQwNjI1IDE4LDEuNDA2MjUgQzE4LjUxMzMzNjIsMS40MDYyNSAxOS4wMzk4NTU5LDEuNDM3MDExNzIgMTkuNjE1ODE0MiwxLjUwMTI4MTcgQzE5LjQ4MzE1NDMsMS45OTQyOTMyIDE5LjQwNjI1LDIuNTMyNjIzMjcgMTkuNDA2MjUsMy4wMjM0Mzc1IEMxOS40MDYyNSw0LjcyOTg4ODkgMjAuMzA2MDMwMyw2LjQyMzE1NjcgMjEuNjQ5MzgzNiw3LjMzNjk0NDU2IEMyMS41NTg3NDYzLDcuNzQ3NTU4NTkgMjEuNTE1NjI1LDguMTI4NTA5NTQgMjEuNTE1NjI1LDguNTA3ODEyNSBDMjEuNTE1NjI1LDExLjgwMzE2MTcgMjQuMTk2ODM4MywxNC40ODQzNzUgMjcuNDkyMTg3NSwxNC40ODQzNzUgQzI3Ljg3MTQ5MDUsMTQuNDg0Mzc1IDI4LjI1MjQ0MTQsMTQuNDQxMjUzNyAyOC42NjMwNTU0LDE0LjM1MDYxNjQgQzI5LjU3Njg0MzMsMTUuNjkzOTY5NyAzMS4yNzAxMTExLDE2LjU5Mzc1IDMyLjk3NjU2MjUsMTYuNTkzNzUgQzMzLjQ2NzM3NjcsMTYuNTkzNzUgMzQuMDA1NzA2OCwxNi41MTY4NDU3IDM0LjQ5ODcxODMsMTYuMzg0MTg1OCBDMzQuNTYyOTg4MywxNi45NjAxNDQxIDM0LjU5Mzc1LDE3LjQ4NjY2MzggMzQuNTkzNzUsMTggQzM0LjU5Mzc1LDI1Ljc3ODg2OTYgMjguNzU1ODg5OSwzMi43ODY3NzM3IDIxLjAxNDM3MzgsMzQuMzAwOTY0NCBDMjAuNjMzMTQ4MiwzNC4zNzUzOTY3IDIwLjM4NDg1NzIsMzQuNzQ0ODEyIDIwLjQ1OTI4OTUsMzUuMTI1NzYyOSBDMjAuNTMzNzIxOSwzNS41MDY5ODg1IDIwLjkwMzEzNzIsMzUuNzU1NTU0MiAyMS4yODQzNjI4LDM1LjY4MTEyMTggQzI5LjY3MzUyMywzNC4wNDAwMzkxIDM2LDI2LjQzODg3MzMgMzYsMTggQzM2LDE3LjE3MDI1NzYgMzUuOTI4MzE0MiwxNi4zMTc3MTg1IDM1Ljc3NDUwNTYsMTUuMzE2MzE0NyBDMzUuNzAyMjcwNSwxNC44NDQ0NTE5IDM1LjE4OTIwOSwxNC41Nzk2ODE0IDM0Ljc2MjM5MDIsMTQuNzk1NTYyNyBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
}
#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button:hover::before,
#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button:hover::after {
opacity: 0;
}
/*
ADVANCED SLIDER
*/
.advslider-container {
position: relative;
min-height: 20px;
}
.advslide-image {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.advslider .slick-arrow {
cursor: pointer;
width: 50px;
height: 50px;
background: transparent;
position: absolute;
display: block;
z-index: 1000;
border: none;
}
.advslider .slick-arrow::before {
font-family: revicons;
font-size: 40px;
color: #fff;
display: block;
line-height: 40px;
text-align: center;
}
.advslider .slick-arrow.advslider-next {
top: 50%;
transform: matrix(1, 0, 0, 1, -80, -25);
left: 100%;
opacity: 0;
}
.advslider .slick-arrow.advslider-prev {
top: 50%;
transform: matrix(1, 0, 0, 1, 30, -25);
left: 0px;
visibility: inherit;
opacity: 0;
}
.advslider:hover .slick-arrow.advslider-next,
.advslider:hover .slick-arrow.advslider-prev {
opacity: 1;
}
.advslider .slick-arrow.advslider-prev::before {
content: '\e824';
}
.advslider .slick-arrow.advslider-next::before {
content: '\e825';
}
/* bullets over */
.advslider-bullets-2 .slick-dots {
bottom: 10px !important;
}
.advslider-progress {
position: absolute;
bottom: 0;
width: 100%;
line-height: 2px;
font-size: 0;
height: 3px;
}
.advslider-progress span {
max-width: 0;
width: 100%;
height: 3px;
display: inline-block;
}
.advslider-progress.advslider-progress-color-2 span {
background-color: #3C74B9;
}
.advslider-progress.advslider-progress-color-3 span {
background-color: #1B9689;
}
.advslider-progress.advslider-progress-color-4 span {
background-color: #E71A55;
}
.advslide-box,
.advslide-button {
pointer-events: none;
}
.advslide-button a {
pointer-events: all;
}
.advslide-box,
.advslide-box .field-slide-box-text {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.advslide-button,
.advslide-button .field-slide-button {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.advslider .slick-dots li {
width: 16px;
height: 16px;
margin: 0 3px;
}
.advslider .slick-dots li button {
overflow: hidden;
border-radius: 50%;
width: 16px;
height: 16px;
background-color: rgba(0,0,0,0);
box-shadow: inset 0 0 0 2px rgb(255,255,255);
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
position: absolute;
}
.advslider .slick-dots li button:after {
content: ' ';
position: absolute;
bottom: 0;
height: 0;
left: 0;
width: 100%;
background-color: rgb(255,255,255);
box-shadow: 0 0 1px rgb(255,255,255);
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.advslider .slick-dots li:not(.slick-active) button:hover {
background-color: rgba(227,227,227,0.21);
}
.advslider.advslider-bullets-c2 .slick-dots li button {
box-shadow: inset 0 0 0 2px rgb(0,0,0);
}
.advslider.advslider-bullets-c2 .slick-dots li button:after {
background-color: rgb(0,0,0);
box-shadow: 0 0 1px rgb(0,0,0);
}
.advslider.advslider-bullets-c2 .slick-dots li:not(.slick-active) button:hover {
background-color: rgba(0,0,0,0.21);
}
.advslider.advslider-bullets-c3 .slick-dots li button {
box-shadow: inset 0 0 0 2px rgb(3,73,183);
}
.advslider.advslider-bullets-c3 .slick-dots li button:after {
background-color: rgb(3,73,183);
box-shadow: 0 0 1px rgb(3,73,183);
}
.advslider.advslider-bullets-c3 .slick-dots li:not(.slick-active) button:hover {
background-color: rgba(3,73,183,0.21);
}
.advslider.advslider-bullets-c4 .slick-dots li button {
box-shadow: inset 0 0 0 2px rgb(27,150,137);
}
.advslider.advslider-bullets-c4 .slick-dots li button:after {
background-color: rgb(27,150,137);
box-shadow: 0 0 1px rgb(27,150,137);
}
.advslider.advslider-bullets-c4 .slick-dots li:not(.slick-active) button:hover {
background-color: rgba(27,150,137,0.21);
}
.advslider.advslider-bullets-c5 .slick-dots li button {
box-shadow: inset 0 0 0 2px rgb(231,26,85);
}
.advslider.advslider-bullets-c5 .slick-dots li button:after {
background-color: rgb(231,26,85);
box-shadow: 0 0 1px rgb(231,26,85);
}
.advslider.advslider-bullets-c5 .slick-dots li:not(.slick-active) button:hover {
background-color: rgba(231,26,85,0.21);
}
.advslider.slick-dotted.slick-slider {
margin-bottom: 0;
}
.animate-text {
display: inline-block;
position: relative;
width: 100%;
min-height: 31.5px;
}
.animate-w0 {
position: absolute;
margin-right: .2em;
left: calc(50% - .45em);
opacity: 0;
}
.animate-w1 {
position: absolute;
left: calc(50% - .15em);
transform: translateX(-100%);
}
.animate-w2 {
position: absolute;
left: calc(50% + .15em);
overflow: hidden;
white-space: nowrap;
}
.animate-w3 {
position: absolute;
left: calc(50% + .15em);
overflow: hidden;
opacity: 0;
white-space: nowrap;
}
.animate-w4 {
position: absolute;
left: calc(50% + .15em);
overflow: hidden;
opacity: 0;
white-space: nowrap;
}
.advslider .slick-dots li.slick-active button:after {
height: 100%;
}
.advslider .slick-dots li button::before {
display: none;
}
.advslider .animate {
height: 34px;
}
.fs-responsive {
}
.p-35 {
padding: 12px 35px;
}
.p-30 {
padding: 5px 30px;
}
.pl-0 {
padding-left: 0;
}
.pr-0 {
padding-right: 0;
}
.f-blue {
color: #034987;
}
.f-green {
color: #1B9689;
}
.f-pink {
color: #E71A55;
}
.f-white {
color: #fff;
}
@media (max-width: 1200px) {
.fs-responsive {
font-size: 0.9em !important;
}
.p-35 {
padding: 10px 29px;
}
}
@media (max-width: 991px) {
.fs-responsive {
font-size: 0.75em !important;
}
.p-35 {
padding: 8px 22px;
}
.hide-bg-mobile {
background-image: none !important;
}
}
@media (max-width: 767px) {
.fs-responsive {
font-size: 0.5em !important;
}
.p-35 {
padding: 6px 17px;
}
}
@media (max-width: 567px) {
.fs-responsive {
font-size: 0.4em !important;
}
.p-35 {
padding: 5px 13px;
}
}
.section-collapse {
overflow-y: hidden;
height: 0;
}
.section-collapse.open {
height: auto;
}
.toggle-button.plusminus {
padding-right: 30px;
background-position: right center;
background-repeat: no-repeat;
background-size: 24px;
background-image: url(../images/btn-plus.svg);
}
.toggle-button.plusminus.open {
background-image: url(../images/btn-minus.svg);
}
.toggle-button.plusminus.white {
background-image: url(../images/btn-plus-white.svg);
}
.toggle-button.plusminus.white.open {
background-image: url(../images/btn-minus-white.svg);
}
.toggle-button.plusminus.light-blue {
background-image: url(../images/btn-plus-light-blue.svg);
}
.toggle-button.plusminus.light-blue.open {
background-image: url(../images/btn-minus-light-blue.svg);
}
.toggle-button.plusminus.dark-blue {
background-image: url(../images/btn-plus-dark-blue.svg);
}
.toggle-button.plusminus.dark-blue.open {
background-image: url(../images/btn-minus-dark-blue.svg);
}
.toggle-button:not(.open) .open { display: none; }
.toggle-button.open .closed {display: none; }
.toggle-button.H3Title:visited,
.toggle-button.H3Title:focus,
.toggle-button.H3Title:hover {
color: #545758 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-toggle {
display: initial;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
}
.zd-placeholder {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 999998;
}
.zd-top {
position: fixed;
right: 16px;
bottom: 88px;
z-index: 999999;
}
.zd-msg {
width: 64px;
height: 64px;
border-radius: 50%;
box-shadow: rgba(36, 36, 36, 0.15) 0px 20px 30px 0px;
display: flex;
-moz-box-align: center;
align-items: center;
-moz-box-pack: center;
justify-content: center;
background-color: rgb(116, 99, 188) !important;
}
.zd-msg > button {
position: relative;
overflow: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background-color: rgb(116, 99, 188);
display: inline-flex;
-moz-box-align: center;
align-items: center;
-moz-box-pack: center;
justify-content: center;
transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out, outline-color 0.1s ease-in-out, z-index 0.25s ease-in-out;
margin: 0px;
cursor: pointer;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
font-family: inherit;
font-weight: 400;
-moz-osx-font-smoothing: subpixel-antialiased;
box-sizing: border-box;
user-select: none;
line-height: 38px;
font-size: 14px;
outline-color: transparent;
border: medium;
padding: 0px;
min-width: 40px;
color: rgb(104, 115, 125);
}
.zd-msg svg {
width: 60% !important;
height: 60% !important;
}
.zd-msg svg path {
fill: rgb(255, 255, 255);
}
.zd-hi {
text-align: center;
overflow: auto;
color-scheme: light;
width: 145.25px;
height: 44px;
max-width: 280px;
overflow: auto;
border: 0px;
background-color: transparent;
box-shadow: rgba(23, 73, 77, 0.15) 0px 20px 30px;
border-radius: 20px;
display: inline-block;
vertical-align: unset;
}
.zd-hi button {
padding: 0.75rem;
border: 0px;
width: max-content;
max-width: 280px;
overflow-wrap: break-word;
word-break: break-word;
background: rgb(255, 255, 255);
color: rgb(0, 0, 0);
border-radius: 1.25rem;
text-align: initial;
}
.zd-hi span {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
.zd-top {
display: flex;
gap: 8px;
}
.zd-close {
color-scheme: light;
height: 40px;
width: 40px;
border: 0px;
background-color: transparent;
box-shadow: rgba(23, 73, 77, 0.15) 0px 20px 30px;
border-radius: 100%;
vertical-align: unset;
opacity: 1;
align-self: end;
}
.zd-close button {
border: 0px;
background: rgb(255, 255, 255);
color: rgb(47, 57, 65);
border-radius: 20px;
display: flex;
-moz-box-align: center;
align-items: center;
-moz-box-pack: center;
justify-content: center;
opacity: 0.8;
width: 40px;
height: 40px;
transform-origin: center bottom 0px;
}
.zd-close svg {
width: 16px;
height: 16px;
}