html {overflow-y: scroll;}

html, body {line-height: 24px; font-family: 'PT Sans', sans-serif; font-size: 14px; color: rgba(51,51,51,1);}

body.no-scroll {overflow: hidden;}

h1, h2 {margin: 0 0 12px 0; padding: 0; font-weight: 700;}
h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: 700;}
h1, h2, h3, h4, h5, h6 {color: #003591;}
h2 + h3 {margin: 0 0 12px 0;}
h1, h2 {line-height: 42px; font-size: 38px;}
h3 {line-height: 32px; font-size: 24px;}

p.title {line-height: 32px; margin: 0 0 12px 0; font-size: 24px; color: rgba(0,53,145,1); padding: 0; font-weight: 700;}

input, select, textarea {border-radius: 0;}

hr {margin: 0 0 12px 0; padding: 0; border: 0; border-top: 1px solid #eff6fd;}

p {margin: 0 0 20px 0; padding: 0;}

.padding.top {padding-top: 30px;}
.padding.double-top {padding-top: 60px;}
.padding.right {padding-right: 30px;}
.padding.bottom {padding-bottom: 6px;}
.padding.double-bottom {padding-bottom: 36px;}
.padding.left {padding-left: 30px;}

.float-left {float: left;}
.float-right {float: right;}

a, a:hover {color: rgba(0,53,145,1);}
a {text-decoration: underline;}
a:hover {text-decoration: none;}

a.button {padding: 12px 15px; background-color: #ec2939; border-bottom-right-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; color: #FFFFFF; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05); display: inline-block;}
a.button {-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
a.button.left {}
a.button.center {margin: 0 auto; display: table;}
a.button.right {float: right;}
/*a.button:hover {background-position: left bottom;}*/
a.button:after {margin: 0 0 0 10px; text-align: right; content: "\f0a9"; color: #FFFFFF; float:right; font-size: 20px;}
a.button:hover {background-color: #FFFFFF; color: #003591;}
a.button:hover:after {color: #ec2939;}
a.button.back:after {margin: 0 10px 0 0; text-align: left; content: "\f0a8"; float:left;}

body.homepage h1, body.homepage h2 {line-height: 42px; font-size: 38px;}

.page-wrapper.locked {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: absolute;}
.page-wrapper {position: relative;}

header {/*top: 0; right: 0; left: 0; position: absolute; z-index: 6;*/}
header.covered #top-bar > ul > li > a {color: rgba(255,255,255,1);}

#logo {margin: 18px 0 0 0; position: relative; z-index: 8;}
#logo img {height: 54px;}

#top-bar ul, nav ul, ul.buttons, ul.side-navigation, ul.faq, footer #footer ul, footer #copyright ul {margin: 0; padding: 0;}
#top-bar ul, nav .placeholder > ul {text-align: right;}
#top-bar ul li, nav ul li, ul.buttons li, ul.side-navigation li, .faq ul li.faq_item, footer #footer ul li, footer #copyright ul {margin: 0; padding: 0; list-style-type: none;}
#top-bar ul > li {margin-right: 30px; display: inline-block; float: left;}
nav ul > li {margin-right: 30px; display: inline-block; float: left;}
#top-bar ul > li:last-of-type, nav ul > li:last-of-type {margin-right: 0;}
#top-bar ul li a {padding: 15px 0; text-decoration: none; display: block;}
nav ul li a {padding: 12px 0; text-decoration: none; display: block;}
#top-bar ul li a:hover, nav ul li a:hover {text-decoration: underline;}
#top-bar ul li.tools.extranet a:before, #top-bar ul li.tools.search a:before, nav ul li.button a:after, ul.buttons li a:after, ul.side-navigation li a:after, .faq ul li.faq_item .faq_question:after, a.button:after, section.header-image #search-drop .container button:before, .form-group button:after, .catalog.category.item.text ul li:before, .catalog.category.items.additional-information ul li:before, .download a:after, ul.catalog.category.items li.item.element p a.link.video:before, .item.product p a.link.video:before, nav .placeholder ul li:last-of-type a:after {width: 24px; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block;}

#top-bar {background-color: #eff6fd; position: relative; z-index: 9;}
#top-bar ul li.has-children {position: relative;}
#top-bar ul li.has-children > a:after {width: 8px; margin-left: 10px; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; content: "\f0d7";}
#top-bar ul li.has-children:hover ul {opacity: 1; transform: scaleY(1);}
#top-bar ul li.tools {float: none;}
#top-bar ul li.tools.extranet a:before, 
#top-bar ul li.tools.search a:before {margin-right: 10px; width: auto;}
#top-bar ul li.tools.extranet a:before {width: 12px; content: "\f2bd";}
#top-bar ul li.tools.search a:before {width: 12px; content: "\f002";}
#top-bar ul li.tools.search.flipped a:before {content: "\f00d";}
#top-bar ul li.tools.language > a img {width: 12px; margin-right: 10px; display: inline-block; vertical-align: baseline;}
#top-bar ul li a {font-size: 12px; color: rgba(0,53,145,1); transition: color linear 250ms;}
#top-bar ul li ul {top: 100%; left: 0; min-width: 100%; padding: 10px 0; background-color: rgba(255,255,255,1); border-bottom-right-radius: 16px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); transform: scaleY(0); transform-origin: top left; transition: all 250ms linear; opacity: 0; position: absolute; z-index: 1;}
#top-bar ul li ul li a {margin: 0; padding: 5px 15px; text-align: left; white-space: nowrap; display: block;}
#top-bar ul li ul li a img {width: 12px; margin-right: 10px; display: inline-block; vertical-align: baseline;}
#top-bar ul li:first-of-type ul li a {margin: 0; padding: 5px 15px 5px 30px; text-align: left; display: block;}
#top-bar .top-bar-dropdown {float: left !important;}
#top-bar .top-bar-dropdown ul a {padding: 5px 15px !important;}

#bottom-bar {background-color: #FFFFFF;}

nav {margin: 22px 0 0 0;}

nav .placeholder {position: relative;}

nav .placeholder ul, nav .placeholder #search-drop {top: 0; right: 0; left: 0; width: 100%; background-color: #FFFFFF; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; position: absolute;}

nav .placeholder #search-drop {border-bottom-right-radius: 16px;}
nav .placeholder #search-drop input, nav .placeholder #search-drop button {display: inline-block; float: left;}
nav .placeholder #search-drop input {width: calc(100% - 48px); line-height: 48px; height: 48px; background-color: #eff6fd; border: 0px; font-size: 18px; text-indent: 30px; color: rgba(0,53,145,1); outline: none;}
nav .placeholder #search-drop button {width: 48px; height: 48px; line-height: 48px; background-color: #eff6fd; border: 0px; border-bottom-right-radius: 8px; text-align: center; transition: all linear 250ms; color: rgba(0,53,145,1); outline: none; cursor: pointer;}
nav .placeholder #search-drop button:hover {background-color: rgba(236,41,57,1); color: rgba(255,255,255,1);}
nav .placeholder #search-drop button:before {content: "\f002";}
nav .placeholder #search-drop input::placeholder {color: rgba(0,53,145,1); opacity: 1;}
nav .placeholder #search-drop input:-ms-input-placeholder {color: rgba(0,53,145,1);}
nav .placeholder #search-drop input::-ms-input-placeholder {color: rgba(0,53,145,1);}
nav .placeholder #search-drop.is--visible {height: 100%; opacity: 1;}
nav .placeholder ul {}
nav .placeholder ul li a, nav .placeholder ul li a:hover {color: #003591;}
nav .placeholder ul li a {font-size: 16px; font-weight: 700; text-decoration: none;}
nav .placeholder ul li a:hover {text-decoration: underline;}

nav .placeholder ul li:last-of-type {float: none;}
nav .placeholder ul li:last-of-type a {margin: 0; padding: 12px 15px; background-color: #ec2939; border-bottom-right-radius: 8px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); color: #FFFFFF; display: inline-block; display: block;}
nav .placeholder ul li:last-of-type a {-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
nav .placeholder ul li:last-of-type a:after {margin-left: 10px; text-align: right; content: "\f0a9"; float:right;}
nav .placeholder ul li:last-of-type a:hover:after {color: #ec2939;}
nav .placeholder ul li:last-of-type a:hover {text-decoration: none; background-color: #FFFFFF; color: #003591;}

nav .placeholder ul ul {display: none;}

section.header-image-placeholder {position: relative;}
section.header-image-placeholder .overlay {right: 0; bottom: -28px; left: 0; position: absolute;}

section .header-image {/*height: 320px; margin-bottom: 56px;*/ background-position: top center; background-repeat: no-repeat; position: relative; z-index: 1;}
section .header-image.desktop .background-image {top: 0; right: 0; bottom: 0; left: 0; max-width: 2560px; margin: 0 auto; background-position: center center; background-repeat: no-repeat; background-size: auto 400px; position: absolute; transition: all linear 250ms;}
section .header-image.mobile .background-image {background-size: 100% auto; padding-top: 75%; height: unset;}
section .header-image .background-image:before, 
section .header-image .background-image:after {top: 0; bottom: 0; height: 100%; width: 10%; background-color: red; content: ""; position: absolute;}
section .header-image .background-image:before {left: 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
section .header-image .background-image:after {right: 0; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
section .header-image.covered .background-image {filter: saturate(0%); -webkit-filter: saturate(0%);}

section .header-image .gradient {top: 0; right: 0; left: 0; height: 158px; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 54px,rgba(255,255,255,0) 158px); position: absolute; z-index: 3;}
section .header-image .curve {z-index: 5;}

section .header-image.mobile {position: relative;}
section .header-image.mobile .curve.top {top: 0; position: absolute;}
section .header-image.mobile .curve.bottom {bottom: 0; position: absolute;}
section .header-image.mobile .curve.top img,
section .header-image.mobile .curve.bottom img {width: 200%;}
	    
section .header-image > img {top: 0; left: 50%; max-width: 100%; height: auto; transform: translateX(-50%); position: absolute; z-index: 1;}
section .header-image .cover {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto; background-color: rgba(0,53,145,0.4); content: ""; transition: all linear 250ms; position: absolute; z-index: 4; opacity: 0;}

body.homepage section .header-image.desktop, 
body.homepage section .header-image.desktop .container, 
body.homepage section .header-image.desktop .container .row {height: 400px;}

body.page section .header-image, 
body.page section .header-image .container, 
body.page section .header-image .container .row {height: 262px;}
body.page section .header-image .background-image {filter: blur(10px); -webkit-filter: blur(10px);}
body.page section .header-image.covered .background-image {filter: blur(10px) saturate(0%); -webkit-filter: blur(10px) saturate(0%);}

.content-box.homepage {background-color: rgba(236,41,57,1);}
.content-box.homepage h1, 
.content-box.homepage h2, 
.content-box.homepage h3, 
.content-box.homepage p {color: rgba(255,255,255,1);}
.content-box.homepage h2, 
.content-box.homepage h3 {margin: 0 0 32px 0; line-height: 32px; font-size: 24px;}
.content-box.homepage p a.button {background-color: #FFFFFF; color: #003591;}
.content-box.homepage p a.button:after {color: #003591;}
.content-box.homepage p a.button:hover:after {color: #ec2939;}

section.header-gradient {height: 120px; position: relative; background-color: #eff6fd;}
section.header-gradient:after {top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); content: ""; position: absolute; z-index: 1;}
section.hero {background: rgb(242,244,249); background: linear-gradient(35deg, rgba(242,244,249,1) 0%, rgba(0,53,145,1) 75%); position: relative;}
section.hero.with-background-image {background-position: center center; background-repeat: no-repeat; background-size: cover;}
section.hero.with-background-image:before {top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,53,145,0.85); content: ""; position: absolute; z-index: 1;}
section.hero .container {position: relative; z-index: 3;}
section.hero .padding.top {padding-top: 60px;}
section.hero .padding.bottom {padding-bottom: 36px;}
section.hero h2 {color: rgba(255,255,255,1);}
section.hero p {font-weight: bold; color: #FFFFFF;}
section.hero p:before {content: "- ";}
section.hero .payoff {text-align: right;}
section.hero .payoff img {max-width: 320px;}
section.hero .curve {position: relative; z-index: 2;}

footer {}
footer #footer {background-color: rgba(0,53,145,1);}
footer #footer .curve {top: -28px; position: relative;}
footer #footer .curve img {width: 100%; height: 28px; display: block;}
footer #footer ul {margin: 0 0 24px 0;}
footer #footer ul li a {text-decoration: none; color: rgba(255,255,255,1); display: inline-block;}
footer #footer ul li a:hover {text-decoration: underline;}
footer #footer a.button {padding: 12px 15px; background-color: #ec2939; border-bottom-right-radius: 4px;}
footer #footer a.button:hover {background-color: #FFFFFF !important;}
footer #footer .payoff {margin: 0 auto; display: table;}
footer #footer .payoff img {width: 240px; margin-bottom: 30px;}

footer #copyright {padding: 12px 0;}
footer #copyright, footer #copyright a, footer #copyright a:hover {color: rgba(112,112,112,1);}
footer #copyright a {text-decoration: none;}
footer #copyright a:hover {text-decoration: underline;}
footer #copyright p {margin: 0; float: left; color: rgba(153,153,153,1);}
footer #copyright ul {margin-left: 30px; float: left;}
footer #copyright ul li {display: inline-block; float: left;}
footer #copyright ul li:not(:last-of-type)::after {content: "\00a0\2022\00a0";}
footer #copyright #copyright-line {float: right;}

ul.social {}
ul.social li {display: inline-block; float: left;}
ul.social li.description {position: relative;}
ul.social li.description span {line-height: 32px; margin-top: 5px; font-family: 'handscriptregular'; font-size: 24px; white-space: nowrap; color: rgba(255,255,255,1);}
ul.social li.description span {-webkit-transform: rotate(-5deg); -webkit-transform-origin: left top; -moz-transform: rotate(-5deg); -moz-transform-origin: left top; -ms-transform: rotate(-5deg); -ms-transform-origin: left top; -o-transform: rotate(-5deg); -o-transform-origin: left top; transform: rotate(-5deg); transform-origin: left top; float: left;}
ul.social li:not(:last-of-type) {margin-right: 10px !important;}
ul.social li a {width: 35px; height: 35px; line-height: 35px; background-color: rgba(255,255,255,1); border-radius: 50%; text-align: center; color: rgba(0,53,145,1) !important; transition: all linear 250ms;}
ul.social li a:hover {background-color: rgba(236,41,57,1) !important; color: rgba(255,255,255,1) !important;}
ul.social li a i {line-height: 35px; font-size: 24px;}

ul.buttons {margin-bottom: 16px;}
ul.buttons li {margin-bottom: 8px;}
ul.buttons li a {padding: 12px 54px 12px 20px; background-color: #eff6fd; border-bottom-right-radius: 10px; display: block; position: relative;}
ul.buttons li a, ul.buttons li a:hover {text-decoration: none;}
ul.buttons li a:hover {font-weight: bold;}
ul.buttons li.active a, ul.buttons li a:hover {}
ul.buttons li a:hover:after {color: #ec2939;}
ul.buttons li a:after {top: 12px; right: 15px; text-align: right; content: "\f0a9"; color: rgba(0,53,145,1); float:right; font-size: 20px; position: absolute;}

ul.side-navigation {margin-bottom: 16px; padding: 0;}
ul.side-navigation li {margin-bottom: 8px;}
ul.side-navigation li:last-of-type {margin-bottom: 0;}
ul.side-navigation li a, ul.side-navigation li a:hover {text-decoration: none;}
ul.side-navigation li a {padding: 12px 54px 12px 20px; background-color: #eff6fd; border-bottom-right-radius: 10px; display: block; position: relative;}
ul.side-navigation li.active a, ul.side-navigation li a:hover {font-weight: bold;}
ul.side-navigation li a:after {top: 12px; right: 15px; text-align: right; content: "\f0a9"; color: rgba(0,53,145,1); float: right; font-size: 20px; position: absolute;}
ul.side-navigation li.active a:after, ul.side-navigation li a:hover:after {color: #ec2939;}

nav.mobile ul.side-navigation {margin-bottom: 0; padding: 0; background-color: transparent; border-bottom-right-radius: 0;}
nav.mobile ul.side-navigation li a {padding: 12px 15px;}

.faq {}
.faq .content-box {border-bottom-right-radius: 0; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16); position: relative;}
.faq .content-box .gradient.horizontal {top: -6px; right: 0; bottom: 0; left: -3px;}
.faq .content-box .gradient.vertical {top: 0; right: -3px; bottom: -6px; left: 0;}
.faq .content-box .padding.right {padding-right: 96px;}
.faq .content-box .icon {top: 30px; right: -48px; width: 96px; height: 96px; line-height: 96px; background-color: rgba(236,41,57,1); border-radius: 50%; font-size: 48px; text-align: center; color: rgba(255,255,255,1); position: absolute; z-index: 2;}
.faq ul {margin: 0 96px 60px 0; padding: 10px; background-color: #eff6fd; border-bottom-right-radius: 16px;}
.faq ul:last-of-type {margin-bottom: 30px;}
.faq ul li.faq_item .faq_question {margin-bottom: 2px; padding: 15px; background-color: rgba(255,255,255,1); background: linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(236,41,57,1) 50%); background-size: 200% 100%; background-position: right bottom; border-bottom-right-radius: 4px; font-size: 16px; font-weight: 700; text-decoration: none; color: rgba(0,53,145,1); transition: background 250ms linear, color 250ms linear; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); display: block; cursor: pointer;}
.faq ul li.faq_item .faq_question:after {text-align: right; content: "\f107"; float:right;}
.faq ul li.faq_item .faq_answer {padding: 22px 15px 24px 15px; display: none;}
.faq ul li.faq_item:last-of-type {margin-bottom: 0;}
.faq ul li.faq_item.open .faq_question, .faq ul li.faq_item:hover .faq_question {background-position: left bottom; color: rgba(255,255,255,1);}
.faq ul li.faq_item.open .faq_question:after {content: "\f106";}

ul.catalog.category.items {margin: 0; padding: 0;}
ul.catalog.category.items li.item.element {margin-bottom: 24px; padding: 15px; background-color: rgba(255,255,255,1); border-bottom-right-radius: 32px; transition: background 250ms linear, color 250ms linear; display: block;}
ul.catalog.category.items li.item.element h2 {line-height; 24px; font-size: 24px;}
/*ul.catalog.category.items li.item.element p:last-of-type, ul.catalog.category.items li.item.element p:only-of-type {margin: 0;}*/
ul.catalog.category.items li.item.element p a.button {margin-right: 15px; padding: 12px 15px; float: left;}
ul.catalog.category.items li.item.element p a.link.video {padding: 12px 0; float: left;}
ul.catalog.category.items li.item.element p a.link.video:before {content: "\f03d";}

.item.product {margin-bottom: 24px; padding: 15px; background-color: rgba(255,255,255,1); border-bottom-right-radius: 32px; transition: background 250ms linear, color 250ms linear; display: block;}
.item.product h2 {line-height; 24px; font-size: 24px;}
.item.product p a.button {margin-right: 15px; padding: 12px 15px; float: left;}
.item.product p a.link.video {padding: 12px 0; float: left;}
.item.product p a.link.video:before {content: "\f03d";}


.search-results ul.catalog.category.items { padding:0; background-color:transparent; }

ul.news.items {margin-bottom: 24px; padding: 10px; background-color: #eff6fd; border-bottom-right-radius: 32px;}
ul.news.items li.item.element {margin-bottom: 2px;}
ul.news.items li.item.element:last-of-type {margin-bottom: 0;}
ul.news.items li.item.element {padding: 15px; background-color: rgba(255,255,255,1); border-bottom-right-radius: 32px; transition: background 250ms linear, color 250ms linear; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); display: block;}
ul.news.items li.item.element h2 {line-height; 24px; font-size: 24px;}
ul.news.items li.item.element p:last-of-type, ul.news.items li.item.element p:only-of-type {margin: 0;}
ul.news.items li.item.element p a.button {padding: 12px 15px;}

.news.detail .documents {margin-bottom: 24px; margin-top:24px; padding: 10px; background-color: #eff6fd; border-bottom-right-radius: 16px;}
.news.detail .documents .document {background-color: rgba(255,255,255,1); padding: 15px; border-bottom-right-radius: 4px; margin-bottom: 2px;}
.news.detail .documents h3 { margin-bottom:10px; }
.news.detail .documents .document p {margin: 0;}
.news.detail .documents div:last-of-type {margin-bottom: 0;}
.news.detail .documents .document .title {font-size: 28px; font-weight: 700; color: rgba(0,53,145,1);}
.news.detail .documents .document .button {padding: 5px 15px; bottom: -5px; position: absolute; height: 34px; right:10px;}


.catalog.category.item {}

.catalog.category.item.text {}
.catalog.category.item.text ul {margin: 0 0 24px 0; padding: 0;}
.catalog.category.item.text ul li {margin-bottom: 8px; padding: 15px 15px 15px 54px; background-color: #eff6fd; border-bottom-right-radius: 8px; font-size: 16px; text-decoration: none; color: rgba(0,53,145,1); display: block; position: relative;}
.catalog.category.item.text ul li:last-of-type {margin-bottom: 0;}
.catalog.category.item.text ul li:before {top: 15px; left: 15px; margin-right: 15px; text-align: left; content: "\f058"; float:left; font-size: 20px; position: absolute;}

.catalog.category.item.video .video-container {margin: 24px 0 0 0;}

.catalog.category.item .image-box {margin: 0 0 24px 0;}

.catalog.category.item.logo .image {margin: 24px 0 0 0;}

.catalog.category.items.related-data {}
.catalog.category.items.related-data h2 {text-align: center; color: rgba(236,41,57,1);}
.catalog.category.items.related-data .content-box {margin-bottom: 2px; border-bottom-right-radius: 16px;}
.catalog.category.items.related-data .content-box:last-of-type {margin-bottom: 24px;}

.catalog.category.items.specifications h3 {margin: 0 0 24px 0;}
.catalog.category.items.specifications ul {margin-bottom: 24px; padding: 11px 15px; background-color: rgba(255,255,255,1); border-bottom-right-radius: 16px; transition: none; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); display: block;}
.catalog.category.items.specifications ul li.item.element {margin-bottom: 0; padding: 4px 0; background-color: transparent; border-bottom-right-radius: 0; transition: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block;}
.catalog.category.items.specifications ul li.item.element strong {text-align: right; display: block;}

.catalog.category.items.additional-information h3 {margin: 0 0 24px 0;}
.catalog.category.items.additional-information ul {margin-bottom: 24px; padding: 0; background-color: transparent; border-bottom-right-radius: 0;}
.catalog.category.items.additional-information ul li {margin-bottom: 2px; padding: 15px 15px 15px 54px; background-color: rgba(255,255,255,1); background: linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(236,41,57,1) 50%); background-size: 200% 100%; background-position: right bottom; border-bottom-right-radius: 16px; font-size: 14px; font-weight: normal; text-decoration: none; color: rgba(51,51,51,1); transition: background 250ms linear, color 250ms linear; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); display: block; position: relative;}
.catalog.category.items.additional-information ul li:last-of-type {margin-bottom: 0;}
.catalog.category.items.additional-information ul li:before {top: 15px; left: 15px; margin-right: 15px; text-align: left; color: rgba(0,53,145,1); content: "\f058"; font-size: 20px; float:left; position: absolute;}

.catalog.category.items.variants h3 {margin: 0 0 24px 0; text-align: center;}
.catalog.category.items.variants ul {margin-bottom: 96px; padding: 0; background-color: transparent; border-bottom-right-radius: 0;}
.catalog.category.items.variants ul li.header.element {margin-bottom: 0; padding: 12px 15px; background-color: rgba(0,53,145,1); border-bottom-right-radius: 0; color: rgba(255,255,255,1); transition: background 250ms linear, color 250ms linear; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); display: block;}
.catalog.category.items.variants ul li.item.element {margin-bottom: 0;}
.catalog.category.items.variants ul li.item.element {padding: 12px 15px; background-color: transparent; border-bottom-right-radius: 0; transition: background 250ms linear, color 250ms linear; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: block;}
.catalog.category.items.variants ul li.item.element:nth-child(even) {background-color: rgba(255,255,255,1);}
.catalog.category.items.variants ul li.item.element:last-of-type {border-bottom-right-radius: 16px;}

.image-box {top: -56px /*-50%*/; background-color: rgba(255,255,255,1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16); position: relative; z-index: 4;}
.image-box .gradient.vertical {top: 0; right: -6px; bottom: -6px; left: -6px; background: -moz-linear-gradient(top, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 90%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 90%); background: linear-gradient(to bottom, rgba(255,255,255,0) 50%,rgba(255,255,255,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute; z-index: 1;}
.image-box img {max-width: 100%; height: auto; display: block; position: relative; z-index: 2;}

.content-box {margin-bottom: 6px; background-color: #eff6fd; border-bottom-right-radius: 32px; position: relative; z-index: 5;}
/*
.content-box .gradient.horizontal {top: -6px; right: 0; bottom: 0; left: -6px; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 90%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 90%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); position: absolute; z-index: 1;}
.content-box .gradient.vertical {top: 0; right: -6px; bottom: 0; left: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); position: absolute; z-index: 1;}
*/
.content-box .padding {position: relative; z-index: 2;}
.content-box.logout {margin-bottom: 24px; border-bottom-right-radius: 16px;}
.content-box.logout .padding {padding: 15px 30px;}
.content-box.logout p {margin: 0;}
.content-box.logout p:first-of-type {margin: 5px 0;}
.content-box.logout p a.button {padding: 5px 15px;}

.content-box.red {background-color: rgba(236,41,57,1); color: rgba(255,255,255,1);}
.content-box.red h2, .content-box.red h3, .content-box.red h4, .content-box.red h5, .content-box.red h6 {color: rgba(255,255,255,1);}
.content-box.red a, .content-box.red a:hover {color: rgba(255,255,255,1);}

.content-box .person-quote {line-height: 42px; font-size: 38px; font-weight: 700;}
.content-box .person-name {line-height: 42px; margin-top: 5px; font-family: 'handscriptregular'; font-size: 38px; white-space: nowrap; color: rgba(255,255,255,1);}
.content-box .person-name {-webkit-transform: rotate(-5deg); -webkit-transform-origin: left top; -moz-transform: rotate(-5deg); -moz-transform-origin: left top; -ms-transform: rotate(-5deg); -ms-transform-origin: left top; -o-transform: rotate(-5deg); -o-transform-origin: left top; transform: rotate(-5deg); transform-origin: left top; float: right;}

.content-box.with-icon {background-color: transparent; border-bottom-right-radius: 0; position: relative;}
/*
.content-box.with-icon .gradient.horizontal {top: -6px; right: 0; bottom: 0; left: -6px;}
.content-box.with-icon .gradient.vertical {top: 0; right: -6px; bottom: 0; left: 0;}
*/
.content-box.with-icon .padding.left {padding-left: 144px;}
.content-box.with-icon .icon {top: 30px; left: 0; width: 96px; height: 96px; line-height: 96px; background-color: rgba(236,41,57,1); border-radius: 50%; font-size: 48px; text-align: center; color: rgba(255,255,255,1); position: absolute; z-index: 2;}
.optional-data ul.buttons {padding-top: 16px;}

nav .placeholder ul, nav .placeholder #search-drop {top: 0; right: 0; left: 0; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; position: absolute;}

#search-mobile {margin: 0 0 20px 0; border-top-right-radius: 4px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05);}
#search-mobile input, #search-mobile button {display: inline-block; float: left;}
#search-mobile input {width: calc(100% - 48px); line-height: 48px; height: 48px; background-color: rgba(255,255,255,1); border: 0px; font-size: 16px; text-indent: 15px; color: rgba(0,53,145,1); outline: none;}
#search-mobile button {width: 48px; height: 48px; line-height: 48px; background-color: rgba(255,255,255,1); border: 0px; border-top-right-radius: 4px; text-align: center; transition: all linear 250ms; color: rgba(0,53,145,1); outline: none; cursor: pointer;}
#search-mobile button:hover {background-color: rgba(236,41,57,1); color: rgba(255,255,255,1);}
#search-mobile button:before {content: "\f002";}
#search-mobile input::placeholder {color: rgba(0,53,145,1); opacity: 1;}
#search-mobile input:-ms-input-placeholder {color: rgba(0,53,145,1);}
#search-mobile input::-ms-input-placeholder {color: rgba(0,53,145,1);}
#search-mobile.is--visible {height: 100%; opacity: 1;}


.search-searchbox {padding: 0 0 24px 0;}
.search-searchbox input {width: calc(100% - 54px); padding: 0; line-height: 54px; height: 54px; background-color: rgba(242,245,249,1); border: 0px; font-size: 18px; text-indent: 30px; color: rgba(0,53,145,1); outline: none; float: left;}
.search-searchbox .button {width: 54px; height: 54px; padding: 0; line-height: 54px; background-color: rgba(242,245,249,1); border: 0px; border-top-right-radius: 16px; text-align: center; transition: all linear 250ms; color: rgba(0,53,145,1); outline: none; cursor: pointer; float: left;}
.search-searchbox .button:hover {background-color: rgba(236,41,57,1); color: rgba(255,255,255,1);}
.search-results {margin-bottom: 24px; padding: 10px; background-color: #eff6fd; border-bottom-right-radius: 32px;}
.search-results .result {background-color: rgba(255,255,255,1); padding: 15px; border-bottom-right-radius: 32px; margin-bottom: 2px;}
.search-results .result h3 a {text-decoration: none;}
.search-results .result h3 a:hover {text-decoration: underline;}
.search-results .result p a {text-decoration: none;}
.search-results .result p a:hover {text-decoration: underline;}
.search-results div:last-of-type {margin-bottom: 0;}
.search-pagination .pagination {float: left;}
.search-pagination .pagination {padding: 0; list-style-type: none;}
.search-pagination .pagination li {display: inline;}
.search-pagination .pagination li a {color: rgba(236,41,57,1); font-size: 16px; padding: 5px;}
.search-pagination .pagination .active a {font-weight: bold;}
.search-pagination .pagination li:after {content: "|"; color: black;}
.search-pagination .pagination li:last-of-type:after {content: "";}
.search-pagination p {float: right; font-style: italic;}

.bx-wrapper {margin: -150px 0 0 0;}
.bx-wrapper ul.bxslider {margin: 0; padding: 0;}
.bx-wrapper ul.bxslider li .image-box {margin: 0 3px 7px 3px;}
.bx-wrapper ul.bxslider li .image-box a {text-decoration: none;}
.bx-wrapper ul.bxslider li .image-box a:hover {text-decoration: underline;}
.bx-wrapper ul.bxslider li h4 {}
.bx-wrapper ul.bxslider li h4 a {text-decoration: none;}
.bx-wrapper .bx-pager {text-align: center;}
.bx-wrapper .bx-pager-item {display: inline-block;}
.bx-wrapper .bx-pager.bx-default-pager a {background: rgba(0,53,145,0.2); text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: left;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: rgba(0,53,145,0.9);}
.bx-wrapper h4 {text-align: center; font-size: 20px; margin: 0 0 20px 0;}
.bx-wrapper p { text-align: center; }

.news-images .bx-wrapper {margin: 0;}

.download {width: 100%; display: block;}
.download a {padding: 12px 15px; background-color: #eff6fd; border-bottom-right-radius: 8px; font-size: 16px; font-weight: 700; text-decoration: none; color: rgba(0,53,145,1); display: inline-block;}
.download a.left {}
.download a.center {margin: 0 auto; display: table;}
.download a.right {float: right;}
.download a:hover:after {color: #ec2939;}
.download a:after {margin: 0 0 0 10px; text-align: right; content: "\f518"; float:right; font-size: 20px;}

.curve {width: 100%; right: 0; left: 0; position: absolute; z-index: 3;}
.curve.top {top: 0px;}
.curve.bottom {bottom: 0px;}
.curve img {width: 100%; height: 28px; display: block;}

.background-color {position: relative;}
.background-color.light-blue {background-color: #eff6fd;}

.background-color.light-blue {margin-top: 60px; padding: 60px 0;}

.background-color.light-blue ul.buttons li a {background-color: #FFFFFF;}
.background-color .curve {position: static;}

nav.mobile {margin: 0 !important; display: none;}

.box-shadow {-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05);}

img.blur {-webkit-filter: blur(15px); filter: blur(15px);}

img.responsive {max-width: 100%; height: auto; display: block;}
img.rounded {border-bottom-right-radius: 32px;}
img.rounded.top.left {border-top-left-radius: 32px; border-bottom-right-radius: 0;}

div.fieldset {height: 25px; margin-bottom: 47px; border-bottom: 2px solid #eff6fd; position: relative;}
div.fieldset span.handscript {position: absolute; top: -6px; padding: 0 10px; background-color: white; left: 50%; -webkit-transform: rotate(-5deg) translateX(-50%); -webkit-transform-origin: left top; -moz-transform: rotate(-5deg) translateX(-50%); -moz-transform-origin: left top; -ms-transform: rotate(-5deg) translateX(-50%); -ms-transform-origin: left top; -o-transform: rotate(-5deg) translateX(-50%); -o-transform-origin: left top; transform: rotate(-5deg) translateX(-50%); transform-origin: left top;}

span.handscript {line-height: 42px; margin-top: 5px; font-family: 'handscriptregular'; font-size: 38px; color: rgba(0,53,145,1); white-space: nowrap;}
span.handscript.rotated {-webkit-transform: rotate(-5deg); -webkit-transform-origin: left top; -moz-transform: rotate(-5deg); -moz-transform-origin: left top; -ms-transform: rotate(-5deg); -ms-transform-origin: left top; -o-transform: rotate(-5deg); -o-transform-origin: left top; transform: rotate(-5deg); transform-origin: left top; display: block;}

/*
.hamburger {top: 24px; right: 15px; width: 48px; height: 48px; line-height: 48px; font-size: 24px; text-align: center; color: #003591; position: absolute; display: none; transition: all linear 250ms; cursor: pointer; z-index: 9999;}
.hamburger:hover {}
*/

.hamburger {top: 24px; right: 15px; width: 48px; height: 48px; padding: 8px; background-color: red; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; position: absolute; display: none;}
.hamburger:hover {/*opacity: 0.7;*/}
.hamburger.is-active:hover {/*opacity: 0.7;*/}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #003591;}
.hamburger-box {width: 32px; height: 32px; display: inline-block; position: relative;}
.hamburger-inner {display: block; top: 50%; margin-top: -2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 32px; height: 4px; background-color: #003591; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -10px;}
.hamburger-inner::after {bottom: -10px;}
.hamburger--slider .hamburger-inner {top: 6px;}
.hamburger--slider .hamburger-inner::before {top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s;}
.hamburger--slider .hamburger-inner::after {top: 20px;}
.hamburger--slider.is-active .hamburger-inner {transform: translate3d(0, 10px, 0) rotate(45deg);}
.hamburger--slider.is-active .hamburger-inner::before {transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0;}
.hamburger--slider.is-active .hamburger-inner::after {transform: translate3d(0, -20px, 0) rotate(-90deg);}

::placeholder {color: rgba(153,153,153,1); opacity: 1;}
:-ms-input-placeholder {color: rgba(153,153,153,1);}
::-ms-input-placeholder {color: rgba(153,153,153,1);}

.clearfix, .clearfix::after {display: block; content: ""; clear: both;}

.video-container {margin: 0 0 20px 0; position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%; border: 0;}

.distributeur {}
.distributeur img {margin: -10px 20px 24px 0; border: 10px solid #FFFFFF; border-bottom-right-radius: 8px;}
.distributeur h3 {margin-top: 10px;}

/*
.background-watermark.product-detail, .background-watermark.page {background-repeat: no-repeat;}
.background-watermark.product-detail.left {background-image: url('../Images/bg_left_watermark.png'); background-position: center left;}
.background-watermark.product-detail.right {background-image: url('../Images/bg_right_watermark.png'); background-position: bottom right;}
.background-watermark.page.watermark-1 {background-image: url('../Images/bg_right_watermark.png'); background-position: top right;}
.background-watermark.page.watermark-2 {background-image: url('../Images/bg_left_watermark.png'); background-position: center left;}
.background-watermark.page.watermark-3 {background-image: url('../Images/bg_right_watermark-2.png'); background-position: bottom right;}
*/

main > div:last-of-type, 
main > section:last-of-type {padding-bottom: 28px;}
main .form-group {margin-bottom: 5px;}
main .form-group label {display: none;}
main .form-group select,
main .form-group input[type=text],
main .form-group input[type=email],
main .form-group input[type=password],
main .form-group textarea {width: 80%; margin: 0; padding: 0; background-color: #FFFFFF; border: 0; border-bottom-right-radius: 8px; font-size: 18px; color: rgba(51,51,51,1); outline: none;}
main .form-group input[type=text], main .form-group input[type=email], .form-group input[type=password] {height: 48px; line-height: 48px; text-indent: 15px;}
main .form-group select {height: 48px; line-height: 48px; padding: 0 0 0 10px; color: rgba(51,51,51,1);}
main .form-group input.input-validation-error {background-color: rgba(255,0,0,0.15);}
main .form-group input.input-validation-error::placeholder {color: rgba(255,0,0,1); opacity: 1;}
main .form-group input.input-validation-error:-ms-input-placeholder {color: rgba(255,0,0,1);}
main .form-group input.input-validation-error::-ms-input-placeholder {color: rgba(255,0,0,1);}
main .form-group textarea {padding: 12px 15px;}
main .form-group button {margin: 19px 0 19px 0; padding: 12px 15px; background-color: #ec2939; border: 0; border-bottom-right-radius: 8px; color: #FFFFFF; display: inline-block; cursor: pointer;}
main .form-group button {-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
main .form-group button:hover {background-color: #FFFFFF;}
main .form-group button:after {margin-left: 10px; text-align: right; content: "\f0a9"; float: right; font-size: 20px;}
main .form-group button:hover {color: #003591;}
main .form-group button:hover:after {color: #ec2939;}
main .form-group strong {padding: 12px; font-size: 18px; font-weight: normal; display: inline-block; vertical-align: top; float: left;}
main .form-group .radio {padding: 12px; display: inline-block; vertical-align: top; float: left;}
main .form-group .radio label {margin: 0; font-size: 18px; display: block;}
main .form-group:after {display: block; content: ""; clear: both;}
main .form-group[data-sf-role=multiple-choice-field-container] {width: 80%; /**/background-color: #FFFFFF; border-bottom-right-radius: 8px;}
main .form-group[data-sf-role=multiple-choice-field-container].custom-choice strong { color: #999999; width: 100%; padding-bottom: unset; }
main .form-group .has-error {display: none;}
main form .row { width: 80%; }
main form .row select, main form .row input[type=text], main form .row input[type=email], main form .row input[type=password], main form .row textarea { width: 100% !important; }
main div[data-sf-role=form-container] > div {color: red;}

.sample-button {
	float: left;
	margin-right: 48px;
}
.sample-privacy p {margin-top: 40px;}

.distributeur.inactive { display:none; visibility:hidden; }

.cookie-table table.table {border-bottom-right-radius: 32px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}
.cookie-table table.table caption {display: none;}
.cookie-table table.table thead {}
.cookie-table table.table thead tr {}
.cookie-table table.table thead tr th {padding: 12px 10px; background-color: #003591; color: #FFFFFF;}
.cookie-table table.table tbody tr {}
.cookie-table table.table tbody tr:last-of-type {}
.cookie-table table.table tbody tr:nth-child(odd) {}
.cookie-table table.table tbody tr:nth-child(even) {background-color: #eff6fd;}
.cookie-table table.table tbody tr td {padding: 10px;}
.cookie-table table.table tbody tr td strong {color: #00426A;}

.cookie-table table.table {border-collapse: collapse; margin: 0 0 24px 0; padding: 0; width: 100%; table-layout: fixed;}
.cookie-table table.table caption {}
.cookie-table table.table tr {}
.cookie-table table.table th, .cookie-table table.table td {text-align: left;}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {display: none;}

#cp-overlay {background-color: rgba(0, 53, 145, 0.5) !important;}
#cp-overlay #cp-inner {width: unset !important; top: unset !important; bottom: 0 !important; left: 30px !important; right: 30px; padding: 24px 24px 0 24px !important; border-top-right-radius: 30px; transform: unset !important;}
#cp-overlay #cp-inner h2#cp-title {margin: 0 10px 0 0; padding: 4px 0 !important; line-height: 24px !important; font-size: 16px !important; display: inline-block !important;}
#cp-overlay #cp-inner #cp-question {margin: 0 10px 24px 0; line-height: 24px !important; padding: 4px 0 !important; font-size: 16px !important; display: inline-block !important;}
#cp-overlay #cp-inner #cp-options {margin: 0 0 14px 0; display: inline-block !important;}
#cp-overlay #cp-inner #cp-options #cp-yes a.button.cp-yes-a-button, #cp-overlay #cp-inner #cp-options #cp-no a.button.cp-no-a-button {padding: 4px 15px !important; border-bottom-right-radius: 4px !important; font-size: 16px !important;}
#cp-overlay #cp-inner #cp-options #cp-yes a.button.cp-yes-a-button {margin: 0 10px 10px 0;}
#cp-overlay #cp-inner #cp-options #cp-no a.button.cp-no-a-button {margin: 0 0 10px 0;}
#cp-overlay #cp-inner #cp-options #cp-yes a.button.cp-yes-a-button:after, #cp-overlay #cp-inner #cp-options #cp-no a.button.cp-no-a-button:after {font-size: 16px !important;}

@media (min-width: 576.02px) {
	section .header-image.desktop {display: block; visibility: visible;}
	section .header-image.mobile {display: none; visibility: hidden;}
}
@media (min-width: 576.02px) and (max-width: 767.98px) {
	section .header-image.mobile {
		height: 420px;
		overflow: hidden;
	}
}
@media (min-width: 768px) {
	.visible-mobile {display: none !important;}
	.hidden-mobile {display: block !important;}
    nav.mobile {display:none !important;}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	h1 {line-height: 32px; font-size: 24px;}
	h2 {line-height: 24px; font-size: 18px;}
	h3 {line-height: 24px; font-size: 16px;}
	body.homepage h1, body.homepage h2 {line-height: 32px; font-size: 24px;}
	section .header-image .content-box h1, 
	section .header-image .content-box h3 {line-height: 24px; font-size: 18px;}
	.image-box {top: -25%;}
	section.header-gradient {height: 60px;}
	.curve {overflow: hidden;}
	.curve img {width: 200%; height: 28px; position: relative; left: 50%; transform: translateX(-50%);}
	/*body.homepage section.header-image, body.homepage section.header-image .container, body.homepage section.header-image .container .row {height: 480px; background-size: 1280px auto; margin-bottom: 24px;}*/
}

@media (min-width: 768px) and (max-width: 991.98px) {
	
	#logo {top: 0; left: 0; margin: 20px auto 0 auto; display: table; position: static;}
	#logo img {max-width: unset; height: 58px;}
	
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	/*#logo {top: 0; left: 30px;}*/
	section .header-image > img {max-width: unset; width: auto; height: 100%;}
	.image-box {top: -25%;}
	footer #footer ul li {text-align: center;}
	footer #footer ul.social {margin: 0 auto 24px auto; display: table;}
	footer #footer p a.button.right {margin: 0 auto; display: table; float: none;}
	footer #copyright p, footer #copyright ul {float: none;}
	footer #copyright p {text-align: center;}
	footer #copyright ul {margin: 0 auto; display: table;}
	footer #copyright #copyright-line {margin: 0 auto; display: table; float: none;}
    .search-results .result .button {position: relative;}
    .search-results .result .document {margin-top: 24px;}
    .catalog.category.items.variants ul {margin-bottom: 24px;}
    .bx-wrapper {margin: 0 0 24px 0;}
	img.rounded {border-bottom-right-radius: 0; border-top-left-radius: 32px;}
	.background-watermark {background-image: none !important;}
	/*body.page section.header-image, body.page section.header-image .container, body.page section.header-image .container .row {height: 320px;}*/
	#cp-overlay #cp-inner h2#cp-title {margin: 0 10px 0 0; line-height: 24px !important; display: block !important;}
	#cp-overlay #cp-inner #cp-question {margin: 0 10px 24px 0; line-height: 24px !important; display: block !important;}
	#cp-overlay #cp-inner #cp-options {display: block !important;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.hamburger {display: block; z-index: 9;}
	nav.mobile {top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100vh; padding: 138px 15px 30px 15px; background-color: #eff6fd; position: absolute; z-index: 7;}
	nav.mobile .placeholder {height: 100%; overflow-y: auto;}
	nav.mobile .placeholder ul.side-navigation {top: unset; right: unset; left: unset; width: unset; height: unset; position: static;}
	nav.mobile .placeholder ul.side-navigation li {display: block; float: none;}
	nav.mobile .placeholder ul.side-navigation li a, nav.mobile .placeholder ul.side-navigation li a:hover {background: none; background-position: unset; background-color: #FFFFFF; text-decoration: none;}
	nav.mobile .placeholder ul.side-navigation li a {color: rgba(0,53,145,1);}
    nav.mobile .placeholder ul.side-navigation li.active a {color: rgba(255,255,255,1); background-color: #ec2939;}
	nav.mobile .placeholder ul.side-navigation li a:hover {}
	
	ul.mobile-language-navigation {border:unset !important;border-radius:unset !important;box-shadow:unset !important; width: auto !important; height: auto !important; margin: 20px auto 0 auto !important; background-color: transparent !important; border-radius: 0; display: table !important; position: static !important;}
	ul.mobile-language-navigation li {margin-right: 10px; display: inline-block !important; float: left !important;}
	ul.mobile-language-navigation li:last-of-type {margin-right: 0;}
	ul.mobile-language-navigation li a {padding: 0 !important; background-color: transparent !important;}
	ul.mobile-language-navigation li a img {height: 24px; width: auto; display: block;}
	/*
	#logo {top: 0; left: unset; display: block; transform: none; position: relative; z-index: 8;}
	#logo img {max-width: 50%; height: auto;}
	*/
	/*body.homepage section.header-image, body.homepage section.header-image .container, body.homepage section.header-image .container .row {height: 387px;}*/
	section .header-image > img {width: 100%; height: auto;}
	.content-box.with-icon {}
	.content-box.with-icon .padding.top {padding-top: 78px;}
	.content-box.with-icon .padding.left {padding-left: 0;}
	.content-box.with-icon .padding.right {padding-right: 30px;}
	.content-box.with-icon .icon {top: -48px; /*right: 50%; transform: translateX(50%);*/ margin: 0 auto;}
	.optional-data {margin-right: 0;}
	.optional-data ul.buttons {margin-bottom: 72px; padding-top: 16px;}
	.sample-button, .sample-privacy {float: none;}
	.sample-privacy p {margin: 0 0 24px 0;}
	img.rounded {border-bottom-right-radius: 0; border-top-left-radius: 32px;}
	.visible-mobile {display: block !important;}
	.hidden-mobile {display: none !important;}
	/*body.page section.header-image, body.page section.header-image .container, body.page section.header-image .container .row {height: 214px;}*/
    /* Disable animations for phone */
    a.button:hover {background-position: right bottom;}
    ul.buttons li a:hover { background-position: right bottom; color: rgba(51,51,51,1);}
    ul.buttons li a:hover:after {color: rgba(0,53,145,1);}
    body.homepage ul.buttons li a:hover {color: rgba(0,53,145,1);}
    body.homepage ul.buttons li a:hover:after {color: rgba(0,53,145,1);}
	.download a:hover {background-position: right bottom; color: rgba(0,53,145,1);}
	footer #footer a.button:hover {background-position: right bottom; color: rgba(255,255,255,1);}
	.cookie-table {padding-bottom: 24px;}
	.cookie-table table.table {margin: 0; border: 0;}
	.cookie-table table.table caption {font-size: 1.3em; display: block;}
	.cookie-table table.table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
	.cookie-table table.table tbody {box-shadow: none;}
	.cookie-table table.table tr {display: block;}
	.cookie-table table.table td {text-align: left; display: block;}
	.cookie-table table.table td::before {content: attr(data-label);font-weight: bold; color: #003591; display: block;}

    ul.mobile-language-navigation.clearfix li:last-of-type a::after {margin-left: unset;text-align: unset;content: unset;float: unset}
    nav .placeholder ul li:last-of-type {margin:unset;box-shadow:unset}
    nav .placeholder ul li:last-of-type a {background: unset;margin: unset;width:100%;box-shadow:none;border:unset}
}
@media (max-width: 768px) {
	section .header-image.desktop {display: none; visibility: hidden;}
	section .header-image.mobile {display: block; visibility: visible;}
	section .header-image.mobile .curve img,
	section.hero .curve img, 
	footer .curve img {height: 28px;}
	section.header-image-placeholder .overlay {top: -28px; bottom: unset; position: relative;}
	footer #footer .curve img {width: 200%; height: 28px;}
	ul.catalog.category.items li.item.element .image img {margin: 0 auto;}
	section.header-gradient {height: 60px;}
	.curve img {height: 28px;}
	main .form-group select, main .form-group input[type=text], main .form-group input[type=email], main .form-group input[type=password], main .form-group textarea {width: 100%;}
}
@media (max-width: 575.98px) {
	/*
	#logo {top: 0; left: unset; display: block; transform: none; position: relative;}
	#logo img {max-width: 50%; height: auto;}
	*/
	/*body.homepage section.header-image, body.homepage section.header-image .container, body.homepage section.header-image .container .row {height: 535px;}*/
	section.header-image > img {width: auto; height: 100%;}
	.image-box {top: unset;}
	#cp-overlay #cp-inner #cp-options #cp-yes a.button.cp-yes-a-button {}
}

/* Sitefinity Back End Tweaks */

.sfPageContainer header {position: static;}
.sfPageContainer section .header-image #search-drop {height: 100%; opacity: 1;}
.sfPageContainer section .header-image #search-drop {z-index: 4;}

.popup-banner-wrapper {position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; right: 0; bottom: 0; left: 0; z-index: 9999999; opacity: 0; pointer-events: none; transition: opacity .3s;}
.popup-banner-wrapper.opened {opacity: 1; pointer-events: all;}
.popup-banner-wrapper .popup-banner {width: calc(100vw - 40px); max-width: 500px; height: auto; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%) scale(0.9); background-color: rgba(255,255,255,1); border-bottom-right-radius: 32px; border-top-left-radius: 32px; overflow: hidden; opacity: 0; transition: opacity .3s, transform .3s; transition-delay: .3s;  -webkit-box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); -moz-box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16);}
.popup-banner-wrapper .popup-banner ul {list-style: none; margin-bottom: 15px; padding: 0 0 0 10px; display: inline-block; text-align: left;}
.popup-banner-wrapper .popup-banner ul li {position: relative; padding: 5px 0;}
.popup-banner-wrapper .popup-banner ul li::before {top: 6px; left: -30px; margin-right: 15px; text-align: left; content: "\f058"; float: left; font-size: 20px; position: absolute; width: 24px; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; color: rgba(0,53,145,1);}
.popup-banne.popup-banner-wrapper .popup-banner .body a.buttonr-wrapper .popup-banner .image {width: 100%; padding-top: 55%; overflow: hidden; position: relative;}
.popup-banner-wrapper .popup-banner .image img {/*position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%;*/}
.popup-banner-wrapper .popup-banner .body {padding: 30px 30px 6px 30px;}
.popup-banner-wrapper .popup-banner .body p:first-of-type {margin-bottom: 5px;}
.popup-banner-wrapper .popup-banner .body a.button {background-repeat: no-repeat;}
.popup-banner-wrapper.opened .popup-banner {opacity: 1; transform: translate(-50%, -50%) scale(1);}
.popup-banner-wrapper .popup-banner-close {position: absolute; top: 15px; right: 15px; z-index: 2;}
.popup-banner-wrapper .popup-banner-close p {font-size: 25px; color: #FFFFFF; margin: 0;}
.popup-banner-wrapper .popup-banner-close p:hover {color: #EEEEEE; cursor: pointer;}

/* Temp styling for popup banner curan lady */
.popup-banner-wrapper .popup-banner {background-color: rgba(236,41,57,1);}
.popup-banner-wrapper .popup-banner .body a.button {color: rgb(0, 53, 145); background-color: #FFFFFF; margin-bottom: 12px;}
.popup-banner-wrapper .popup-banner .body a.button:after {color: rgb(0, 53, 145);}
.popup-banner-wrapper .popup-banner .body a.button:hover {background-color: #FFFFFF; color: rgb(0, 53, 145);}
.popup-banner-wrapper .popup-banner .body a.button:hover:after {color: rgba(236,41,57,1);}
.popup-banner-wrapper .popup-banner .body h2 {color: #FFFFFF; line-height: 32px; font-size: 24px;}
.popup-banner-wrapper .popup-banner-close p {color: rgba(236,41,57,1);}
.popup-banner-wrapper .popup-banner-close p:hover {color: rgba(236,41,57,.7);}

.sample-banner {-webkit-box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); -moz-box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); border-bottom-right-radius: 32px; border-top-left-radius: 32px;}
.sample-banner .content-box {padding: 30px 30px 6px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.sample-banner .image {max-height: 180px;}
.sample-banner .content-box a.button {color: #003591; background-color: #FFFFFF;}
.sample-banner .content-box a.button:hover {}
.sample-banner .content-box a.button:after {color: #003591;}
.sample-banner .content-box a.button:hover:after {color: #ec2939;}

.banner {-webkit-box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); -moz-box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); box-shadow: 3px -3px 3px 0px rgba(0,0,0,0.16); border-bottom-right-radius: 32px; border-top-left-radius: 32px; margin-bottom: 32px;}
.banner .content-box {padding: 30px 30px 6px 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.banner .image {padding-top: 56.25%; position: relative; overflow: hidden;}
.banner .image img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.banner .content-box a.button {color: rgb(0, 53, 145); background-color: rgba(255, 255, 255, 0); background: linear-gradient(to left, rgba(255,255,255,1) 50%, rgba(0,53,145,1) 50%); background-size: 200% 100%; background-position: right bottom; transition: background 250ms linear, color 250ms linear;}
.banner .content-box a.button:hover {color: rgb(255, 255, 255); background-position: left bottom;}
.banner.horizontal {display: flex; flex-direction: row;}
.banner.horizontal .image {padding-top: unset; padding-left: 30%; min-height: 250px;}
.banner.horizontal .content-box {flex-grow: 1;}

@media (max-width: 991.98px) {
	section .header-image .content-box {margin-bottom: 0;}
	.banner.horizontal {display: block;}
	.banner.horizontal .image {padding-top: 56.25%; padding-left: unset; min-height: unset;}
}

.card.user-experience {margin: 0 0 24px 0; padding: 15px; background-color: rgba(255,255,255,1); border-bottom-right-radius: 32px; transition: background 250ms linear, color 250ms linear; -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 5%); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 5%); display: block;}
.card.user-experience h2 {font-size: 24px;}

.content-box.grey {margin-bottom: 24px; padding: 0px; background-color: #eff6fd; border-bottom-right-radius: 32px; box-shadow: none;}
.content-box.grey .padding {padding: 10px 10px 8px 10px;}

.instruction-video {margin: 96px 0;}
.instruction-video .video-wrapper {position: relative; height: 100%; z-index: 2;}
.instruction-video .video-wrapper .video {padding-top: 56.25%; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; overflow: hidden; border-bottom-right-radius: 32px;}
.instruction-video .video-wrapper .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.instruction-video .sidemenu {background-color: #eff6fd; height: 100%; padding: 48px 48px 48px 18px; position: relative;}
.instruction-video .sidemenu:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 78px; background-color: #eff6fd; transform: translateX(-100%);}
.instruction-video .sidemenu .sub-title {}
.instruction-video .sidemenu .chapters {}
.instruction-video .sidemenu .chapters .chapter {display: flex; padding: 13px 20px; background-color: #FFFFFF; border-bottom-right-radius: 10px; margin-bottom: 8px;}
.instruction-video .sidemenu .chapters .chapter:hover {cursor: pointer;}
.instruction-video .sidemenu .chapters .chapter:hover .play,
.instruction-video .sidemenu .chapters .chapter.active .play {background-color: #ec2939;}
.instruction-video .sidemenu .chapters .chapter p {margin: 0;}
.instruction-video .sidemenu .chapters .chapter .title {font-weight: bold; flex-grow: 1;}
.instruction-video .sidemenu .chapters .chapter .title p {line-height: 28px;}
.instruction-video .sidemenu .chapters .chapter .time {padding: 0 20px;}
.instruction-video .sidemenu .chapters .chapter .time p {font-weight: bold; background-color: #EBEBEB; border-radius: 10px; padding: 2px 10px; white-space: nowrap; font-size: 12px;}
.instruction-video .sidemenu .chapters .chapter .play {width: 28px; height: 28px; flex-basis: 28px; position: relative; background-color: #003591; border-radius: 50%; color: #FFFFFF; text-align: center; font-size: 12px; line-height: 28px; white-space: nowrap;}
.instruction-video .sidemenu .chapters .chapter .play i {position: absolute; top: 50%; left: calc(50% + 1px); transform: translate(-50%, -50%);}

@media (max-width: 991.98px) {
	.instruction-video .video-wrapper {margin: 0 48px;}
	.instruction-video .video-wrapper .video {padding-top: 56.25%; position: relative; top: unset; transform: unset;}
	.instruction-video .sidemenu {background-color: #eff6fd; height: 100%; padding: 48px; position: relative;}
	.instruction-video .sidemenu:before {transform: translateY(-100%); bottom: unset; right: 0; height: 48px; width: 100%;}
	nav .placeholder ul {position: relative;}
}

@media (max-width: 575.98px) { 
	.instruction-video {margin: 48px 0;}
	.instruction-video .video-wrapper {margin: 0 15px;}
	.instruction-video .sidemenu {padding: 30px 15px;}
	.instruction-video .sidemenu .chapters .chapter .time {padding: 0 10px;}
}

.multi-page-form {padding-bottom: 16px;}
.multi-page-form .form-group {margin: 0 0 8px 0; display: flex; flex-direction: row; flex-wrap: nowrap;}
.multi-page-form .form-group[data-sf-role=multiple-choice-field-container] {width: 100%; padding: 15px; border-radius: 8px; display: flex; flex-direction: column; gap: 10px;}
.multi-page-form .form-group[data-sf-role=multiple-choice-field-container] strong {padding: 0; display: block; font-weight: bold; color: #003591; float: none;}
.multi-page-form .form-group .radio {padding: 12px 20px; border: 1px solid #00359126; border-radius: 4px;}
.multi-page-form .form-group .radio label {display: flex; flex-direction: row; gap: 10px; color: rgba(51,51,51,1);}
.multi-page-form .form-group select {width: 100%; border: 1px solid #00359126; border-radius: 4px;}
.multi-page-form .form-group input[type=text] {width: 100%; border: 1px solid #00359126; border-radius: 4px;}
.multi-page-form .form-group button[data-sf-btn-role="next"] {margin: 16px 0 0 0;}
.multi-page-form .form-group a[data-sf-btn-role="prev"] {line-height: 48px; margin: 16px 0 0 auto; color: #000000;}

.grecaptcha-badge {z-index: 5;}