html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure,
main { display: block;
} figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
}    html {
box-sizing: border-box;
}
* {
box-sizing: inherit;
}
ul,
ol {
padding-left: 0;
}
img {
vertical-align: middle;
} img:not([src$=".svg"]) {
height: auto;
}
blockquote,
figure {
margin-left: 0;
margin-right: 0;
}   * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html { font-size: 62.5%;  font-size: 0.625em;
}
body {
background: #fff;
font-family: "Open Sans", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings: "wdth" 100;
font-size: 16px;
line-height: 1.6;
color: #444444;
}
ul {
padding-left: 10px;
}
a {
color: #A18459;
transition: all 0.2s ease-in;
}
a:hover, a:focus, a:active {
color: #A18459;
} .wp-block-image,
p,
.p-like,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure {
margin-top: 0;
margin-bottom: 1.5em;
}
h1, .h1-like {
font-size: 40px;
}
h2, .h2-like {
font-size: 26px;
}
h3, .h3-like {
font-size: 24px;
}
h4, .h4-like {
font-size: 22px;
}
h5, .h5-like {
font-size: 20px;
}
h6, .h6-like {
font-size: 18px;
}
h1, h2, h3, h4 {
line-height: 1.4;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", serif;
margin: 3.5rem auto 2rem;
color: #21201A;
font-weight: 700;
} .smaller {
font-size: 0.6em;
}
.small {
font-size: 0.8em;
}
.big {
font-size: 1.2em;
}
.bigger {
font-size: 1.5em;
}
.biggest {
font-size: 2em;
}
code,
pre,
samp,
kbd { white-space: pre-line;
white-space: pre-wrap;
font-family: consolas, courier, monospace;
line-height: normal;
}
pre {
padding: 2em;
border: 1px solid #d4d4d4;
text-align: left;
}
em,
.italic,
address,
cite,
i,
var {
font-style: italic;
}
b,
strong {
font-weight: 600;
}    p:first-child,
.p-like:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
.h1-like:first-child,
h2:first-child,
.h2-like:first-child,
h3:first-child,
.h3-like:first-child,
h4:first-child,
.h4-like:first-child,
h5:first-child,
.h5-like:first-child,
h6:first-child,
.h6-like:first-child {
margin-top: 0;
} li p,
li .p-like,
li ul,
li ol {
margin-top: 0;
margin-bottom: 0;
} img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video,
svg {
max-width: 100%;
} table {
margin-bottom: 0;
} header.head_top {
background: white;
}
.head_lp {
max-width: 1400px;
margin: 0 auto;
padding: 11px 5%;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
width: 238px;
}
nav.menu_landing {
display: flex;
gap: 60px;
text-transform: uppercase;
}
nav a {
text-decoration: none;
color: #0062c2;
font-size: 16px;
font-weight: 700;
position: relative;
transition: all 0.2s ease;
display: inline-block;
}
nav a:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 2px;
background: #0062c2;
transition: all 0.2s ease;
}
nav a:hover {
text-decoration: none;
color: #0062c2;
font-size: 16px;
font-weight: 700;
}
nav a:hover:after {
width: 100%;
left: 0;
}
@media (max-width: 740px) {
.head_lp {
padding: 11px 20px;
flex-direction: column;
justify-content: center;
row-gap: 20px;
}
nav.menu_landing {
gap: 20px;
}
}
.hero {
background: #696d6b url(//konicaminolta.wepreprod.fr/wp-content/themes/konica/landing-page/assets/img/header_konica_komi_doc.png) top 50% right 0 no-repeat;
background-size: cover;
position: relative;
}
.hero_lp {
position: relative;
z-index: 20;
display: flex;
align-items: center;
padding: 0 5%;
min-height: 630px;
max-width: 1400px;
margin: 0 auto;
}
.hero-content {
max-width: 80%;
}
.hero-content h1 {
margin: 1rem 0;
line-height: 1.3;
}
.hero-content h1 span {
display: block;
}
@media (max-width: 1200px) {
.hero {
background: #696d6b url(//konicaminolta.wepreprod.fr/wp-content/themes/konica/landing-page/assets/img/header_konica_komi_doc.png) top 50% right 15% no-repeat;
background-size: cover;
position: relative;
}
.hero:after {
position: absolute;
z-index: 0;
content: "";
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.15);
}
.hero-content {
max-width: 100%;
}
.hero-content p, .hero-content h1 { }
.hero-content h1 {
font-size: 34px;
}
}
@media (max-width: 960px) {
.hero {
background: #696d6b url(//konicaminolta.wepreprod.fr/wp-content/themes/konica/landing-page/assets/img/header_konica_komi_doc.png) top 50% left 0 no-repeat;
background-size: cover;
position: relative;
}
} .gold {
color: #cc9f00;
}
.blue {
color: #15a5e0;
}
.pinky {
color: #be167b;
}
.txtu {
text-transform: uppercase;
}
.txtc {
text-align: center;
}
.small {
font-size: 14px;
}
.bold {
font-weight: 700;
}
.extra-bold {
font-weight: 800;
}
.white {
color: #fff;
}
.bg_rose {
background: #be167b;
}
.hero-subtitle {
color: #fff;
font-size: 20px;
margin-bottom: 35px;
line-height: 1.6;
}
.cta-button {
position: relative;
display: inline-block;
padding: 8px 3rem 8px 2rem;
background: #be167b;
color: white;
text-decoration: none;
border-radius: 5px;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
}
.cta-button:hover {
background: #000;
text-decoration: none;
}
.cta-button:after, .cta-button:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(135deg);
width: 0;
height: 7px;
border-right: 2px solid;
margin-top: -2px;
}
.cta-button:after {
transform: rotate(45deg);
}
.features {
color: #fff;
background: #fff;
position: relative;
height: 100%;
width: 100%;
}
.features:after {
position: absolute;
z-index: 0;
content: "";
height: 100%;
width: 50%;
top: 0;
bottom: 0;
left: 0;
background: #15a5e0;
}
.features_lp {
background: #15a5e0;
display: grid;
grid-template-columns: 4fr 3fr;
align-items: center;
gap: 3rem;
max-width: 1400px;
margin: 0 auto;
padding: 0 0 0 5%;
}
.features_content {
position: relative;
z-index: 10;
padding-top: 60px;
padding-bottom: 40px;
}
.features-title {
color: #fff;
margin-bottom: 1.5rem;
margin-top: 0;
}
.features-description {
font-size: 16px;
color: #fff;
margin-bottom: 3rem;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-bottom: 30px;
}
.feature-card {
background: white;
padding: 2rem;
border-radius: 18px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
min-height: 200px;
}
.feature-card *:last-child {
margin-bottom: 0;
}
.img_center {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.feature-icon {
max-width: 38px;
}
.feature-icon_v {
max-width: 50px;
}
.feature-title {
margin-top: 20px;
margin-bottom: 20px;
font-size: 16px;
text-transform: uppercase;
text-align: center;
margin-bottom: 0.8rem;
}
.feature-description {
font-size: 16px;
}
.contact_buble {
background: #15a5e0 url(//konicaminolta.wepreprod.fr/wp-content/themes/konica/landing-page/assets/img/cloud2.png) top 50% left 0 no-repeat;
background-size: cover;
position: relative;
z-index: 10;
right: 0;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-right: 5%;
}
.contact_buble:after {
position: absolute;
z-index: 5;
content: "";
height: 100%;
width: 10px;
top: 0;
bottom: 0;
right: -5px;
background: #fff;
}
.contact-form {
color: #333333;
padding: 100px 0 50px 100px;
border-radius: 18px;
max-width: 400px;
}
.contact-logo {
display: flex;
justify-content: center;
}
.contact-form img {
width: 230px;
}
.form-title {
margin: 10px 0 15px 0;
color: #444444;
}
.form-input {
width: 100%;
padding: 0.8rem;
margin-bottom: 1rem;
border: 1px solid #666;
border-radius: 8px;
font-size: 14px;
}
.secondary-button {
width: 100%;
padding: 12px 10px;
font-weight: 700;
background: #be167b;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
} .mktoForm {
max-width: 100% !important;
}
.mktoForm .mktoOffset {
height: 0 !important;
}
.contact-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
padding: 12px 10px;
background-image: none;
width: 100%;
padding: 12px 10px;
background-color: #be167b;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
}
.contact-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
background: #000;
border: none;
}
.mktoCheckboxList label,
.mktoValid label {
font-weight: normal !important;
}
.mktoButtonRow {
margin-left: 10% !important;
width: 80% !important;
}
.mktoButtonRow span.mktoSimple {
width: 100% !important;
margin-left: 10px !important;
}
.mktoForm label {
width: 115px !important;
}
.mktoForm select,
.mktoForm input,
.mktoForm textarea {
width: 150px !important;
}
.mktoForm .mktoInstruction {
display: none !important;
}
.mktoGutter {
width: 10px !important;
}
.mktoFormCol {
margin-bottom: 10px !important;
} .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
font-size: inherit;
font-family: inherit;
padding: 8px 8px;
letter-spacing: normal;
border-radius: 8px;
border-top: #000 solid 1px;
border-left: #000 solid 1px;
border-right: #000 solid 1px;
border-bottom: #000 solid 1px;
}
form#gform_21 input#gform_submit_button_21 {
width: 100%;
background: #be167b !important;
padding: 12px 10px;
font-weight: 700;
border-radius: 5px;
cursor: pointer;
}
@media (max-width: 1100px) {
.features {
background: #15a5e0;
padding-bottom: 60px;
}
.features_lp {
grid-template-columns: 1fr;
align-items: center;
gap: 3rem;
max-width: 1400px;
margin: 0 auto;
padding: 0 5% 0 5%;
}
.features_content {
padding-bottom: 20px;
}
.contact_buble {
background: #fff;
border-radius: 18px;
right: 0;
justify-content: center;
padding-right: 0;
}
.contact_buble:after {
background: none;
}
.contact-form {
background: #fff;
padding: 20px 20px 40px 20px;
border-radius: 18px;
max-width: 400px;
}
}
@media (max-width: 640px) {
.features-grid {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 2rem;
margin-bottom: 30px;
}
}
.solutions {
max-width: 1400px;
margin: 0 auto;
padding: 50px 5% 60px 5%;
background: #fff;
}
.solutions-title {
position: relative;
text-align: center;
margin-bottom: 3rem;
}
.solutions-title:before,
.solutions-title:after {
content: "";
position: absolute;
display: inline-block;
width: 50%;
height: 3px;
top: 50%;
vertical-align: middle;
background: #15a5e0;
background-clip: content-box;
}
.solutions-title:before {
left: 0;
}
.solutions-title:after {
right: 0;
}
.solutions-title span {
position: relative;
display: inline-block;
padding: 0 40px;
z-index: 10;
background: #fff;
}
.solutions-subtitle {
max-width: 840px;
margin: 0 auto 30px auto;
text-align: center;
color: #444444;
}
.product-highlight {
display: flex;
gap: 3rem;
margin: 70px 0;
}
.product-image {
width: 50%;
background: #fff;
}
.product-image img {
max-width: 100%;
}
.product-content {
width: 50%;
padding-top: 100px;
}
.pc_right {
background: url(//konicaminolta.wepreprod.fr/wp-content/themes/konica/landing-page/assets/img/right.png) top left no-repeat;
}
.pc_left {
background: url(//konicaminolta.wepreprod.fr/wp-content/themes/konica/landing-page/assets/img/left.png) top right no-repeat;
}
.product-content h3 {
margin-bottom: 1rem;
color: #cc9f00;
}
.product-description {
margin-bottom: 1rem;
}
.security-section {
background: white;
padding: 4rem 5%;
}
.security-content {
max-width: 600px;
}
.security-title {
font-size: 1.5rem;
margin-bottom: 1.5rem;
color: #333;
}
.security-item {
margin-bottom: 1rem;
position: relative;
}
@media (max-width: 880px) {
.product-highlight {
display: flex;
flex-direction: column;
gap: 3rem;
margin: 40px 0;
}
.product-highlight.flex_reverse {
flex-direction: column-reverse;
}
.product-image {
width: 100%;
}
.product-image img {
max-width: 100%;
}
.product-content {
width: 100%;
padding-top: 0px;
}
.pc_right {
background: none;
}
.pc_left {
background: none;
}
}
.testimonials {
padding: 40px 0 40px 0;
background: #d2eae7;
}
.testimonials_lp {
max-width: 1400px;
margin: 0 auto;
padding: 0 5%;
}
.testimonials-title {
position: relative;
text-align: center;
margin-bottom: 3rem;
color: #be167b;
}
.testimonials-title:before,
.testimonials-title:after {
content: "";
position: absolute;
display: inline-block;
width: 50%;
height: 3px;
top: 50%;
vertical-align: middle;
background: #15a5e0;
background-clip: content-box;
}
.testimonials-title:before {
left: 0;
}
.testimonials-title:after {
right: 0;
}
.testimonials-title span {
position: relative;
display: inline-block;
padding: 0 40px;
z-index: 10;
background: #d2eae7;
}
.testimonials-video {
max-width: 560px;
margin: 0 auto 40px auto;
display: flex;
justify-content: center;
}
.cta-section {
display: flex;
justify-content: center;
}
footer {
padding: 40px 0 20px 0;
background: #3c3c3b;
}
.footer_container {
max-width: 1400px;
margin: 0 auto;
padding: 0 5%;
}
footer a {
color: #c5c5c5;
text-decoration: none;
}
.footer-logo {
width: 160px;
margin-bottom: 2rem;
}
.footer-links {
display: flex;
justify-content: center;
gap: 2rem;
margin: 2rem 0;
font-size: 14px;
}
.footer-links a {
color: #666;
text-decoration: none;
}
.footer-rethink__social {
display: flex;
justify-content: space-between;
margin: 0 -15px;
}
.footer-rethink__social > div {
width: 50%;
padding: 0 15px;
}
.footer-rethink__top {
display: flex;
flex-direction: column;
padding-bottom: 30px;
height: 100%;
justify-content: space-between;
align-items: flex-start;
}
.footer-rethink__social-title {
color: #c6c6c6;
display: block;
margin-bottom: 10px;
}
.footer-rethink__top-social {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
.footer-rethink__top-social li:not(:last-child) {
margin-right: 28px;
}
.footer-rethink__top-social a {
display: block;
}
.footer-rethink__top-logo {
-moz-text-align-last: right;
text-align-last: right;
}
.footer-rethink__bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 16px;
border-top: 1px solid #575756;
}
.footer-rethink__bottom-links {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
margin-right: 30px;
}
.footer-rethink__bottom-links li {
display: inline-block;
position: relative;
padding-right: 10px;
margin: 4px 10px 4px 0;
line-height: 14px;
}
.footer-rethink__bottom-links li:not(:last-child) {
border-right: 1px solid #d7d7d7;
}
.footer-rethink__bottom-links li a {
font-family: OpenSans-Regular, sans-serif;
font-weight: 400;
}
.footer-rethink__bottom-copyright {
color: #c5c5c5;
}
.footer-rethink__bottom-copyright p {
font-size: 12px;
}
@media (max-width: 500px) {
.footer-rethink__social {
display: flex;
justify-content: center;
flex-direction: column;
margin-bottom: 20px;
}
.footer-rethink__social > div {
width: 100%;
padding: 0 15px;
}
.footer-rethink__top-logo {
-moz-text-align-last: center;
text-align-last: center;
}
.footer-rethink__top {
align-items: center;
}
.footer-rethink__bottom {
flex-direction: column;
gap: 20px;
}
.footer-rethink__bottom-links {
display: block;
margin-right: auto;
}
} .contact_buble .mktoForm select,
.contact_buble .mktoForm input,
.contact_buble .mktoForm textarea {width: 100% !important;}
@media only screen and (max-width: 480px) {
.contact_buble .mktoForm input[type=url],
.contact_buble .mktoForm input[type=text],
.contact_buble .mktoForm input[type=date],
.contact_buble .mktoForm input[type=tel],
.contact_buble .mktoForm input[type=email],
.contact_buble .mktoForm input[type=number],
.contact_buble .mktoForm textarea.mktoField,
.contact_buble .mktoForm select.mktoField {
width: 100%;
height: auto !important;
line-height: 1.5em;
font-size: 18px;
}
}