.sent .wpcf7-response-output{opacity:1!important;border:none!important}@media(min-width:1300px){.main-banner .slider-main-banner .slider-banner .infos-banner .title-banner{font-size:70px!important}}
.wpcf7-response-output{opacity:1!important;border:none!important}@media(min-width:992px){.logo-topo img{width:121px!important}}
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label:before,.wpcf7-list-item-label:after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner:before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.wpcf7-spinner:before{animation-name:blink;animation-duration:2s}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } :focus {
outline: 0; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none; }
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
textarea {
overflow: auto;
vertical-align: top;
resize: vertical; } audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%; } audio:not([controls]) {
display: none;
height: 0; } [hidden] {
display: none; } html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus {
outline: thin dotted; } a:active,
a:hover {
outline: 0; } img {
border: 0; -ms-interpolation-mode: bicubic; } figure {
margin: 0; } form {
margin: 0; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
html input[disabled] {
cursor: default; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } textarea {
overflow: auto; vertical-align: top; } table {
border-collapse: collapse;
border-spacing: 0; }
html,
button,
input,
select,
textarea {
color: #222; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none; }
::selection {
background: #b3d4fc;
text-shadow: none; }
img {
vertical-align: middle; }
fieldset {
border: 0;
margin: 0;
padding: 0; }
textarea {
resize: vertical; }
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s; }
@-webkit-keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
-ms-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
-ms-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
-ms-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
0%, 100%, 50% {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
@-webkit-keyframes pulse {
0%, 100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); } }
@keyframes pulse {
0%, 100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-ms-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
0%, 100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); } }
@keyframes rubberBand {
0%, 100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-ms-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-ms-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-ms-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
-ms-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
-ms-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
-ms-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
-ms-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
-ms-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
-ms-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
-ms-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
0%, 100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }
@keyframes tada {
0%, 100% {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
@-webkit-keyframes wobble {
0%, 100% {
-webkit-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }
@keyframes wobble {
0%, 100% {
-webkit-transform: none;
-ms-transform: none;
transform: none; }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-ms-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
-ms-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s; }
.bounceOut, .flipOutX {
-webkit-animation-duration: .75s; }
@-webkit-keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
100% {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-ms-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-ms-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
-ms-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
100% {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-ms-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-ms-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-ms-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
-ms-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
100% {
-webkit-transform: none;
transform: none; } }
@keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-ms-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
-ms-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
100% {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-ms-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-ms-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
animation-duration: .75s; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-ms-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-ms-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-ms-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-ms-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-ms-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-ms-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-ms-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip; }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
.flipInY, .flipOutX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important; }
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
100% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
animation-duration: .75s;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
-ms-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s; }
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
100% {
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
-ms-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
0% {
opacity: 1; }
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-ms-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
-ms-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1; } }
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
-ms-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
opacity: 1; }
100% {
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
-ms-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0, 0, 1, 45deg);
-ms-transform: rotate(0, 0, 1, 45deg);
transform: rotate(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
-ms-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
-ms-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
-ms-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
100% {
-webkit-transform: translate3d(0, 700px, 0);
-ms-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge; }
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none; } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
@-webkit-keyframes rollOut {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
0% {
opacity: 1; }
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
@keyframes zoomOut {
0% {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-ms-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
100% {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-ms-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -50%, 0); }
to {
opacity: 1;
transform: none; } }
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 50%, 0); }
to {
opacity: 1;
transform: none; } }
* {
box-sizing: border-box; }
body,
html {
overflow-x: hidden; }
body.blocked,
html.blocked {
overflow: hidden; }
body {
font-family: "Nunito Sans", sans-serif; }
a {
text-decoration: none !important; }
.hide {
opacity: 0 !important; }
main {
padding-top: 5.90278vw ; }
@media (orientation: portrait), (max-width: 768px) {
main {
padding-top: 22.66667vw ; } }
.dm-font {
font-family: "DM Serif Display", serif; }
.content {
max-width: 1440px ;
margin: 0 auto; }
@media (orientation: portrait), (max-width: 768px) {
.content {
max-width: 100% ; } }
img.video-blog {
height: auto;
width: 100%; }
.slick-disabled {
opacity: 0.4 !important; }
.slick-hidden {
opacity: 0 !important; }
.btn-default {
height: 53px ;
width: 254px ;
font-size: 0.76389vw ;
font-family: "Poppins", sans-serif;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 1px solid #353535;
background: #353535;
overflow: hidden;
text-decoration: none !important; }
@media (orientation: portrait), (max-width: 768px) {
.btn-default {
height: 53px ; } }
@media (orientation: portrait), (max-width: 768px) {
.btn-default {
width: 254px ; } }
@media (orientation: portrait), (max-width: 768px) {
.btn-default {
font-size: 2.93333vw ; } }
.btn-default:hover span {
color: #353535; }
.btn-default:hover:before {
transform: translateY(0%); }
.btn-default span {
color: #ffffff;
text-align: center;
letter-spacing: 0.06em;
position: relative;
transition: all 0.3s ease-in-out;
z-index: 1; }
.btn-default::before {
content: "";
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
width: 100%;
height: 100%;
background: #ffffff;
transition: all 0.3s ease-in-out;
z-index: 0; }
.btn-default.other-color {
height: 3.68056vw ;
width: 17.63889vw ;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 1px solid #353535;
background: #353535;
overflow: hidden; }
@media (orientation: portrait), (max-width: 768px) {
.btn-default.other-color {
height: 14.13333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.btn-default.other-color {
width: 67.73333vw ; } }
.btn-default.other-color:hover span {
color: #353535; }
.btn-default.other-color:hover:before {
transform: translateY(0%); }
.btn-default.other-color span {
color: #ffffff;
text-align: center;
letter-spacing: 0.06em;
position: relative;
transition: all 0.3s ease-in-out;
z-index: 1; }
.btn-default.other-color::before {
content: "";
position: absolute;
top: 0;
left: 0;
transform: translateY(-101%);
width: 100%;
height: 100%;
background: #f2efeb;
transition: all 0.3s ease-in-out;
z-index: 0; }
.btn-default.other-color-grey {
height: 53px ;
width: 254px ;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 1px solid #353535;
background: #353535;
overflow: hidden; }
@media (orientation: portrait), (max-width: 768px) {
.btn-default.other-color-grey {
height: 53px ; } }
@media (orientation: portrait), (max-width: 768px) {
.btn-default.other-color-grey {
width: 254px ; } }
.btn-default.other-color-grey:hover span {
color: #353535; }
.btn-default.other-color-grey:hover:before {
transform: translateY(0%); }
.btn-default.other-color-grey span {
color: #ffffff;
text-align: center;
letter-spacing: 0.06em;
position: relative;
transition: all 0.3s ease-in-out;
z-index: 1; }
.btn-default.other-color-grey::before {
content: "";
position: absolute;
top: 0;
left: 0;
transform: translateY(-100%);
width: 100%;
height: 100%;
background: #f6f6f6;
transition: all 0.3s ease-in-out;
z-index: 0; }
.prev,
.next {
width: 3.81944vw ;
height: 3.81944vw ;
border: 1px solid #353535;
cursor: pointer;
background-color: #353535;
display: flex !important;
justify-content: center;
align-items: center;
opacity: 1;
transition: all 0.2s ease-in-out; }
@media (orientation: portrait), (max-width: 768px) {
.prev,
.next {
width: 14.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.prev,
.next {
height: 14.66667vw ; } }
.prev svg,
.next svg {
transition: all 0.2s ease-in-out; }
.next svg {
transform: translateX(0px); }
.next:hover {
opacity: 0.9; }
.next:hover svg {
transform: translateX(3px); }
.next:hover path {
fill: #ffffff; }
.prev {
background-color: transparent; }
.prev:hover {
opacity: 0.9; }
.prev:hover svg {
transform: rotate(180deg) translateX(3px); }
.prev svg {
transform: rotate(180deg) translateX(0px); }
.prev svg path {
fill: #353535;
transition: all 0.2s ease-in-out; }
::-webkit-input-placeholder {
font-family: "Nunito Sans", sans-serif;
color: #c4c4c4;
font-size: 14px;
font-weight: 300; }
:-ms-input-placeholder {
font-family: "Nunito Sans", sans-serif;
color: #c4c4c4;
font-size: 14px;
font-weight: 300; }
::placeholder {
font-family: "Nunito Sans", sans-serif;
color: #c4c4c4;
font-size: 14px;
font-weight: 300; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important; }
.content-blog.content-comments {
padding: 0vw 27.77778vw 0vw 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog.content-comments {
padding: 16vw 8vw 0vw 8vw ; } }
.comments-area {
border-top: 1px solid #e9e9e9; }
.comments-area .no-comments {
border-bottom: 1px solid #e9e9e9;
padding-bottom: 40px; }
.comments-area .comments-title {
font-size: 16px;
color: #765a5a; }
.comments-area .comment-list ul {
margin: 0; }
.comments-area .comment-list li {
border-bottom: 1px solid #e9e9e9;
padding: 24px 0;
margin-bottom: 24px; }
.comments-area .comment-list li .comment-author {
font-weight: bold;
font-size: 14px;
margin-bottom: 8px; }
.comments-area .comment-list li .comment-author .date {
position: relative;
margin-left: 12px;
font-weight: 300;
font-size: 12px;
color: #353535;
opacity: 0.6; }
.comments-area .comment-list li .comment-author .approvement {
font-size: 12px;
color: #765a5a;
font-weight: normal; }
.comments-area .comment-list li p {
font-weight: 300;
font-size: 14px;
margin-bottom: 10px; }
.comments-area .comment-list li .comment-reply a {
color: #765a5a;
font-size: 12px;
padding-left: 20px;
background: url(//landecker.gabrielmagnus.com/wp-content/themes/basedigital/css/build/../../img/icon-reply.png) no-repeat left center; }
.comments-area .comment-list li .children {
list-style: none;
padding-left: 40px; }
.comments-area .comment-list li .children li {
border: 0; }
.comments-area .comment-list li .children li:last-child {
margin-bottom: 0; }
.comments-area .comment-respond .comment-reply-title {
font-weight: 600;
font-size: 16px;
color: #765a5a; }
.comments-area .comment-respond .comment-reply-title a {
color: #765a5a;
text-decoration: underline; }
.comments-area .comment-respond form .comment-notes {
font-size: 12px;
color: #353535;
font-weight: 300;
margin-bottom: 27px; }
.comments-area .comment-respond form input[type="text"], .comments-area .comment-respond form input[type="email"] {
font-family: "Nunito Sans", sans-serif;
font-weight: 300;
color: #353535;
width: 100%;
height: 50px;
border: 1px solid #dddddd;
padding: 20px; }
.comments-area .comment-respond form input[type="cbeckbox"] {
width: 20px;
height: 20px;
border: 1px solid #dddddd; }
.comments-area .comment-respond form input[type="submit"] {
display: block;
width: 256px;
height: 55px;
background-color: #353535;
margin: 0 auto;
font-size: 11px;
color: #ffffff;
font-weight: 300;
border: 0; }
.comments-area .comment-respond form textarea {
font-family: "Nunito Sans", sans-serif;
font-weight: 300;
color: #353535;
width: 100%;
border: 1px solid #dddddd;
resize: none;
padding: 20px; }
.comments-area .comment-respond form label {
position: relative;
top: 18px;
left: 10px;
display: inline-block;
font-size: 11px;
padding: 8px;
background-color: #ffffff; }
.comments-area .comment-respond form .form-submit {
margin: 30px 0; }
.comments-area .comment-respond form .comment-form-cookies-consent {
margin: 30px 0; }
.comments-area .comment-respond form .comment-form-cookies-consent label {
top: 0; }
.comments-area .comment-form-policy {
margin-top: 41px;
display: flex;
align-items: flex-start; }
.comments-area .comment-form-policy.general-form-policy {
margin-top: 0; }
.comments-area .comment-form-policy a {
display: inline-block;
color: #765a5a;
text-decoration: underline !important; }
.comments-area .comment-form-policy span {
line-height: 1.6; }
.comments-area .error-policy {
color: red;
display: none; }
.comments-area .custom-checkbox {
position: relative;
min-width: 20px;
display: block;
height: 20px;
border: 1px solid #765a5a;
top: 0 !important;
left: 0 !important;
bottom: initial !important;
font-weight: 300;
font-size: 14px !important;
overflow: hidden;
margin: 5px 10px 0 0 !important;
padding: 0 !important;
cursor: pointer; }
.comments-area .custom-checkbox .checked {
position: absolute;
width: 12px;
height: 12px;
background: #765a5a;
top: 9px;
left: 4px;
margin: 0 !important;
opacity: 0;
transition: all ease-in-out 150ms; }
.comments-area .custom-checkbox .checked.checked-general {
top: 3px;
left: 3px; }
.comments-area .custom-checkbox input {
position: absolute;
width: 1px;
height: 1px;
bottom: -6px !important;
left: 18px;
border: none;
opacity: 0; }
.comments-area .custom-checkbox input:checked + .checked {
opacity: 1; }
.modal-comments {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999999;
transition: all ease-in-out 200ms; }
.modal-comments.close {
top: -100%; }
.modal-comments .modal-content {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background-color: #ffffff;
width: 90vw;
padding-top: 80px;
padding-bottom: 40px; }
@media screen and (min-width: 1025px) {
.modal-comments .modal-content {
width: 70vw; } }
.modal-comments .modal-content .message {
width: 100%;
text-align: center;
margin-bottom: 40px; }
.modal-comments .modal-content p {
display: block;
font-size: 16px;
font-weight: 300;
color: #353535;
text-transform: uppercase;
font-weight: 300;
margin-bottom: 20px !important;
letter-spacing: 0.1em; }
.modal-comments .modal-content button {
display: inline-block; }
.main-header {
position: fixed;
left: 0;
top: 0;
z-index: 8;
width: 100%;
background: #ffffff;
-webkit-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.24);
box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.24); }
.main-header .logo {
width: 5.69444vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .logo {
width: 21.86667vw ; } }
.main-header .logo a {
display: block;
width: 100%;
height: 100%; }
.main-header .logo img {
width: 100%; }
.main-header .content-header {
padding: 0vw 11.80556vw ;
height: 5.90278vw ;
flex-direction: initial ;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header {
padding: 0vw 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header {
height: 22.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header {
flex-direction: row-reverse ; } }
.main-header .content-header .hamburguer {
cursor: pointer; }
.main-header .content-header .hamburguer span {
background: #000000 ;
width: 1.73611vw ;
height: 3px ;
margin-bottom: 3px ;
display: block; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header .hamburguer span {
background: #765A5A ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header .hamburguer span {
width: 6.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header .hamburguer span {
height: 0.8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header .hamburguer span {
margin-bottom: 0.8vw ; } }
.main-header .content-header .btn-search {
cursor: pointer; }
.main-header .content-header .btn-search img {
width: 1.66667vw ;
height: 1.66667vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header .btn-search img {
width: 6.4vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .content-header .btn-search img {
height: 6.4vw ; } }
.main-header .menu-container {
padding: 5.90278vw 11.80556vw ;
width: 50% ;
overflow-y: auto ;
top: 0vw ;
position: fixed;
left: 0;
height: 100%;
z-index: 10;
background: #ffffff;
transform: translateX(-100%);
opacity: 0;
transition: all 0.3s ease-in-out; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container {
padding: 5.33333vw 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container {
overflow-y: visible ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container {
top: 22.66667vw ; } }
.main-header .menu-container::-webkit-scrollbar-track {
background-color: #ffffff; }
.main-header .menu-container::-webkit-scrollbar {
width: 5px;
background: #ffffff; }
.main-header .menu-container::-webkit-scrollbar-thumb {
background: #9a9a9a; }
.main-header .menu-container.opened {
transform: translateX(0%);
opacity: 1; }
.main-header .menu-container.opened .close-menu {
top: 2.43056vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container.opened .close-menu {
top: -14.93333vw ; } }
.main-header .menu-container.menu-scrolled {
opacity: 0.9; }
.main-header .menu-container .close-menu {
top: 2.43056vw ;
left: 11.80556vw ;
right: initial ;
position: absolute;
cursor: pointer;
opacity: 1;
transition-property: opacity ;
transition-duration: 0.2s;
transition-delay: 0s ; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container .close-menu {
top: 0vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container .close-menu {
left: initial ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container .close-menu {
right: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container .close-menu {
transition-property: top ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container .close-menu {
transition-delay: 0.3s ; } }
.main-header .menu-container .close-menu svg {
width: 1.66667vw ;
height: 1.66667vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container .close-menu svg {
width: 6.4vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container .close-menu svg {
height: 6.4vw ; } }
.main-header .menu-container .close-menu:hover {
opacity: 0.5; }
.main-header .menu-container ul.children {
display: none !important; }
.main-header .menu-container ul {
width: 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container ul {
width: 100% ; } }
.main-header .menu-container li {
padding: 1.73611vw 1.73611vw 1.73611vw 4.16667vw ;
margin-top: 1.04167vw ;
width: 100%;
position: relative;
counter-increment: my-sec-counter;
border-bottom: 1px solid #E5E5E5; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container li {
padding: 5.33333vw 5.33333vw 5.33333vw 9.86667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container li {
margin-top: 2.13333vw ; } }
.main-header .menu-container li:before {
font-size: 1.11111vw ;
top: 1.04167vw ;
content: "0" counter(my-sec-counter) ".";
left: 0;
display: block;
font-style: normal;
font-weight: 300;
color: #353535;
position: absolute;
z-index: 2; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container li:before {
font-size: 3.2vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container li:before {
top: 0vw ; } }
.main-header .menu-container li:last-child {
border-bottom: 1px solid #765A5A; }
.main-header .menu-container li:last-child a {
font-weight: 800;
color: #765A5A; }
.main-header .menu-container li a {
font-size: 1.25vw ;
font-style: normal;
font-weight: normal;
color: #353535;
letter-spacing: 0.2em;
text-transform: uppercase;
display: block;
position: relative; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .menu-container li a {
font-size: 4.26667vw ; } }
.main-header .menu-container li a:before {
content: '';
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.5;
z-index: 1;
transform: translateX(-100%);
transition: all 0.4s ease-in-out; }
.main-header .menu-container li a:hover:before {
transform: translateX(0%); }
.main-header .box-search {
padding: 10.06944vw 1.25vw 1.25vw 1.25vw ;
top: 0vw ;
position: fixed;
left: 0;
width: 100%;
opacity: 0;
transform: translateY(-200%);
background: #ffffff;
transition: all 0.4s ease-in-out; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search {
padding: 48vw 4.8vw 12vw 4.8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search {
top: 22.66667vw ; } }
.main-header .box-search.opened {
opacity: 1;
transform: translateY(0%); }
.main-header .box-search .close-search {
top: 2.08333vw ;
right: 11.80556vw ;
left: initial ;
position: absolute;
cursor: pointer;
opacity: 1;
transition: all 0.3s ease-in-out; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search .close-search {
top: -14.93333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search .close-search {
right: initial ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search .close-search {
left: 8vw ; } }
.main-header .box-search .close-search svg {
width: 1.66667vw ;
height: 1.66667vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search .close-search svg {
width: 6.4vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search .close-search svg {
height: 6.4vw ; } }
.main-header .box-search .close-search:hover {
opacity: 0.5; }
.main-header .box-search form {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center; }
.main-header .box-search form .search-field {
height: 5.55556vw ;
padding: 0vw 1.25vw ;
margin-bottom: 1.04167vw ;
font-size: 4.16667vw ;
text-align: center;
width: 100%;
background: transparent;
border: 0;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search form .search-field {
height: 21.33333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search form .search-field {
padding: 0vw 4.8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search form .search-field {
margin-bottom: 4vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search form .search-field {
font-size: 16vw ; } }
.main-header .box-search form .submit-btn {
font-size: 1.11111vw ;
margin-right: 1.25vw ;
font-style: normal;
font-weight: 300;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A;
display: block;
background: transparent;
border: 0;
opacity: 1;
cursor: pointer;
transition: all 0.2s ease-in-out; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search form .submit-btn {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search form .submit-btn {
margin-right: 4.8vw ; } }
.main-header .box-search form .submit-btn:hover {
margin-right: 1.59722vw ;
opacity: 0.5; }
@media (orientation: portrait), (max-width: 768px) {
.main-header .box-search form .submit-btn:hover {
margin-right: 4.8vw ; } }
.main-footer {
padding: 5.83333vw 11.80556vw 5.55556vw 11.80556vw ;
justify-content: space-between ;
display: flex ;
width: 100%;
background-color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer {
padding: 11.2vw 8vw 5.33333vw 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer {
justify-content: center ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer {
display: block ; } }
.main-footer .left-content .logo img {
width: 8.61111vw ;
display: initial ;
margin: initial ;
padding-bottom: 0vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .logo img {
width: 33.06667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .logo img {
display: block ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .logo img {
margin: 0 auto ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .logo img {
padding-bottom: 18.66667vw ; } }
.main-footer .left-content .infos-footer {
display: flex ;
margin-top: 185px ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer {
display: none ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer {
margin-top: 72px ; } }
.main-footer .left-content .infos-footer .info-contact {
width: 13.88889vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-contact {
width: 100% ; } }
.main-footer .left-content .infos-footer .info-contact h5 {
margin-bottom: 0.27778vw ;
margin-top: 1.11111vw ;
font-size: 0.83333vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-contact h5 {
margin-bottom: 1.06667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-contact h5 {
margin-top: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-contact h5 {
font-size: 3.2vw ; } }
.main-footer .left-content .infos-footer .info-contact p, .main-footer .left-content .infos-footer .info-contact a {
font-size: 0.69444vw ;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: 0.06em;
color: #FFFFFF;
line-height: 120%; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-contact p, .main-footer .left-content .infos-footer .info-contact a {
font-size: 2.66667vw ; } }
.main-footer .left-content .infos-footer .info-contact .mail-footer {
font-size: 0.69444vw ;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: 0.06em;
color: #FFFFFF;
line-height: 120%;
text-decoration: none; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-contact .mail-footer {
font-size: 2.66667vw ; } }
.main-footer .left-content .infos-footer .info-address {
width: 15.27778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-address {
width: 100% ; } }
.main-footer .left-content .infos-footer .info-address h5 {
font-size: 0.83333vw ;
margin-bottom: 0.27778vw ;
margin-top: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-address h5 {
font-size: 3.2vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-address h5 {
margin-bottom: 1.06667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-address h5 {
margin-top: 4.26667vw ; } }
.main-footer .left-content .infos-footer .info-address p {
font-size: 0.69444vw ;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: 0.06em;
color: #FFFFFF;
line-height: 120%; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-address p {
font-size: 2.66667vw ; } }
.main-footer .left-content .infos-footer .info-address .map-footer {
font-size: 0.83333vw ;
margin-top: 0.83333vw ;
display: block;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-address .map-footer {
font-size: 3.2vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .infos-footer .info-address .map-footer {
margin-top: 3.2vw ; } }
.main-footer .left-content .copyright {
display: block ;
margin-top: 2.5vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .copyright {
display: none ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .copyright {
margin-top: 9.33333vw ; } }
.main-footer .left-content .copyright p {
text-align: left ;
font-size: 0.625vw ;
line-height: 1.25vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 18px;
color: #F6F6F6;
opacity: 0.6; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .copyright p {
text-align: center ; } }
@media (max-width: 1280px) {
.main-footer .left-content .copyright p {
font-size: 0.78125vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .copyright p {
font-size: 2.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .left-content .copyright p {
line-height: 3.73333vw ; } }
.main-footer .right-content {
padding-left: 15.27778vw ;
display: block ;
width: 100%; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content {
padding-left: 0vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content {
display: block ; } }
.main-footer .right-content ul.menu {
display: flex;
justify-content: space-between; }
.main-footer .right-content ul.menu li {
margin-bottom: 1.38889vw ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content ul.menu li {
margin-bottom: 5.33333vw ; } }
.main-footer .right-content ul.menu li a {
font-size: 0.97222vw ;
margin-bottom: 2.08333vw ;
font-family: 'Nunito Sans', sans-serif;
display: block;
color: #ffffff;
text-decoration: none;
font-style: normal;
font-weight: 300;
letter-spacing: 0.1em;
transition: all 0.2s ease-in-out; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content ul.menu li a {
font-size: 3.73333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content ul.menu li a {
margin-bottom: 4vw ; } }
.main-footer .right-content ul.menu li a:hover {
opacity: 0.6; }
@-webkit-keyframes shine {
from {
-webkit-mask-position: 150%; }
to {
-webkit-mask-position: -50%; } }
.main-footer .right-content .footer-media-and-sitemap {
display: flex ;
justify-content: space-between ;
width: 100%; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .footer-media-and-sitemap {
display: flex ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .footer-media-and-sitemap {
justify-content: space-between ; } }
.main-footer .right-content .footer-media-and-sitemap .social-media {
margin-top: 40px ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .footer-media-and-sitemap .social-media {
margin-top: 70px ; } }
.main-footer .right-content .footer-media-and-sitemap .social-media a {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
display: block;
text-decoration: none;
letter-spacing: 0.06em;
color: #FFFFFF;
margin-bottom: 10px; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .footer-media-and-sitemap .social-media a {
font-size: 2.93333vw ; } }
.main-footer .right-content .footer-media-and-sitemap .footer-link-sitemap {
margin-top: 40px ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .footer-media-and-sitemap .footer-link-sitemap {
margin-top: 70px ; } }
.main-footer .right-content .footer-media-and-sitemap .footer-link-sitemap a {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
display: block;
text-decoration: none;
letter-spacing: 0.06em;
color: #FFFFFF;
margin-bottom: 10px; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .footer-media-and-sitemap .footer-link-sitemap a {
font-size: 2.93333vw ; } }
.main-footer .right-content .copyright-mobile {
display: none ; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .copyright-mobile {
display: initial ; } }
.main-footer .right-content .copyright-mobile p {
margin-top: 2.63889vw ;
text-align: left ;
font-size: 0.625vw ;
line-height: 1.25vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 18px;
color: #F6F6F6;
opacity: 0.6; }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .copyright-mobile p {
margin-top: 9.33333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .copyright-mobile p {
text-align: center ; } }
@media (max-width: 1280px) {
.main-footer .right-content .copyright-mobile p {
font-size: 0.78125vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .copyright-mobile p {
font-size: 2.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-footer .right-content .copyright-mobile p {
line-height: 3.73333vw ; } }
.subfooter {
background: #2e2e2e;
background-size: auto;
align-items: center;
justify-content: center;
align-items: center;
display: flex;
padding: 10px 0;
height: 46px;
width: 100%; }
.subfooter img {
width: 25px;
height: 25px; }
.infos-footer-mobile {
display: none ;
flex-direction: column;
justify-content: start;
margin-top: 20px; }
@media (orientation: portrait), (max-width: 768px) {
.infos-footer-mobile {
display: flex ; } }
.main-footer .right-content .infos-footer-mobile h5 {
margin: 10px 0;
font-size: 12px;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 10%;
line-height: 19.2px;
text-transform: uppercase;
color: #ffffff; }
.main-footer .right-content .infos-footer-mobile .info-contact p a {
font-size: 10px;
font-style: normal;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: 6%;
line-height: 12px;
color: #ffffff;
line-height: 120%; }
.main-footer .right-content .infos-footer-mobile .info-contact > p {
font-size: 10px;
font-style: normal;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: 6%;
line-height: 12px;
color: #ffffff;
line-height: 120%; }
.main-footer .right-content .infos-footer-mobile .info-contact .mail-footer {
font-size: 10px;
font-weight: 400;
font-style: normal;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: 6%;
color: #ffffff;
line-height: 14px; }
.main-footer .right-content .infos-footer-mobile .info-address p {
font-size: 10px;
font-weight: 400;
font-style: normal;
font-family: 'Nunito Sans', sans-serif;
letter-spacing: 6%;
color: #ffffff;
line-height: 12px;
margin-bottom: 10px; }
.main-footer .right-content .infos-footer-mobile .info-address .map-footer {
font-size: 11px;
font-weight: 400;
font-style: normal;
font-family: 'Poppins', sans-serif;
letter-spacing: 6%;
color: #ffffff;
line-height: 15.4px; }
.main-banner {
background-color: #F2EFEB;
position: relative; }
.main-banner .breadcrumbs {
display: flex;
position: absolute;
top: 2.08333vw ;
left: 11.80556vw ;
z-index: 1; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .breadcrumbs {
top: 5.33333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .breadcrumbs {
left: 8vw ; } }
.main-banner .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.main-banner .breadcrumbs a:hover {
opacity: 0.6; }
.main-banner .slider-main-banner .slider-banner {
padding-bottom: initial ;
background: #F2EFEB;
position: relative; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner {
padding-bottom: 22.66667vw ; } }
.main-banner .slider-main-banner .slider-banner .bg-image {
display: block ;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
z-index: 0; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .bg-image {
display: none ; } }
.main-banner .slider-main-banner .slider-banner .infos-banner {
padding: 7.84722vw 62.01389vw 8.05556vw 11.80556vw ;
height: 39.58333vw ;
position: relative;
z-index: 1; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner {
padding: 25.6vw 8vw 10.66667vw 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner {
height: auto ; } }
.main-banner .slider-main-banner .slider-banner .infos-banner .txt-banner {
font-size: 1.11111vw ;
text-align: left ;
line-height: 160% ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .txt-banner {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .txt-banner {
text-align: center ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .txt-banner {
line-height: 160% ; } }
.main-banner .slider-main-banner .slider-banner .infos-banner .title-banner {
font-size: 5.20833vw ;
text-align: left ;
line-height: 1 ;
margin-top: 1.25vw ;
margin-bottom: 2.29167vw ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .title-banner {
font-size: 12vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .title-banner {
text-align: center ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .title-banner {
line-height: 1 ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .title-banner {
margin-top: 5.6vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .title-banner {
margin-bottom: 10.66667vw ; } }
.main-banner .slider-main-banner .slider-banner .infos-banner .description-banner {
text-align: left ;
font-size: 0.97222vw ;
margin-bottom: 0vw ;
line-height: 160% ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .description-banner {
text-align: center ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .description-banner {
font-size: 3.73333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .description-banner {
margin-bottom: 17.6vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner .description-banner {
line-height: 160% ; } }
.main-banner .slider-main-banner .slider-banner .infos-banner a {
display: flex ;
margin: initial ;
margin-top: 2.08333vw ;
justify-content: center;
align-items: center; }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner a {
display: none ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner a {
margin: 0 auto ; } }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .slider-main-banner .slider-banner .infos-banner a {
margin-top: 0vw ; } }
.main-banner .arrows {
bottom: 2.77778vw ;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
position: absolute;
bottom: 1vw;
left: 50%;
transform: translateX(-50%); }
@media (orientation: portrait), (max-width: 768px) {
.main-banner .arrows {
bottom: 10.66667vw ; } }
.consultation {
background-color: #FFFFFF;
padding: 6.94444vw 29.86111vw ; }
@media (orientation: portrait), (max-width: 768px) {
.consultation {
padding: 26.66667vw 8vw ; } }
.consultation.background-grey {
background-color: #F6F6F6;
padding: 6.94444vw 29.86111vw ; }
@media (orientation: portrait), (max-width: 768px) {
.consultation.background-grey {
padding: 26.66667vw 8vw ; } }
.consultation h2 {
font-size: 4.16667vw ;
line-height: 90% ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
text-align: center;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.consultation h2 {
font-size: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.consultation h2 {
line-height: 80% ; } }
.consultation p {
margin-top: 1.38889vw ;
margin-bottom: 2.56944vw ;
font-size: 0.97222vw ;
line-height: 160% ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: normal;
text-align: center;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.consultation p {
margin-top: 9.86667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.consultation p {
margin-bottom: 6.13333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.consultation p {
font-size: 3.73333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.consultation p {
line-height: 160% ; } }
.consultation button {
margin: 0 auto; }
.block-txt-img {
display: flex ;
flex-wrap: initial ; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img {
display: block ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img {
flex-wrap: wrap ; } }
.block-txt-img:not(.block-txt-img-about):nth-child(odd) {
display: flex ;
flex-direction: row-reverse ; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img:not(.block-txt-img-about):nth-child(odd) {
display: flex ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img:not(.block-txt-img-about):nth-child(odd) {
flex-direction: row-reverse ; } }
.block-txt-img:not(.block-txt-img-about):nth-child(odd) .txt-block {
background: #F2EFEB; }
.block-txt-img.block-txt-img-about:nth-child(even) {
display: flex ;
flex-direction: row-reverse ; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img.block-txt-img-about:nth-child(even) {
display: flex ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img.block-txt-img-about:nth-child(even) {
flex-direction: row-reverse ; } }
.block-txt-img.block-txt-img-about:nth-child(even) .txt-block {
background: #F2EFEB; }
.block-txt-img .txt-block {
width: 50% ;
padding: 10.97222vw 7.63889vw 11.80556vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block {
padding: 21.33333vw 8vw 16vw 8vw ; } }
.block-txt-img .txt-block h2 {
font-size: 2.08333vw ;
margin-bottom: 1.04167vw ;
line-height: 120% ;
font-family: 'Nunito Sans', sans-serif;
text-transform: uppercase;
color: #353535;
font-weight: 300; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block h2 {
font-size: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block h2 {
margin-bottom: 4vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block h2 {
line-height: 120% ; } }
.block-txt-img .txt-block h3 {
font-size: 1.11111vw ;
line-height: 160% ;
letter-spacing: 0.2em;
font-family: 'Nunito Sans', sans-serif;
text-transform: uppercase;
color: #353535;
font-weight: 300; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block h3 {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block h3 {
line-height: 160% ; } }
.block-txt-img .txt-block h3:after {
margin-top: 2.08333vw ;
margin-bottom: 2.08333vw ;
content: '';
display: block;
width: 100%;
height: 2px;
background-color: #E9E9E9; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block h3:after {
margin-top: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block h3:after {
margin-bottom: 8vw ; } }
.block-txt-img .txt-block p {
font-size: 0.97222vw ;
margin-bottom: 2.08333vw ;
line-height: 160% ;
font-family: 'Nunito Sans', sans-serif;
font-weight: 300;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block p {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block p {
margin-bottom: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block p {
line-height: 160% ; } }
.block-txt-img .txt-block.background-brown {
background-color: #F2EFEB; }
.block-txt-img .txt-block li {
font-size: 0.97222vw ;
margin-bottom: 0.69444vw ;
line-height: 80% ;
font-family: 'Nunito Sans', sans-serif;
font-weight: 300;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block li {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block li {
margin-bottom: 2.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .txt-block li {
line-height: 80% ; } }
.block-txt-img .txt-block a {
color: #765A5A;
text-decoration: underline; }
.block-txt-img .img-block {
width: 50% ; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .img-block {
width: 100% ; } }
.block-txt-img .img-block img {
width: 100% ;
height: 100% ; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .img-block img {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt-img .img-block img {
height: 100% ; } }
.block-video {
display: flex ; }
@media (orientation: portrait), (max-width: 768px) {
.block-video {
display: block ; } }
.block-video .img-block-video img {
width: 50vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .img-block-video img {
width: 100% ; } }
.block-video .video-block {
padding: 10.83333vw 11.66667vw 7.08333vw 11.94444vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block {
padding: 10.66667vw ; } }
.block-video .video-block .video {
width: 26.38889vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video {
width: 78.66667vw ; } }
.block-video .video-block .video .slide-video {
height: 24.30556vw ;
position: relative;
cursor: pointer;
display: flex !important; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video {
height: 78.66667vw ; } }
.block-video .video-block .video .slide-video:hover:before {
opacity: 0.6; }
.block-video .video-block .video .slide-video h4 {
font-size: 3.19444vw ;
line-height: 3.47222vw ;
font-family: 'Montserrat', sans-serif;
color: #353535;
position: absolute;
top: 5.69444vw ;
left: 2.36111vw ;
z-index: 2; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video h4 {
font-size: 10.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video h4 {
line-height: 13.33333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video h4 {
top: 21.86667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video h4 {
left: 9.06667vw ; } }
.block-video .video-block .video .slide-video:before {
content: '';
position: absolute;
top: 0;
display: block;
left: 0;
width: 100%;
height: 100%;
background: #C4C4C4;
opacity: 0.8;
z-index: 1;
transition: all 0.3s ease-in-out; }
.block-video .video-block .video .slide-video .footer-box {
position: absolute;
width: 100%;
bottom: 2.36111vw ;
left: 2.36111vw ;
display: flex;
align-items: center;
z-index: 2; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video .footer-box {
bottom: 9.06667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video .footer-box {
left: 9.06667vw ; } }
.block-video .video-block .video .slide-video .footer-box img {
margin-right: 1.04167vw ;
display: block; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video .footer-box img {
margin-right: 4vw ; } }
.block-video .video-block .video .slide-video .footer-box span {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
color: #353535;
line-height: 140%;
text-align: center;
letter-spacing: 0.06em; }
@media (orientation: portrait), (max-width: 768px) {
.block-video .video-block .video .slide-video .footer-box span {
font-size: 2.93333vw ; } }
.block-video .video-block .video .slide-video .bg-video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
z-index: 0; }
.block-video .video-block .video .slide-video .bg-image {
width: 100%; }
.block-video .video-block .arrows {
display: flex; }
.block-procedure {
background-color: #F2EFEB;
padding: 3.95833vw 22.91667vw 11.80556vw 22.91667vw ;
position: relative; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure {
padding: 16vw 6.66667vw ; } }
.block-procedure h2 {
font-size: 4.16667vw ;
line-height: 4.51389vw ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
color: #353535;
text-align: center; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure h2 {
font-size: 10.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure h2 {
line-height: 9.33333vw ; } }
.block-procedure .slider-procedure .block-slider-procedure {
margin-top: 3.33333vw ;
width: 100% ;
height: 22.5vw ;
flex-direction: initial ;
display: flex !important;
border: 1px solid #353535; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure {
margin-top: 18.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure {
height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure {
flex-direction: column-reverse ; } }
.block-procedure .slider-procedure .block-slider-procedure .left-block {
display: flex ;
width: 50% ; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .left-block {
display: inital ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .left-block {
width: 100% ; } }
.block-procedure .slider-procedure .block-slider-procedure .left-block img {
width: 30.76389vw ;
align-self: flex-end; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .left-block img {
width: 100% ; } }
.block-procedure .slider-procedure .block-slider-procedure .left-block.single-procedure-block {
width: 50% ;
overflow: hidden; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .left-block.single-procedure-block {
width: 100% ; } }
.block-procedure .slider-procedure .block-slider-procedure .left-block.single-procedure-block img {
width: 100% ; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .left-block.single-procedure-block img {
width: 100% ; } }
.block-procedure .slider-procedure .block-slider-procedure .right-block {
padding: 2.29167vw 2.77778vw 1.94444vw 0vw ;
width: 50% ;
height: auto ; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block {
padding: 10.66667vw 8vw 5.33333vw 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block {
height: 93.33333vw ; } }
.block-procedure .slider-procedure .block-slider-procedure .right-block h2 {
font-size: 2.08333vw ;
line-height: 120% ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
text-transform: uppercase;
color: #353535;
text-align: left; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block h2 {
font-size: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block h2 {
line-height: 120% ; } }
.block-procedure .slider-procedure .block-slider-procedure .right-block h3 {
font-size: 1.11111vw ;
line-height: 160% ;
margin: 1.18056vw 0vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535;
text-align: left; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block h3 {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block h3 {
line-height: 160% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block h3 {
margin: 2.13333vw 0vw ; } }
.block-procedure .slider-procedure .block-slider-procedure .right-block p {
font-size: 0.97222vw ;
line-height: 160% ;
margin-bottom: 2.77778vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
color: #353535;
text-align: left; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block p {
font-size: 3.73333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block p {
line-height: 160% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block p {
margin-bottom: 8vw ; } }
.block-procedure .slider-procedure .block-slider-procedure .right-block.single-procedure-block {
padding: 2.29167vw 2.77778vw 1.94444vw 4.16667vw ;
width: 50% ;
overflow: hidden; }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block.single-procedure-block {
padding: 10.66667vw 8vw 5.33333vw 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-procedure .slider-procedure .block-slider-procedure .right-block.single-procedure-block {
width: 100% ; } }
.block-procedure .slider-procedure .block-slider-procedure .right-block.single-procedure-block img {
width: 100%; }
.block-procedure .arrows {
display: flex;
position: absolute;
transform: translateY(-101%); }
.banner-txt-about {
background-color: #F2EFEB; }
.banner-txt-about .infos-banner-txt {
padding: 3.19444vw 31.25vw 6.25vw 31.25vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .infos-banner-txt {
padding: 16vw 8vw 16vw 8vw ; } }
.banner-txt-about .infos-banner-txt h1 {
font-family: 'Montserrat', sans-serif;
font-size: 4.16667vw ;
line-height: 100% ;
text-align: center ;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .infos-banner-txt h1 {
font-size: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .infos-banner-txt h1 {
line-height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .infos-banner-txt h1 {
text-align: center ; } }
.banner-txt-about .infos-banner-txt p {
font-size: 1.11111vw ;
margin-top: 1.11111vw ;
text-align: center ;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .infos-banner-txt p {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .infos-banner-txt p {
margin-top: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .infos-banner-txt p {
text-align: center ; } }
.banner-txt-about .breadcrumbs {
display: flex;
flex-wrap: wrap;
padding: 2.08333vw 0vw 0vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-about .breadcrumbs {
padding: 5.33333vw 8vw 0vw 8vw ; } }
.banner-txt-about .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.banner-txt-about .breadcrumbs a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.banner-txt-procedure {
background-color: #F2EFEB; }
.banner-txt-procedure .infos-banner-txt {
padding: 3.19444vw 27.77778vw 1.25vw 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .infos-banner-txt {
padding: 16vw 8vw 16vw 8vw ; } }
.banner-txt-procedure .infos-banner-txt h1 {
font-family: 'Montserrat', sans-serif;
font-size: 4.16667vw ;
line-height: 100% ;
text-align: center ;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .infos-banner-txt h1 {
font-size: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .infos-banner-txt h1 {
line-height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .infos-banner-txt h1 {
text-align: center ; } }
.banner-txt-procedure .infos-banner-txt p {
font-size: 1.11111vw ;
margin-top: 1.11111vw ;
text-align: center ;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .infos-banner-txt p {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .infos-banner-txt p {
margin-top: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .infos-banner-txt p {
text-align: center ; } }
.banner-txt-procedure .breadcrumbs {
display: flex ;
padding: 2.08333vw 0vw 0vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .breadcrumbs {
display: inline-block ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-procedure .breadcrumbs {
padding: 5.33333vw 8vw 0vw 8vw ; } }
.banner-txt-procedure .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.banner-txt-procedure .breadcrumbs a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.banner-txt-single-blog {
background-color: #F2EFEB; }
.banner-txt-single-blog .infos-banner-txt {
padding: 3.19444vw 20.83333vw 1.25vw 20.83333vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .infos-banner-txt {
padding: 16vw 8vw 16vw 8vw ; } }
.banner-txt-single-blog .infos-banner-txt h1 {
font-family: 'Montserrat', sans-serif;
font-size: 3.81944vw ;
line-height: 100% ;
text-align: center ;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .infos-banner-txt h1 {
font-size: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .infos-banner-txt h1 {
line-height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .infos-banner-txt h1 {
text-align: center ; } }
.banner-txt-single-blog .infos-banner-txt p {
font-family: 'Poppins', sans-serif;
font-size: 0.76389vw ;
margin-top: 2.08333vw ;
text-align: center ;
font-style: normal;
font-weight: normal;
line-height: 140%;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .infos-banner-txt p {
font-size: 2.93333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .infos-banner-txt p {
margin-top: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .infos-banner-txt p {
text-align: center ; } }
.banner-txt-single-blog .breadcrumbs {
display: flex ;
padding: 2.08333vw 0vw 0vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .breadcrumbs {
display: inline-block ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-single-blog .breadcrumbs {
padding: 5.33333vw 8vw 0vw 8vw ; } }
.banner-txt-single-blog .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.banner-txt-single-blog .breadcrumbs a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.banner-txt-schedule-appointment {
background-color: #F2EFEB; }
.banner-txt-schedule-appointment .infos-banner-txt {
padding: 3.19444vw 27.77778vw 6.25vw 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .infos-banner-txt {
padding: 16vw 8vw 16vw 8vw ; } }
.banner-txt-schedule-appointment .infos-banner-txt h1 {
font-family: 'Montserrat', sans-serif;
font-size: 4.16667vw ;
line-height: 100% ;
text-align: center ;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .infos-banner-txt h1 {
font-size: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .infos-banner-txt h1 {
line-height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .infos-banner-txt h1 {
text-align: center ; } }
.banner-txt-schedule-appointment .infos-banner-txt p {
font-size: 1.11111vw ;
margin-top: 1.11111vw ;
text-align: center ;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .infos-banner-txt p {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .infos-banner-txt p {
margin-top: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .infos-banner-txt p {
text-align: center ; } }
.banner-txt-schedule-appointment .breadcrumbs {
display: flex;
padding: 2.08333vw 0vw 0vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-schedule-appointment .breadcrumbs {
padding: 5.33333vw 8vw 0vw 8vw ; } }
.banner-txt-schedule-appointment .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.banner-txt-schedule-appointment .breadcrumbs a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.banner-txt-blog {
background-color: #F2EFEB; }
.banner-txt-blog .infos-banner-txt {
padding: 3.19444vw 13.88889vw 1.25vw 13.88889vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt {
padding: 16vw 8vw 8vw 8vw ; } }
.banner-txt-blog .infos-banner-txt h1 {
font-family: 'Montserrat', sans-serif;
font-size: 4.16667vw ;
line-height: 100% ;
text-align: center ;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt h1 {
font-size: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt h1 {
line-height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt h1 {
text-align: center ; } }
.banner-txt-blog .infos-banner-txt p {
font-size: 1.11111vw ;
margin-top: 1.11111vw ;
text-align: center ;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt p {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt p {
margin-top: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt p {
text-align: center ; } }
.banner-txt-blog .infos-banner-txt .category-blog {
display: block;
margin-top: 2.08333vw ;
text-align: center; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt .category-blog {
margin-top: 8vw ; } }
.banner-txt-blog .infos-banner-txt .category-blog a {
margin: 0vw 0.69444vw ;
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
text-align: center;
letter-spacing: 0.06em;
text-decoration: none;
display: inline-block;
color: #765A5A;
text-transform: uppercase; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt .category-blog a {
margin: 2.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .infos-banner-txt .category-blog a {
font-size: 2.93333vw ; } }
.banner-txt-blog .infos-banner-txt .category-blog a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.banner-txt-blog .breadcrumbs {
display: flex;
padding: 2.08333vw 0vw 0vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-blog .breadcrumbs {
padding: 5.33333vw 8vw 0vw 8vw ; } }
.banner-txt-blog .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.banner-txt-blog .breadcrumbs a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.banner-txt-esthetics {
background-color: #F2EFEB; }
.banner-txt-esthetics .infos-banner-txt {
padding: 3.19444vw 31.25vw 6.25vw 31.25vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .infos-banner-txt {
padding: 16vw 8vw 16vw 8vw ; } }
.banner-txt-esthetics .infos-banner-txt h1 {
font-family: 'Montserrat', sans-serif;
font-size: 4.16667vw ;
line-height: 100% ;
text-align: center ;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .infos-banner-txt h1 {
font-size: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .infos-banner-txt h1 {
line-height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .infos-banner-txt h1 {
text-align: center ; } }
.banner-txt-esthetics .infos-banner-txt p {
font-size: 1.11111vw ;
margin-top: 1.11111vw ;
text-align: center ;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .infos-banner-txt p {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .infos-banner-txt p {
margin-top: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .infos-banner-txt p {
text-align: center ; } }
.banner-txt-esthetics .breadcrumbs {
display: flex;
padding: 2.08333vw 0vw 0vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-esthetics .breadcrumbs {
padding: 5.33333vw 8vw 0vw 8vw ; } }
.banner-txt-esthetics .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.banner-txt-esthetics .breadcrumbs a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.banner-txt-sitemap {
background-color: #F2EFEB; }
.banner-txt-sitemap .infos-banner-txt {
padding: 3.19444vw 31.25vw 6.25vw 31.25vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .infos-banner-txt {
padding: 16vw 8vw 16vw 8vw ; } }
.banner-txt-sitemap .infos-banner-txt h1 {
font-family: 'Montserrat', sans-serif;
font-size: 4.16667vw ;
line-height: 100% ;
text-align: center ;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .infos-banner-txt h1 {
font-size: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .infos-banner-txt h1 {
line-height: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .infos-banner-txt h1 {
text-align: center ; } }
.banner-txt-sitemap .infos-banner-txt p {
font-size: 1.11111vw ;
margin-top: 1.11111vw ;
text-align: center ;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .infos-banner-txt p {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .infos-banner-txt p {
margin-top: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .infos-banner-txt p {
text-align: center ; } }
.banner-txt-sitemap .breadcrumbs {
display: flex;
padding: 2.08333vw 0vw 0vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.banner-txt-sitemap .breadcrumbs {
padding: 5.33333vw 8vw 0vw 8vw ; } }
.banner-txt-sitemap .breadcrumbs a {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
line-height: 140%;
letter-spacing: 0.06em;
color: #765A5A;
text-decoration: none; }
.banner-txt-sitemap .breadcrumbs a:hover {
opacity: 0.6;
-webkit-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-moz-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
-o-transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease;
transition: opacity 1.2s 0s ease-in-out, all 0.5s 0s ease; }
.block-txt {
padding: 12.98611vw 15.625vw 16.11111vw 15.625vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt {
padding: 21.33333vw 8vw ; } }
.block-txt h3 {
margin-bottom: 1.38889vw ;
font-size: 1.11111vw ;
line-height:  160% ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt h3 {
margin-bottom: 6.4vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt h3 {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt h3 {
line-height: 160% ; } }
.block-txt h2 {
font-size: 4.16667vw ;
line-height: 4.51389vw ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.block-txt h2 {
font-size: 10.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-txt h2 {
line-height: 100% ; } }
.block-img-center {
width: 100% ;
height: 41.66667vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-img-center {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-img-center {
height: auto ; } }
.block-img-center img {
width: 100% ;
height: 41.66667vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-img-center img {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-img-center img {
height: auto ; } }
.block-img-center .desk-img-block {
display: initial ; }
@media (orientation: portrait), (max-width: 768px) {
.block-img-center .desk-img-block {
display: none ; } }
.block-img-center .mobile-img-block {
display: none ; }
@media (orientation: portrait), (max-width: 768px) {
.block-img-center .mobile-img-block {
display: initial ; } }
.block-slider-highlights {
background-color: #F6F6F6;
padding: 3.47222vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights {
padding: 21.33333vw 0vw 14.66667vw 0vw ; } }
.block-slider-highlights h2 {
font-size: 4.16667vw ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 100%;
color: #353535;
z-index: 1;
position: relative; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights h2 {
font-size: 10.66667vw ; } }
.block-slider-highlights .slider-highlights-about {
width: 75% ;
position: relative;
margin: 0 auto; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about {
width: auto ; } }
.block-slider-highlights .slider-highlights-about.slider-blog .prev {
background-color: #353535; }
.block-slider-highlights .slider-highlights-about.slider-blog .prev svg {
transform: translateX(0px); }
.block-slider-highlights .slider-highlights-about.slider-blog .prev svg path {
fill: #ffffff;
transition: all 0.2s ease-in-out; }
.block-slider-highlights .slider-highlights-about.slider-blog .prev:hover {
opacity: 0.9; }
.block-slider-highlights .slider-highlights-about.slider-blog .prev:hover svg {
transform: translateX(3px); }
.block-slider-highlights .slider-highlights-about.slider-blog .prev:hover path {
fill: #ffffff; }
.block-slider-highlights .slider-highlights-about.slider-blog .next {
background-color: transparent; }
.block-slider-highlights .slider-highlights-about.slider-blog .next:hover {
opacity: 0.9; }
.block-slider-highlights .slider-highlights-about.slider-blog .next:hover svg {
transform: rotate(180deg) translateX(3px); }
.block-slider-highlights .slider-highlights-about.slider-blog .next svg {
transform: rotate(180deg) translateX(0px); }
.block-slider-highlights .slider-highlights-about.slider-blog .next svg path {
fill: #353535;
transition: all 0.2s ease-in-out; }
.block-slider-highlights .slider-highlights-about.slider-blog .next-highlights {
display: flex ;
left: -8.68056vw ;
position: absolute;
right: initial;
top: 50%;
transform: translateY(-50%); }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about.slider-blog .next-highlights {
display: none !important ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about.slider-blog .next-highlights {
left: -18.66667vw ; } }
.block-slider-highlights .slider-highlights-about.slider-blog .prev-highlights {
display: flex ;
right: -8.68056vw ;
position: absolute;
left: initial;
top: 50%;
transform: translateY(-50%); }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about.slider-blog .prev-highlights {
display: none !important ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about.slider-blog .prev-highlights {
right: -18.66667vw ; } }
.block-slider-highlights .slider-highlights-about .slider-highlights {
display: flex ;
margin-top: -1.38889vw ;
justify-content: center; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights {
display: flex ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights {
margin-top: -4vw ; } }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders {
padding: 0vw 1.11111vw ;
cursor: pointer;
overflow: hidden;
position: relative; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders {
padding: 0vw 4.26667vw ; } }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
transform: translateX(-100%);
background: #ffffff;
opacity: 0.2;
transition: all 0.3s ease-in-out;
z-index: 1; }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders:hover:before {
transform: translateX(0%); }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders figure {
height: 27.77778vw ;
position: relative;
overflow: hidden; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders figure {
height: 106.66667vw ; } }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders figure img {
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
left: 0; }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques {
padding: 1.80556vw 1.38889vw ;
height: 10.06944vw ;
background-color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques {
padding: 6.93333vw 5.33333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques {
height: auto ; } }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques h4 {
margin-bottom: 0.83333vw ;
font-size: 1.11111vw ;
min-height: 3.47222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-align: center;
letter-spacing: 0.04em;
color: #000000; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques h4 {
margin-bottom: 3.2vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques h4 {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques h4 {
min-height: 13.33333vw ; } }
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques p {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 140%;
text-align: center;
letter-spacing: 0.06em;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .slider-highlights .sliders .info-destaques p {
font-size: 2.93333vw ; } }
.block-slider-highlights .slider-highlights-about .prev-highlights {
display: flex ;
left: -8.68056vw ;
position: absolute;
top: 50%;
transform: translateY(-50%); }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .prev-highlights {
display: none !important ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .prev-highlights {
left: -18.66667vw ; } }
.block-slider-highlights .slider-highlights-about .next-highlights {
display: flex ;
right: -8.68056vw ;
position: absolute;
top: 50%;
transform: translateY(-50%); }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .next-highlights {
display: none !important ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights .slider-highlights-about .next-highlights {
right: -18.66667vw ; } }
.block-slider-highlights.slider-posts-blog {
background-color: #FFFFFF; }
.block-slider-highlights.slider-posts-blog h2 {
padding: 0vw ;
margin-bottom: 2.77778vw ;
font-size: 4.16667vw ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 100%;
width: 100%;
text-align: center;
color: #353535;
z-index: 1;
position: relative; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights.slider-posts-blog h2 {
padding: 0vw 10.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights.slider-posts-blog h2 {
margin-bottom: 10.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights.slider-posts-blog h2 {
font-size: 10.66667vw ; } }
.block-slider-highlights.slider-posts-blog .slider-highlights {
margin-top: 0vw ; }
@media (orientation: portrait), (max-width: 768px) {
.block-slider-highlights.slider-posts-blog .slider-highlights {
margin-top: 0vw ; } }
.page-sobre .block-slider-highlights h2 {
padding-left: 6.94444vw ; }
@media (orientation: portrait), (max-width: 768px) {
.page-sobre .block-slider-highlights h2 {
padding-left: 8vw ; } }
.schedule-consultation {
display: flex ;
padding: 5.55556vw 11.80556vw 4.44444vw 11.80556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation {
display: block ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation {
padding: 21.33333vw 8vw ; } }
.schedule-consultation .form-page-consultation {
width: 50% ;
margin-bottom: initial ; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation {
margin-bottom: 21.33333vw ; } }
.schedule-consultation .form-page-consultation h3 {
text-align: left ;
margin-bottom: 4.16667vw ;
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation h3 {
text-align: center ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation h3 {
margin-bottom: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation h3 {
font-size: 4.26667vw ; } }
.schedule-consultation .form-page-consultation form {
width: 100% ; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation form {
width: 100% ; } }
.schedule-consultation .form-page-consultation form input, .schedule-consultation .form-page-consultation form select {
width: 100% ;
margin-bottom: 2.08333vw ;
border: 1px solid #DDDDDD;
padding: 14px 0px 14px 10px;
background-color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation form input, .schedule-consultation .form-page-consultation form select {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation form input, .schedule-consultation .form-page-consultation form select {
margin-bottom: 8vw ; } }
.schedule-consultation .form-page-consultation form input.wpcf7-not-valid, .schedule-consultation .form-page-consultation form select.wpcf7-not-valid {
border: 1px solid #765A5A; }
.schedule-consultation .form-page-consultation form label {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 140%;
letter-spacing: 0.06em;
color: #353535;
bottom: -8px;
margin-left: 10px;
position: relative;
z-index: 1;
background-color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation form label {
font-size: 2.93333vw ; } }
.schedule-consultation .form-page-consultation form button {
margin-top: 2.08333vw ;
width: 254px ; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation form button {
margin-top: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation form button {
width: 100% ; } }
.schedule-consultation .form-page-consultation form .wpcf7-not-valid-tip {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
line-height: 140%;
display: inline-block;
transform: translateY(-52px);
margin-left: 10px;
background-color: #FFFFFF;
color: #765A5A;
letter-spacing: 0.06em; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .form-page-consultation form .wpcf7-not-valid-tip {
font-size: 2.93333vw ; } }
.schedule-consultation .form-page-consultation form.invalid label {
color: #765A5A; }
.schedule-consultation .info-page-consultation {
width: 50% ;
margin-left: 9.02778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation {
margin-left: 0vw ; } }
.schedule-consultation .info-page-consultation .infos {
width: 25.13889vw ;
padding: 0vw 0vw 1.66667vw 0vw ;
margin-bottom: 1.66667vw ;
border-bottom: 1px solid #E7DFCC; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .infos {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .infos {
padding: 0vw 0vw 6.4vw 0vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .infos {
margin-bottom: 6.4vw ; } }
.schedule-consultation .info-page-consultation .infos h3 {
font-size: 1.11111vw ;
margin-bottom: 0.69444vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .infos h3 {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .infos h3 {
margin-bottom: 2.66667vw ; } }
.schedule-consultation .info-page-consultation .infos p, .schedule-consultation .info-page-consultation .infos a {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 160%;
color: #353535;
text-decoration: none; }
.schedule-consultation .info-page-consultation .infos .open-map {
margin-top: 1.11111vw ;
display: block;
text-transform: uppercase; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .infos .open-map {
margin-top: 4.26667vw ; } }
.schedule-consultation .info-page-consultation .social-midia {
display: flex ; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .social-midia {
display: flex ; } }
.schedule-consultation .info-page-consultation .social-midia a {
margin-right: 1.11111vw ; }
@media (orientation: portrait), (max-width: 768px) {
.schedule-consultation .info-page-consultation .social-midia a {
margin-right: 4.26667vw ; } }
.form-consultation {
padding: 5.55556vw 31.25vw 4.44444vw 31.25vw ; }
@media (orientation: portrait), (max-width: 768px) {
.form-consultation {
padding: 21.33333vw 8vw ; } }
.form-consultation h2 {
margin-bottom: 4.16667vw ;
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535;
text-align: center; }
@media (orientation: portrait), (max-width: 768px) {
.form-consultation h2 {
margin-bottom: 16vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.form-consultation h2 {
font-size: 4.26667vw ; } }
.form-consultation form input, .form-consultation form select {
width: 100% ;
margin-bottom: 2.08333vw ;
border: 1px solid #DDDDDD;
padding: 14px 0px 14px 10px;
background-color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.form-consultation form input, .form-consultation form select {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.form-consultation form input, .form-consultation form select {
margin-bottom: 8vw ; } }
.form-consultation form input.wpcf7-not-valid, .form-consultation form select.wpcf7-not-valid {
border: 1px solid #765A5A; }
.form-consultation form label {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 140%;
letter-spacing: 0.06em;
color: #353535;
bottom: -8px;
margin-left: 10px;
position: relative;
z-index: 1;
background-color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.form-consultation form label {
font-size: 2.93333vw ; } }
.form-consultation form button {
margin: 0 auto; }
.form-consultation form .wpcf7-not-valid-tip {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
line-height: 140%;
display: inline-block;
transform: translateY(-52px);
margin-left: 10px;
background-color: #FFFFFF;
color: #765A5A;
letter-spacing: 0.06em; }
@media (orientation: portrait), (max-width: 768px) {
.form-consultation form .wpcf7-not-valid-tip {
font-size: 2.93333vw ; } }
.form-consultation form.invalid label {
color: #765A5A; }
.email-success {
padding: 0;
opacity: 0;
z-index: 5;
background: #FFFFFF;
position: fixed;
top: 0;
left: 0;
height: 0vh;
overflow: hidden;
transition: all 0.3s ease-in-out; }
.email-success.show {
padding: 16.31944vw 34.72222vw ;
opacity: 1;
height: 100vh; }
@media (orientation: portrait), (max-width: 768px) {
.email-success.show {
padding: 44vw 0vw ; } }
.email-success h3 {
font-size: 1.11111vw ;
margin-bottom: 11.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.email-success h3 {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.email-success h3 {
margin-bottom: 37.33333vw ; } }
.email-success button {
margin: 0 auto; }
.error-page {
padding: 13.125vw 53.125vw 15.625vw 11.80556vw ;
background-color: #F2EFEB; }
@media (orientation: portrait), (max-width: 768px) {
.error-page {
padding: 26.66667vw 8vw ; } }
.error-page .txt-error-page .ops {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
.error-page .txt-error-page h2 {
margin-top: 1.25vw ;
margin-bottom: 2.29167vw ;
font-size: 6.94444vw ;
line-height: 5.55556vw ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.error-page .txt-error-page h2 {
margin-top: 4.8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.error-page .txt-error-page h2 {
margin-bottom: 8.8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.error-page .txt-error-page h2 {
font-size: 13.33333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.error-page .txt-error-page h2 {
line-height: 13.33333vw ; } }
.error-page .txt-error-page .description-error {
margin-bottom: 2.63889vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 160%;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.error-page .txt-error-page .description-error {
margin-bottom: 10.13333vw ; } }
.modal-video {
height: 80vh ;
width: 85%;
position: fixed;
background: #000000;
top: 56%;
left: 50%;
z-index: -1;
visibility: hidden;
opacity: 0;
transform: translateY(-50%) translateX(-50%);
transition: opacity 0.3s ease-in-out; }
@media (orientation: portrait), (max-width: 768px) {
.modal-video {
height: 400px ; } }
.modal-video.opened {
z-index: 9;
visibility: visible;
opacity: 1; }
.modal-video .close {
top: 1.38889vw ;
right: 1.38889vw ;
background-color: initial ;
position: absolute;
cursor: pointer;
z-index: 2; }
@media (orientation: portrait), (max-width: 768px) {
.modal-video .close {
top: 0px ; } }
@media (orientation: portrait), (max-width: 768px) {
.modal-video .close {
right: 0.03333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.modal-video .close {
background-color: #00000094 ; } }
.modal-video iframe {
height: 65vh ;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%); }
@media (orientation: portrait), (max-width: 768px) {
.modal-video iframe {
height: auto ; } }
.close-modal {
position: fixed;
z-index: 3;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.content-procedure {
padding: 6.94444vw 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.content-procedure {
padding: 16vw 8vw 26.66667vw 8vw ; } }
.content-procedure h1, .content-procedure h3, .content-procedure h2, .content-procedure h4 {
margin-bottom: 23px; }
.content-procedure h2 {
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 36px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.content-procedure h2 {
font-size: 4.26667vw ; } }
.content-procedure h3 {
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: 0px;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.content-procedure h3 {
font-size: 4.26667vw ; } }
.content-procedure h4 {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.content-procedure h4 {
font-size: 2.93333vw ; } }
.content-procedure p {
font-size: 0.97222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
color: #353535;
margin-bottom: 23px; }
@media (orientation: portrait), (max-width: 768px) {
.content-procedure p {
font-size: 3.73333vw ; } }
.content-procedure ul {
font-size: 0.97222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
list-style: inside;
color: #353535;
padding-left: 15px;
margin-bottom: 23px; }
@media (orientation: portrait), (max-width: 768px) {
.content-procedure ul {
font-size: 3.73333vw ; } }
.content-procedure hr {
background-color: #E9E9E9;
border: 0;
height: 1px;
margin: 40px 0; }
.content-procedure .aligncenter {
width: 100%;
height: auto; }
.content-procedure img {
width: 100%;
height: auto; }
.content-procedure strong {
font-weight: bold; }
.content-procedure em {
font-style: italic; }
.content-procedure a {
color: #765A5A;
text-decoration: underline; }
.content-procedure .youtube-responsive-container {
margin-bottom: 40px; }
.content-procedure .wp-block-embed iframe {
width: 100%;
height: 375px; }
.content-procedure iframe {
width: 100%;
height: 375px; }
.categories-list {
padding: 8.33333vw 0vw 7.29167vw 0vw ; }
@media (orientation: portrait), (max-width: 768px) {
.categories-list {
padding: 7.46667vw ; } }
.categories-list ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
list-style: none; }
.categories-list ul li {
padding: 0vw 2.36111vw ;
font-size: 1.11111vw ;
width: auto ;
border-right: 1px solid #C4C4C4 ;
color: #353535;
font-style: normal;
font-weight: 300;
line-height: 160%;
cursor: pointer;
text-align: center;
position: relative;
text-transform: uppercase; }
@media (orientation: portrait), (max-width: 768px) {
.categories-list ul li {
padding: 6.4vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.categories-list ul li {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.categories-list ul li {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.categories-list ul li {
border-right: 0 ; } }
.categories-list ul li a {
color: #353535; }
.categories-list ul li:last-child {
border-right: 0; }
.categories-list ul li:last-child:before {
opacity: 0; }
.categories-list ul li.active {
font-weight: bold; }
.categories-list ul li:before {
display: none ;
width: 0vw ;
content: '';
height: 1px;
background: #C4C4C4;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); }
@media (orientation: portrait), (max-width: 768px) {
.categories-list ul li:before {
display: block ; } }
@media (orientation: portrait), (max-width: 768px) {
.categories-list ul li:before {
width: 11.2vw ; } }
.post-list {
padding: 0vw 20.48611vw 7.29167vw 20.48611vw ;
justify-content: initial ;
display: flex;
flex-wrap: wrap;
align-items: flex-start; }
@media (orientation: portrait), (max-width: 768px) {
.post-list {
padding: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.post-list {
justify-content: center ; } }
.post-list.background-grey {
background-color: #F6F6F6;
padding-bottom: 4.16667vw ; }
@media (orientation: portrait), (max-width: 768px) {
.post-list.background-grey {
padding-bottom: 10.66667vw ; } }
.post-list .post {
margin: 1.11111vw ;
width: calc(33% - 2.2vw) ;
display: block;
position: relative;
overflow: hidden; }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post {
margin: 4.26667vw 0vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post {
width: 66.66667vw ; } }
.post-list .post:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
transform: translateX(-100%);
background: #ffffff;
opacity: 0.2;
transition: all 0.3s ease-in-out;
z-index: 1; }
.post-list .post:hover:before {
transform: translateX(0%); }
.post-list .post figure {
height: 17.36111vw ;
position: relative;
overflow: hidden;
width: 100%; }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post figure {
height: 66.66667vw ; } }
.post-list .post figure img {
min-height: 100%;
position: absolute;
left: 0;
top: 0; }
.post-list .post h3 {
font-size: 1.11111vw ;
margin: 1.38889vw 0vw ;
display: block;
font-style: normal;
font-weight: 300;
line-height: 160%;
text-align: center;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post h3 {
font-size: 4.26667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post h3 {
margin: 5.33333vw 0vw ; } }
.post-list .post h4 {
font-size: 0.76389vw ;
display: block;
color: #765A5A;
font-style: normal;
font-weight: normal;
line-height: 140%;
text-align: center;
letter-spacing: 0.06em; }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post h4 {
font-size: 2.93333vw ; } }
.post-list .post .info-posts-blog {
background-color: #ffffff;
height: 8.33333vw ; }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post .info-posts-blog {
height: 34.66667vw ; } }
.post-list .post .info-posts-blog .title-post-blog {
height: 6.25vw ;
margin: 0vw ;
padding: 1.38889vw 0.69444vw 0.48611vw 0.69444vw ;
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-align: center;
letter-spacing: 0.04em;
color: #000000;
text-transform: initial; }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post .info-posts-blog .title-post-blog {
height: 24vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post .info-posts-blog .title-post-blog {
margin: 0vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post .info-posts-blog .title-post-blog {
padding: 5.33333vw 2.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post .info-posts-blog .title-post-blog {
font-size: 4.26667vw ; } }
.post-list .post .info-posts-blog .post-date {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 140%;
align-items: center;
text-align: center;
letter-spacing: 0.06em;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.post-list .post .info-posts-blog .post-date {
font-size: 2.93333vw ; } }
.background-grey {
background-color: #F6F6F6;
padding-bottom: 8.33333vw ; }
@media (orientation: portrait), (max-width: 768px) {
.background-grey {
padding-bottom: 4.26667vw ; } }
.load-more {
display: block;
margin: 0 auto;
opacity: 1;
transition: all 0.2s ease-in-out; }
.title-blog {
font-size: 4.16667vw ;
padding: 3.47222vw 0vw 2.77778vw 0vw ;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 65px;
text-align: center;
color: #353535;
background-color: #F6F6F6; }
@media (orientation: portrait), (max-width: 768px) {
.title-blog {
font-size: 10.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.title-blog {
padding: 13.33333vw 0vw 6.66667vw 0vw ; } }
.content-blog {
padding: 6.94444vw 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog {
padding: 16vw 8vw 26.66667vw 8vw ; } }
.content-blog h1, .content-blog h3, .content-blog h2, .content-blog h4 {
margin-bottom: 23px; }
.content-blog h2 {
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 36px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog h2 {
font-size: 4.26667vw ; } }
.content-blog h3 {
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: 0px;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog h3 {
font-size: 4.26667vw ; } }
.content-blog h4 {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog h4 {
font-size: 2.93333vw ; } }
.content-blog p {
font-size: 0.97222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
color: #353535;
margin-bottom: 23px; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog p {
font-size: 3.73333vw ; } }
.content-blog ul {
font-size: 0.97222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
list-style: inside;
color: #353535;
padding-left: 15px;
margin-bottom: 23px; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog ul {
font-size: 3.73333vw ; } }
.content-blog ol {
font-size: 0.97222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
list-style: decimal;
color: #353535;
padding-left: 15px;
margin-bottom: 23px; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog ol {
font-size: 3.73333vw ; } }
.content-blog hr {
background-color: #E9E9E9;
border: 0;
height: 1px;
margin: 40px 0; }
.content-blog .aligncenter {
width: 100%;
height: auto; }
.content-blog img {
width: 100%;
height: auto; }
.content-blog strong {
font-weight: bold; }
.content-blog em {
font-style: italic; }
.content-blog a {
color: #765A5A;
text-decoration: underline; }
.content-blog .wp-block-image .alignright {
margin-left: 2.77778vw ;
width: initial ;
float: right ; }
@media (orientation: portrait), (max-width: 768px) {
.content-blog .wp-block-image .alignright {
margin-left: 0vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.content-blog .wp-block-image .alignright {
width: 100% ; } }
@media (orientation: portrait), (max-width: 768px) {
.content-blog .wp-block-image .alignright {
float: none !important ; } }
.content-blog .wp-block-image .alignright img {
width: 100%; }
.content-blog .wp-block-embed iframe {
width: 100%;
height: 375px; }
.content-blog iframe {
width: 100%;
height: 375px; }
.video-blog {
height: 25vw ;
align-items: center;
position: relative;
cursor: pointer;
display: flex;
justify-content: center;
z-index: 1;
overflow: hidden; }
@media (orientation: portrait), (max-width: 768px) {
.video-blog {
height: 48vw ; } }
.video-blog .img-video {
width: 100%;
position: absolute;
top: 0;
left: 0; }
.video-blog .box-video {
position: relative;
width: 100%;
text-align: center;
z-index: 2; }
.video-blog .box-video p {
font-size: 0.76389vw ;
margin-top: 0.83333vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 140%;
letter-spacing: 0.06em;
color: #FFFFFF; }
@media (orientation: portrait), (max-width: 768px) {
.video-blog .box-video p {
font-size: 2.93333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.video-blog .box-video p {
margin-top: 3.2vw ; } }
.video-blog .box-video img {
width: 3.19444vw ; }
@media (orientation: portrait), (max-width: 768px) {
.video-blog .box-video img {
width: 12.26667vw ; } }
.resume {
padding: 6.94444vw 27.77778vw 2.77778vw 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.resume {
padding: 16vw 8vw 10.66667vw 8vw ; } }
.resume p {
font-size: 0.83333vw ;
padding: 2.77778vw 0vw ;
font-family: 'Lora', serif;
font-style: italic;
font-weight: normal;
line-height: 160%;
color: #765A5A;
border-top: 1px solid #E9E9E9;
border-bottom: 1px solid #E9E9E9; }
@media (orientation: portrait), (max-width: 768px) {
.resume p {
font-size: 3.2vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.resume p {
padding: 8vw 0vw ; } }
.social-share {
padding: 0vw 27.77778vw 4.16667vw 27.77778vw ;
display: flex; }
@media (orientation: portrait), (max-width: 768px) {
.social-share {
padding: 0vw 8vw 10.66667vw 8vw ; } }
.social-share .share {
display: flex;
justify-content: center;
align-items: center; }
.social-share .share img {
width: 2.22222vw ;
margin-right: 0.55556vw ; }
@media (orientation: portrait), (max-width: 768px) {
.social-share .share img {
width: 8.53333vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.social-share .share img {
margin-right: 1.33333vw ; } }
.social-share .share p {
margin-right: 1.11111vw ;
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
color: #765A5A;
text-transform: uppercase;
font-style: normal;
font-weight: normal;
line-height: 140%;
letter-spacing: 0.06em; }
@media (orientation: portrait), (max-width: 768px) {
.social-share .share p {
margin-right: 2.66667vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.social-share .share p {
font-size: 2.66667vw ; } }
.ytp-cued-thumbnail-overlay-image {
background-size: contain !important; }
.grecaptcha-badge {
visibility: hidden; }
.page-search {
padding-bottom: 10.06944vw ; }
@media (orientation: portrait), (max-width: 768px) {
.page-search {
padding-bottom: 4.26667vw ; } }
.page-search .not-found {
padding-top: 4.16667vw ;
font-size: 2.22222vw ;
display: block;
text-align: center;
width: 100%; }
@media (orientation: portrait), (max-width: 768px) {
.page-search .not-found {
padding-top: 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.page-search .not-found {
font-size: 6.4vw ; } }
.loader-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 9999;
display: none;
background: #ffffff; }
.loader-container img {
position: absolute;
width: 90px;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%); }
.content-esthetics {
padding: 6.94444vw 27.77778vw ; }
@media (orientation: portrait), (max-width: 768px) {
.content-esthetics {
padding: 16vw 8vw 26.66667vw 8vw ; } }
.content-esthetics h1, .content-esthetics h3, .content-esthetics h2, .content-esthetics h4 {
margin-bottom: 23px; }
.content-esthetics h2 {
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 36px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
@media (orientation: portrait), (max-width: 768px) {
.content-esthetics h2 {
font-size: 4.26667vw ; } }
.content-esthetics h3 {
font-size: 1.11111vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: 0px;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.content-esthetics h3 {
font-size: 4.26667vw ; } }
.content-esthetics h4 {
font-size: 0.76389vw ;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
color: #765A5A; }
@media (orientation: portrait), (max-width: 768px) {
.content-esthetics h4 {
font-size: 2.93333vw ; } }
.content-esthetics p {
font-size: 0.97222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
color: #353535;
margin-bottom: 23px; }
@media (orientation: portrait), (max-width: 768px) {
.content-esthetics p {
font-size: 3.73333vw ; } }
.content-esthetics ul {
font-size: 0.97222vw ;
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 160%;
list-style: inside;
color: #353535;
padding-left: 15px;
margin-bottom: 23px; }
@media (orientation: portrait), (max-width: 768px) {
.content-esthetics ul {
font-size: 3.73333vw ; } }
.content-esthetics hr {
background-color: #E9E9E9;
border: 0;
height: 1px;
margin: 40px 0; }
.content-esthetics .aligncenter {
width: 100%;
height: auto; }
.content-esthetics img {
width: 100%;
height: auto; }
.content-esthetics strong {
font-weight: bold; }
.content-esthetics em {
font-style: italic; }
.content-esthetics a {
color: #765A5A;
text-decoration: underline; }
.content-esthetics .wp-block-embed iframe {
width: 100%;
height: 375px; }
.content-esthetics iframe {
width: 100%;
height: 375px; }
.sitemap {
padding: 3.47222vw 11.80556vw 10.41667vw 11.80556vw ;
display: flex ;
background-color: #F2EFEB;
justify-content: space-evenly; }
@media (orientation: portrait), (max-width: 768px) {
.sitemap {
padding: 13.33333vw 8vw ; } }
@media (orientation: portrait), (max-width: 768px) {
.sitemap {
display: block ; } }
.sitemap .sitemap-pages li {
margin-bottom: 30px; }
.sitemap .sitemap-pages li a {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
.sitemap .sitemap-procedure {
padding: 0 20px; }
.sitemap .sitemap-procedure .title-procedure-sitemap {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
.sitemap .sitemap-procedure ul {
margin: 30px 0px; }
.sitemap .sitemap-procedure ul li {
margin: 7px 0px; }
.sitemap .sitemap-procedure ul li a {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 18px;
align-items: center;
letter-spacing: 0.04em;
color: #353535;
text-decoration: none; }
.sitemap .sitemap-procedure ul li a.category-text-sitemap {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.2em; }
.sitemap .sitemap-esthetics .title-esthetics-sitemap {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 160%;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #353535; }
.sitemap .sitemap-esthetics ul {
margin: 30px 0px; }
.sitemap .sitemap-esthetics ul li {
margin: 7px 0px; }
.sitemap .sitemap-esthetics ul li a {
font-family: 'Nunito Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 18px;
align-items: center;
letter-spacing: 0.04em;
color: #353535;
text-decoration: none; }
.sitemap .sitemap-esthetics ul li a.category-text-sitemap {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.2em; }
.sitemap a:hover {
opacity: 0.6; }
.youtube-responsive-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.youtube-responsive-container iframe,.youtube-responsive-container object,.youtube-responsive-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.wpcf7-response-output{opacity:1!important;border:none!important}
html{background:#f1f1f1}body{background:#fff;border:1px solid #ccd0d4;color:#444;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;margin:2em auto;padding:1em 2em;max-width:700px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);box-shadow:0 1px 1px rgba(0,0,0,.04)}h1{border-bottom:1px solid #dadada;clear:both;color:#666;font-size:24px;margin:30px 0 0;padding:0;padding-bottom:7px}#error-page{margin-top:50px}#error-page p,#error-page .wp-die-message{font-size:14px;line-height:1.5;margin:25px 0 20px}#error-page code{font-family:Consolas,Monaco,monospace}ul li{margin-bottom:10px;font-size:14px}a{color:#2271b1}a:hover,a:active{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 2px #2271b1;outline:2px solid transparent}.button{background:#f3f5f6;border:1px solid #016087;color:#016087;display:inline-block;text-decoration:none;font-size:13px;line-height:2;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;-webkit-border-radius:3px;-webkit-appearance:none;border-radius:3px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.button.button-large{line-height:2.30769231;min-height:32px;padding:0 12px}.button:hover,.button:focus{background:#f1f1f1}.button:focus{background:#f3f5f6;border-color:#007cba;-webkit-box-shadow:0 0 0 1px #007cba;box-shadow:0 0 0 1px #007cba;color:#016087;outline:2px solid transparent;outline-offset:0}.button:active{background:#f3f5f6;border-color:#7e8993;-webkit-box-shadow:none;box-shadow:none}