html {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
*,:after,:before {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul {
margin: 0;
padding: 0
}
html {
font-size: 100%;
line-height: 1;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
details,main,menu {
display: block
}
summary {
display: list-item
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: 400
}
a {
-webkit-text-decoration-skip: objects
}
sub,sup {
position: relative;
vertical-align: baseline;
line-height: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
code,kbd,samp {
font-size: 1em
}
ul {
list-style: none
}
iframe {
border: 0
}
audio,embed,img,object,video {
max-width: 100%;
height: auto
}
svg:not(:root) {
overflow: hidden
}
table {
border-collapse: collapse;
border-spacing: 0
}
legend {
white-space: normal;
color: inherit
}
td,th {
padding: 0;
text-align: left
}
th {
font-weight: 400
}
button,input,select,textarea {
-webkit-appearance: none;
-moz-appearance: none;
width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-family: inherit;
font-size: inherit;
text-align: inherit;
resize: none;
background-color: #fff0;
background-image: none
}
input::-ms-clear,input::-ms-reveal {
display: none;
width: 0;
height: 0
}
textarea {
overflow: auto
}
:root {
--max-container-width: 1366px;
--container-horizontal-padding: 1rem;
--block-element-margin-vertical: 1rem;
--heading-margin-bottom: 1rem;
--border-radius: 1.225rem;
--font-family-sans-serif: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-family-serif: Georgia, "Times New Roman", Times, serif;
--base-font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--base-font-family: var(--font-family-sans-serif);
--unitless-min-font-size: 15;
--unitless-max-font-size: 17;
--unitless-lower-font-range: 460;
--unitless-upper-font-range: 1200;
--base-line-height: 1.4;
--heading-line-height: 1.2;
--font-size-1: 2.111rem;
--font-size-2: 1.333rem;
--font-size-3: 1rem;
--font-size-5: 1rem;
--font-size-6: 0.75rem;
--font-size-base: 1rem;
--font-size-base: var(--font-size-5);
--font-size-small: 0.75rem;
--font-size-small: var(--font-size-6);
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--letter-spacing-base: 0;
--font-weight-base: 400;
--font-weight-base: var(--font-weight-normal);
--heading-font-weight: var(--font-weight-medium);
--strong-font-weight: 600;
--strong-font-weight: var(--font-weight-semibold);
--bold-font-weight: 600;
--bold-font-weight: var(--font-weight-semibold);
--definition-list-title-font-weight: 600;
--definition-list-title-font-weight: var(--font-weight-semibold);
--input-font-weight: 400;
--input-font-weight: var(--font-weight-normal);
--list-margin-left: 1rem;
--unordered-list-style: disc;
--gray-darkest: #0d0d0d;
--gray-darker: #1a1a1a;
--gray-dark: #404040;
--gray: gray;
--gray-light: #bfbfbf;
--gray-lighter: #e6e6e6;
--gray-lightest: #fafafa;
--color-primary: #ed8668;
--color-success: #3f2ab1;
--color-warning: #ffca28;
--color-error: #d32f2f;
--text-color: #191919;
--html-background-color: #fff;
--body-background-color: #fff;
--background-color: #fafafa;
--background-color: var(--gray-lightest);
--border-color: #e6e6e6;
--border-color: var(--gray-lighter);
--mark-color: #faf9e7;
--selection-color: #ece5a0;
--deleted-color: #d32f2f;
--deleted-color: var(--color-error);
--inserted-color: #cfcaec;
--disabled-color: #bfbfbf;
--disabled-color: var(--gray-light);
--speed: 0.1s;
--easing: cubic-bezier(0.77, 0, 0.175, 1);
--link-color: #ed8668;
--link-color: var(--color-primary);
--link-hover-color: gray;
--link-hover-color: var(--gray);
--link-focus-color: #404040;
--link-focus-color: var(--gray-dark);
--link-active-color: gray;
--link-active-color: var(--gray);
--link-text-decoration: none;
--button-height: 2.45rem;
--button-vertical-padding: 0;
--button-horizontal-padding: 0.75rem;
--button-border-width: 2px;
--button-border-radius: 1.225rem;
--button-border-radius: var(--border-radius);
--button-font-weight: var(--font-weight-medium);
--button-border-color: #ed8668;
--button-border-color: var(--color-primary);
--button-text-color: #fff;
--button-background-color: #ed8668;
--button-background-color: var(--color-primary);
--button-hover-border-color: #ed8668;
--button-hover-border-color: var(--color-primary);
--button-hover-text-color: #ed8668;
--button-hover-text-color: var(--color-primary);
--button-hover-background-color: #e8e8e8;
--button-focus-border-color: #ed8668;
--button-focus-border-color: var(--color-primary);
--button-focus-text-color: #ed8668;
--button-focus-text-color: var(--color-primary);
--button-focus-background-color: #e8e8e8;
--button-active-border-color: transparent;
--button-active-text-color: #ed8668;
--button-active-text-color: var(--color-primary);
--button-disabled-border-color: transparent;
--button-disabled-text-color: #bfbfbf;
--button-disabled-text-color: var(--disabled-color);
--button-disabled-background-color: #fafafa;
--button-disabled-background-color: var(--gray-lightest);
--fieldset-margin-vertical: 1rem;
--fieldset-padding-vertical: 0;
--fieldset-padding-horizontal: 0;
--fieldset-border-width: 0;
--fieldset-border-color: transparent;
--legend-margin-bottom: 1rem;
--legend-font-weight: 600;
--legend-font-weight: var(--font-weight-semibold);
--label-margin-bottom: 0.5rem;
--label-font-weight: 600;
--label-font-weight: var(--font-weight-semibold);
--input-display: block;
--input-width: 100%;
--input-height: 2.5rem;
--input-padding-vertical: 0;
--input-padding-horizontal: 0.75rem;
--input-border-width: 1px;
--input-border-radius: 1.225rem;
--input-border-radius: var(--border-radius);
--input-border-color: #e6e6e6;
--input-border-color: var(--gray-lighter);
--input-text-color: #191919;
--input-text-color: var(--text-color);
--input-placeholder-color: gray;
--input-placeholder-color: var(--gray);
--input-background-color: #e6e6e6;
--input-background-color: var(--gray-lighter);
--input-hover-border-color: #e6e6e6;
--input-hover-border-color: var(--input-border-color);
--input-hover-text-color: #191919;
--input-hover-text-color: var(--input-text-color);
--input-hover-placeholder-color: gray;
--input-hover-placeholder-color: var(--input-placeholder-color);
--input-hover-background-color: #e6e6e6;
--input-hover-background-color: var(--input-background-color);
--input-focus-border-color: #ed8668;
--input-focus-border-color: var(--color-primary);
--input-focus-text-color: #ed8668;
--input-focus-text-color: var(--color-primary);
--input-focus-placeholder-color: gray;
--input-focus-placeholder-color: var(--input-placeholder-color);
--input-focus-background-color: #e6e6e6;
--input-focus-background-color: var(--input-background-color);
--input-disabled-border-color: #fafafa;
--input-disabled-border-color: var(--gray-lightest);
--input-disabled-text-color: #bfbfbf;
--input-disabled-text-color: var(--gray-light);
--input-disabled-placeholder-color: #bfbfbf;
--input-disabled-placeholder-color: var(--gray-light);
--input-disabled-background-color: #fafafa;
--input-disabled-background-color: var(--gray-lightest);
--textarea-display: block;
--textarea-width: 100%;
--textarea-height: auto;
--textarea-padding-vertical: 0.5rem;
--textarea-padding-horizontal: 0.75rem;
--checkbox-label-padding-horizontal: 2rem;
--checkbox-label-font-weight: 400;
--checkbox-label-font-weight: var(--font-weight-normal);
--checkbox-label-disabled-color: #bfbfbf;
--checkbox-label-disabled-color: var(--disabled-color);
--checkbox-width: 24px;
--checkbox-height: 24px;
--checkbox-background-color: #e6e6e6;
--checkbox-background-color: var(--gray-lighter);
--checkbox-hover-background-color: #bfbfbf;
--checkbox-hover-background-color: var(--gray-light);
--checkbox-focus-background-color: #bfbfbf;
--checkbox-focus-background-color: var(--gray-light);
--checkbox-checked-background-color: #ed8668;
--checkbox-checked-background-color: var(--color-primary);
--checkbox-disabled-background-color: #fafafa;
--checkbox-disabled-background-color: var(--gray-lightest);
--checkbox-check-position-top: 3px;
--checkbox-check-position-left: 8px;
--checkbox-check-width: 8px;
--checkbox-check-height: 14px;
--checkbox-border-width: 2px;
--horizontal-rule-height: 1px;
--horizontal-rule-margin-vertical: 1rem;
--horizontal-rule-color: #ed8668;
--horizontal-rule-color: var(--color-primary);
--media-width: 100%;
--media-margin-vertical: 1rem
}
.visually-hidden {
clip: rect(0 0 0 0);
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
border: 0;
white-space: nowrap
}
.clearfix:after,.clearfix:before {
display: table;
content: "";
clear: both
}
.clearfix:after {
clear: both
}
.list-unstyled {
margin: 0;
list-style: none
}
.container {
max-width: 1366px;
max-width: var(--max-container-width);
margin: 0 auto;
padding: 0 1rem;
padding: 0 var(--container-horizontal-padding)
}
.container.is-fluid {
max-width: none
}
hr {
height: 1px;
height: var(--horizontal-rule-height);
margin: 1rem 0;
margin: var(--horizontal-rule-margin-vertical) 0;
border: none;
background-color: #ed8668;
background-color: var(--horizontal-rule-color)
}
audio,canvas,hr,iframe,img,meter,progress,video {
display: block
}
svg {
fill: currentColor
}
:root {
--font-size-difference: 2;
--font-size-difference: calc(var(--unitless-max-font-size) - var(--unitless-min-font-size));
--font-range-difference: 740;
--font-range-difference: calc(var(--unitless-upper-font-range) - var(--unitless-lower-font-range));
--viewport-difference: calc(100vw - 460px);
--viewport-difference: calc(100vw - var(--unitless-lower-font-range) * 1px)
}
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
font-family: var(--base-font-family);
font-size: calc(13.75676px + .27027vw);
font-size: calc(var(--unitless-min-font-size) * 1px + var(--font-size-difference) * var(--viewport-difference) / var(--font-range-difference));
line-height: 1.4;
line-height: var(--base-line-height);
font-weight: 400;
font-weight: var(--font-weight-base);
letter-spacing: 0;
letter-spacing: var(--letter-spacing-base)
}
@media (max-width: 459px) {
html {
font-size:15px;
font-size: calc(var(--unitless-min-font-size) * 1px)
}
}
@media (min-width: 1200px) {
html {
font-size:17px;
font-size: calc(var(--unitless-max-font-size) * 1px)
}
}
h1,h2,h3,h4,h5,h6 {
margin-bottom: 1rem;
margin-bottom: var(--heading-margin-bottom);
line-height: 1.2;
line-height: var(--heading-line-height);
font-weight: var(--font-weight-medium);
font-weight: var(--heading-font-weight)
}
.h1,h1 {
font-size: 2.111rem;
font-size: var(--font-size-1)
}
.h2,h2 {
font-size: 1.333rem;
font-size: var(--font-size-2)
}
.h3,h3 {
font-size: 1rem;
font-size: var(--font-size-3)
}
.h4,h4 {
font-size: var(--font-size-4)
}
.h5,h5 {
font-size: 1rem;
font-size: var(--font-size-5)
}
.h6,h6 {
font-size: .75rem;
font-size: var(--font-size-6)
}
small {
font-size: .75rem;
font-size: var(--font-size-small)
}
strong {
font-weight: 600;
font-weight: var(--strong-font-weight)
}
b {
font-weight: 600;
font-weight: var(--bold-font-weight)
}
blockquote,dl,figcaption,ol,p,pre,ul {
margin: 0 0 1rem;
margin: 0 0 var(--block-element-margin-vertical)
}
dt {
font-weight: 600;
font-weight: var(--definition-list-title-font-weight)
}
abbr[title] {
border-bottom: 1px dotted currentColor;
text-decoration: none
}
blockquote p:before {
content: "\201c"
}
blockquote p:after {
content: "\201d"
}
address {
font-style: normal
}
ol,ul {
margin-left: 1rem;
margin-left: var(--list-margin-left)
}
ul {
list-style: disc;
list-style: var(--unordered-list-style)
}
html {
background-color: #fff;
background-color: var(--html-background-color)
}
body {
color: #191919;
color: var(--text-color);
background-color: #fff;
background-color: var(--body-background-color)
}
a {
text-decoration: none;
-webkit-text-decoration: var(--link-text-decoration);
text-decoration: var(--link-text-decoration);
color: #ed8668;
color: var(--link-color);
-webkit-transition: color .1s cubic-bezier(.77,0,.175,1);
transition: color .1s cubic-bezier(.77,0,.175,1);
-webkit-transition: color var(--speed) var(--easing);
transition: color var(--speed) var(--easing);
cursor: pointer
}
a:hover {
color: gray;
color: var(--link-hover-color);
text-decoration: none
}
a:focus {
color: #404040;
color: var(--link-focus-color)
}
a:active {
color: gray;
color: var(--link-active-color)
}
mark {
background-color: #faf9e7;
background-color: var(--mark-color)
}
del {
background-color: #d32f2f;
background-color: var(--deleted-color)
}
ins {
background-color: #cfcaec;
background-color: var(--inserted-color)
}
::-moz-selection {
text-shadow: none!important;
background-color: #ece5a0;
background-color: var(--selection-color)
}
::selection {
text-shadow: none!important;
background-color: #ece5a0;
background-color: var(--selection-color)
}
[role=button],button,input[type=button],input[type=file]+label,input[type=submit] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
height: 2.45rem;
height: var(--button-height);
padding: 0 .75rem;
padding: var(--button-vertical-padding) var(--button-horizontal-padding);
border-width: 2px;
border-color: #ed8668;
border: var(--button-border-width) solid var(--button-border-color);
border-radius: 1.225rem;
border-radius: var(--button-border-radius);
outline: 0;
text-decoration: none;
font-weight: var(--font-weight-medium);
font-weight: var(--button-font-weight);
white-space: nowrap;
color: #fff;
color: var(--button-text-color);
background-color: #ed8668;
background-color: var(--button-background-color);
-webkit-transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
-webkit-transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
cursor: pointer
}
[role=button]:hover,button:hover,input[type=button]:hover,input[type=file]+label:hover,input[type=submit]:hover {
border-color: #ed8668;
border-color: var(--button-hover-border-color);
color: #ed8668;
color: var(--button-hover-text-color);
background-color: #e8e8e8;
background-color: var(--button-hover-background-color)
}
[role=button]:focus,button:focus,input[type=button]:focus,input[type=file]+label:focus,input[type=submit]:focus {
border-color: #ed8668;
border-color: var(--button-focus-border-color);
color: #ed8668;
color: var(--button-focus-text-color);
background-color: #e8e8e8;
background-color: var(--button-focus-background-color)
}
[role=button]:active,button:active,input[type=button]:active,input[type=file]+label:active,input[type=submit]:active {
border-color: #fff0;
border-color: var(--button-active-border-color);
color: #ed8668;
color: var(--button-active-text-color)
}
fieldset {
margin: 1rem 0;
margin: var(--fieldset-margin-vertical) 0;
padding: 0;
padding: var(--fieldset-padding-vertical) var(--fieldset-padding-horizontal);
border-width: 0;
border-color: #fff0;
border: var(--fieldset-border-width) solid var(--fieldset-border-color)
}
fieldset legend {
margin-bottom: 1rem;
margin-bottom: var(--legend-margin-bottom);
font-weight: 600;
font-weight: var(--legend-font-weight)
}
label {
display: block;
margin-bottom: .5rem;
margin-bottom: var(--label-margin-bottom);
font-weight: 600;
font-weight: var(--label-font-weight)
}
input,select,textarea {
outline: 0
}
input[type=color],input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],select {
border-width: 1px;
border-color: #e6e6e6;
border: var(--input-border-width) solid var(--input-border-color);
border-radius: 1.225rem;
border-radius: var(--input-border-radius);
font-weight: 400;
font-weight: var(--input-font-weight);
color: #191919;
color: var(--input-text-color);
background-color: #e6e6e6;
background-color: var(--input-background-color);
-webkit-transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
-webkit-transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
display: block;
display: var(--input-display);
width: 100%;
width: var(--input-width);
height: 2.5rem;
height: var(--input-height);
padding: 0 .75rem;
padding: var(--input-padding-vertical) var(--input-padding-horizontal)
}
input[type=color]::-webkit-input-placeholder,input[type=date]::-webkit-input-placeholder,input[type=datetime-local]::-webkit-input-placeholder,input[type=email]::-webkit-input-placeholder,input[type=month]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder,input[type=password]::-webkit-input-placeholder,input[type=search]::-webkit-input-placeholder,input[type=tel]::-webkit-input-placeholder,input[type=text]::-webkit-input-placeholder,input[type=url]::-webkit-input-placeholder,input[type=week]::-webkit-input-placeholder,select::-webkit-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]::-moz-placeholder,input[type=date]::-moz-placeholder,input[type=datetime-local]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=month]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=text]::-moz-placeholder,input[type=url]::-moz-placeholder,input[type=week]::-moz-placeholder,select::-moz-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]::-ms-input-placeholder,input[type=date]::-ms-input-placeholder,input[type=datetime-local]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=number]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=search]::-ms-input-placeholder,input[type=tel]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=url]::-ms-input-placeholder,input[type=week]::-ms-input-placeholder,select::-ms-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]::placeholder,input[type=date]::placeholder,input[type=datetime-local]::placeholder,input[type=email]::placeholder,input[type=month]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder,input[type=url]::placeholder,input[type=week]::placeholder,select::placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:hover,input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=url]:hover,input[type=week]:hover,select:hover {
border-color: #e6e6e6;
border-color: var(--input-hover-border-color);
color: #191919;
color: var(--input-hover-text-color);
background-color: #e6e6e6;
background-color: var(--input-hover-background-color)
}
input[type=color]:hover::-webkit-input-placeholder,input[type=date]:hover::-webkit-input-placeholder,input[type=datetime-local]:hover::-webkit-input-placeholder,input[type=email]:hover::-webkit-input-placeholder,input[type=month]:hover::-webkit-input-placeholder,input[type=number]:hover::-webkit-input-placeholder,input[type=password]:hover::-webkit-input-placeholder,input[type=search]:hover::-webkit-input-placeholder,input[type=tel]:hover::-webkit-input-placeholder,input[type=text]:hover::-webkit-input-placeholder,input[type=url]:hover::-webkit-input-placeholder,input[type=week]:hover::-webkit-input-placeholder,select:hover::-webkit-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:hover::-moz-placeholder,input[type=date]:hover::-moz-placeholder,input[type=datetime-local]:hover::-moz-placeholder,input[type=email]:hover::-moz-placeholder,input[type=month]:hover::-moz-placeholder,input[type=number]:hover::-moz-placeholder,input[type=password]:hover::-moz-placeholder,input[type=search]:hover::-moz-placeholder,input[type=tel]:hover::-moz-placeholder,input[type=text]:hover::-moz-placeholder,input[type=url]:hover::-moz-placeholder,input[type=week]:hover::-moz-placeholder,select:hover::-moz-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:hover::-ms-input-placeholder,input[type=date]:hover::-ms-input-placeholder,input[type=datetime-local]:hover::-ms-input-placeholder,input[type=email]:hover::-ms-input-placeholder,input[type=month]:hover::-ms-input-placeholder,input[type=number]:hover::-ms-input-placeholder,input[type=password]:hover::-ms-input-placeholder,input[type=search]:hover::-ms-input-placeholder,input[type=tel]:hover::-ms-input-placeholder,input[type=text]:hover::-ms-input-placeholder,input[type=url]:hover::-ms-input-placeholder,input[type=week]:hover::-ms-input-placeholder,select:hover::-ms-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:hover::placeholder,input[type=date]:hover::placeholder,input[type=datetime-local]:hover::placeholder,input[type=email]:hover::placeholder,input[type=month]:hover::placeholder,input[type=number]:hover::placeholder,input[type=password]:hover::placeholder,input[type=search]:hover::placeholder,input[type=tel]:hover::placeholder,input[type=text]:hover::placeholder,input[type=url]:hover::placeholder,input[type=week]:hover::placeholder,select:hover::placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:focus,input[type=color]:hover:focus,input[type=date]:focus,input[type=date]:hover:focus,input[type=datetime-local]:focus,input[type=datetime-local]:hover:focus,input[type=email]:focus,input[type=email]:hover:focus,input[type=month]:focus,input[type=month]:hover:focus,input[type=number]:focus,input[type=number]:hover:focus,input[type=password]:focus,input[type=password]:hover:focus,input[type=search]:focus,input[type=search]:hover:focus,input[type=tel]:focus,input[type=tel]:hover:focus,input[type=text]:focus,input[type=text]:hover:focus,input[type=url]:focus,input[type=url]:hover:focus,input[type=week]:focus,input[type=week]:hover:focus,select:focus,select:hover:focus {
border-color: #ed8668;
border-color: var(--input-focus-border-color);
color: #ed8668;
color: var(--input-focus-text-color);
background-color: #e6e6e6;
background-color: var(--input-focus-background-color)
}
input[type=color]:focus::-webkit-input-placeholder,input[type=color]:hover:focus::-webkit-input-placeholder,input[type=date]:focus::-webkit-input-placeholder,input[type=date]:hover:focus::-webkit-input-placeholder,input[type=datetime-local]:focus::-webkit-input-placeholder,input[type=datetime-local]:hover:focus::-webkit-input-placeholder,input[type=email]:focus::-webkit-input-placeholder,input[type=email]:hover:focus::-webkit-input-placeholder,input[type=month]:focus::-webkit-input-placeholder,input[type=month]:hover:focus::-webkit-input-placeholder,input[type=number]:focus::-webkit-input-placeholder,input[type=number]:hover:focus::-webkit-input-placeholder,input[type=password]:focus::-webkit-input-placeholder,input[type=password]:hover:focus::-webkit-input-placeholder,input[type=search]:focus::-webkit-input-placeholder,input[type=search]:hover:focus::-webkit-input-placeholder,input[type=tel]:focus::-webkit-input-placeholder,input[type=tel]:hover:focus::-webkit-input-placeholder,input[type=text]:focus::-webkit-input-placeholder,input[type=text]:hover:focus::-webkit-input-placeholder,input[type=url]:focus::-webkit-input-placeholder,input[type=url]:hover:focus::-webkit-input-placeholder,input[type=week]:focus::-webkit-input-placeholder,input[type=week]:hover:focus::-webkit-input-placeholder,select:focus::-webkit-input-placeholder,select:hover:focus::-webkit-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:focus::-moz-placeholder,input[type=color]:hover:focus::-moz-placeholder,input[type=date]:focus::-moz-placeholder,input[type=date]:hover:focus::-moz-placeholder,input[type=datetime-local]:focus::-moz-placeholder,input[type=datetime-local]:hover:focus::-moz-placeholder,input[type=email]:focus::-moz-placeholder,input[type=email]:hover:focus::-moz-placeholder,input[type=month]:focus::-moz-placeholder,input[type=month]:hover:focus::-moz-placeholder,input[type=number]:focus::-moz-placeholder,input[type=number]:hover:focus::-moz-placeholder,input[type=password]:focus::-moz-placeholder,input[type=password]:hover:focus::-moz-placeholder,input[type=search]:focus::-moz-placeholder,input[type=search]:hover:focus::-moz-placeholder,input[type=tel]:focus::-moz-placeholder,input[type=tel]:hover:focus::-moz-placeholder,input[type=text]:focus::-moz-placeholder,input[type=text]:hover:focus::-moz-placeholder,input[type=url]:focus::-moz-placeholder,input[type=url]:hover:focus::-moz-placeholder,input[type=week]:focus::-moz-placeholder,input[type=week]:hover:focus::-moz-placeholder,select:focus::-moz-placeholder,select:hover:focus::-moz-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:focus::-ms-input-placeholder,input[type=color]:hover:focus::-ms-input-placeholder,input[type=date]:focus::-ms-input-placeholder,input[type=date]:hover:focus::-ms-input-placeholder,input[type=datetime-local]:focus::-ms-input-placeholder,input[type=datetime-local]:hover:focus::-ms-input-placeholder,input[type=email]:focus::-ms-input-placeholder,input[type=email]:hover:focus::-ms-input-placeholder,input[type=month]:focus::-ms-input-placeholder,input[type=month]:hover:focus::-ms-input-placeholder,input[type=number]:focus::-ms-input-placeholder,input[type=number]:hover:focus::-ms-input-placeholder,input[type=password]:focus::-ms-input-placeholder,input[type=password]:hover:focus::-ms-input-placeholder,input[type=search]:focus::-ms-input-placeholder,input[type=search]:hover:focus::-ms-input-placeholder,input[type=tel]:focus::-ms-input-placeholder,input[type=tel]:hover:focus::-ms-input-placeholder,input[type=text]:focus::-ms-input-placeholder,input[type=text]:hover:focus::-ms-input-placeholder,input[type=url]:focus::-ms-input-placeholder,input[type=url]:hover:focus::-ms-input-placeholder,input[type=week]:focus::-ms-input-placeholder,input[type=week]:hover:focus::-ms-input-placeholder,select:focus::-ms-input-placeholder,select:hover:focus::-ms-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:focus::placeholder,input[type=color]:hover:focus::placeholder,input[type=date]:focus::placeholder,input[type=date]:hover:focus::placeholder,input[type=datetime-local]:focus::placeholder,input[type=datetime-local]:hover:focus::placeholder,input[type=email]:focus::placeholder,input[type=email]:hover:focus::placeholder,input[type=month]:focus::placeholder,input[type=month]:hover:focus::placeholder,input[type=number]:focus::placeholder,input[type=number]:hover:focus::placeholder,input[type=password]:focus::placeholder,input[type=password]:hover:focus::placeholder,input[type=search]:focus::placeholder,input[type=search]:hover:focus::placeholder,input[type=tel]:focus::placeholder,input[type=tel]:hover:focus::placeholder,input[type=text]:focus::placeholder,input[type=text]:hover:focus::placeholder,input[type=url]:focus::placeholder,input[type=url]:hover:focus::placeholder,input[type=week]:focus::placeholder,input[type=week]:hover:focus::placeholder,select:focus::placeholder,select:hover:focus::placeholder {
color: gray;
color: var(--input-placeholder-color)
}
input[type=color]:disabled,input[type=color]:disabled:focus,input[type=color]:disabled:hover,input[type=date]:disabled,input[type=date]:disabled:focus,input[type=date]:disabled:hover,input[type=datetime-local]:disabled,input[type=datetime-local]:disabled:focus,input[type=datetime-local]:disabled:hover,input[type=email]:disabled,input[type=email]:disabled:focus,input[type=email]:disabled:hover,input[type=month]:disabled,input[type=month]:disabled:focus,input[type=month]:disabled:hover,input[type=number]:disabled,input[type=number]:disabled:focus,input[type=number]:disabled:hover,input[type=password]:disabled,input[type=password]:disabled:focus,input[type=password]:disabled:hover,input[type=search]:disabled,input[type=search]:disabled:focus,input[type=search]:disabled:hover,input[type=tel]:disabled,input[type=tel]:disabled:focus,input[type=tel]:disabled:hover,input[type=text]:disabled,input[type=text]:disabled:focus,input[type=text]:disabled:hover,input[type=url]:disabled,input[type=url]:disabled:focus,input[type=url]:disabled:hover,input[type=week]:disabled,input[type=week]:disabled:focus,input[type=week]:disabled:hover,select:disabled,select:disabled:focus,select:disabled:hover {
border-color: #fafafa;
border-color: var(--input-disabled-border-color);
color: #bfbfbf;
color: var(--input-disabled-text-color);
background-color: #fafafa;
background-color: var(--input-disabled-background-color);
cursor: not-allowed
}
input[type=color]:disabled::-webkit-input-placeholder,input[type=date]:disabled::-webkit-input-placeholder,input[type=datetime-local]:disabled::-webkit-input-placeholder,input[type=email]:disabled::-webkit-input-placeholder,input[type=month]:disabled::-webkit-input-placeholder,input[type=number]:disabled::-webkit-input-placeholder,input[type=password]:disabled::-webkit-input-placeholder,input[type=search]:disabled::-webkit-input-placeholder,input[type=tel]:disabled::-webkit-input-placeholder,input[type=text]:disabled::-webkit-input-placeholder,input[type=url]:disabled::-webkit-input-placeholder,input[type=week]:disabled::-webkit-input-placeholder,select:disabled::-webkit-input-placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
input[type=color]:disabled::-moz-placeholder,input[type=date]:disabled::-moz-placeholder,input[type=datetime-local]:disabled::-moz-placeholder,input[type=email]:disabled::-moz-placeholder,input[type=month]:disabled::-moz-placeholder,input[type=number]:disabled::-moz-placeholder,input[type=password]:disabled::-moz-placeholder,input[type=search]:disabled::-moz-placeholder,input[type=tel]:disabled::-moz-placeholder,input[type=text]:disabled::-moz-placeholder,input[type=url]:disabled::-moz-placeholder,input[type=week]:disabled::-moz-placeholder,select:disabled::-moz-placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
input[type=color]:disabled::-ms-input-placeholder,input[type=date]:disabled::-ms-input-placeholder,input[type=datetime-local]:disabled::-ms-input-placeholder,input[type=email]:disabled::-ms-input-placeholder,input[type=month]:disabled::-ms-input-placeholder,input[type=number]:disabled::-ms-input-placeholder,input[type=password]:disabled::-ms-input-placeholder,input[type=search]:disabled::-ms-input-placeholder,input[type=tel]:disabled::-ms-input-placeholder,input[type=text]:disabled::-ms-input-placeholder,input[type=url]:disabled::-ms-input-placeholder,input[type=week]:disabled::-ms-input-placeholder,select:disabled::-ms-input-placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
input[type=color]:disabled::placeholder,input[type=date]:disabled::placeholder,input[type=datetime-local]:disabled::placeholder,input[type=email]:disabled::placeholder,input[type=month]:disabled::placeholder,input[type=number]:disabled::placeholder,input[type=password]:disabled::placeholder,input[type=search]:disabled::placeholder,input[type=tel]:disabled::placeholder,input[type=text]:disabled::placeholder,input[type=url]:disabled::placeholder,input[type=week]:disabled::placeholder,select:disabled::placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
textarea {
border-width: 1px;
border-color: #e6e6e6;
border: var(--input-border-width) solid var(--input-border-color);
border-radius: 1.225rem;
border-radius: var(--input-border-radius);
font-weight: 400;
font-weight: var(--input-font-weight);
color: #191919;
color: var(--input-text-color);
background-color: #e6e6e6;
background-color: var(--input-background-color);
-webkit-transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
-webkit-transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
display: block;
display: var(--textarea-display);
width: 100%;
width: var(--textarea-width);
height: auto;
height: var(--textarea-height);
resize: vertical;
padding: .5rem .75rem;
padding: var(--textarea-padding-vertical) var(--textarea-padding-horizontal)
}
textarea::-webkit-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea::-moz-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea::-ms-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea::placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:hover {
border-color: #e6e6e6;
border-color: var(--input-hover-border-color);
color: #191919;
color: var(--input-hover-text-color);
background-color: #e6e6e6;
background-color: var(--input-hover-background-color)
}
textarea:hover::-webkit-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:hover::-moz-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:hover::-ms-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:hover::placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:focus,textarea:hover:focus {
border-color: #ed8668;
border-color: var(--input-focus-border-color);
color: #ed8668;
color: var(--input-focus-text-color);
background-color: #e6e6e6;
background-color: var(--input-focus-background-color)
}
textarea:focus::-webkit-input-placeholder,textarea:hover:focus::-webkit-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:focus::-moz-placeholder,textarea:hover:focus::-moz-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:focus::-ms-input-placeholder,textarea:hover:focus::-ms-input-placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:focus::placeholder,textarea:hover:focus::placeholder {
color: gray;
color: var(--input-placeholder-color)
}
textarea:disabled,textarea:disabled:focus,textarea:disabled:hover {
border-color: #fafafa;
border-color: var(--input-disabled-border-color);
color: #bfbfbf;
color: var(--input-disabled-text-color);
background-color: #fafafa;
background-color: var(--input-disabled-background-color);
cursor: not-allowed
}
textarea:disabled::-webkit-input-placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
textarea:disabled::-moz-placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
textarea:disabled::-ms-input-placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
textarea:disabled::placeholder {
color: #bfbfbf;
color: var(--input-disabled-placeholder-color)
}
select {
background-repeat: no-repeat;
cursor: pointer
}
.checkbox,.checkbox label {
position: relative
}
.checkbox label {
padding: 0 2rem;
padding: 0 var(--checkbox-label-padding-horizontal);
font-weight: 400;
font-weight: var(--checkbox-label-font-weight);
cursor: pointer
}
.checkbox label:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 24px;
width: var(--checkbox-width);
height: 24px;
height: var(--checkbox-height);
background-color: #e6e6e6;
background-color: var(--checkbox-background-color);
-webkit-transition: background-color .1s cubic-bezier(.77,0,.175,1);
transition: background-color .1s cubic-bezier(.77,0,.175,1);
-webkit-transition: background-color var(--speed) var(--easing);
transition: background-color var(--speed) var(--easing);
content: ""
}
.checkbox input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
pointer-events: none
}
.checkbox input[type=checkbox]:hover+label:before {
background-color: #bfbfbf;
background-color: var(--checkbox-hover-background-color)
}
.checkbox input[type=checkbox]:focus+label:before {
background-color: #bfbfbf;
background-color: var(--checkbox-focus-background-color)
}
.checkbox input[type=checkbox]:checked+label:before,.checkbox input[type=checkbox]:checked:focus+label:before,.checkbox input[type=checkbox]:checked:hover+label:before {
background-color: #ed8668;
background-color: var(--checkbox-checked-background-color)
}
.checkbox input[type=checkbox]:checked+label:after {
display: block;
position: absolute;
top: 3px;
top: var(--checkbox-check-position-top);
left: 8px;
left: var(--checkbox-check-position-left);
width: 8px;
width: var(--checkbox-check-width);
height: 14px;
height: var(--checkbox-check-height);
border: solid #fff;
border-width: 0 2px 2px 0;
border-width: 0 var(--checkbox-border-width) var(--checkbox-border-width) 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: ""
}
.checkbox input[type=checkbox]:disabled+label,.checkbox input[type=checkbox]:disabled:focus+label,.checkbox input[type=checkbox]:disabled:hover+label {
color: #bfbfbf;
color: var(--checkbox-label-disabled-color);
cursor: not-allowed
}
.checkbox input[type=checkbox]:disabled+label:before,.checkbox input[type=checkbox]:disabled:focus+label:before,.checkbox input[type=checkbox]:disabled:hover+label:before {
background-color: #fafafa;
background-color: var(--checkbox-disabled-background-color)
}
input[type=file] {
clip: rect(0 0 0 0);
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
margin: -1px;
padding: 0;
border: 0;
white-space: nowrap
}
input[type=file]+label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
height: 2.45rem;
height: var(--button-height);
padding: 0 .75rem;
padding: var(--button-vertical-padding) var(--button-horizontal-padding);
border-width: 2px;
border-color: #ed8668;
border: var(--button-border-width) solid var(--button-border-color);
border-radius: 1.225rem;
border-radius: var(--button-border-radius);
outline: 0;
text-decoration: none;
font-weight: var(--font-weight-medium);
font-weight: var(--button-font-weight);
white-space: nowrap;
color: #fff;
color: var(--button-text-color);
background-color: #ed8668;
background-color: var(--button-background-color);
-webkit-transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
transition: border-color .1s cubic-bezier(.77,0,.175,1),color .1s cubic-bezier(.77,0,.175,1),background-color .1s cubic-bezier(.77,0,.175,1);
-webkit-transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
transition: border-color var(--speed) var(--easing),color var(--speed) var(--easing),background-color var(--speed) var(--easing);
cursor: pointer
}
input[type=file]+label:hover {
border-color: #ed8668;
border-color: var(--button-hover-border-color);
color: #ed8668;
color: var(--button-hover-text-color);
background-color: #e8e8e8;
background-color: var(--button-hover-background-color)
}
input[type=file]+label:focus {
border-color: #ed8668;
border-color: var(--button-focus-border-color);
color: #ed8668;
color: var(--button-focus-text-color);
background-color: #e8e8e8;
background-color: var(--button-focus-background-color)
}
input[type=file]+label:active {
border-color: #fff0;
border-color: var(--button-active-border-color);
color: #ed8668;
color: var(--button-active-text-color)
}
[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea {
-ms-touch-action: manipulation;
touch-action: manipulation
}
:root {
--color-greyblue: #f0f5f7;
--color-grey: #e3dddf;
--color-grey-header: #e4e9eb;
--gutter: 20px;
--max-container-width--unitless: 1366
}
#navigation .menu-item:last-child {
margin: 0
}
#navigation .menu-item a {
display: inline-block;
line-height: 1.1
}
#navigation .menu-item.current-menu-ancestor>a,#navigation .menu-item.current-menu-item>a {
color: #191919;
color: var(--text-color)
}
#navigation .menu-item-has-children {
position: relative
}
#navigation .menu-item-has-children.is-active .sub-menu {
display: block;
z-index: 3
}
#navigation .menu .sub-menu {
display: none;
position: absolute;
top: 0;
left: 1rem;
z-index: 2;
margin: 0 0 0 -1rem;
padding-top: 1rem;
width: 100%
}
#navigation .menu .sub-menu li {
width: 100%;
display: block;
background: #f1f1f1;
border-right: 0
}
#navigation .menu .sub-menu a {
display: inline-block;
padding: .6rem 1rem;
-webkit-transition: background .3s;
transition: background .3s
}
#navigation .menu-item-has-children:after {
content: "\e903";
font-family: icomoon;
cursor: pointer;
font-size: 1.4rem;
max-height: 1rem;
height: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
color: #191919;
color: var(--text-color);
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 1rem
}
@media (min-width: 45rem) {
#navigation .menu-item-has-children:after {
padding:0 0 0 5%
}
}
#navigation .menu-item-has-children.is-active:after {
content: "\e902"
}
@media (min-width: 45rem) {
#navigation .menu {
height:100%!important
}
}
@media (max-width: 45rem) {
#navigation .menu {
height:0;
opacity: 0;
width: 100%;
left: 0;
top: 0;
bottom: 0;
z-index: 0;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out
}
#navigation .menu.is-opened {
opacity: 1
}
#navigation .menu .menu-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 0;
width: 100%;
margin: 0;
background: #e6e6e6;
background: var(--gray-lighter);
border-bottom: 1px solid gray;
border-bottom: 1px solid var(--gray)
}
#navigation .menu .menu-item a {
width: 85%;
padding: 1rem;
padding-left: 2rem;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
#navigation .menu .sub-menu {
min-width: 100%;
margin-left: 0;
display: none;
position: static;
text-align: left;
border-top: 1px solid gray;
border-top: 1px solid var(--gray);
margin: 0;
padding-top: 0;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
#navigation .menu .sub-menu a {
width: 100%
}
#navigation .menu .sub-menu.is-active {
display: block
}
#navigation .menu .sub-menu li {
opacity: 1!important;
-webkit-transform: translate(0)!important;
transform: translate(0)!important;
border-bottom: 1px solid gray;
border-bottom: 1px solid var(--gray);
padding: 0 0 0 1rem
}
#navigation .menu .sub-menu li:last-child {
border-bottom: 0
}
}
@media (max-width: 45rem) {
#navigation {
width:100%
}
}
.burger {
display: none;
border-radius: 4px;
width: 42px;
height: 42px;
padding: 0
}
@media (max-width: 45rem) {
.burger {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.burger-box {
width: 70%;
height: 23px;
margin: 0 auto;
position: relative
}
.burger span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 2px;
opacity: 1;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out
}
.burger span:first-child {
top: 0
}
.burger span:nth-child(2),.burger span:nth-child(3) {
top: 10px
}
.burger span:nth-child(4) {
top: 20px
}
.burger.is-opened span:first-child {
top: 18px;
width: 0;
left: 50%
}
.burger.is-opened span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
.burger.is-opened span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.burger.is-opened span:nth-child(4) {
top: 18px;
width: 0;
left: 50%
}
body {
overflow-x: hidden
}
img {
border: 0;
vertical-align: bottom
}
ol,ul {
list-style: none;
margin-left: 0
}
.container.is-nopadding {
padding: 0
}
.container--small {
max-width: 64rem;
padding: 0 2rem
}
hr {
height: 3px;
width: 60%;
margin: 4rem auto;
max-width: 300px
}
p.no-margin {
margin-bottom: 0
}
main {
margin-top: 78px
}
.section--margin {
margin-top: 5rem
}
.list-posts-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.list-posts-categories .small-button {
margin: 0 .8rem .8rem 0;
white-space: normal;
height: auto!important;
padding: .4rem!important
}
.responsive-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden
}
.responsive-container embed,.responsive-container iframe,.responsive-container object,.responsive-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
@media (max-width: 76rem) {
.container {
padding:0 1rem
}
}
.grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 22rem) {
.grid.grid-3-columns,.grid.grid-4-columns,.grid.grid-6-columns {
grid-template-columns:repeat(1,3fr)
}
.grid.grid-3-columns>*,.grid.grid-4-columns>*,.grid.grid-6-columns>* {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-preferred-size: calc(100% - 0 * var(--gutter));
flex-basis: calc(100% - 0 * var(--gutter));
width: 100%;
width: calc(100% - 0 * var(--gutter))
}
@supports (display: grid) {
.grid.grid-3-columns>*,.grid.grid-4-columns>*,.grid.grid-6-columns>* {
width:auto
}
}
}
@media (min-width: 45rem) {
.grid.grid-4-columns,.grid.grid-6-columns {
grid-template-columns:repeat(2,3fr)
}
.grid.grid-4-columns>*,.grid.grid-6-columns>* {
-ms-flex-preferred-size: calc(50% - 10px);
flex-basis: calc(50% - 10px);
-ms-flex-preferred-size: calc(50% - 0.5 * var(--gutter));
flex-basis: calc(50% - 0.5 * var(--gutter));
width: calc(50% - 10px);
width: calc(50% - .5 * var(--gutter))
}
@supports (display: grid) {
.grid.grid-4-columns>*,.grid.grid-6-columns>* {
width:auto
}
}
}
@media (min-width: 60rem) {
.grid.grid-4-columns {
grid-template-columns:repeat(4,3fr)
}
.grid.grid-4-columns>* {
-ms-flex-preferred-size: calc(25% - 15px);
flex-basis: calc(25% - 15px);
-ms-flex-preferred-size: calc(25% - 0.75 * var(--gutter));
flex-basis: calc(25% - 0.75 * var(--gutter));
width: calc(25% - 15px);
width: calc(25% - .75 * var(--gutter))
}
@supports (display: grid) {
.grid.grid-4-columns>* {
width:auto
}
}
}
@supports (display: grid) {
.grid {
-webkit-box-pack:initial;
-ms-flex-pack: initial;
justify-content: initial;
display: grid;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
grid-gap: 20px;
grid-gap: var(--gutter)
}
.grid>* {
width: auto;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@font-face {
font-family: Open Sans;
src: url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-light-webfont.woff2) format("woff2"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-light-webfont.woff) format("woff");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: Open Sans;
src: url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-regular-webfont.woff2) format("woff2"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-regular-webfont.woff) format("woff");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: Open Sans;
src: url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-semibold-webfont.woff2) format("woff2"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-semibold-webfont.woff) format("woff");
font-weight: 600;
font-style: normal
}
@font-face {
font-family: Open Sans;
src: url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-bold-webfont.woff2) format("woff2"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-bold-webfont.woff) format("woff");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: Open Sans;
src: url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-extrabold-webfont.woff2) format("woff2"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/opensans-extrabold-webfont.woff) format("woff");
font-weight: 800;
font-style: normal
}
.h1,.h2,h1,h2 {
font-weight: 700;
font-weight: var(--font-weight-bold);
text-transform: uppercase
}
.h2,h2 {
color: #ed8668;
color: var(--color-primary)
}
.h3,h3 {
font-weight: 700;
font-weight: var(--font-weight-bold)
}
.h3,.h4,h3,h4 {
text-transform: uppercase
}
p a {
font-weight: 700
}
small {
font-weight: 300
}
blockquote {
font-size: 1.333rem;
font-weight: 700;
font-weight: var(--font-weight-bold)
}
@font-face {
font-family: icomoon;
src: url(//opresent.fr/wp-content/themes/LPG/assets/fonts/icomoon.eot?pmco8k);
src: url(//opresent.fr/wp-content/themes/LPG/assets/fonts/icomoon.eot?pmco8k#iefix) format("embedded-opentype"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/icomoon.ttf?pmco8k) format("truetype"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/icomoon.woff?pmco8k) format("woff"),url(//opresent.fr/wp-content/themes/LPG/assets/fonts/icomoon.svg?pmco8k#icomoon) format("svg");
font-weight: 400;
font-style: normal
}
[class*=" icon-"],[class^=icon-],cite {
font-style: normal;
font-weight: 400
}
[class*=" icon-"],[class^=icon-] {
font-family: icomoon!important;
speak: none;
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-youtube-play:before {
content: "\e904"
}
.icon-facebook-f:before,.icon-facebook:before {
content: "\e907"
}
.icon-google-plus-square:before {
content: "\e908"
}
.icon-linkedin-square:before {
content: "\e909"
}
.icon-facebook-square:before {
content: "\e90a"
}
.icon-youtube-square:before {
content: "\e904"
}
.icon-twitter-square:before {
content: "\e90b"
}
.icon-cheveron-up:before {
content: "\e902"
}
.icon-cheveron-down:before {
content: "\e903"
}
.icon-chevron-left:before {
content: "\e901"
}
.icon-chevron-right:before {
content: "\e900"
}
.header__topbar {
background-color: #e4e9eb;
background-color: var(--color-grey-header);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px .75rem;
padding: 10px var(--font-size-small);
height: 65px
}
@media (min-width: 45rem) {
.header__topbar {
height:45px
}
}
.header__topbar a,.header__topbar p {
font-size: .75rem;
font-size: var(--font-size-small);
margin-bottom: 0;
color: var(--color-text)
}
.header__topbar a+a {
margin-left: 1rem
}
.header__topbar a:hover {
color: #ed8668;
color: var(--color-primary)
}
@media (min-width: 45rem) {
.header__topbar__right {
margin:0 0 0 auto
}
}
.header__topbar__right a {
background: #ed8668;
background: var(--color-primary);
border-radius: 4px;
padding: 4px .6rem;
color: #fff;
border: 1px solid #ed8668;
border: 1px solid var(--color-primary);
-webkit-transition: all .25s cubic-bezier(.77,0,.175,1);
transition: all .25s cubic-bezier(.77,0,.175,1);
-webkit-transition: all .25s var(--easing);
transition: all .25s var(--easing)
}
.header__topbar__right a svg {
display: inline-block;
vertical-align: middle;
width: 18px;
margin-right: .4rem
}
.header__topbar__right a svg path {
fill: #fff;
-webkit-transition: all .25s cubic-bezier(.77,0,.175,1);
transition: all .25s cubic-bezier(.77,0,.175,1);
-webkit-transition: all .25s var(--easing);
transition: all .25s var(--easing)
}
.header__topbar__right a:hover {
background: #fff;
color: #ed8668;
color: var(--color-primary)
}
.header__topbar__right a:hover svg path {
fill: #ed8668;
fill: var(--color-primary)
}
.header__inner {
background: #f0f5f7;
background: var(--color-greyblue);
position: fixed;
z-index: 5;
margin: 0 auto;
width: 100%;
top: 0
}
.header__inner .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row;
padding-right: 0;
position: relative
}
.header__logo {
font-weight: 700;
font-weight: var(--font-weight-bold);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 1rem;
border-right: 1px solid #cdcdcd
}
.header__logo img {
margin-right: 1rem;
max-height: 100px;
width: auto
}
.header #navigation {
position: absolute;
top: 78px;
z-index: 4;
left: -1rem;
width: calc(100% + 1rem)
}
@media (min-width: 45rem) {
.header #navigation {
position:static;
width: 100%
}
}
.header--landing .header__inner {
background: #fff;
-webkit-box-shadow: 0 3px 3px rgb(0 0 0 / .1);
box-shadow: 0 3px 3px rgb(0 0 0 / .1);
margin-top: 0!important
}
.header--landing .header__logo {
border-right: 0
}
.header--landing .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header .subtitle {
margin-bottom: 0;
font-size: .777rem;
margin-left: 3rem
}
.footer {
background: #f0f5f7;
background: var(--color-greyblue);
padding: 2.8rem 0;
margin-top: 7rem;
position: relative
}
.footer--landing {
text-align: center
}
.footer .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.footer .row>* {
width: 100%
}
@media (min-width: 45rem) {
.footer .row>:first-child {
width:calc(50% - 20px - 4.5rem);
margin-left: 4.5rem
}
.footer .row>:nth-child(2) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 3.22rem
}
}
.footer:after,.footer:before {
position: absolute;
content: "";
z-index: 2;
left: 0;
right: 0;
top: 0;
margin: 0 auto
}
.footer:before {
width: 180px;
height: 1px;
background: #191919;
background: var(--text-color)
}
.footer:after {
display: block;
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/logo.png) 50%/cover;
height: 58px;
width: 52px;
margin-top: -29px
}
.footer a,.footer p {
font-size: .75rem;
line-height: 1.4
}
.footer p.footer__title {
color: #ed8668;
color: var(--color-primary);
font-size: 1rem;
font-size: var(--font-size-5);
font-weight: 700;
font-weight: var(--font-weight-bold)
}
.footer__info>a {
display: block
}
.footer__social {
margin: .6rem 0
}
.footer__social a {
font-size: 45px;
margin-right: .4rem
}
.hero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
text-align: center;
height: 325px;
background-position: 50%;
background-size: cover;
overflow: hidden;
border-bottom-left-radius: 170px;
margin-bottom: 1.5rem
}
.hero,.hero .h1 {
position: relative
}
.hero .h1 {
z-index: 2;
margin: auto auto 2.33rem
}
.hero-subtitle {
text-align: center;
color: #ed8668;
color: var(--color-primary);
margin-bottom: 1.5rem
}
.hero--home {
height: 80vh;
max-height: 350px;
margin-bottom: 2.22rem;
padding: 0 3rem;
background-position: top
}
.hero--home:before {
content: ""
}
.hero--home:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
max-height: 333px;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff0),to(#ef7e65));
background-image: linear-gradient(180deg,#fff0 20%,#ef7e65)
}
.hero--home .h1 {
color: #fff
}
.mpm {
position: relative;
padding: 1rem 0
}
.mpm:before {
content: "";
z-index: 1;
position: absolute;
width: 100vw;
height: 100%;
background: #f0f5f7;
background: var(--color-greyblue);
right: 0;
top: 0
}
@media (min-width: 45rem) {
.mpm:before {
right:calc(.08785px * 100%);
right: calc(120px / var(--max-container-width--unitless) * 100%);
border-top-right-radius: 100vw;
border-bottom-right-radius: 100vw
}
}
.mpm__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
background: #fff;
width: 100%;
text-align: center;
padding: 10px;
border-radius: 4px;
position: relative;
z-index: 2
}
@media (min-width: 45rem) {
.mpm__inner {
width:85%
}
}
.mpm img {
border-radius: 4px;
max-height: 297px;
margin: auto
}
.mpm__content {
margin: 1rem 0 0 1.333rem;
padding-right: 2rem
}
@media (min-width: 45rem) {
.mpm__content {
max-width:calc(100% - 297px - 1.333rem)
}
}
.mpm a {
margin-top: .4rem
}
.mpm .h3 {
margin-bottom: 0
}
.post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%
}
@media (min-width: 45rem) {
.post {
padding:0 1rem 0 4.5rem
}
.post--landing {
padding: 0 1rem 0 7rem
}
}
.post blockquote {
max-width: 470px
}
.post blockquote+.post__article {
margin-top: 3.5rem
}
.post__content {
width: 100%;
padding: 0 1rem
}
.post__content .post__article {
margin: 0 auto
}
@media (min-width: 60rem) {
.post__content .post__article {
max-width:654px
}
}
.post.has-aside .post__content,.post__content .post__article.is-left {
margin: 0
}
@media (min-width: 60rem) {
.post.has-aside .post__content {
max-width:654px
}
}
.post__article>blockquote {
margin-top: 2rem;
margin-bottom: 2rem
}
.post__article ul {
list-style-type: disc;
margin-left: 1rem;
margin-top: 2rem
}
.post__article ol {
list-style-type: decimal;
margin-left: 1rem
}
.post__article>h2 {
margin-top: 2rem
}
.post__article>iframe,.post__article>img {
text-align: center;
margin: 0 auto;
width: 100%
}
.post__article>iframe+p,.post__article>img+p {
margin-top: 1rem
}
.post__article+.post__article {
margin-top: 2rem
}
.aside {
width: 80%;
margin: 1rem auto
}
@media (min-width: 60rem) {
.aside {
margin:0 0 0 auto;
min-width: 266.5px;
min-width: calc((var(--max-container-width) - 300px) * .25);
max-width: 30%
}
}
.aside .date,.aside .h3 {
text-align: center
}
.aside .date {
color: #ed8668;
color: var(--color-primary);
font-weight: 700;
font-weight: var(--font-weight-bold)
}
.aside__activite {
padding: 1rem;
position: relative
}
.aside__activite__content {
position: relative;
z-index: 2
}
.aside__activite:before {
content: "";
position: absolute;
border-radius: 4px;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 3.25rem);
background: #f0f5f7;
background: var(--color-greyblue)
}
.aside__home .h2 {
color: #191919;
color: var(--text-color);
text-align: center
}
.aside__home .aside__home__content {
position: relative
}
.aside__home .aside__home__content:before {
content: "";
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: calc(100% - 1rem);
height: calc(100% - 3.25rem);
background: #e3dddf;
background: var(--color-grey)
}
.aside__home li {
margin-bottom: 5px;
border-radius: 4px;
background: #f0f5f7;
background: var(--color-greyblue);
padding: 1rem;
position: relative;
z-index: 2;
-webkit-transition: all .25s ease-out;
transition: all .25s ease-out
}
.aside__home li a {
display: block
}
.aside__home li a,.aside__home li p {
-webkit-transition: color .25s ease-out;
transition: color .25s ease-out
}
.aside__home li p {
margin-bottom: 0;
color: #191919;
color: var(--text-color)
}
.aside__home li p.h3 {
color: #ed8668;
color: var(--color-primary);
text-align: left
}
.aside__home li small {
font-style: italic
}
.aside__home li:hover {
background: #ed8668;
background: var(--color-primary);
color: #fff
}
.aside__home li:hover a,.aside__home li:hover p {
color: #fff
}
.aside__home [role=button].big-button {
margin: 0 0 0 2rem;
position: relative;
z-index: 2;
width: calc(100% - 3rem)
}
.temoignage {
margin-top: 8rem
}
.temoignage .container>.h2 {
margin-bottom: 1rem;
padding-top: 1rem
}
.temoignage__content {
margin: 2rem auto
}
@media (min-width: 60rem) {
.temoignage__content {
max-width:654px
}
}
.temoignage__content a {
display: block;
text-align: right;
font-weight: 700;
font-weight: var(--font-weight-bold);
color: #191919;
color: var(--text-color)
}
.temoignage__content a:hover {
color: #ed8668;
color: var(--color-primary)
}
.double-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.double-media>* {
width: 100%;
margin-bottom: 1rem;
max-width: 653px
}
@media (min-width: 45rem) {
.double-media>* {
width:calc(50% - 10px);
width: calc(50% - var(--gutter) / 2);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-height: 370px
}
.double-media>:nth-child(2n) {
margin-left: 20px;
margin-left: var(--gutter)
}
}
.double-media>* iframe,.double-media>* img {
width: 100%
}
.has-left-angle {
position: relative;
background-image: -webkit-gradient(linear,left bottom,left top,from(#fff0),to(#f0f6f7));
background-image: linear-gradient(0deg,#fff0 0,#f0f6f7)
}
.has-left-angle:before {
content: "";
position: absolute;
top: -115px;
left: 0;
width: 160px;
height: 115px;
background: #f0f5f7;
background: var(--color-greyblue);
pointer-events: none;
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/curve.svg)
}
.has-left-angle--home {
padding-top: 2.5rem;
padding-left: 1rem;
padding-right: 1rem;
border-top-right-radius: 150px
}
@media (min-width: 45rem) {
.has-left-angle--home {
margin-left:-4.5rem!important;
padding-left: 4.5rem;
padding-right: 2rem
}
}
.has-grey-bg {
background: #f0f5f7;
background: var(--color-greyblue);
padding-bottom: 3rem
}
.events {
padding: 0;
position: relative
}
.event {
background: #f0f5f7;
background: var(--color-greyblue);
margin-bottom: 20px;
padding: 10px
}
.event img {
border-radius: 4px;
max-width: 297px;
margin: auto;
width: 40%;
margin-bottom: 1rem;
-o-object-fit: cover;
object-fit: cover
}
@media (max-width: 45rem) {
.event img {
width:100%
}
}
@media (max-width: 22rem) {
.event img {
width:100%;
max-height: 100px;
max-width: 200px
}
}
.event__inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
@media (max-width: 45rem) {
.event__inner {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.event__meta {
font-weight: 700;
font-weight: var(--font-weight-bold);
margin-bottom: .5rem
}
.event__meta span {
text-transform: capitalize
}
.event__map {
font-size: .9rem
}
@media (max-width: 45rem) {
.event img+.event__content {
padding:0 1rem
}
}
@media (min-width: 45rem) {
.event img+.event__content {
margin:0 0 0 1.333rem
}
}
.event__content {
padding-right: 2rem;
max-width: 654px
}
@media (min-width: 45rem) {
.event__content {
-webkit-box-flex:2;
-ms-flex: 2;
flex: 2
}
}
.event__content a {
color: #191919;
color: var(--text-color);
font-weight: 700;
font-weight: var(--font-weight-bold)
}
.event__content a:hover {
color: #ed8668;
color: var(--color-primary)
}
.event__content ul {
list-style-type: disc;
margin-left: 20px
}
.event__content p {
margin-bottom: 10px
}
.event__pouetpouet {
height: 3.6em;
margin-bottom: 1rem;
overflow: hidden
}
.event__button {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 1rem
}
@media (max-width: 45rem) {
.event__button {
padding:0 1rem
}
}
.event__button a[role=button] {
padding: 0 3.4rem;
padding: var(--button-vertical-padding) 3.4rem;
margin-bottom: 1.2rem
}
.event__more {
font-size: .9rem;
font-style: italic
}
.event .price {
right: 2rem;
top: 2rem;
text-align: center;
margin-top: 2rem
}
@media (min-width: 45rem) {
.event .price {
position:absolute;
margin-top: 0
}
}
.event .price p {
margin-bottom: 0;
line-height: 1
}
.event .price .num {
color: #ed8668;
color: var(--color-primary);
font-size: 1.8rem;
font-weight: 700;
font-weight: var(--font-weight-bold)
}
.event .price .num sup {
font-size: 1.2rem;
vertical-align: super
}
.agenda-sep {
position: relative;
left: 33%;
margin-bottom: 2rem;
margin-top: 3rem
}
.agenda-sep:before {
content: "";
height: 4px;
width: 100vw;
background: #ed8668;
background: var(--color-primary);
position: absolute;
left: calc(-100vw - 2rem);
bottom: 1rem
}
.card {
border-radius: 4px;
background: #fff;
margin: 1rem 0;
position: relative;
-webkit-transition: -webkit-box-shadow .3s cubic-bezier(.77,0,.175,1);
transition: -webkit-box-shadow .3s cubic-bezier(.77,0,.175,1);
transition: box-shadow .3s cubic-bezier(.77,0,.175,1);
transition: box-shadow .3s cubic-bezier(.77,0,.175,1),-webkit-box-shadow .3s cubic-bezier(.77,0,.175,1);
-webkit-transition: -webkit-box-shadow .3s var(--easing);
transition: -webkit-box-shadow .3s var(--easing);
transition: box-shadow .3s var(--easing);
transition: box-shadow .3s var(--easing),-webkit-box-shadow .3s var(--easing)
}
.card:hover {
-webkit-box-shadow: 0 10px 24px rgb(0 0 0 / .25);
box-shadow: 0 10px 24px rgb(0 0 0 / .25)
}
.card__image--default {
position: relative
}
.card__image--default:after {
content: "";
position: absolute;
left: 0;
top: 0;
background: hsl(14 79% 67% / .8);
width: 100%;
height: 100%;
border-radius: 4px
}
.card img {
border-radius: 4px;
margin: auto
}
.card__category {
color: #ed8668;
color: var(--color-primary);
font-weight: 600;
font-weight: var(--font-weight-semibold);
text-align: center;
margin-top: .4rem
}
.card__category,.card__date {
text-transform: uppercase;
font-size: 10px
}
.card__date {
font-weight: 700;
font-weight: var(--font-weight-bold)
}
.card .h3 {
text-align: center;
margin-top: 1.4rem
}
.card__category+.h3 {
margin-top: 0
}
.card__content {
padding: 0 1rem 1rem
}
.card__button {
text-align: center
}
.card__link {
text-decoration: underline;
color: var(--color-text)
}
.card__link:hover {
color: #ed8668;
color: var(--color-primary)
}
.card [role=button] {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
margin-top: -1.225rem;
margin-top: calc(var(--button-height) / -2)
}
.single-button {
text-align: center;
margin: 1rem auto 2rem;
padding: 0
}
.single-button [role=button] {
margin: 0 auto
}
.left-text {
margin-left: 4.5rem
}
.left-text .h2 {
color: var(--color-text);
margin-bottom: 0
}
.left-text .subtitle {
font-size: 1.333rem;
font-size: var(--font-size-2)
}
.newsletter {
position: relative;
padding: 1rem 0
}
.newsletter:before {
content: "";
z-index: 1;
position: absolute;
top: 0;
width: 100vw;
height: 100%;
background: #ed8668;
background: var(--color-primary);
left: 0
}
@media (min-width: 45rem) {
.newsletter:before {
left:5.12445%;
left: calc(70 / var(--max-container-width--unitless) * 100%);
border-top-left-radius: 100vw;
border-bottom-left-radius: 100vw
}
}
.newsletter__inner {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0 1rem;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
@media (min-width: 45rem) {
.newsletter__inner {
padding:0 1rem 0 4.5rem;
text-align: left
}
}
.newsletter__inner:before {
content: "";
display: inline-block;
margin-right: 20px;
margin-right: var(--gutter);
width: 50px;
height: 50px;
margin: 0 auto;
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/soleil.png) 0/cover no-repeat
}
@media (min-width: 45rem) {
.newsletter__inner:before {
width:223px;
height: 230px
}
}
.newsletter__wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 45rem) {
.newsletter__wrap {
width:calc(100% - 243px);
width: calc(100% - 223px - var(--gutter))
}
}
.newsletter__title {
color: #fff;
font-size: 1.666rem;
letter-spacing: .015em;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
.burger {
padding-left: 0!important;
padding-right: 0!important;
margin: auto 1rem auto auto
}
.js-slider {
max-height: 500px
}
#navigation {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1
}
#navigation .menu {
width: 100%;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (min-width: 45rem) {
#navigation .menu {
display:-webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row;
flex-flow: row
}
}
#navigation .menu-item {
border-right: 1px solid #cdcdcd;
height: 100%;
padding-right: 1rem;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
#navigation .menu-item:last-child {
border-right: 0;
padding-right: .75rem;
padding-right: var(--font-size-small)
}
@media (min-width: 45rem) {
#navigation .menu>.menu-item {
padding:0 1rem
}
}
#navigation .menu .menu-item:hover {
background: #ed8668;
background: var(--color-primary)
}
#navigation .menu .menu-item:hover>a {
color: #fff
}
@media (min-width: 45rem) {
#navigation .menu .sub-menu {
padding-top:78px
}
}
#navigation .menu .sub-menu .menu-item:last-child {
border-bottom-left-radius: 25px
}
#navigation a {
color: #191919;
color: var(--text-color);
font-weight: 700;
font-weight: var(--font-weight-bold);
font-size: .75rem;
font-size: var(--font-size-small)
}
[role=button],button,input[type=button],input[type=file]+label,input[type=submit] {
padding-left: 3rem;
padding-right: 3rem;
-webkit-box-shadow: 0 6px 24px #fff0;
box-shadow: 0 6px 24px #fff0;
-webkit-transition: all .4s cubic-bezier(.77,0,.175,1);
transition: all .4s cubic-bezier(.77,0,.175,1);
-webkit-transition: all .4s var(--easing);
transition: all .4s var(--easing)
}
[role=button]:hover,button:hover,input[type=button]:hover,input[type=file]+label:hover,input[type=submit]:hover {
-webkit-box-shadow: 0 6px 24px rgb(0 0 0 / .28);
box-shadow: 0 6px 24px rgb(0 0 0 / .28)
}
[role=button].button-invert,button.button-invert,input[type=button].button-invert,input[type=file]+label.button-invert,input[type=submit].button-invert {
border: 1px solid #ed8668;
border: 1px solid var(--color-primary);
color: #ed8668;
color: var(--color-primary);
background: #fff0
}
[role=button].button-invert:hover,button.button-invert:hover,input[type=button].button-invert:hover,input[type=file]+label.button-invert:hover,input[type=submit].button-invert:hover {
background: #ed8668;
background: var(--color-primary);
color: #fff
}
[role=button].big-button {
border-radius: 6px;
height: 4.5rem;
width: 100%;
text-transform: uppercase;
font-weight: 800;
font-weight: var(--font-weight-extrabold);
-webkit-box-shadow: 0 6px 35px hsl(0 78% 67% / .3);
box-shadow: 0 6px 35px hsl(0 78% 67% / .3);
padding-right: 2rem
}
[role=button].big-button:after {
content: "";
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/arrowright.svg);
width: 10px;
height: 18px;
margin-left: 1rem
}
[role=button].big-button:hover {
background: #fff
}
[role=button].small-button {
background: #ed8668;
background: var(--color-primary);
border-radius: 4px;
height: 2rem;
padding: 0 .4rem;
color: #fff;
border: 1px solid #ed8668;
border: 1px solid var(--color-primary);
-webkit-transition: all .25s cubic-bezier(.77,0,.175,1);
transition: all .25s cubic-bezier(.77,0,.175,1);
-webkit-transition: all .25s var(--easing);
transition: all .25s var(--easing)
}
[role=button].small-button span {
vertical-align: middle
}
[role=button].small-button:hover {
background: #fff;
color: #ed8668;
color: var(--color-primary)
}
blockquote {
margin-left: calc(45px + 1rem);
position: relative
}
blockquote p {
display: inline-block
}
blockquote:before {
content: "";
position: absolute;
left: calc(-45px - 1rem);
width: 45px;
height: 45px;
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/blockquote.svg) no-repeat #f0f5f7 50%;
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/blockquote.svg) no-repeat var(--color-greyblue) 50%;
border-radius: 50%;
background-size: 30px
}
@media (min-width: 45rem) {
blockquote {
margin-left:calc(2rem + 90px)
}
blockquote:before {
left: calc(-2rem - 90px);
width: 90px;
height: 90px;
background-size: 45px
}
}
.post__article+blockquote {
margin-top: 4rem;
margin-bottom: 4rem
}
#mc_embed_signup label {
font-size: 10px;
color: #fff
}
#mc_embed_signup input[type=email] {
border-radius: 4px;
max-width: 528px;
background: #fff;
height: calc(2.5rem - 3px);
height: calc(var(--input-height) - 3px)
}
#mc_embed_signup input[type=submit] {
background: #a14949;
color: #fff;
font-weight: 600;
font-weight: var(--font-weight-semibold);
font-size: 18px;
margin-top: 1rem;
position: relative;
top: -1px
}
@media (min-width: 45rem) {
#mc_embed_signup input[type=submit] {
-webkit-transform:translateX(-50%);
transform: translateX(-50%);
margin-top: 0
}
}
#mc_embed_signup input[type=submit]:hover {
border: 2px solid #ed8668;
border: 2px solid var(--color-primary);
background: #fff;
color: #ed8668;
color: var(--color-primary)
}
#mc_embed_signup input {
display: inline-block
}
.select-wrapper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
margin: 2rem 5rem
}
@media (min-width: 45rem) {
.select-wrapper-wrapper {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.select-wrapper {
position: relative;
display: block;
margin: 1rem 0
}
@media (min-width: 45rem) {
.select-wrapper {
margin:0
}
}
.select-wrapper:after {
content: "\e903";
font-family: icomoon;
position: absolute;
font-size: 1.4rem;
right: 1rem;
margin-top: -16px;
top: 1.25rem;
top: calc(var(--input-height) / 2);
pointer-events: none
}
select {
width: 100%;
padding-left: 1rem;
padding-right: calc(1rem + 26px);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select option {
color: #191919;
color: var(--text-color)
}
select::-ms-expand {
display: none
}
.loader {
position: absolute;
top: 0;
z-index: 1;
left: 0;
right: 0;
margin: 0 auto;
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/logo.png) 50%/cover!important;
background-repeat: no-repeat;
width: 50px!important;
height: 58px;
-webkit-animation: a 1s ease-out infinite;
animation: a 1s ease-out infinite;
display: block;
z-index: 0
}
.loader.is-hidden {
display: none
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn)
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn) scale(1);
transform: rotate(1turn),scale(1.2)
}
}
div.wpcf7 {
margin-top: 4rem
}
div.wpcf7 form>p {
margin-bottom: 2rem
}
div.wpcf7 form>p span input {
margin-top: .25rem
}
.pagination {
margin: 1rem auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.pagination .next:after,.pagination .prev:before {
content: "";
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/prev-arrow.svg);
width: 6px;
height: 10px;
display: inline-block;
vertical-align: baseline
}
.pagination .prev:before {
margin-right: 1rem
}
.pagination .next:after {
margin-left: 1rem;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.pagination .page-numbers {
font-weight: 300;
font-weight: var(--font-weight-light)
}
.pagination .page-numbers.current,.pagination .page-numbers:hover {
text-decoration: underline
}
.pagination .next,.pagination .prev {
letter-spacing: .1em;
font-weight: 300;
font-weight: var(--font-weight-light)
}
.pagination .page-numbers:not(.prev):not(.next) {
font-size: 1.15rem;
margin: 0 1.4rem
}
.icon-instagram-square {
display: inline-block;
width: 38px;
height: 46px;
position: relative
}
.icon-instagram-square:after,.icon-instagram-square:before {
width: 38px;
height: 46px;
display: block;
content: "";
position: absolute;
top: 0;
left: 0;
top: 4px
}
.icon-instagram-square:before {
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/instagram.svg) 50%/contain no-repeat;
opacity: 1
}
.icon-instagram-square:after {
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/instagram-hover.svg) 50%/contain no-repeat;
opacity: 0
}
.icon-instagram-square:hover:before {
opacity: 0
}
.icon-instagram-square:hover:after {
opacity: 1
}
.landinghero {
position: relative
}
.landinghero__image {
height: 50vw;
width: 100%;
background-size: cover;
background-position: 50%;
display: none
}
@media (min-width: 45rem) {
.landinghero__image {
position:absolute;
height: 100%;
z-index: 1;
display: block
}
}
.landinghero__image--mobile {
display: block
}
@media (min-width: 45rem) {
.landinghero__image--mobile {
display:none
}
}
@media (min-width: 45rem) {
.landinghero {
height:675px
}
}
.landinghero .content {
background: #ed8668;
background: var(--color-primary);
color: #fff;
border-radius: 4px;
padding: 1rem;
display: inline-block;
left: 0;
right: 0;
margin: 0 auto;
width: 100%;
margin-top: 1rem
}
.landinghero .content p {
font-size: 1.4rem;
line-height: 1.3;
text-transform: none;
font-weight: 400;
font-weight: var(--font-weight-normal);
margin-bottom: 0
}
@media (min-width: 45rem) {
.landinghero .content {
position:absolute;
z-index: 2;
top: 50%;
width: 80%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
bottom: 50px;
top: auto;
right: auto;
left: 7rem;
width: auto
}
.landinghero .content p {
font-size: 1.85rem
}
}
.landinghero .subtitle {
display: block;
margin-top: 1rem
}
@media (min-width: 45rem) {
.landinghero .subtitle {
display:none
}
}
.landinganchors {
margin: 3.5rem auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
@media (min-width: 45rem) {
.landinganchors {
-webkit-box-pack:justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 9rem
}
}
.landinganchors [role=button] {
min-width: 230px;
margin: 0 1rem 1rem
}
.post--landing--titles {
margin-bottom: 2rem
}
.post--landing .h1,.post--landing .h2 {
font-size: 1.666rem;
text-transform: none;
color: #ed8668;
color: var(--color-primary);
font-weight: 700;
font-weight: var(--font-weight-bold);
margin-bottom: 0;
line-height: 1.2
}
.post--landing .h2 {
font-weight: 400;
font-weight: var(--font-weight-normal)
}
.post--landing .landingbiglight {
font-weight: 300;
font-weight: var(--font-weight-light);
font-size: 1.666rem;
margin-top: 2rem
}
.post--landing.has-aside .post__content {
max-width: 510px
}
.post--landing .aside {
max-width: 510px;
width: 100%
}
@media (min-width: 45rem) {
.post--landing .aside {
margin-left:60px
}
}
.post--landing .big-button {
max-width: 320px
}
.post--landing .small-image {
text-align: left;
margin: 0;
max-width: 325px
}
.post--landing .exp {
text-align: center;
max-width: 325px;
margin-top: 2rem
}
.post--landing .exp p {
font-size: .7777rem
}
.post--landing .exp p.exp__num {
color: #ed8668;
color: var(--color-primary);
font-size: 4rem;
font-weight: 300;
font-weight: var(--font-weight-light);
line-height: 1.2;
margin-bottom: 0
}
.landingplace {
min-height: 675px;
margin: 3rem auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-size: cover;
background-position: 50%
}
@media (min-width: 45rem) {
.landingplace {
padding:0 1rem 0 7rem
}
}
.landingplace .landingplace__title {
color: #fff;
font-size: 2.555rem;
line-height: 1;
font-weight: 300;
font-weight: var(--font-weight-light);
padding: 2.444rem 0
}
.landingplace .landingplace__item {
background: #fff;
display: block;
max-width: 325px;
border-radius: 4px;
padding: 1rem .5rem;
margin-bottom: 30px
}
.landingplace .landingplace__item>div {
display: inline-block
}
.landingplace .landingplace__item>div p:last-child {
margin-bottom: 0
}
.landingplace .landingplace__item:before {
content: "";
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/pin_map.png);
width: 20px;
height: 30px;
display: inline-block;
vertical-align: top;
margin-right: .8rem
}
.landingplace .landingplace__item__title {
text-transform: uppercase;
font-weight: 600;
font-weight: var(--font-weight-semibold)
}
.landingplace .landingplace__item__address {
font-size: .777rem
}
.landingplace .landinganchors {
width: 80%;
margin-top: auto;
padding: 0;
margin: auto auto 2rem
}
.landingprefooter {
background: #fdf3f0;
padding: 2rem 0;
-webkit-box-shadow: inset 0 0 10px rgb(0 0 0 / .2);
box-shadow: inset 0 0 10px rgb(0 0 0 / .2)
}
@media (min-width: 45rem) {
.landingprefooter {
text-align:center
}
}
.landingprefooter__title {
font-size: 2.555rem;
line-height: 1.2;
color: #ed8668;
color: var(--color-primary);
letter-spacing: .015em;
font-weight: 300;
font-weight: var(--font-weight-light)
}
.landingprefooter__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
max-width: 628px;
margin: 0 auto;
text-align: left
}
@media (min-width: 45rem) {
.landingprefooter__inner {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
}
.landingprefooter__inner>div {
width: 100%;
padding: 0 1rem;
max-width: 285px
}
@media (min-width: 45rem) {
.landingprefooter__inner>div {
padding:0
}
}
.landingprefooter__inner__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.landingprefooter__inner__price a,.landingprefooter__inner__price span {
margin: 0 0 1rem
}
.landingprefooter__inner__price span {
color: #ed8668;
color: var(--color-primary);
font-size: 2.555rem
}
.landingprefooter__inner__price a {
padding: 0 1rem;
text-transform: uppercase;
font-weight: 600;
font-weight: var(--font-weight-semibold)
}
@media (min-width: 45rem) {
.landingprefooter__inner__price {
-webkit-box-orient:horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.landingprefooter__inner__price a,.landingprefooter__inner__price span {
margin: 0
}
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
.card [role=button] {
padding-left: 1rem;
padding-right: 1rem
}
}
/
#navigation .menu li {
position: relative;
}
#navigation .menu li a {
display: flex; align-items: center; justify-content: center; width: 100%;
height: 100%;
padding: 1em; text-decoration: none;
}.footer:after {
display: block;
background: url(//opresent.fr/wp-content/themes/LPG/assets/img/logo-opresent-300.png) 100%/cover;
height: 100px;
width: 150px;
margin-top: -80px;
}