@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@300;400;500;600;700&family=Maven Pro:wght@300;400;500;600;700;800&display=swap');.with_frm_style {
    --form-width: 100%;
    --form-align: left;
    --direction: ltr;
    --fieldset: 0px;
    --fieldset-color: #000;
    --fieldset-padding: 0 0 15px 0;
    --fieldset-bg-color: transparent;
    --title-size: 20px;
    --title-color: #444;
    --title-margin-top: 10px;
    --title-margin-bottom: 10px;
    --form-desc-size: 14px;
    --form-desc-color: #666;
    --form-desc-margin-top: 10px;
    --form-desc-margin-bottom: 25px;
    --form-desc-padding: 0;
    --font: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    --font-size: 14px;
    --label-color: #444;
    --weight: bold;
    --position: none;
    --align: left;
    --width: 150px;
    --required-color: #B94A48;
    --required-weight: bold;
    --label-padding: 0 0 3px 0;
    --description-font-size: 12px;
    --description-color: #666;
    --description-weight: normal;
    --description-style: normal;
    --description-align: left;
    --description-margin: 0;
    --field-font-size: 14px;
    --field-height: 32px;
    --line-height: 32px;
    --field-width: 100%;
    --auto-width: 100%;
    --field-pad: 6px 10px;
    --field-margin: 20px;
    --field-weight: normal;
    --text-color: #555;
    --border-color: #ccc;
    --field-border-width: 1px;
    --field-border-style: solid;
    --bg-color: #fff;
    --bg-color-active: #fff;
    --border-color-active: #66afe9;
    --text-color-error: #444;
    --bg-color-error: #fff;
    --border-color-error: #B94A48;
    --border-width-error: 1px;
    --border-style-error: solid;
    --bg-color-disabled: #fff;
    --border-color-disabled: #E5E5E5;
    --text-color-disabled: #A1A1A1;
    --radio-align: block;
    --check-align: block;
    --check-font-size: 13px;
    --check-label-color: #444;
    --check-weight: normal;
    --section-font-size: 18px;
    --section-color: #444;
    --section-weight: bold;
    --section-pad: 15px 0 3px 0;
    --section-mar-top: 15px;
    --section-mar-bottom: 12px;
    --section-bg-color: transparent;
    --section-border-color: #e8e8e8;
    --section-border-width: 2px;
    --section-border-style: solid;
    --section-border-loc: -top;
    --collapse-pos: after;
    --repeat-icon-color: #fff;
    --submit-font-size: 14px;
    --submit-width: auto;
    --submit-height: auto;
    --submit-bg-color: #fff;
    --submit-border-color: #ccc;
    --submit-border-width: 1px;
    --submit-text-color: #444;
    --submit-weight: normal;
    --submit-border-radius: 4px;
    --submit-margin: 10px;
    --submit-padding: 6px 11px;
    --submit-shadow-color: #eee;
    --submit-hover-bg-color: #efefef;
    --submit-hover-color: #444;
    --submit-hover-border-color: #ccc;
    --submit-active-bg-color: #efefef;
    --submit-active-color: #444;
    --submit-active-border-color: #ccc;
    --border-radius: 4px;
    --error-bg: #F2DEDE;
    --error-border: #EBCCD1;
    --error-text: #B94A48;
    --error-font-size: 14px;
    --success-bg-color: #DFF0D8;
    --success-border-color: #D6E9C6;
    --success-text-color: #468847;
    --success-font-size: 14px;
    --progress-bg-color: #ddd;
    --progress-active-color: #fff;
    --progress-active-bg-color: #008ec2;
    --progress-color: #fff;
    --progress-border-color: #dfdfdf;
    --progress-border-size: 2px;
    --progress-size: 30px;
    --toggle-font-size: 14px;
    --toggle-on-color: #008ec2;
    --toggle-off-color: #ccc;
    --slider-font-size: 14px;
    --slider-color: #008ec2;
    --slider-bar-color: #ccc;
    --date-head-bg-color: #008ec2;
    --date-head-color: #fff;
    --date-band-color: #005c90;
    --box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset
}

.frm_hidden, .frm_add_form_row.frm_hidden, .frm_remove_form_row.frm_hidden, .with_frm_style
.frm_button.frm_hidden {
    display: none
}

.with_frm_style, .with_frm_style form, .with_frm_style .frm-show-form div.frm_description
p {
    text-align: left;
    text-align: var(--form-align)
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset
}

.with_frm_style .frm-show-form div.frm_description
p {
    font-size: 14px;
    font-size: var(--form-desc-size);
    color: #666;
    color: var(--form-desc-color);
    margin-top: 10px;
    margin-top: var(--form-desc-margin-top);
    margin-bottom: 25px;
    margin-bottom: var(--form-desc-margin-bottom);
    padding: 0;
    padding: var(--form-desc-padding)
}

form
input.frm_verify {
    position: absolute;
    left: -3000px
}

.with_frm_style
fieldset {
    min-width: 0
}

.with_frm_style fieldset
fieldset {
    border: none;
    margin: 0;
    padding: 0;
    background-color: transparent
}

.with_frm_style .frm_form_fields > fieldset {
    border-width: 0px;
    border-width: var(--fieldset);
    border-style: solid;
    border-color: #000;
    border-color: var(--fieldset-color);
    margin: 0;
    padding: 0 0 15px 0;
    padding: var(--fieldset-padding);
    background-color: transparent;
    background-color: var(--fieldset-bg-color);
    font-family: var(--font)
}

legend.frm_hidden {
    display: none !important
}

.with_frm_style
.frm_form_fields {
    opacity: 1;
    transition: opacity 0.1s linear
}

.with_frm_style
.frm_doing_ajax {
    opacity: .5
}

.frm_transparent {
    color: transparent
}

.with_frm_style legend + h3, .with_frm_style
h3.frm_form_title {
    font-size: 20px;
    font-size: var(--title-size);
    color: #444;
    color: var(--title-color);
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-family: var(--font);
    margin-top: 10px;
    margin-top: var(--title-margin-top);
    margin-bottom: 10px;
    margin-bottom: var(--title-margin-bottom)
}

.with_frm_style .frm_form_field.frm_html_container, .with_frm_style .frm_form_field
.frm_show_it {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-family: var(--font);
    color: #666;
    color: var(--form-desc-color)
}

.with_frm_style
.frm_form_field.frm_html_container {
    font-size: 14px;
    font-size: var(--form-desc-size)
}

.with_frm_style .frm_form_field
.frm_show_it {
    font-size: 14px;
    font-size: var(--field-font-size);
    font-weight: normal;
    font-weight: var(--field-weight)
}

.with_frm_style
.frm_required {
    color: #B94A48;
    color: var(--required-color);
    font-weight: bold;
    font-weight: var(--required-weight)
}

.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container {
    font-family: var(--font);
    font-size: 14px;
    font-size: var(--field-font-size);
    margin-bottom: 0
}

.with_frm_style
textarea {
    vertical-align: top;
    height: auto
}

.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single {
    color: #555;
    color: var(--text-color);
    background-color: #fff;
    background-color: var(--bg-color);
    border-color: #ccc;
    border-color: var(--border-color);
    border-width: 1px;
    border-width: var(--field-border-width);
    border-style: solid;
    border-style: var(--field-border-style);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-radius: var(--border-radius);
    width: 100%;
    width: var(--field-width);
    max-width: 100%;
    font-size: 14px;
    font-size: var(--field-font-size);
    padding: 6px 10px;
    padding: var(--field-pad);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    font-weight: var(--field-weight);
    box-shadow: var(--box-shadow)
}

.with_frm_style input[type=radio], .with_frm_style input[type=checkbox] {
    border-color: #ccc;
    border-color: var(--border-color);
    box-shadow: var(--box-shadow)
}

.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement {
    height: 32px;
    height: var(--field-height);
    line-height: 1.3
}

.with_frm_style select[multiple=multiple] {
    height: auto
}

.input[type=file].frm_transparent:focus, .with_frm_style input[type=file] {
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none
}

.with_frm_style input[type=file] {
    color: #555;
    color: var(--text-color);
    padding: 0px;
    font-family: var(--font);
    font-size: 14px;
    font-size: var(--field-font-size);
    display: initial
}

.with_frm_style input[type=file].frm_transparent {
    color: transparent
}

.with_frm_style .wp-editor-wrap {
    width: 100%;
    width: var(--field-width);
    max-width: 100%
}

.with_frm_style .wp-editor-container
textarea {
    border: none
}

.with_frm_style
.mceIframeContainer {
    background-color: #fff;
    background-color: var(--bg-color)
}

.with_frm_style
select {
    width: 100%;
    width: var(--auto-width);
    max-width: 100%
}

.with_frm_style input[disabled], .with_frm_style select[disabled], .with_frm_style textarea[disabled], .with_frm_style input[readonly], .with_frm_style select[readonly], .with_frm_style textarea[readonly] {
    background-color: #fff;
    background-color: var(--bg-color-disabled);
    color: #A1A1A1;
    color: var(--text-color-disabled);
    border-color: #E5E5E5;
    border-color: var(--border-color-disabled)
}

.frm_preview_page:before {
    content: normal !important
}

.frm_preview_page {
    padding: 25px
}

.with_frm_style
.frm_primary_label {
    max-width: 100%;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-family: var(--font);
    font-size: 14px;
    font-size: var(--font-size);
    color: #444;
    color: var(--label-color);
    font-weight: bold;
    font-weight: var(--weight);
    text-align: left;
    text-align: var(--align);
    padding: 0 0 3px 0;
    padding: var(--label-padding);
    margin: 0;
    width: auto;
    display: block
}

.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style
.frm_pos_top {
    display: block;
    float: none;
    width: auto
}

.with_frm_style .frm_inline_container
.frm_primary_label {
    margin-right: 10px
}

.with_frm_style .frm_right_container .frm_primary_label, .with_frm_style
.frm_pos_right {
    display: inline;
    float: right;
    margin-left: 10px
}

.with_frm_style
.frm_pos_center {
    text-align: center
}

.with_frm_style .frm_none_container .frm_primary_label, .with_frm_style .frm_pos_none, .frm_pos_none, .frm_none_container
.frm_primary_label {
    display: none
}

.with_frm_style
.frm_section_heading.frm_hide_section {
    margin-top: 0 !important
}

.with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_hidden, .frm_hidden_container
.frm_primary_label {
    visibility: hidden;
    white-space: nowrap
}

.with_frm_style .frm_inside_container
.frm_primary_label {
    opacity: 0;
    transition: opacity 0.1s linear
}

.with_frm_style .frm_inside_container label.frm_visible, .frm_visible {
    opacity: 1
}

.with_frm_style
.frm_description {
    clear: both
}

.with_frm_style input[type=number][readonly] {
    -moz-appearance: textfield
}

.with_frm_style select[multiple="multiple"] {
    height: auto;
    line-height: normal
}

.with_frm_style .frm_catlevel_2, .with_frm_style .frm_catlevel_3, .with_frm_style .frm_catlevel_4, .with_frm_style
.frm_catlevel_5 {
    margin-left: 18px
}

.with_frm_style .wp-editor-container {
    border: 1px solid #e5e5e5
}

.with_frm_style .quicktags-toolbar
input {
    font-size: 12px !important
}

.with_frm_style .wp-editor-container
textarea {
    border: none
}

.with_frm_style .auto_width #loginform input, .with_frm_style .auto_width input, .with_frm_style input.auto_width, .with_frm_style select.auto_width, .with_frm_style
textarea.auto_width {
    width: auto
}

.with_frm_style
.frm_repeat_buttons {
    white-space: nowrap
}

.with_frm_style
.frm_button {
    text-decoration: none !important;;
    border: 1px solid #eee;
    display: inline-block;
    padding: 6px 11px;
    padding: var(--submit-padding);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-radius: var(--border-radius);
    font-size: 14px;
    font-size: var(--submit-font-size);
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-family: var(--font);
    font-weight: normal;
    font-weight: var(--submit-weight);
    color: #444;
    color: var(--submit-text-color);
    background: #fff;
    background: var(--submit-bg-color);
    border-width: 1px;
    border-width: var(--submit-border-width);
    border-color: #ccc;
    border-color: var(--submit-border-color);
    height: auto;
    height: var(--submit-height)
}

.with_frm_style
.frm_button.frm_inverse {
    color: var(--submit-bg-color);
    background: var(--submit-text-color)
}

.with_frm_style
.frm_submit {
    clear: both
}

.frm_inline_form .frm_form_field, .frm_inline_form
.frm_submit {
    grid-column: span 1 / span 1
}

.frm_inline_form
.frm_submit {
    margin: 0
}

.frm_submit.frm_inline_submit input[type=submit], .frm_submit.frm_inline_submit button, .frm_inline_form .frm_submit input[type=submit], .frm_inline_form .frm_submit
button {
    margin-top: 0
}

.with_frm_style.frm_center_submit
.frm_submit {
    text-align: center
}

.with_frm_style .frm_inline_success
.frm_submit {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0
}

.with_frm_style .frm_inline_success .frm_submit
.frm_message {
    flex: 1;
    margin: 0;
    padding-left: 10px
}

.with_frm_style .frm_inline_success.frm_alignright_success .frm_submit
.frm_message {
    text-align: right
}

.with_frm_style.frm_center_submit .frm_submit input[type=submit], .with_frm_style.frm_center_submit .frm_submit input[type=button], .with_frm_style.frm_center_submit .frm_submit
button {
    margin-bottom: 8px !important
}

.with_frm_style .frm-edit-page-btn, .with_frm_style .frm_submit input[type=submit], .with_frm_style .frm_submit input[type=button], .with_frm_style .frm_submit
button {
    -webkit-appearance: none;
    cursor: pointer
}

.with_frm_style.frm_center_submit .frm_submit
.frm_ajax_loading {
    display: block;
    margin: 0 auto
}

.with_frm_style .frm_loading_prev .frm_ajax_loading, .with_frm_style .frm_loading_form
.frm_ajax_loading {
    visibility: visible !important
}

.with_frm_style .frm_loading_prev .frm_prev_page, .with_frm_style .frm_loading_form
.frm_button_submit {
    position: relative;
    opacity: .8;
    color: transparent !important;
    text-shadow: none !important
}

.with_frm_style .frm_loading_prev .frm_prev_page:hover, .with_frm_style .frm_loading_prev .frm_prev_page:active, .with_frm_style .frm_loading_prev .frm_prev_page:focus, .with_frm_style .frm_loading_form .frm_button_submit:hover, .with_frm_style .frm_loading_form .frm_button_submit:active, .with_frm_style .frm_loading_form .frm_button_submit:focus {
    cursor: not-allowed;
    color: transparent;
    outline: none !important;
    box-shadow: none
}

.with_frm_style .frm_loading_prev .frm_prev_page::before, .with_frm_style .frm_loading_form .frm_button_submit:before {
    content: '';
    display: inline-block;
    position: absolute;
    background: transparent;
    border: 1px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.frm_style_formidable-style.with_frm_style {
}

.frm_forms.frm_style_formidable-style.with_frm_style {
    max-width: 100%;
    direction: ltr
}

.frm_style_formidable-style.with_frm_style
.frm_icon_font {
    color: #444
}

.frm_style_formidable-style.with_frm_style .frm_icon_font.frm_minus_icon:before {
    content: "\e600"
}

.frm_style_formidable-style.with_frm_style .frm_icon_font.frm_plus_icon:before {
    content: "\e602"
}

.frm_style_formidable-style.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_plus_icon:before {
    color: #444;
    vertical-align: middle
}

.frm_style_formidable-style.with_frm_style .frm_trigger.active .frm_icon_font.frm_arrow_icon:before {
    content: "\e62d";
    color: #444
}

.frm_style_formidable-style.with_frm_style .frm_trigger .frm_icon_font.frm_arrow_icon:before {
    content: "\e62a";
    color: #444
}

.frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 20px
}

.frm_style_formidable-style.with_frm_style .form-field.frm_section_heading {
    margin-bottom: 0
}

.frm_style_formidable-style.with_frm_style p.description, .frm_style_formidable-style.with_frm_style div.description, .frm_style_formidable-style.with_frm_style div.frm_description, .frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description, .frm_style_formidable-style.with_frm_style
.frm_error {
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 12px;
    color: #666;
    font-weight: normal;
    text-align: left;
    font-style: normal;
    max-width: 100%
}

.frm_style_formidable-style.with_frm_style
.frm_form_field.frm_left_container {
    grid-template-columns: 150px auto
}

.frm_style_formidable-style.with_frm_style
.frm_form_field.frm_right_container {
    grid-template-columns: auto 150px
}

.frm_form_field.frm_right_container {
    grid-template-columns: auto 25%
}

.frm_style_formidable-style.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container, .frm_style_formidable-style.with_frm_style .frm_inline_container.frm_dynamic_select_container
.frm_opt_container {
    display: inline
}

.frm_style_formidable-style.with_frm_style
.frm_pos_right {
    display: inline;
    width: 150px
}

.frm_style_formidable-style.with_frm_style .frm_none_container .frm_primary_label, .frm_style_formidable-style.with_frm_style
.frm_pos_none {
    display: none
}

.frm_style_formidable-style.with_frm_style .frm_scale
label {
    font-weight: normal;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 13px;
    color: #444
}

.frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder {
    color: #A1A1A1
}

.frm_style_formidable-style.with_frm_style input::-webkit-input-placeholder, .frm_style_formidable-style.with_frm_style textarea::-webkit-input-placeholder {
    color: #A1A1A1
}

.frm_style_formidable-style.with_frm_style input::-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea::-moz-placeholder {
    color: #A1A1A1
}

.frm_style_formidable-style.with_frm_style input:-ms-input-placeholder, frm_style_formidable-style.with_frm_style textarea:-ms-input-placeholder {
    color: #A1A1A1
}

.frm_style_formidable-style.with_frm_style input:-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea:-moz-placeholder {
    color: #A1A1A1
}

.frm_style_formidable-style.with_frm_style .frm_default, .frm_style_formidable-style.with_frm_style input.frm_default, .frm_style_formidable-style.with_frm_style textarea.frm_default, .frm_style_formidable-style.with_frm_style select.frm_default, .frm_style_formidable-style.with_frm_style .placeholder, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices li.search-field .default, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-default {
    color: #A1A1A1
}

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices {
    background-color: #fff;
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
    width: auto;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 14px;
    height: auto;
    line-height: normal;
    text-align: center;
    background: #fff;
    border-width: 1px;
    border-color: #ccc;
    border-style: solid;
    color: #444;
    cursor: pointer;
    font-weight: normal;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    padding: 6px 11px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-shadow: 0 1px 1px #eee;
    -webkit-box-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px #eee;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle
}

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message {
    margin: 0
}

.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    background: #efefef;
    border-color: #ccc;
    color: #444
}

.frm_style_formidable-style.with_frm_style.frm_center_submit .frm_submit
.frm_ajax_loading {
    margin-bottom: 10px
}

.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:focus, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus, .frm_style_formidable-style.with_frm_style .frm_submit button:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:active, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active, .frm_style_formidable-style.with_frm_style .frm_submit button:active {
    background: #efefef;
    border-color: #ccc;
    color: #444
}

.frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:focus {
    color: transparent;
    background: #fff
}

.frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:before {
    border-bottom-color: #444;
    border-right-color: #444
}

.frm_style_formidable-style.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit::before {
    content: "before";
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 14px;
    color: #444;
    font-weight: bold;
    margin: 0;
    padding: 0 0 3px 0;
    width: auto;
    display: block;
    visibility: hidden
}

.frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit input, .frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit button, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit
button {
    margin: 0 !important
}

.frm_style_formidable-style.with_frm_style
#frm_field_cptch_number_container {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 14px;
    color: #444;
    font-weight: bold;
    clear: both
}

.frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
    color: #444;
    background-color: #fff;
    border-color: #B94A48;
    border-width: 1px;
    border-style: solid
}

.frm_style_formidable-style.with_frm_style .frm_blank_field
.sigWrapper {
    border-color: #B94A48 !important
}

.frm_style_formidable-style.with_frm_style
.frm_error {
    font-weight: bold
}

.frm_style_formidable-style.with_frm_style .frm_blank_field label, .frm_style_formidable-style.with_frm_style
.frm_error {
    color: #B94A48
}

.frm_style_formidable-style.with_frm_style
.frm_error_style {
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    border-radius: 4px;
    color: #B94A48;
    font-size: 14px;
    margin: 0;
    margin-bottom: 20px
}

.frm_style_formidable-style.with_frm_style #frm_loading .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, #ccc 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #ccc 50%, #ccc 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0))
}

.frm_style_formidable-style.with_frm_style #frm_loading .progress-bar {
    background-color: #fff
}

.frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total
textarea {
    color: #555;
    background-color: transparent;
    border: none;
    display: inline;
    width: auto;
    padding: 0
}

.frm_ajax_loading {
    visibility: hidden;
    width: auto
}

.frm_form_submit_style {
    height: auto
}

a.frm_save_draft {
    cursor: pointer
}

.with_frm_style
a.frm_save_draft {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-family: var(--font);
    font-size: 14px;
    font-size: var(--submit-font-size);
    font-weight: normal;
    font-weight: var(--submit-weight)
}

.horizontal_radio
.frm_radio {
    margin: 0 5px 0 0
}

.horizontal_radio
.frm_checkbox {
    margin: 0;
    margin-right: 5px
}

.vertical_radio .frm_checkbox, .vertical_radio .frm_radio, .vertical_radio
.frm_catlevel_1 {
    display: block
}

.horizontal_radio .frm_checkbox, .horizontal_radio .frm_radio, .horizontal_radio
.frm_catlevel_1 {
    display: inline-block;
    padding-left: 0
}

.with_frm_style
.frm_radio {
    display: block;
    display: var(--radio-align)
}

.with_frm_style
.frm_checkbox {
    display: block;
    display: var(--check-align)
}

.with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio, .vertical_radio
.frm_catlevel_1 {
    display: block
}

.with_frm_style .horizontal_radio .frm_checkbox, .with_frm_style .horizontal_radio .frm_radio, .horizontal_radio
.frm_catlevel_1 {
    display: inline-block
}

.with_frm_style .frm_checkbox label, .with_frm_style .frm_radio
label {
    display: inline;
    white-space: normal
}

.with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio
label {
    display: block;
    padding-left: 20px;
    text-indent: -20px
}

.with_frm_style .frm_radio label, .with_frm_style .frm_checkbox
label {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-family: var(--font);
    font-size: 13px;
    font-size: var(--check-font-size);
    color: #444;
    color: var(--check-label-color);
    font-weight: normal;
    font-weight: var(--check-weight)
}

.with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] {
    font-size: 13px;
    font-size: var(--check-font-size);
    position: static
}

.frm_file_container .frm_file_link, .with_frm_style .frm_radio label .frm_file_container, .with_frm_style .frm_checkbox label
.frm_file_container {
    display: inline-block;
    margin: 5px;
    vertical-align: middle
}

.with_frm_style .frm_radio input[type=radio] {
    -webkit-appearance: radio;
    border-radius: 50%
}

.with_frm_style .frm_checkbox input[type=checkbox] {
    -webkit-appearance: checkbox;
    border-radius: 0
}

.with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] {
    flex: none;
    display: inline-block;
    margin: 4px 5px 0 0;
    width: auto;
    border: none;
    vertical-align: baseline;
    position: initial
}

.with_frm_style :invalid, .with_frm_style :-moz-submit-invalid, .with_frm_style :-moz-ui-invalid {
    box-shadow: none
}

.with_frm_style .frm_error_style
img {
    padding-right: 10px;
    vertical-align: middle;
    border: none
}

.with_frm_style
.frm_trigger {
    cursor: pointer
}

.with_frm_style .frm_error_style, .with_frm_style .frm_message, .frm_success_style {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 15px
}

.with_frm_style .frm_message
p {
    margin-bottom: 5px;
    color: #468847;
    color: var(--success-text-color)
}

.with_frm_style .frm_message, .frm_success_style {
    margin: 5px 0 15px;
    border: 1px solid #D6E9C6;
    border-color: var(--success-border-color);
    background-color: #DFF0D8;
    background-color: var(--success-bg-color);
    color: #468847;
    color: var(--success-text-color);
    border-radius: 4px;
    border-radius: var(--border-radius);
    font-size: 14px;
    font-size: var(--success-font-size)
}

.with_frm_style .frm_plain_success
.frm_message {
    background-color: transparent;
    padding: 0;
    border: none;
    font-size: inherit;
    color: inherit
}

.with_frm_style .frm_plain_success .frm_message
p {
    color: inherit
}

.frm_form_fields_style, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_form_submit_style {
    width: auto
}

.with_frm_style .frm_trigger
span {
    float: left
}

.with_frm_style table.frm-grid, #content .with_frm_style table.frm-grid {
    border-collapse: collapse;
    border: none
}

.frm-grid td, .frm-grid
th {
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-color: var(--border-color);
    border-top: none;
    border-left: none;
    border-right: none
}

.frm-alt-table {
    width: 100%;
    border-collapse: separate;
    margin-top: 0.5em;
    font-size: 15px;
    border-width: 1px
}

.with_frm_style .frm-alt-table {
    border-color: #ccc;
    border-color: var(--border-color)
}

.frm-alt-table
th {
    width: 200px
}

.frm-alt-table
tr {
    background-color: transparent
}

.frm-alt-table th, .frm-alt-table
td {
    background-color: transparent;
    vertical-align: top;
    text-align: left;
    padding: 20px;
    border-color: transparent
}

.frm-alt-table tr:nth-child(even) {
    background-color: #f9f9f9
}

table.form_results.with_frm_style {
    border: 1px solid #ccc;
    border-width: var(--field-border-width);
    border-color: var(--border-color)
}

table.form_results.with_frm_style tr
td {
    text-align: left;
    padding: 7px 9px;
    color: #555;
    color: var(--text-color);
    border-top: 1px solid #ccc;
    border-top-width: var(--field-border-width);
    border-top-color: var(--border-color)
}

table.form_results.with_frm_style tr.frm_even, .frm-grid
.frm_even {
    background-color: #fff;
    background-color: var(--bg-color)
}

table.form_results.with_frm_style tr.frm_odd, .frm-grid
.frm_odd {
    background-color: #fff;
    background-color: var(--bg-color)
}

.frm_color_block {
    background-color: #f9f9f9;
    padding: 40px
}

.with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3, .frm_color_block.frm_section_heading
h3 {
    border-width: 0 !important
}

.frm_collapse .ui-icon {
    display: inline-block
}

.frm_toggle_container {
    border: 1px solid transparent
}

.frm_toggle_container
ul {
    margin: 5px 0;
    padding-left: 0;
    list-style-type: none
}

.frm_toggle_container
.frm_month_heading {
    text-indent: 15px
}

.frm_toggle_container
.frm_month_listing {
    margin-left: 40px
}

#frm_loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

#frm_loading
h3 {
    font-weight: 500;
    padding-bottom: 15px;
    color: #fff;
    font-size: 24px
}

#frm_loading_content {
    position: fixed;
    top: 20%;
    left: 33%;
    width: 33%;
    text-align: center;
    padding-top: 30px;
    font-weight: bold;
    z-index: 9999999
}

#frm_loading
img {
    max-width: 100%
}

#frm_loading
.progress {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden
}

#frm_loading .progress.active .progress-bar {
    animation: 2s linear 0s normal none infinite progress-bar-stripes
}

#frm_loading .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, #ccc 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #ccc 50%, #ccc 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 40px 40px
}

#frm_loading .progress-bar {
    background-color: #fff;
    background-color: var(--bg-color);
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    float: left;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 100%
}

.frm_image_from_url {
    height: 50px
}

.frm-loading-img {
    background: url(../../plugins/formidable/images/ajax_loader.gif) no-repeat center center;
    padding: 6px 12px
}

select.frm_loading_lookup {
    background-image: url(../../plugins/formidable/images/ajax_loader.gif) !important;
    background-position: 10px;
    background-repeat: no-repeat;
    color: transparent !important
}

.frm_screen_reader {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important
}

.frm_screen_reader.frm_hidden {
    display: initial
}

.frm_verify {
    position: absolute;
    left: -3000px
}

.frm_clear_none {
    clear: none
}

.frm_clear {
    clear: both
}

.frm_form_field.frm_alignright {
    float: right !important
}

.with_frm_style
.frm_form_field {
    clear: both
}

.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields
.frm_fields_container {
    display: grid;
    grid-template-columns: repeat(12, 6.5%);
    grid-auto-rows: max-content;
    grid-gap: 0 2%
}

.frm_combo_inputs_container > *, .frm_grid_container > *, .frm_section_heading > *, .frm_fields_container .frm_form_field, .frm_fields_container > * {
    grid-column: span 12 / span 12
}

.frm_inline, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_inline {
    width: auto;
    grid-column: span 2 / span 2
}

.frm6, .frm_half, .frm_form_field.frm_three_fifths, .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half {
    grid-column: span 6 / span 6
}

.frm4, .frm_third, .frm_form_field.frm_two_fifths, .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third {
    grid-column: span 4 / span 4
}

.frm8, .frm_two_thirds, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds {
    grid-column: span 8/span 8
}

.frm3, .frm_fourth, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth {
    grid-column: span 3/span 3
}

.frm9, .frm_three_fourths, .frm_form_field.frm_four_fifths, .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm_three_fourths {
    grid-column: span 9/span 9
}

.frm_form_field.frm_left_fifth, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_last_fifth {
    grid-column: span 2/span 2
}

.frm2, .frm_sixth, .frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_last_sixth {
    grid-column: span 2/span 2
}

.frm10, .frm_form_field.frm10, .frm_submit.frm10 {
    grid-column: span 10/span 10
}

.frm1, .frm_form_field.frm1, .frm_submit.frm1, .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_first_seventh, .frm_form_field.frm_last_seventh.frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_eighth, .frm_form_field.frm_last_eighth {
    grid-column: span 1/span 1
}

.frm5, .frm_form_field.frm5, .frm_submit.frm5 {
    grid-column: span 5/span 5
}

.frm7, .frm_form_field.frm7, .frm_submit.frm7 {
    grid-column: span 7/span 7
}

.frm11, .frm_form_field.frm11, .frm_submit.frm11 {
    grid-column: span 11/span 11
}

.frm12, .frm_full, .frm_full .wp-editor-wrap, .frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']), .frm_full select, .frm_full
textarea {
    width: 100% !important;
    grid-column: span 12/span 12;
    box-sizing: border-box
}

.frm_full .wp-editor-wrap
input {
    width: auto !important
}

.frm_first, .frm_form_field.frm_left_half, .frm_form_field.frm_left_third, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_left_fifth, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_half, .frm_form_field.frm_first_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_first_fourth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_first_seventh, .frm_form_field.frm_first_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_first {
    grid-column-start: 1
}

.frm_last, .frm_form_field.frm_last, .frm_form_field.frm_alignright {
    grid-column-end: -1;
    grid-row-start: span 100;
    justify-content: end
}

.with_frm_style.frm_rtl .frm_form_fields .star-rating {
    float: right
}

.with_frm_style.frm_rtl .frm_grid .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_first .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_odd .frm_primary_label, .with_frm_style.frm_rtl .frm_grid .frm_radio, .with_frm_style.frm_rtl .frm_grid_first .frm_radio, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio, .with_frm_style.frm_rtl .frm_grid .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_odd
.frm_checkbox {
    float: right !important;
    margin-right: 0 !important
}

.with_frm_style.frm_rtl .frm_grid_first .frm_radio label input, .with_frm_style.frm_rtl .frm_grid .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label
input {
    float: left
}

.with_frm_style.frm_rtl .frm_catlevel_2, .with_frm_style.frm_rtl .frm_catlevel_3, .with_frm_style.frm_rtl .frm_catlevel_4, .with_frm_style.frm_rtl
.frm_catlevel_5 {
    margin-right: 18px
}

.with_frm_style.frm_rtl div > .frm_time_select {
    margin-right: 5px
}

.frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container {
    display: grid;
    grid-template-columns: 25% auto;
    width: 100%;
    grid-auto-rows: min-content
}

.frm_form_field.frm_right_container {
    grid-template-columns: auto 25%
}

.frm_form_field.frm_inline_container {
    grid-template-columns: repeat(2, minmax(auto, max-content))
}

.frm_form_field.frm_inline_container .frm_primary_label, .frm_form_field.frm_right_container .frm_primary_label, .frm_form_field.frm_left_container
.frm_primary_label {
    margin-right: 10px;
    grid-row: span 2/span 2;
    padding-top: 4px
}

.frm_form_field.frm_left_container
.frm_primary_label {
    grid-column: 1;
    grid-row: span 2/span 2
}

.frm_form_field.frm_right_container
.frm_primary_label {
    grid-column: 2;
    grid-row: 1;
    margin-right: 0;
    margin-left: 10px
}

.frm_form_field.frm_inline_container .frm_description, .frm_form_field.frm_left_container
.frm_description {
    grid-column: 2
}

.frm_form_field.frm_right_container
.frm_description {
    grid-column: 1
}

.frm_conf_field.frm_left_container {
    grid-template-columns: 67%
}

.frm_conf_field.frm_left_container
.frm_description {
    grid-column: 1
}

.frm-fade-in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@media only screen and (max-width: 750px) {
    .frm_grid_container.frm_no_grid_750 > div {
        grid-column: span 12/span 12
    }
}

@media only screen and (max-width: 600px) {
    .frm_section_heading > .frm_form_field, .frm_fields_container > .frm_submit, .frm_grid_container > .frm_form_field, .frm_fields_container > .frm_form_field {
        grid-column: 1 / span 12 !important
    }

    .frm_grid_container.frm_no_grid_600, .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container {
        display: block
    }
}

.frm_conf_field.frm_left_container
.frm_primary_label {
    display: none
}

.wp-editor-wrap *, .wp-editor-wrap *:after, .wp-editor-wrap *:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.with_frm_style .frm_grid, .with_frm_style .frm_grid_first, .with_frm_style
.frm_grid_odd {
    clear: both;
    margin-bottom: 0 !important;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-color: var(--border-color);
    border-left: none;
    border-right: none
}

.with_frm_style .frm_grid, .with_frm_style
.frm_grid_odd {
    border-top: none
}

.frm_grid .frm_error, .frm_grid_first .frm_error, .frm_grid_odd
.frm_error {
    display: none
}

.frm_grid:after, .frm_grid_first:after, .frm_grid_odd:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.frm_grid_first {
    margin-top: 20px
}

.frm_grid_first, .frm_grid_odd {
    background-color: #fff;
    background-color: var(--bg-color)
}

.frm_grid {
    background-color: #fff;
    background-color: var(--bg-color-active)
}

.with_frm_style .frm_grid.frm_blank_field, .with_frm_style .frm_grid_first.frm_blank_field, .with_frm_style
.frm_grid_odd.frm_blank_field {
    background-color: #F2DEDE;
    background-color: var(--error-bg);
    border-color: #EBCCD1;
    border-color: var(--error-bg)
}

.frm_grid .frm_primary_label, .frm_grid_first .frm_primary_label, .frm_grid_odd .frm_primary_label, .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd
.frm_checkbox {
    float: left !important;
    display: block;
    margin-top: 0;
    margin-left: 0 !important
}

.frm_grid_first .frm_radio label, .frm_grid .frm_radio label, .frm_grid_odd .frm_radio label, .frm_grid_first .frm_checkbox label, .frm_grid .frm_checkbox label, .frm_grid_odd .frm_checkbox
label {
    visibility: hidden;
    white-space: nowrap;
    text-align: left
}

.frm_grid_first .frm_radio label input, .frm_grid .frm_radio label input, .frm_grid_odd .frm_radio label input, .frm_grid_first .frm_checkbox label input, .frm_grid .frm_checkbox label input, .frm_grid_odd .frm_checkbox label
input {
    visibility: visible;
    margin: 2px 0 0;
    float: right
}

.frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd
.frm_checkbox {
    display: inline
}

.frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox, .frm_grid_2
.frm_primary_label {
    width: 48% !important
}

.frm_grid_2 .frm_radio, .frm_grid_2
.frm_checkbox {
    margin-right: 4%
}

.frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox, .frm_grid_3
.frm_primary_label {
    width: 30% !important
}

.frm_grid_3 .frm_radio, .frm_grid_3
.frm_checkbox {
    margin-right: 3%
}

.frm_grid_4 .frm_radio, .frm_grid_4
.frm_checkbox {
    width: 20% !important
}

.frm_grid_4
.frm_primary_label {
    width: 28% !important
}

.frm_grid_4 .frm_radio, .frm_grid_4
.frm_checkbox {
    margin-right: 4%
}

.frm_grid_5 .frm_primary_label, .frm_grid_7
.frm_primary_label {
    width: 24% !important
}

.frm_grid_5 .frm_radio, .frm_grid_5
.frm_checkbox {
    width: 17% !important;
    margin-right: 2%
}

.frm_grid_6
.frm_primary_label {
    width: 25% !important
}

.frm_grid_6 .frm_radio, .frm_grid_6
.frm_checkbox {
    width: 14% !important;
    margin-right: 1%
}

.frm_grid_7
.frm_primary_label {
    width: 22% !important
}

.frm_grid_7 .frm_radio, .frm_grid_7
.frm_checkbox {
    width: 12% !important;
    margin-right: 1%
}

.frm_grid_8
.frm_primary_label {
    width: 23% !important
}

.frm_grid_8 .frm_radio, .frm_grid_8
.frm_checkbox {
    width: 10% !important;
    margin-right: 1%
}

.frm_grid_9
.frm_primary_label {
    width: 20% !important
}

.frm_grid_9 .frm_radio, .frm_grid_9
.frm_checkbox {
    width: 9% !important;
    margin-right: 1%
}

.frm_grid_10
.frm_primary_label {
    width: 19% !important
}

.frm_grid_10 .frm_radio, .frm_grid_10
.frm_checkbox {
    width: 8% !important;
    margin-right: 1%
}

.frm_form_field.frm_inline_container .frm_opt_container, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_left_container
.frm_opt_container {
    padding-top: 4px
}

.with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid_odd
.frm_opt_container {
    margin-right: 0
}

.frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col
.frm_opt_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: max-content;
    grid-gap: 0 2.5%
}

.frm_form_field.frm_three_col
.frm_opt_container {
    grid-template-columns: repeat(3, 1fr)
}

.frm_form_field.frm_four_col
.frm_opt_container {
    grid-template-columns: repeat(4, 1fr)
}

.frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox, .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col
.frm_checkbox {
    grid-column-end: span 1
}

.frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox + .frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio + .frm_radio {
    margin-top: 0;
    margin-bottom: 0
}

.frm_form_field.frm_scroll_box
.frm_opt_container {
    height: 100px;
    overflow: auto
}

.frm_html_container.frm_scroll_box, .frm_form_field.frm_html_scroll_box {
    height: 100px;
    overflow: auto;
    background-color: #fff;
    background-color: var(--bg-color);
    border-color: #ccc;
    border-color: var(--border-color);
    border-width: 1px;
    border-width: var(--field-border-width);
    border-style: solid;
    border-style: var(--field-border-style);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-radius: var(--border-radius);
    width: 100%;
    width: var(--field-width);
    max-width: 100%;
    font-size: 14px;
    font-size: var(--field-font-size);
    padding: 6px 10px;
    padding: var(--field-pad);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    box-shadow: var(--box-shadow)
}

.frm_form_field.frm_total_big input, .frm_form_field.frm_total_big textarea, .frm_form_field.frm_total input, .frm_form_field.frm_total
textarea {
    opacity: 1;
    background-color: transparent !important;
    border: none !important;
    font-weight: bold;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
    display: inline;
    -moz-appearance: textfield;
    padding: 0
}

.frm_form_field.frm_total_big input::-webkit-outer-spin-button, .frm_form_field.frm_total_big input::-webkit-inner-spin-button, .frm_form_field.frm_total input::-webkit-outer-spin-button, .frm_form_field.frm_total input::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.frm_form_field.frm_total_big input:focus, .frm_form_field.frm_total_big textarea:focus, .frm_form_field.frm_total input:focus, .frm_form_field.frm_total textarea:focus {
    background-color: transparent;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.frm_form_field.frm_label_justify
.frm_primary_label {
    text-align: justify !important
}

.frm_form_field.frm_capitalize input, .frm_form_field.frm_capitalize select, .frm_form_field.frm_capitalize .frm_opt_container
label {
    text-transform: capitalize
}

.frm_clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.frm_clearfix {
    display: block
}

.with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before {
    color: #fff;
    color: var(--repeat-icon-color)
}


.frm-submenu-highlight {
    background: #F15A24
}

.frm-submenu-highlight a
span {
    color: #fff;
    font-weight: 600
}

.frmfont, .frm_icon_font, .frm_dashicon_font {
    text-decoration: none;
    text-shadow: none;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
    line-height: 1;
    -moz-transition: color .1s ease-in-out, opacity .1s ease-in-out;
    -webkit-transition: color .1s ease-in-out, opacity .1s ease-in-out;
    transition: color .1s ease-in-out, opacity .1s ease-in-out;
    font-size: 18px
}

i.frmfont, i.frm_icon_font {
    font-style: normal;
    font-variant: normal;
    speak: none
}

.frmfont:before, select.frmfont, .frm_icon_font:before, select.frm_icon_font {
    font-family: 's11-fp' !important;
    text-align: center
}

.frmfont, a.frmfont, .frmfont:hover, a.frmfont:hover.frm_icon_font, a.frm_icon_font, .frm_icon_font:hover, a.frm_icon_font:hover {
    text-decoration: none !important;
    box-shadow: none
}

.frmfont:focus, .frm_icon_font:focus, .frm_dashicon_font:focus {
    box-shadow: none;
    -webkit-box-shadow: none
}

.frmfont:active, .frm_icon_font:active {
    outline: none
}

.frm_trigger
.frm_icon_font {
    padding: 0 5px
}

.frm_logo_icon:before {
    content: "\e601"
}

.frm_required_icon:before {
    content: "\e612"
}

.frm_delete_icon:before {
    content: "\e610" !important
}

.frm_delete_solid_icon:before {
    content: "\e900"
}

.frm_move_icon:before {
    content: "\e61a"
}

.frm_drag_icon:before {
    content: "\e93b"
}

.frm_clear_icon:before {
    content: "\e60a"
}

.frm_noclear_icon:before {
    content: "\e60b"
}

.frm_duplicate_icon:before {
    content: "\e61b"
}

.frm_copy_icon:before {
    content: "\f0c5"
}

.frm_clone_solid_icon:before {
    content: "\f24e"
}

.frm_clone_icon:before {
    content: "\f24d"
}

.frm_tooltip_icon:before {
    content: "\e611"
}

.frm_tooltip_solid_icon:before {
    content: "\e907"
}

.frm_forbid_icon:before {
    content: "\e636"
}

.frm_checkmark_icon:before {
    content: "\e90a"
}

.frm_check_icon:before {
    content: "\e605"
}

.frm_check1_icon:before {
    content: "\e606"
}

.frm_plus_icon:before {
    content: "\e62f"
}

.frm_plus1_icon:before {
    content: "\e602"
}

.frm_plus2_icon:before {
    content: "\e603"
}

.frm_plus3_icon:before {
    content: "\e632"
}

.frm_plus4_icon:before {
    content: "\e60f"
}

.frm_minus_icon:before {
    content: "\e62e"
}

.frm_minus1_icon:before {
    content: "\e600"
}

.frm_minus2_icon:before {
    content: "\e604"
}

.frm_minus3_icon:before {
    content: "\e633"
}

.frm_minus4_icon:before {
    content: "\e613"
}

.frm_cancel_icon:before {
    content: "\e607"
}

.frm_cancel1_icon:before {
    content: "\e608"
}

.frm_close_icon:before {
    content: "\e928"
}

.frm_report_problem_solid_icon:before {
    content: "\e914"
}

.frm_report_problem_icon:before {
    content: "\e915"
}

.frm_arrowup_icon:before {
    content: "\e60d"
}

.frm_arrowup1_icon:before {
    content: "\e60e"
}

.frm_arrowup2_icon:before {
    content: "\e630"
}

.frm_arrowup3_icon:before {
    content: "\e62b"
}

.frm_arrowup4_icon:before {
    content: "\e62c"
}

.frm_arrowup5_icon:before {
    content: "\e635"
}

.frm_arrowup5_solid_icon:before {
    content: "\e9d"
}

.frm_arrowup7_icon:before {
    content: "\e908"
}

.frm_arrowup6_icon:before {
    content: "\e62d"
}

.frm_arrowdown_icon:before {
    content: "\e609"
}

.frm_arrowdown1_icon:before {
    content: "\e60c"
}

.frm_arrowdown2_icon:before {
    content: "\e631"
}

.frm_arrowdown3_icon:before {
    content: "\e628"
}

.frm_arrowdown4_icon:before {
    content: "\e629"
}

.frm_arrowdown5_icon:before {
    content: "\e634"
}

.frm_arrowdown5_solid_icon:before {
    content: "\e905"
}

.frm_arrowdown7_icon:before {
    content: "\e90b"
}

.frm_arrowdown6_icon:before {
    content: "\e62a"
}

.frm_arrow_left_icon:before {
    content: "\e912"
}

.frm_arrow_right_icon:before {
    content: "\e913"
}

.frm_filter_icon:before {
    content: "\e90c"
}

.frm_download_icon:before {
    content: "\e615"
}

.frm_upload2_icon:before {
    content: "\f093"
}

.frm_upload_icon:before {
    content: "\e616"
}

.frm_download2_icon:before {
    content: "\f019"
}

.frm_hard_drive_icon:before {
    content: "\e916"
}

.frm_pencil_solid_icon:before {
    content: "\e901"
}

.frm_pencil_icon:before {
    content: "\e61d"
}

.frm_signature_icon:before {
    content: "\e919"
}

.frm_user_icon:before {
    content: "\e7ff"
}

.frm_register_icon:before {
    content: "\e637"
}

.frm_account_circle_solid_icon:before {
    content: "\e853"
}

.frm_account_circle_icon:before {
    content: "\e921"
}

.frm_address_card_icon:before {
    content: "\e996"
}

.frm_paragraph_icon:before {
    content: "\f1dd"
}

.frm_checkbox_unchecked_icon:before {
    content: "\e91e"
}

.frm_checkbox_icon:before {
    content: "\e922"
}

.frm_checkbox_solid_icon:before {
    content: "\e91f"
}

.frm_dropdown_icon:before {
    content: "\e909"
}

.frm_caret_square_down_icon:before {
    content: "\f150"
}

.frm_check_square_icon:before {
    content: "\f14a"
}

.frm_radio_unchecked_icon:before {
    content: "\e971"
}

.frm_radio_checked_icon:before {
    content: "\ea54"
}

.frm_scrubber_icon:before {
    content: "\f2f8"
}

.frm_location_solid_icon:before {
    content: "\e955"
}

.frm_location_icon:before {
    content: "\e947"
}

.frm_toggle_on_icon:before {
    content: "\f205"
}

.frm_toggle_off_icon:before {
    content: "\f204"
}

.frm_shield_check_icon:before {
    content: "\f2f7"
}

.frm_shield_check_solid_icon:before {
    content: "\e97d"
}

.frm_clock_icon:before {
    content: "\e929"
}

.frm_clock_solid_icon:before {
    content: "\e985"
}

.frm_link_icon:before {
    content: "\f0c1"
}

.frm_email_icon:before {
    content: "\e626"
}

.frm_email_solid_icon:before {
    content: "\f0e0"
}

.frm_mail_bulk_icon:before {
    content: "\e95c"
}

.frm_phone_icon:before {
    content: "\e942"
}

.frm_calendar_icon:before {
    content: "\f073"
}

.frm_code_icon:before {
    content: "\e90d"
}

.frm_tag_icon:before {
    content: "\e98b"
}

.frm_tag_solid_icon:before {
    content: "\e989"
}

.frm_price_tags_icon:before {
    content: "\e936"
}

.frm_search_icon:before {
    content: "\e978"
}

.frm_sitemap_icon:before {
    content: "\f0e8"
}

.frm_file_icon:before {
    content: "\f15b"
}

.frm_file_text_solid_icon:before {
    content: "\f15c"
}

.frm_file_text_icon:before {
    content: "\e923"
}

.frm-option-icon:before, .frm_option_icon:before {
    content: "\e904"
}

.frm_option_solid_icon:before {
    content: "\e906"
}

.frm_more_horiz_icon:before {
    content: "\e5d3"
}

.frm_more_vert_icon:before {
    content: "\e5d4"
}

.frm_more_horiz_solid_icon {
    font-size: 28px !important;
    font-weight: bold;
    line-height: 18px
}

.frm_more_horiz_solid_icon:before {
    content: "\00B7\00B7\00B7"
}

.frm_more_vert_solid_icon:before {
    content: "\f142"
}

.frm_calculator_icon:before {
    content: "\f1ec"
}

.frm_key_icon:before {
    content: "\f084"
}

.frm_keyalt_solid_icon:before {
    content: "\e986"
}

.frm_keyalt_icon:before {
    content: "\e987"
}

.frm_keyboard_icon:before {
    content: "\e924"
}

.frm_eye_icon:before {
    content: "\f06e"
}

.frm_eye_solid_icon:before {
    content: "\e945"
}

.frm_eye_slash_icon:before {
    content: "\f070"
}

.frm_eye_slash_solid_icon:before {
    content: "\e949"
}

.frm_page_break_icon:before {
    content: "\e8e9"
}

.frm_view_day_icon:before {
    content: "\e8ed"
}

.frm_attach_file_icon:before {
    content: "\e226"
}

.frm_printer_icon:before {
    content: "\e926"
}

.frm_header_icon:before {
    content: "\f1dc"
}

.frm_h1_icon:before {
    content: "\e94c"
}

.frm_repeat_icon:before {
    content: "\f363"
}

.frm_repeater_icon:before {
    content: "\e974"
}

.frm_hashtag_icon:before {
    content: "\e292"
}

.frm_save_icon:before {
    content: "\e927"
}

.frm_sliders_icon:before {
    content: "\f1de"
}

.frm_code_commit_icon:before {
    content: "\f386"
}

.frm_star_icon:before {
    content: "\e9d7"
}

.frm_star_full_icon:before {
    content: "\e9d9"
}

.frm_star_half_icon:before {
    content: "\e9d8"
}

.frm_linear_scale_icon:before {
    content: "\e260"
}

.frm_pie_chart_icon:before {
    content: "\e99a"
}

.frm_stats_bars_icon:before {
    content: "\e99c"
}

.frm_sms_icon:before {
    content: "\e61c"
}

.frm_highrise_icon:before {
    content: "\e617"
}

.frm_mailchimp_icon:before {
    content: "\e622"
}

.frm_feed_icon:before {
    content: "\e624"
}

.frm_align_right_icon:before {
    content: "\e90f"
}

.frm_align_left_icon:before {
    content: "\e910"
}

.frm_button_icon:before {
    content: "\e911"
}

.frm_browser_icon:before {
    content: "\e925"
}

.frm_cloud_download_solid_icon:before {
    content: "\e92a"
}

.frm_cloud_download_icon:before {
    content: "\e92b"
}

.frm_cloud_upload_solid_icon:before {
    content: "\e92c"
}

.frm_cloud_upload_icon:before {
    content: "\e92d"
}

.frm_cloud_solid_icon:before {
    content: "\e92e"
}

.frm_cloud_icon:before {
    content: "\e92f"
}

.frm_shuffle_icon:before {
    content: "\e917"
}

.frm_swap_icon:before {
    content: "\e918"
}

.frm_dropper_solid_icon:before {
    content: "\e93c"
}

.frm_tint_icon:before {
    content: "\e93e"
}

.frm_pallet_solid_icon:before {
    content: "\e96c"
}

.frm_pallet_icon:before {
    content: "\e96d"
}

.frm_fingerprint_icon:before {
    content: "\e94a"
}

.frm_ghost_icon:before {
    content: "\e94b"
}

.frm_heart_solid_icon:before {
    content: "\e94d"
}

.frm_heart_icon:before {
    content: "\e94e"
}

.frm_history_icon:before {
    content: "\e94f"
}

.frm_import_icon:before {
    content: "\e91a"
}

.frm_export_icon:before {
    content: "\e91b"
}

.frm_label_solid_icon:before {
    content: "\e952"
}

.frm_label_icon:before {
    content: "\e953"
}

.frm_lock_open_icon:before {
    content: "\e957"
}

.frm_lock_solid_icon:before {
    content: "\e958"
}

.frm_lock_icon:before {
    content: "\e959"
}

.frm_magic_wand_icon:before {
    content: "\e997"
}

.frm_dollar_sign_icon:before {
    content: "\e91c"
}

.frm_percent_icon:before {
    content: "\e939"
}

.frm_notification_solid_icon:before {
    content: "\e964"
}

.frm_notification_icon:before {
    content: "\e965"
}

.frm_external_link_icon:before {
    content: "\e966"
}

.frm_pageview_solid_icon:before {
    content: "\e96a"
}

.frm_pageview_icon:before {
    content: "\e96b"
}

.frm_settings_solid_icon:before {
    content: "\e979"
}

.frm_settings_icon:before {
    content: "\e97a"
}

.frm_stamp_icon:before {
    content: "\e980"
}

.frm_support_icon:before {
    content: "\f1cd"
}

.frm_text_solid_icon:before {
    content: "\e98c"
}

.frm_text_icon:before {
    content: "\e98d"
}

.frm_text2_icon:before {
    content: "\f031"
}

.frm_text3_icon:before {
    content: "\e98e"
}

.frm_unfold_less_icon:before {
    content: "\e993"
}

.frm_unfold_more_icon:before {
    content: "\e994"
}

.frm_work_solid_icon:before {
    content: "\e999"
}

.frm_work_icon:before {
    content: "\e99e"
}

.frm_white_label_icon:before {
    content: "\e91d" !important
}

.frm_zoom_out_icon:before {
    content: "\e99f"
}

.frm_maximize_icon:before {
    content: "\e920"
}

.frm_minimize_icon:before {
    content: "\e93a"
}

.frm_authorize_icon:before {
    content: "\e903"
}

.frm_icon_font.frm_activecampaign_icon {
    background-image: none
}

.frm_activecampaign_icon:before {
    content: "\e930"
}

.frm_aweber_icon:before {
    content: "\e627"
}

.frm_campaignmonitor_icon:before {
    content: "\e946"
}

.frm_constant_contact_icon:before {
    content: "\e931"
}

.frm_getresponse_icon:before {
    content: "\e932"
}

.frm_googlesheets_icon:before {
    content: "\e944"
}

.frm_building_icon:before {
    content: "\e93f"
}

.frm_hubspot_icon:before {
    content: "\e933"
}

.frm_icontact_icon:before {
    content: "\e940"
}

.frm_icon_font.frm_mailpoet_icon:before {
    content: "\e934"
}

.frm_paypal_icon:before {
    content: "\e61f"
}

.frm_sendinblue_icon:before {
    content: "\e943"
}

.frm_sendy_icon:before {
    content: "\e941"
}

.frm_salesforce_icon:before {
    content: "\e935"
}

.frm_salesforcealt_icon:before {
    content: "\e937"
}

.frm_stripe_icon:before {
    content: "\e902"
}

.frm_stripealt_icon:before {
    content: "\e93d"
}

.frm_twilio_icon:before {
    content: "\e620"
}

.frm_woocommerce_icon:before {
    content: "\e90e"
}

.frm_wordpress_icon:before {
    content: "\f19a"
}

.frm_credit_card_icon:before {
    content: "\e938"
}

.frm_credit-card-alt_icon:before, .frm_credit_card_alt_icon:before {
    content: "\f283"
}

.frm_cc_amex_icon:before {
    content: "\f1f3"
}

.frm_cc_discover_icon:before {
    content: "\f1f2"
}

.frm_cc_mastercard_icon:before {
    content: "\f1f1"
}

.frm_cc_visa_icon:before {
    content: "\f1f0"
}

.frm_cc_paypal_icon:before {
    content: "\f1f4"
}

.frm_cc_stripe_icon:before {
    content: "\f1f5"
}

.js .frm_logic_form:not(.frm_no_hide) {
    display: none
}

.with_frm_style .frm_conf_field.frm_half
label.frm_conf_label {
    overflow: hidden;
    white-space: nowrap
}

.with_frm_style
.frm_time_wrap {
    white-space: nowrap
}

.with_frm_style
select.frm_time_select {
    white-space: pre;
    display: inline
}

.with_frm_style
.frm_repeat_sec {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 15px
}

.with_frm_style .frm_repeat_sec:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.with_frm_style
.frm_repeat_inline {
    clear: both
}

.frm_invisible_section .frm_form_field, .frm_invisible_section {
    display: none !important;
    visibility: hidden !important;
    height: 0;
    margin: 0
}

.frm_form_field .frm_repeat_sec .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_inline
.frm_add_form_row.frm_hide_add_button {
    -moz-transition: opacity .15s ease-in-out;
    -webkit-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out;
    pointer-events: none
}

.frm_form_field .frm_repeat_sec .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child
.frm_add_form_row.frm_hide_add_button {
    display: none
}

.frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_inline
.frm_add_form_row.frm_hide_add_button {
    visibility: hidden
}

.frm_form_field div.frm_repeat_grid .frm_add_form_row, .frm_form_field div.frm_repeat_inline .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child
.frm_add_form_row {
    display: inline-block;
    visibility: visible;
    pointer-events: auto
}

.frm_add_form_row.frm_button.frm_hidden:last-child, .frm_add_form_row.frm_icon_font.frm_hidden:last-child {
    display: inline-block
}

.frm_repeat_inline .frm_repeat_buttons
a.frm_icon_font {
    vertical-align: sub
}

.frm_repeat_inline .frm_repeat_buttons a.frm_icon_font:before {
    vertical-align: text-top
}

.frm_repeat_grid .frm_button, .frm_repeat_inline .frm_button, .frm_repeat_sec
.frm_button {
    display: inline-block;
    line-height: 1
}

.frm_repeat_sec .frm_button .frm_icon_font:before, .frm_repeat_grid .frm_button .frm_icon_font:before, .frm_repeat_inline .frm_button .frm_icon_font:before {
    line-height: 1
}

.frm_form_field .frm_repeat_grid ~ .frm_repeat_grid .frm_form_field
.frm_primary_label {
    display: none !important
}

#ui-datepicker-div {
    display: none;
    z-index: 999999 !important
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 33%;
    background-color: #fff;
    float: none
}

.ui-datepicker select.ui-datepicker-month {
    margin-right: 3px
}

.ui-datepicker-month, .ui-datepicker-year {
    max-width: 100%;
    max-height: 2em;
    padding: 6px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-header {
    background: #008ec2 !important;
    color: #fff !important
}

.ui-datepicker td.ui-datepicker-today {
    background: rgba(0, 92, 144, 0.15) !important
}

.ui-datepicker td.ui-datepicker-current-day, .ui-datepicker td .ui-state-hover, .ui-datepicker
thead {
    background: #005c90 !important;
    color: #fff !important
}

.ui-datepicker td.ui-datepicker-current-day .ui-state-default {
    color: #fff !important
}

.with_frm_style
.frm_scale {
    margin-right: 15px;
    text-align: center;
    float: left
}

.with_frm_style .frm_scale
input {
    display: block;
    margin: 0
}

.frm-star-group
input {
    display: none !important
}

.frm-star-group .star-rating, .frm-star-group input + label {
    float: left;
    width: 25px;
    height: 25px;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden !important;
    clear: none;
    font-style: normal;
    margin-right: 15px
}

.frm-star-group input + label:before, .frm-star-group .star-rating:before {
    font-family: 's11-fp';
    content: '\e9d7';
    color: #F0AD4E;
    display: inline-block;
    vertical-align: top
}

.frm-star-group input[type=radio]:checked + label:before, .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before {
    color: #F0AD4E
}

.frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before, .frm-star-group input + label:hover:before, .frm-star-group:hover input + label:hover:before, .frm-star-group .star-rating-on:before, .frm-star-group .star-rating-hover:before {
    content: '\e9d9';
    color: #F0AD4E
}

.frm-star-group .frm_half_star:before {
    content: '\e9d8'
}

.frm-star-group .star-rating-readonly {
    cursor: default !important
}

.with_frm_style
.frm_other_input.frm_other_full {
    margin-top: 10px
}

.frm_left_container
.frm_other_input {
    grid-column: 2
}

.frm_inline_container.frm_other_container .frm_other_input, .frm_left_container.frm_other_container
.frm_other_input {
    margin-left: 5px
}

.frm_right_container.frm_other_container
.frm_other_input {
    margin-right: 5px
}

.frm_inline_container.frm_other_container select ~ .frm_other_input, .frm_right_container.frm_other_container select ~ .frm_other_input, .frm_left_container.frm_other_container select ~ .frm_other_input {
    margin: 0
}

.frm_pagination_cont
ul.frm_pagination {
    display: inline-block;
    list-style: none;
    margin-left: 0 !important
}

.frm_pagination_cont ul.frm_pagination > li {
    display: inline;
    list-style: none;
    margin: 2px;
    background-image: none
}

ul.frm_pagination > li.active
a {
    text-decoration: none
}

.frm_pagination_cont ul.frm_pagination > li:first-child {
    margin-left: 0
}

.archive-pagination.frm_pagination_cont ul.frm_pagination > li {
    margin: 0
}

.frmcal {
    padding-top: 30px
}

.frmcal-title {
    font-size: 116%
}

.frmcal table.frmcal-calendar {
    border-collapse: collapse;
    margin-top: 20px;
    color: #555
}

.frmcal table.frmcal-calendar, .frmcal table.frmcal-calendar tbody tr
td {
    border: 1px solid #ccc
}

.frmcal table.frmcal-calendar, .frmcal, .frmcal-header {
    width: 100%
}

.frmcal-header {
    text-align: center
}

.frmcal-prev {
    margin-right: 10px
}

.frmcal-prev, .frmcal-dropdown {
    float: left
}

.frmcal-dropdown {
    margin-left: 5px
}

.frmcal-next {
    float: right
}

.frmcal table.frmcal-calendar thead tr
th {
    text-align: center;
    padding: 2px 4px
}

.frmcal table.frmcal-calendar tbody tr
td {
    height: 110px;
    width: 14.28%;
    vertical-align: top;
    padding: 0 !important;
    color: #555;
    font-size: 12px
}

table.frmcal-calendar
.frmcal_date {
    background-color: #fff;
    padding: 0 5px;
    text-align: right;
    -moz-box-shadow: 0 2px 5px #ccc;
    -webkit-box-shadow: 0 2px 5px #ccc;
    box-shadow: 0 2px 5px #ccc
}

table.frmcal-calendar .frmcal-today
.frmcal_date {
    background-color: #fff;
    padding: 0 5px;
    text-align: right;
    -moz-box-shadow: 0 2px 5px #66afe9;
    -webkit-box-shadow: 0 2px 5px #66afe9;
    box-shadow: 0 2px 5px #66afe9
}

.frmcal_day_name, .frmcal_num {
    display: inline
}

.frmcal-content {
    padding: 2px 4px
}

.frm_switch_opt {
    padding: 0 8px 0 0;
    white-space: normal;
    display: inline;
    vertical-align: middle
}

.frm_on_label {
    color: #3177c7;
    padding: 0 0 0 8px
}

.frm_switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 25px;
    vertical-align: middle
}

.frm_switch
input {
    display: none !important
}

.frm_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 30px
}

.frm_slider:before {
    border-radius: 50%;
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    transition: .4s;
    box-shadow: 0 2px 5px #999
}

input:checked + .frm_slider {
    background-color: #3177c7
}

input:focus + .frm_slider {
    box-shadow: 0 0 1px #3177c7
}

input:checked + .frm_slider:before {
    transform: translateX(15px)
}

.with_frm_style
.frm_range_value {
    display: inline-block
}

.with_frm_style input[type=range] {
    -webkit-appearance: none;
    box-shadow: none !important;
    border: none !important;
    cursor: pointer;
    padding: 0;
    background: transparent !important;
    display: block;
    width: 100%;
    margin: 7px 0 15px;
    font-size: 14px
}

.with_frm_style input[type=range]:active, .with_frm_style input[type=range]:focus {
    outline: none;
    box-shadow: none !important;
    background: transparent !important
}

.with_frm_style
.frm_range_container {
    text-align: center
}

.with_frm_style input[type=range]::-webkit-slider-runnable-track {
    border-radius: 25px;
    border: none;
    height: 10px;
    background-color: #ccc;
    animation: 0.2s
}

.with_frm_style input[type=range]::-moz-range-track {
    border-radius: 25px;
    border: none;
    height: 10px;
    background-color: #ccc;
    animation: 0.2s;
    border-color: transparent;
    border-width: 39px 0;
    color: transparent
}

.with_frm_style input[type=range]::-ms-fill-lower {
    border-radius: 25px;
    border: none;
    height: 10px;
    background-color: #ccc;
    animation: 0.2s
}

.with_frm_style input[type=range]::-ms-fill-upper {
    border-radius: 25px;
    border: none;
    height: 10px;
    background-color: #ccc;
    animation: 0.2s
}

.with_frm_style input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -webkit-border-radius: 20px;
    height: 28px;
    width: 28px;
    border-radius: 20px;
    border: 1px solid rgba(49, 119, 199, 0.6);
    color: #fff;
    background-color: #3177c7;
    cursor: pointer;
    margin-top: -10px
}

.with_frm_style input[type=range]::-moz-range-thumb {
    height: 28px;
    width: 28px;
    border-radius: 20px;
    border: 1px solid rgba(49, 119, 199, 0.6);
    color: #fff;
    background-color: #3177c7;
    cursor: pointer;
    -moz-border-radius: 20px
}

.with_frm_style input[type=range]::-ms-thumb {
    height: 28px;
    width: 28px;
    border-radius: 20px;
    border: 1px solid rgba(49, 119, 199, 0.6);
    color: #fff;
    background-color: #3177c7;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .frm-pass-req, .frm-pass-verified {
        width: 50% !important;
        white-space: nowrap
    }
}

.frm-pass-req, .frm-pass-verified {
    float: left;
    width: 20%;
    line-height: 20px;
    font-size: 12px;
    padding-top: 4px;
    min-width: 175px
}

.frm-pass-req:before, .frm-pass-verified:before {
    padding-right: 4px;
    font-size: 12px !important;
    vertical-align: middle !important
}

span.frm-pass-verified::before {
    content: '\e606'
}

span.frm-pass-req::before {
    content: '\e608'
}

div.frm-password-strength {
    width: 100%;
    float: left
}

div.frm_repeat_grid:after, div.frm_repeat_inline:after, div.frm_repeat_sec:after {
    content: '';
    display: table;
    clear: both
}

.with_frm_style .chosen-container {
    font-size: 14px;
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 100% !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.with_frm_style .chosen-container
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.with_frm_style .chosen-container .chosen-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.with_frm_style .chosen-container.chosen-with-drop .chosen-drop {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none
}

.with_frm_style .chosen-container
a {
    cursor: pointer
}

.with_frm_style .chosen-container .search-choice .group-name, .with_frm_style .chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #999
}

.with_frm_style .chosen-container .search-choice .group-name:after, .with_frm_style .chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.with_frm_style .chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px
}

.with_frm_style .chosen-container-single .chosen-default {
    color: #999
}

.with_frm_style .chosen-container-single .chosen-single
span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.with_frm_style .chosen-container-single .chosen-single-with-deselect
span {
    margin-right: 38px
}

.with_frm_style .chosen-container-single .chosen-single
abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    background: url('../../../plugins/formidable-pro/images/chosen-sprite.html') -42px 1px no-repeat
}

.with_frm_style .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.with_frm_style .chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.with_frm_style .chosen-container-single .chosen-single
div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px
}

.with_frm_style .chosen-container-single .chosen-single div
b {
    background: url('../../../plugins/formidable-pro/images/chosen-sprite.html') no-repeat 0 2px;
    display: block;
    width: 100%;
    height: 100%
}

.with_frm_style .chosen-container-single .chosen-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010
}

.with_frm_style .chosen-container-single .chosen-search input[type="text"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    background: url('../../../plugins/formidable-pro/images/chosen-sprite.html') no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0
}

.with_frm_style .chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.with_frm_style .chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(100% 100%);
    clip-path: inset(100% 100%)
}

.with_frm_style .chosen-container .chosen-results {
    cursor: text;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.with_frm_style .chosen-container .chosen-results li:before {
    background: none
}

.with_frm_style .chosen-container .chosen-results
li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.with_frm_style .chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.with_frm_style .chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.with_frm_style .chosen-container .chosen-results
li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff
}

.with_frm_style .chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}

.with_frm_style .chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default
}

.with_frm_style .chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.with_frm_style .chosen-container .chosen-results li
em {
    font-style: normal;
    text-decoration: underline
}

.with_frm_style .chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    cursor: text
}

.with_frm_style .chosen-container-multi .chosen-choices
li {
    float: left;
    list-style: none
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0 !important;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
    width: 25px
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 1px 5px 1px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-choice
span {
    word-wrap: break-word
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('../../../plugins/formidable-pro/images/chosen-sprite.html') -42px 1px no-repeat;
    font-size: 1px
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.with_frm_style .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.with_frm_style .chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.with_frm_style .chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.with_frm_style .chosen-container-single.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: 0 1px 0 #fff inset
}

.with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single
div {
    border-left: none;
    background: transparent
}

.with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single div
b {
    background-position: -18px 2px
}

.with_frm_style .chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.with_frm_style .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important
}

.with_frm_style .chosen-disabled {
    opacity: 0.5 !important;
    cursor: default
}

.with_frm_style .chosen-disabled .chosen-single {
    cursor: default
}

.with_frm_style .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.with_frm_style .chosen-rtl {
    text-align: right
}

.with_frm_style .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.with_frm_style .chosen-rtl .chosen-single
span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.with_frm_style .chosen-rtl .chosen-single-with-deselect
span {
    margin-left: 38px
}

.with_frm_style .chosen-rtl .chosen-single
div {
    right: auto;
    left: 3px
}

.with_frm_style .chosen-rtl .chosen-single
abbr {
    right: auto;
    left: 26px
}

.with_frm_style .chosen-rtl .chosen-choices
li {
    float: right
}

.with_frm_style .chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl
}

.with_frm_style .chosen-rtl .chosen-choices li.search-choice {
    margin: 1px 5px 1px 0;
    padding: 3px 5px 3px 19px
}

.with_frm_style .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.with_frm_style .chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.with_frm_style .chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.with_frm_style .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single
div {
    border-right: none
}

.with_frm_style .chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: url('../../../plugins/formidable-pro/images/chosen-sprite.html') no-repeat -30px -20px;
    direction: rtl
}

.with_frm_style .chosen-rtl.chosen-container-single .chosen-single div
b {
    background-position: 6px 2px
}

.with_frm_style .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div
b {
    background-position: -12px 2px
}

.with_frm_style .frm_repeat_sec, .with_frm_style .frm_repeat_inline, .with_frm_style
.frm_repeat_grid {
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .with_frm_style .chosen-rtl .chosen-search input[type="text"], .with_frm_style .chosen-container-single .chosen-single abbr, .with_frm_style .chosen-container-single .chosen-single div b, .with_frm_style .chosen-container-single .chosen-search input[type="text"], .with_frm_style .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .with_frm_style .chosen-container .chosen-results-scroll-down span, .with_frm_style .chosen-container .chosen-results-scroll-up
    span {
        background-image: url('../../../plugins/formidable-pro/images/chosen-sprite2x.html') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important
    }
}

@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-moz-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

.frm_dropzone, .frm_dropzone
* {
    box-sizing: border-box
}

.frm_dropzone.dz-clickable {
    min-height: 150px;
    margin-top: 5px;
    line-height: 1.42857143
}

.frm_dropzone.dz-clickable
* {
    cursor: default
}

.frm_dropzone.dz-clickable.frm_single_upload {
    max-width: 200px
}

.frm_dropzone.dz-clickable.frm_single_upload.dz-started {
    max-width: 300px
}

.frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload, .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload {
    max-width: 100%
}

.frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload .dz-message, .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload .dz-message {
    margin: .5em 0 1em
}

.frm_dropzone .dz-message {
    border: 2px dashed #dfdfdf;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
    display: none;
    font-size: 20px;
    text-align: center;
    margin: .5em 0 1em
}

.frm_dropzone.dz-clickable.frm_single_upload .dz-message {
    margin: 0 0 .5em 0
}

.frm_dropzone.frm_single_upload.dz-started .dz-message {
    display: none
}

.frm_dropzone.dz-clickable .dz-message, .frm_dropzone
.frm_upload_icon {
    display: block
}

.frm_dropzone.dz-clickable .dz-message, .frm_dropzone.dz-clickable .dz-message
* {
    cursor: pointer
}

#frm_form_editor_container .frm_dropzone.dz-clickable, #frm_form_editor_container .frm_dropzone.dz-clickable
* {
    cursor: default
}

.frm_dropzone.dz-drag-hover .dz-message {
    opacity: 0.5
}

.frm_dropzone .frm_upload_icon:before {
    font-size: 40px
}

.frm_dropzone
.frm_small_text {
    font-size: 14px
}

.frm_dropzone.dz-drag-hover {
    border-style: solid
}

.frm_dropzone .dz-preview {
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf
}

.frm_dropzone .dz-preview:last-child {
    border-bottom: none
}

.frm_dropzone .dz-preview:hover {
    z-index: 1000
}

.frm_dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.frm_dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.frm_dropzone .dz-preview .dz-remove {
    cursor: pointer;
    border: none;
    float: right
}

.frm_dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.frm_dropzone .dz-preview .dz-details {
    font-size: 14px;
    margin: 5px 0 10px
}

.frm_dropzone .dz-preview .dz-details .dz-size, .frm_dropzone .dz-preview .dz-details .dz-filename {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.frm_dropzone .dz-preview .dz-details .dz-size
strong {
    font-weight: normal
}

.frm_dropzone .dz-preview .dz-details .dz-filename {
    max-width: 75%;
    text-overflow: ellipsis;
    padding-right: 5px
}

.frm_dropzone .dz-preview .dz-details .dz-filename
a {
    cursor: pointer
}

.frm_dropzone .dz-preview .dz-column {
    float: right;
    width: 68%
}

.frm_dropzone .dz-preview .dz-image {
    overflow: hidden;
    width: 30%;
    height: 60px;
    display: block;
    float: left;
    margin-right: 2%
}

.frm_dropzone .dz-preview .dz-image
img {
    display: block;
    margin: 0 auto;
    max-height: 60px
}

.frm_dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.frm_dropzone .dz-preview.dz-processing .dz-progress {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.frm_dropzone .dz-preview .dz-progress {
    pointer-events: none;
    position: relative;
    height: 10px;
    width: 100%;
    background: rgba(221, 221, 221, 1);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden
}

.frm_dropzone .dz-preview .dz-progress .dz-upload, .frm_dropzone .dz-preview.dz-complete .dz-progress {
    background: #333;
    background: linear-gradient(to bottom, #666, #444)
}

.frm_dropzone .dz-preview .dz-progress .dz-upload {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out
}

.frm_dropzone .dz-preview.dz-error .dz-error-message {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.frm_dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #B94A48;
    padding: 0.5em
}

.frm_dropzone .fallback input[type=file] {
    display: block
}

.frm_compact_text {
    display: none
}

.frm_compact .frm_dropzone.dz-clickable {
    min-height: 60px;
    padding: 0;
    border: none;
    background-color: transparent
}

.frm_compact .frm_dropzone.dz-clickable.frm_single_upload {
    max-width: 100%
}

.frm_compact
.frm_compact_text {
    display: inline
}

.frm_compact .frm_dropzone.frm_single_upload.dz-started .dz-message, .frm_compact .frm_dropzone.dz-clickable.frm_single_upload .dz-message, .frm_compact .frm_dropzone.dz-clickable .dz-message {
    font-size: 14px;
    border: 1px solid #dfdfdf;
    background: #fff;
    display: inline-block;
    border-radius: 4px;
    padding: 6px 11px;
    box-sizing: border-box;
    box-shadow: 0 1px 1px #eee;
    vertical-align: middle;
    margin: 0 0 1em
}

.frm_compact .frm_dropzone .frm_upload_icon:before {
    font-size: 22px;
    padding-right: 7px;
    vertical-align: middle
}

.frm_compact .frm_dropzone
.frm_upload_icon {
    display: inline
}

.frm_compact .frm_dropzone .dz-preview {
    min-height: 20px;
    max-width: 200px;
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    border-bottom: none
}

.frm_compact .frm_dropzone .dz-preview.frm_clearfix:after {
    content: ''
}

.frm_compact .frm_dropzone .frm_upload_text, .frm_compact .frm_dropzone .frm_small_text, .frm_compact .frm_dropzone .dz-preview .dz-image, .frm_compact .frm_dropzone .dz-preview .dz-details .dz-size {
    display: none
}

.frm_compact .frm_dropzone .dz-preview .dz-details {
    margin: 0
}

.frm_compact .frm_dropzone .dz-preview .dz-column {
    float: none;
    width: 100%
}

.frm_compact .frm_dropzone .dz-preview .dz-details .dz-filename {
    overflow: hidden;
    text-overflow: ellipsis
}

.frm-show-form .dz-hidden-input {
    display: none
}

.frm_rootline_group {
    margin: 20px 0 30px
}

ul.frm_page_bar {
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
    width: 100%;
    float: left;
    display: table;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

ul.frm_page_bar
li {
    display: inline-block;
    -ms-flex: 1;
    flex: 1
}

.frm_forms .frm_page_bar input, .frm_forms .frm_page_bar input:disabled {
    transition: background-color 0.1s ease;
    color: #fff;
    background-color: #ddd;
    font-size: 18px;
    border-width: 2px;
    border-style: solid;
    border-color: #dfdfdf
}

.frm_forms .frm_page_bar input:focus {
    outline: none
}

.frm_forms .frm_progress_line
input.frm_page_back {
    background-color: #008ec2
}

.frm_forms .frm_page_bar .frm_current_page input[type="button"] {
    background-color: #ddd;
    border-color: #dfdfdf
}

.frm_rootline_single {
    text-align: center;
    margin: 0;
    padding: 0
}

.frm_current_page
.frm_rootline_title {
    color: #008ec2
}

.frm_rootline_title, .frm_pages_complete, .frm_percent_complete {
    font-size: 14px;
    padding: 4px
}

.frm_pages_complete {
    float: right;
    margin-right: 13px
}

.frm_percent_complete {
    float: left;
    margin-left: 13px
}

.frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled {
    width: 100%;
    border: none;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    box-shadow: inset 0 10px 20px -15px #aaa;
    margin: 5px 0;
    padding: 6px 0;
    border-radius: 0;
    font-size: 0;
    line-height: 15px
}

.frm_forms .frm_progress_line.frm_show_lines
input {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.frm_progress_line
.frm_rootline_single {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.frm_forms .frm_progress_line li:first-of-type
input {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-left: 1px solid #008ec2
}

.frm_forms .frm_progress_line li:last-of-type
input {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-right: 1px solid #008ec2
}

.frm_forms .frm_progress_line li:last-of-type
input.frm_page_skip {
    border-right: 1px solid #dfdfdf
}

.frm_forms .frm_progress_line .frm_current_page input[type="button"] {
    border-left: 1px solid #dfdfdf
}

.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] {
    border-right: 1px solid #fff
}

.frm_forms .frm_progress_line
input.frm_page_back {
    border-color: #008ec2
}

.frm_forms .frm_progress_line.frm_show_lines
input.frm_page_back {
    border-left-color: #008ec2;
    border-right-color: #fff
}

.frm_rtl.frm_forms .frm_progress_line li:first-of-type
input {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-right: 1px solid #008ec2
}

.frm_rtl.frm_forms .frm_progress_line li:last-of-type
input {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-left: 1px solid #008ec2
}

.frm_rtl.frm_forms .frm_progress_line li:last-of-type
input.frm_page_skip {
    border-left: 1px solid #dfdfdf;
    border-right: none
}

.frm_rtl.frm_forms .frm_progress_line .frm_current_page input[type="button"] {
    border-right: 1px solid #dfdfdf;
    border-left: none
}

.frm_rtl.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] {
    border-left: 1px solid #fff;
    border-right: none
}

.frm_rootline.frm_show_lines:before {
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #dfdfdf;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1
}

.frm_rootline.frm_show_lines {
    position: relative;
    z-index: 1
}

.frm_rootline.frm_show_lines
span {
    display: block
}

.frm_forms .frm_rootline
input {
    width: 30px;
    height: 30px;
    min-height: auto;
    border-radius: 30px;
    padding: 0
}

.frm_forms .frm_rootline input:focus {
    border-color: #008ec2
}

.frm_forms .frm_rootline .frm_current_page input[type="button"] {
    border-color: #007aae;
    background-color: #008ec2;
    color: #fff
}

.frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled, .frm_forms .frm_progress_line .frm_current_page input[type="button"], .frm_forms .frm_rootline.frm_no_numbers input, .frm_forms .frm_rootline.frm_no_numbers .frm_current_page input[type="button"] {
    color: transparent !important
}

@media only screen and (max-width: 700px) {
    .frm_progress span.frm_rootline_title, .frm_rootline.frm_rootline_10 span.frm_rootline_title, .frm_rootline.frm_rootline_9 span.frm_rootline_title, .frm_rootline.frm_rootline_8 span.frm_rootline_title, .frm_rootline.frm_rootline_7 span.frm_rootline_title, .frm_rootline.frm_rootline_6 span.frm_rootline_title, .frm_rootline.frm_rootline_5
    span.frm_rootline_title {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    .frm_rootline.frm_rootline_4 span.frm_rootline_title, .frm_rootline.frm_rootline_3
    span.frm_rootline_title {
        display: none
    }
}

@media only screen and (max-width: 900px) {
    .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth
    .frm_primary_label {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .frm_form_field.frm_four_col
    .frm_opt_container {
        grid-template-columns: repeat(2, 1fr)
    }

    .with_frm_style .frm_repeat_inline, .with_frm_style
    .frm_repeat_grid {
        margin: 20px 0
    }
}

@media only screen and (max-width: 500px) {
    .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col
    .frm_checkbox {
        width: auto;
        margin-right: 0;
        float: none;
        display: block
    }

    .frm_form_field input[type=file] {
        max-width: 220px
    }

    .with_frm_style .frm-g-recaptcha > div > div, .with_frm_style .g-recaptcha > div > div {
        width: inherit !important;
        display: block;
        overflow: hidden;
        max-width: 302px;
        border-right: 1px solid #d3d3d3;
        border-radius: 4px;
        box-shadow: 2px 0px 4px -1px rgba(0, 0, 0, .08);
        -moz-box-shadow: 2px 0px 4px -1px rgba(0, 0, 0, .08)
    }

    .with_frm_style .g-recaptcha iframe, .with_frm_style .frm-g-recaptcha
    iframe {
        width: 100%
    }
}

.with_frm_style
.frm_form_field {
    clear: both
}

.frm_form_field, .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container {
    width: auto
}

.frm_inline_form .frm_form_field.form-field {
    margin-right: 2.5%;
    display: inline-block
}

.frm_inline_form
.frm_submit {
    display: inline-block
}

.frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm10, .frm_submit.frm10, .frm_form_field.frm_right_half, .frm_form_field.frm_right_third, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_right_fourth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_half, .frm_form_field.frm_last_third, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_last_fourth, .frm_form_field.frm_last_fifth, .frm_form_field.frm_last_sixth, .frm_form_field.frm_last_seventh, .frm_form_field.frm_last_eighth, .frm_form_field.frm_last_inline, .frm_form_field.frm_last, .frm_form_field.frm_half, .frm_submit.frm_half, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_two_thirds, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_three_fourths, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_two_fifths, .frm_form_field.frm_three_fifths, .frm_form_field.frm_four_fifths, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_inline, .frm_submit.frm_inline {
    clear: none;
    float: left;
    margin-left: 2.5%
}

.frm_form_field.frm_left_half, .frm_form_field.frm_left_third, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_left_fifth, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_half, .frm_form_field.frm_first_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_first_fourth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_first_seventh, .frm_form_field.frm_first_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_first {
    clear: left;
    float: left;
    margin-left: 0
}

.frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half {
    width: 48.75%
}

.frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third {
    width: 31.66%
}

.frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds {
    width: 65.82%
}

.frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth {
    width: 23.12%
}

.frm_form_field.frm9, .frm_form_field.frm_three_fourths {
    width: 74.36%
}

.frm_form_field.frm_left_fifth, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_last_fifth {
    width: 18%
}

.frm_form_field.frm_two_fifths {
    width: 38.5%
}

.frm_form_field.frm_three_fifths {
    width: 59%
}

.frm_form_field.frm_four_fifths {
    width: 79.5%
}

.frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_last_sixth {
    width: 14.58%
}

.frm_form_field.frm10, .frm_submit.frm10 {
    width: 82.92%
}

.frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_first_seventh, .frm_form_field.frm_last_seventh {
    width: 12.14%
}

.frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_eighth, .frm_form_field.frm_last_eighth {
    width: 10.31%
}

.frm_form_field.frm_left_inline, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_inline {
    width: auto
}

.frm_full, .frm_full .wp-editor-wrap, .frm_full input:not([type='checkbox']):not([type='radio']):not([type='button']), .frm_full select, .frm_full
textarea {
    width: 100% !important
}

.frm_full .wp-editor-wrap
input {
    width: auto !important
}

.frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container, .frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container, .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col
.frm_opt_container {
    display: block
}

.frm_form_field.frm_left_container
.frm_primary_label {
    float: left;
    display: inline;
    max-width: 33%;
    margin-right: 5%
}

.with_frm_style .frm_conf_field.frm_left_container
.frm_primary_label {
    display: inline;
    visibility: hidden
}

.frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select, .frm_form_field.frm_left_container textarea, .frm_form_field.frm_left_container .wp-editor-wrap, .frm_form_field.frm_left_container .frm_opt_container, .frm_form_field.frm_left_container .frm_dropzone, .frm_form_field.frm_left_container .frm-g-recaptcha, .frm_form_field.frm_left_container .g-recaptcha, .frm_form_field.frm_left_container .chosen-container, .frm_form_field.frm_left_container .frm_combo_inputs_container, .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]), .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select, .frm_form_field.frm_right_container textarea, .frm_form_field.frm_right_container .wp-editor-wrap, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_right_container .frm_dropzone, .frm_form_field.frm_right_container .frm-g-recaptcha, .frm_form_field.frm_right_container .g-recaptcha, .frm_form_field.frm_right_container .chosen-container, .frm_form_field.frm_right_container
.frm_combo_inputs_container {
    max-width: 62%
}

.frm_form_field.frm_left_container .frm_combo_inputs_container input, .frm_form_field.frm_left_container .frm_combo_inputs_container select, .frm_form_field.frm_right_container .frm_combo_inputs_container input, .frm_form_field.frm_right_container .frm_combo_inputs_container
select {
    max-width: 100%
}

.frm_form_field.frm_left_container .frm_data_container, .frm_form_field.frm_right_container .frm_data_container, .frm_form_field.frm_inline_container .frm_data_container, .frm_form_field.frm_left_container .frm_opt_container, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_inline_container .frm_opt_container, .frm_form_field.frm_left_container .frm_combo_inputs_container, .frm_form_field.frm_right_container .frm_combo_inputs_container, .frm_form_field.frm_inline_container .frm_combo_inputs_container, .frm_form_field.frm_left_container .wp-editor-wrap, .frm_form_field.frm_right_container .wp-editor-wrap, .frm_form_field.frm_inline_container .wp-editor-wrap, .frm_form_field.frm_left_container .frm_dropzone, .frm_form_field.frm_right_container .frm_dropzone, .frm_form_field.frm_inline_container .frm_dropzone, .frm_form_field.frm_left_container .frm-g-recaptcha, .frm_form_field.frm_right_container .frm-g-recaptcha, .frm_form_field.frm_inline_container .frm-g-recaptcha, .frm_form_field.frm_left_container .g-recaptcha, .frm_form_field.frm_right_container .g-recaptcha, .frm_form_field.frm_inline_container .g-recaptcha {
    display: inline-block
}

.frm_form_field.frm_left_half.frm_left_container .frm_primary_label, .frm_form_field.frm_right_half.frm_left_container .frm_primary_label, .frm_form_field.frm_left_half.frm_right_container .frm_primary_label, .frm_form_field.frm_right_half.frm_right_container .frm_primary_label, .frm_form_field.frm_first_half.frm_left_container .frm_primary_label, .frm_form_field.frm_last_half.frm_left_container .frm_primary_label, .frm_form_field.frm_first_half.frm_right_container .frm_primary_label, .frm_form_field.frm_last_half.frm_right_container .frm_primary_label, .frm_form_field.frm_half.frm_right_container .frm_primary_label, .frm_form_field.frm_half.frm_left_container
.frm_primary_label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 33%
}

.with_frm_style .frm_left_container
.frm_primary_label {
    float: left;
    display: inline !important;
    width: 150px;
    max-width: 33% !important;
    margin-right: 10px !important
}

.with_frm_style .frm_right_container
.frm_primary_label {
    display: inline !important;
    width: 150px;
    max-width: 33% !important;
    margin-left: 10px !important
}

.with_frm_style .frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_left_container textarea, .with_frm_style .frm_form_field.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_left_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .chosen-container, .with_frm_style .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_right_container textarea, .with_frm_style .frm_form_field.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_right_container .g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .chosen-container {
    max-width: 62% !important
}

.with_frm_style .frm_form_field.frm_left_container .frm_combo_inputs_container .frm_form_field input, .with_frm_style .frm_form_field.frm_left_container .frm_combo_inputs_container .frm_form_field select, .with_frm_style .frm_form_field.frm_right_container .frm_combo_inputs_container .frm_form_field input, .with_frm_style .frm_form_field.frm_right_container .frm_combo_inputs_container .frm_form_field
select {
    max-width: 100% !important
}

.with_frm_style .frm_form_field.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_left_container .g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .frm-g-recaptcha {
    display: inline-block !important
}

.with_frm_style .frm_left_container > p.description::before, .with_frm_style .frm_left_container > div.description::before, .with_frm_style .frm_left_container > div.frm_description::before, .with_frm_style .frm_left_container > .frm_error::before, .with_frm_style .frm_right_container > p.description::after, .with_frm_style .frm_right_container > div.description::after, .with_frm_style .frm_right_container > div.frm_description::after, .with_frm_style .frm_right_container > .frm_error::after {
    content: '' !important;
    display: inline-block !important;
    width: 150px;
    max-width: 33% !important;
    margin-right: 10px !important
}

.with_frm_style .frm_left_container.frm_inline
.frm_primary_label {
    max-width: 90% !important
}

.with_frm_style .form-field.frm_col_field {
    clear: none;
    float: left;
    margin-right: 20px
}

.with_frm_style .form-field.frm_col_field
div.frm_description {
    width: auto;
    max-width: 100%
}

.with_frm_style .frm_inline_container .frm_primary_label, .with_frm_style .frm_inline_container.frm_dynamic_select_container
.frm_opt_container {
    display: inline !important
}

.with_frm_style .frm_inline_container
.frm_primary_label {
    margin-right: 10px !important
}

.frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_checkbox, .frm_form_field.frm_four_col
.frm_checkbox {
    float: left
}

.frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col
.frm_checkbox {
    width: 48%;
    margin-right: 4%
}

.frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col
.frm_checkbox {
    width: 30%;
    margin-right: 5%
}

.frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col
.frm_checkbox {
    width: 22%;
    margin-right: 4%
}

.frm_form_field.frm_two_col .frm_radio:nth-child(2n+2), .frm_form_field.frm_two_col .frm_checkbox:nth-child(2n+2), .frm_form_field.frm_three_col .frm_radio:nth-child(3n+3), .frm_form_field.frm_three_col .frm_checkbox:nth-child(3n+3), .frm_form_field.frm_four_col .frm_radio:nth-child(4n+4), .frm_form_field.frm_four_col .frm_checkbox:nth-child(4n+4) {
    margin-right: 0
}

.with_frm_style.frm_rtl .frm_form_field.frm2, .with_frm_style.frm_rtl .frm_form_field.frm3, .with_frm_style.frm_rtl .frm_form_field.frm4, .with_frm_style.frm_rtl .frm_form_field.frm6, .with_frm_style.frm_rtl .frm_form_field.frm8, .with_frm_style.frm_rtl .frm_form_field.frm9, .with_frm_style.frm_rtl .frm_form_field.frm10, .with_frm_style.frm_rtl .frm_form_field.frm_half, .with_frm_style.frm_rtl .frm_form_field.frm_third, .with_frm_style.frm_rtl .frm_form_field.frm_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_sixth, .with_frm_style.frm_rtl .frm_form_field.frm_seventh, .with_frm_style.frm_rtl .frm_form_field.frm_eighth, .with_frm_style.frm_rtl .frm_form_field.frm_inline, .with_frm_style.frm_rtl .frm_form_field.frm_left_half, .with_frm_style.frm_rtl .frm_form_field.frm_left_third, .with_frm_style.frm_rtl .frm_form_field.frm_left_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_left_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_left_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_left_inline, .with_frm_style.frm_rtl .frm_form_field.frm_first_half, .with_frm_style.frm_rtl .frm_form_field.frm_first_third, .with_frm_style.frm_rtl .frm_form_field.frm_first_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_first_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_first_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_first_inline, .with_frm_style.frm_rtl .frm_form_field.frm_right_half, .with_frm_style.frm_rtl .frm_form_field.frm_right_third, .with_frm_style.frm_rtl .frm_form_field.frm_right_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_right_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_right_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_right_inline, .with_frm_style.frm_rtl .frm_form_field.frm_last_half, .with_frm_style.frm_rtl .frm_form_field.frm_last_third, .with_frm_style.frm_rtl .frm_form_field.frm_last_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_last_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_last_fifth, .with_frm_style.frm_rtl
.frm_form_field.frm_last_inline {
    float: right;
    margin-right: 2.5%;
    margin-left: 0;
    clear: none
}

.with_frm_style.frm_rtl .frm_form_field.frm_left_half, .with_frm_style.frm_rtl .frm_form_field.frm_first_half, .with_frm_style.frm_rtl .frm_form_field.frm_first, .with_frm_style.frm_rtl .frm_form_field.frm_left_third, .with_frm_style.frm_rtl .frm_form_field.frm_first_third, .with_frm_style.frm_rtl .frm_form_field.frm_first_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_left_two_thirds, .with_frm_style.frm_rtl .frm_form_field.frm_first_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_left_fourth, .with_frm_style.frm_rtl .frm_form_field.frm_left_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_first_fifth, .with_frm_style.frm_rtl .frm_form_field.frm_left_inline, .with_frm_style.frm_rtl
.frm_form_field.frm_first_inline {
    clear: right;
    margin-right: 0
}

.with_frm_style.frm_rtl .frm_form_field.frm_two_col .frm_radio, .with_frm_style.frm_rtl .frm_form_field.frm_three_col .frm_radio, .with_frm_style.frm_rtl .frm_form_field.frm_four_col .frm_radio, .with_frm_style.frm_rtl .frm_form_field.frm_two_col .frm_checkbox, .with_frm_style.frm_rtl .frm_form_field.frm_three_col .frm_checkbox, .with_frm_style.frm_rtl .frm_form_field.frm_four_col
.frm_checkbox {
    float: right
}

@media only screen and (max-width: 500px) {
    .with_frm_style .frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_left_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_left_container textarea, .with_frm_style .frm_form_field.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_left_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .g-recaptcha, .with_frm_style .frm_form_field.frm_left_container .chosen-container, .with_frm_style .frm_form_field.frm_right_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_right_container:not(.frm_dynamic_select_container) select, .with_frm_style .frm_form_field.frm_right_container textarea, .with_frm_style .frm_form_field.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_right_container .frm-g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .g-recaptcha, .with_frm_style .frm_form_field.frm_right_container .chosen-container {
        max-width: 100% !important
    }

    .with_frm_style .frm_left_container > p.description::before, .with_frm_style .frm_left_container > div.description::before, .with_frm_style .frm_left_container > div.frm_description::before, .with_frm_style .frm_left_container > .frm_error::before, .with_frm_style .frm_right_container > p.description::after, .with_frm_style .frm_right_container > div.description::after, .with_frm_style .frm_right_container > div.frm_description::after, .with_frm_style .frm_right_container > .frm_error::after {
        display: none !important
    }

    .with_frm_style .frm_left_container .frm_primary_label, .with_frm_style .frm_right_container
    .frm_primary_label {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 600px) {
    .with_frm_style .frm_form_field.frm_half.frm_left_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_half.frm_left_container select, .with_frm_style .frm_form_field.frm_half.frm_left_container textarea, .with_frm_style .frm_form_field.frm_half.frm_left_container .frm_opt_container, .with_frm_style .frm_form_field.frm_half.frm_left_container.frm-g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_left_container.g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_left_container .chosen-container, .with_frm_style .frm_form_field.frm_half.frm_right_container input:not([type=radio]):not([type=checkbox]), .with_frm_style .frm_form_field.frm_half.frm_right_container select, .with_frm_style .frm_form_field.frm_half.frm_right_container textarea, .with_frm_style .frm_form_field.frm_half.frm_right_container .frm_opt_container, .with_frm_style .frm_form_field.frm_half.frm_right_container.frm-g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_right_container.g-recaptcha, .with_frm_style .frm_form_field.frm_half.frm_right_container .chosen-container {
        max-width: 100% !important
    }

    .with_frm_style .frm_form_field.frm_left_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_right_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_first_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_last_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_half.frm_left_container .frm_primary_label, .with_frm_style .frm_form_field.frm_left_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_right_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_first_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_last_half.frm_right_container .frm_primary_label, .with_frm_style .frm_form_field.frm_half.frm_right_container
    .frm_primary_label {
        max-width: 100% !important;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        width: 100% !important
    }

    .with_frm_style .frm_repeat_inline, .with_frm_style
    .frm_repeat_grid {
        margin: 20px 0
    }

    .with_frm_style .frm_form_field.frm_first_half.frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half.frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_first_half .frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half .frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_last_half.frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_last_half.frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_half.frm_right_container div.frm_description, .with_frm_style .frm_form_field.frm_half.frm_right_container .frm_error, .with_frm_style .frm_form_field.frm_first_half.frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half.frm_left_container .frm_error, .with_frm_style .frm_form_field.frm_first_half .frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_first_half .frm_left_container .frm_error, .with_frm_style .frm_form_field.frm_last_half.frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_last_half.frm_left_container .frm_error, .with_frm_style .frm_form_field.frm_half.frm_left_container div.frm_description, .with_frm_style .frm_form_field.frm_half.frm_left_container
    .frm_error {
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0
    }

    .frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm10, .frm_submit.frm10, .frm_form_field.frm_half, .frm_submit.frm_half, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_first_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_last_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth, .frm_form_field.frm_three_fourths, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_two_fifths, .frm_form_field.frm_three_fifths, .frm_form_field.frm_four_fifths, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_last_inline {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: both;
        float: none
    }

    .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col
    .frm_checkbox {
        width: 48%
    }

    .frm_form_field.frm_four_col .frm_radio:nth-child(2n+2), .frm_form_field.frm_four_col .frm_checkbox:nth-child(2n+2) {
        margin-right: 0
    }
}

/**
 * Swiper 5.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 16, 2019
 */

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption, th, td {
    font-weight: normal;
    text-align: left
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

button {
    border: 0;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer
}

a:focus, button:focus {
    outline: 0
}

a:hover, a:active, button:hover, button:focus {
    outline: 0
}

a
img {
    border: 0
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

p {
    word-wrap: break-word
}

.grid, .d-grid, .l-grid, .t-grid, .m-grid {
    position: relative
}

.center {
    position: relative;
    margin: 0 auto
}

.right {
    position: relative;
    margin-left: auto;
    margin-right: 0
}

@media (min-width: 1366px) {
    .grid, .d-grid {
        width: 1058px;
        margin: 0 auto
    }

    .d-center {
        position: relative;
        margin: 0 auto
    }

    .d-right {
        position: relative;
        margin-left: auto;
        margin-right: 0
    }

    .d-col-1 {
        width: 46px
    }

    .d-col-2 {
        width: 92px
    }

    .d-col-3 {
        width: 138px
    }

    .d-col-4 {
        width: 184px
    }

    .d-col-5 {
        width: 230px
    }

    .d-col-6 {
        width: 276px
    }

    .d-col-7 {
        width: 322px
    }

    .d-col-8 {
        width: 368px
    }

    .d-col-9 {
        width: 414px
    }

    .d-col-10 {
        width: 460px
    }

    .d-col-11 {
        width: 506px
    }

    .d-col-12 {
        width: 552px
    }

    .d-col-13 {
        width: 598px
    }

    .d-col-14 {
        width: 644px
    }

    .d-col-15 {
        width: 690px
    }

    .d-col-16 {
        width: 736px
    }

    .d-col-17 {
        width: 782px
    }

    .d-col-18 {
        width: 828px
    }

    .d-col-19 {
        width: 874px
    }

    .d-col-20 {
        width: 920px
    }

    .d-col-21 {
        width: 966px
    }

    .d-col-22 {
        width: 1012px
    }
}

@media (max-width: 1365px) and (min-width: 1025px) {
    .grid, .l-grid {
        width: 828px;
        margin: 0 auto
    }

    .l-center {
        position: relative;
        margin: 0 auto
    }

    .l-right {
        position: relative;
        margin-left: auto;
        margin-right: 0
    }

    .l-col-1 {
        width: 36px
    }

    .l-col-2 {
        width: 72px
    }

    .l-col-3 {
        width: 108px
    }

    .l-col-4 {
        width: 144px
    }

    .l-col-5 {
        width: 180px
    }

    .l-col-6 {
        width: 216px
    }

    .l-col-7 {
        width: 252px
    }

    .l-col-8 {
        width: 288px
    }

    .l-col-9 {
        width: 324px
    }

    .l-col-10 {
        width: 360px
    }

    .l-col-11 {
        width: 396px
    }

    .l-col-12 {
        width: 432px
    }

    .l-col-13 {
        width: 468px
    }

    .l-col-14 {
        width: 504px
    }

    .l-col-15 {
        width: 540px
    }

    .l-col-16 {
        width: 576px
    }

    .l-col-17 {
        width: 612px
    }

    .l-col-18 {
        width: 648px
    }

    .l-col-19 {
        width: 684px
    }

    .l-col-20 {
        width: 720px
    }

    .l-col-21 {
        width: 756px
    }

    .l-col-22 {
        width: 792px
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .grid, .t-grid {
        width: 595px;
        margin: 0 auto
    }

    .t-center {
        position: relative;
        margin: 0 auto
    }

    .t-right {
        position: relative;
        margin-left: auto;
        margin-right: 0
    }

    .t-col-1 {
        width: 35px
    }

    .t-col-2 {
        width: 70px
    }

    .t-col-3 {
        width: 105px
    }

    .t-col-4 {
        width: 140px
    }

    .t-col-5 {
        width: 175px
    }

    .t-col-6 {
        width: 210px
    }

    .t-col-7 {
        width: 245px
    }

    .t-col-8 {
        width: 280px
    }

    .t-col-9 {
        width: 315px
    }

    .t-col-10 {
        width: 350px
    }

    .t-col-11 {
        width: 385px
    }

    .t-col-12 {
        width: 420px
    }

    .t-col-13 {
        width: 455px
    }

    .t-col-14 {
        width: 490px
    }

    .t-col-15 {
        width: 525px
    }

    .t-col-16 {
        width: 560px
    }
}

@media (max-width: 767px) {
    .grid, .m-grid {
        width: 75.625vw;
        margin: 0 auto;
        max-width: 451px
    }

    .m-center {
        position: relative;
        margin: 0 auto
    }

    .m-right {
        position: relative;
        margin-left: auto;
        margin-right: 0
    }

    .m-col-1 {
        width: 6.875vw;
        max-width: 41px
    }

    .m-col-2 {
        width: 13.75vw;
        max-width: 82px
    }

    .m-col-3 {
        width: 20.625vw;
        max-width: 123px
    }

    .m-col-4 {
        width: 27.5vw;
        max-width: 164px
    }

    .m-col-5 {
        width: 34.375vw;
        max-width: 205px
    }

    .m-col-6 {
        width: 41.25vw;
        max-width: 246px
    }

    .m-col-7 {
        width: 48.125vw;
        max-width: 287px
    }

    .m-col-8 {
        width: 55vw;
        max-width: 328px
    }

    .m-col-9 {
        width: 61.875vw;
        max-width: 369px
    }

    .m-col-10 {
        width: 68.75vw;
        max-width: 410px
    }
}

a {
    color: #141414;
    text-decoration: none
}

a:visited {
    color: #141414
}

a:hover {
    text-decoration: none
}

a:hover, a:focus, a:active {
    color: #141414;
    outline: 0
}

body, button, input, select, textarea {
    color: #141414;
    font-family: "Maven Pro", sans-serif;
    font-size: 1.6rem;
    line-height: 1.2;
    letter-spacing: 0.05em
}

.flip {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.flip
em {
    font-style: normal
}

.link-flip {
    overflow: visible;
    will-change: transform, opacity
}

.link-flip
em {
    display: inline-block
}

.link-flip:before {
    pointer-events: none;
    content: attr(data-title);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0) scaleY(0.07);
    transform: translate3d(0, 40px, 0) scaleY(0.07)
}

.link-flip.animated
em {
    -webkit-animation: link-text-1 0.434s linear;
    animation: link-text-1 0.434s linear
}

.link-flip.animated:before {
    -webkit-animation: link-text-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: link-text-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.link-flip.alt:before {
    content: none
}

.link-flip.alt span:before {
    pointer-events: none;
    content: attr(data-title);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0) scaleY(0.07);
    transform: translate3d(0, 40px, 0) scaleY(0.07)
}

.link-flip.alt.animated span:before {
    -webkit-animation: link-text-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: link-text-2 0.4s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.link-flip-wrapper
button {
    overflow: visible;
    will-change: transform, opacity
}

.link-flip-wrapper button
em {
    display: inline-block
}

.link-flip-wrapper button:before {
    pointer-events: none;
    content: attr(data-title);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 18px, 0) scaleY(0.1);
    transform: translate3d(0, 18px, 0) scaleY(0.1)
}

.link-flip-wrapper.animated button
em {
    -webkit-animation: link-text-1 0.434s linear;
    animation: link-text-1 0.434s linear
}

.link-flip-wrapper.animated button:before {
    -webkit-animation: link-text-2 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    animation: link-text-2 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s
}

@-webkit-keyframes link-text-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    50% {
        -webkit-transform: translate3d(0, -8px, 0) scaleY(0.3);
        transform: translate3d(0, -8px, 0) scaleY(0.3);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, -8px, 0) scaleY(0.3);
        transform: translate3d(0, -8px, 0) scaleY(0.3);
        opacity: 0
    }
}

@keyframes link-text-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    50% {
        -webkit-transform: translate3d(0, -8px, 0) scaleY(0.3);
        transform: translate3d(0, -8px, 0) scaleY(0.3);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, -8px, 0) scaleY(0.3);
        transform: translate3d(0, -8px, 0) scaleY(0.3);
        opacity: 0
    }
}

@-webkit-keyframes link-text-2 {
    from {
        -webkit-transform: translate3d(0, 18px, 0) scaleY(0.1);
        transform: translate3d(0, 18px, 0) scaleY(0.1);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes link-text-2 {
    from {
        -webkit-transform: translate3d(0, 18px, 0) scaleY(0.1);
        transform: translate3d(0, 18px, 0) scaleY(0.1);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.btn-flip {
    font-family: "Maven Pro", sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 18px;
    padding: 19px 35px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    position: relative
}

.btn-flip
em {
    display: inline-block
}



@keyframes borderMove {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}



.btn-flip {
    font-family: "Maven Pro", sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 18px;
    padding: 19px 35px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    position: relative
}

.btn-flip
em {
    display: inline-block
}

.btn-flip:before {
    padding: 19px 35px;
    position: absolute;
    content: attr(data-title);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 29px, 0) scaleY(0.21);
    transform: translate3d(0, 29px, 0) scaleY(0.21);
    opacity: 0
}

.btn-flip:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    border: 1px solid #00EEFF;
    -webkit-transition: border 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: border 0.25s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.btn-flip.black {
    background: #00EEFF;
    color: #fff
}

.btn-flip.reverse {
    background: #141414;
    color: #fff;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease
}

.btn-flip.reverse:before, .btn-flip.reverse
em {
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease
}

.btn-flip.reverse:after {
    border-color: #fff
}

.btn-flip.white {
    color: #fff
}

.btn-flip.white:after {
    border-color: #fff
}

.btn-flip.white-bg {
    background: #fff
}

.btn-flip.white-bg:after {
    border-color: #fff
}
header .btn-flip:before {
    padding: 19px 35px;
    position: absolute;
    content: attr(data-title);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 29px, 0) scaleY(0.21);
    transform: translate3d(0, 29px, 0) scaleY(0.21);
    opacity: 0
}
header .btn-flip:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 3px solid transparent;
    border-radius: 5px; /* Optional */
    background: linear-gradient(90deg, #00EEFF, #0077FF, #00CCFF, #00EEFF, #00AAFF, #00EEFF);
    /*background: linear-gradient(90deg, #A67C00, #FFD700, #FFEF99, #A67C00);*/
    /*background: linear-gradient(90deg, #B8B8B8, #E0E0E0, #F5F5F5, #B8B8B8);*/
    background-size: 400% 100%;
    /*animation: borderMove 20s infinite linear;*/
}
@media (min-width: 1025px) {
    .btn-flip:hover {
        cursor: pointer
    }

    .btn-flip:hover:after {
        border-width: 4px
    }
}

.btn-flip.animated
em {
    -webkit-animation: btn-text-1 0.5s linear;
    animation: btn-text-1 0.5s linear
}

.btn-flip.animated:before {
    -webkit-animation: btn-text-2 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
    animation: btn-text-2 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s
}

@-webkit-keyframes btn-text-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    33.333% {
        -webkit-transform: translate3d(0, -25px, 0) scaleY(0.3);
        transform: translate3d(0, -25px, 0) scaleY(0.3);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, -25px, 0) scaleY(0.3);
        transform: translate3d(0, -25px, 0) scaleY(0.3);
        opacity: 0
    }
}

@keyframes btn-text-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
    33.333% {
        -webkit-transform: translate3d(0, -25px, 0) scaleY(0.3);
        transform: translate3d(0, -25px, 0) scaleY(0.3);
        opacity: 0
    }
    100% {
        -webkit-transform: translate3d(0, -25px, 0) scaleY(0.3);
        transform: translate3d(0, -25px, 0) scaleY(0.3);
        opacity: 0
    }
}

@-webkit-keyframes btn-text-2 {
    from {
        -webkit-transform: translate3d(0, 29px, 0) scaleY(0.21);
        transform: translate3d(0, 29px, 0) scaleY(0.21);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes btn-text-2 {
    from {
        -webkit-transform: translate3d(0, 29px, 0) scaleY(0.21);
        transform: translate3d(0, 29px, 0) scaleY(0.21);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.more {
    text-align: right;
    display: inline-block;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 15px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    position: relative;
    padding-left: 51px
}

.more
svg {
    width: 19px;
    height: 7px;
    position: absolute;
    top: 3px;
    left: 0
}

.more:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    height: 1px;
    width: 0;
    left: 0
}

.arrow-btn {
    width: 52px;
    height: 52px;
    cursor: pointer;
    position: relative;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease
}

.arrow-btn.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none
}

.arrow-btn.swiper-button-disabled:hover {
    border-color: #ccc
}

@media (min-width: 1025px) {
    .arrow-btn:hover {
        border-color: #000;
        -webkit-transition: none;
        transition: none
    }
}

.arrows {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 50px
}

.arrows
svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    will-change: transform, opacity
}

.arrows svg:last-child {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.anim-hover.animated .arrows svg:first-child {
    -webkit-animation-name: arrow-tfr-1, arrow-op-1;
    animation-name: arrow-tfr-1, arrow-op-1;
    -webkit-animation-duration: 0.55s;
    animation-duration: 0.55s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.anim-hover.animated .arrows svg:last-child {
    -webkit-animation-name: arrow-tfr-2, arrow-op-2;
    animation-name: arrow-tfr-2, arrow-op-2;
    -webkit-animation-duration: 0.483s;
    animation-duration: 0.483s;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), ease;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), ease;
    -webkit-animation-delay: 0.083s;
    animation-delay: 0.083s
}

.btn-round {
    -webkit-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;
    border-radius: 50%;
    overflow: hidden
}

.btn-round svg, .btn-round
i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: transform, opacity
}

/*.btn-round svg:last-child, .btn-round i:last-child {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) translateY(13px);
    transform: translate(-50%, -50%) translateY(13px)
}*/

.btn-round:hover {
    -webkit-transition: none;
    transition: none
}

.btn-round.animated svg:first-child, .btn-round.animated i:first-child {
    -webkit-animation-name: button-round-1, arrow-op-1;
    animation-name: button-round-1, arrow-op-1;
    -webkit-animation-duration: 0.9s;
    animation-duration: 0.9s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

.btn-round.animated svg:last-child, .btn-round.animated i:last-child {
    -webkit-animation-name: button-round-2, arrow-op-2;
    animation-name: button-round-2, arrow-op-2;
    -webkit-animation-duration: 0.483s;
    animation-duration: 0.483s;
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), ease;
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1), ease;
    -webkit-animation-delay: 0.083s;
    animation-delay: 0.083s
}

@-webkit-keyframes arrow-op-1 {
    from {
        opacity: 1
    }
    33% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes arrow-op-1 {
    from {
        opacity: 1
    }
    33% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrow-op-2 {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes arrow-op-2 {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes arrow-tfr-1 {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    33% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes arrow-tfr-1 {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    33% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@-webkit-keyframes arrow-tfr-2 {
    from {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes arrow-tfr-2 {
    from {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes button-round-1 {
    from {
        -webkit-transform: translate(-50%, -50%) translateY(0);
        transform: translate(-50%, -50%) translateY(0)
    }
    33% {
        -webkit-transform: translate(-50%, -50%) translateY(-13px);
        transform: translate(-50%, -50%) translateY(-13px)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) translateY(-13px);
        transform: translate(-50%, -50%) translateY(-13px)
    }
}

@keyframes button-round-1 {
    from {
        -webkit-transform: translate(-50%, -50%) translateY(0);
        transform: translate(-50%, -50%) translateY(0)
    }
    33% {
        -webkit-transform: translate(-50%, -50%) translateY(-13px);
        transform: translate(-50%, -50%) translateY(-13px)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) translateY(-13px);
        transform: translate(-50%, -50%) translateY(-13px)
    }
}

@-webkit-keyframes button-round-2 {
    from {
        -webkit-transform: translate(-50%, -50%) translateY(13px);
        transform: translate(-50%, -50%) translateY(13px)
    }
    to {
        -webkit-transform: translate(-50%, -50%) translateY(0);
        transform: translate(-50%, -50%) translateY(0)
    }
}

@keyframes button-round-2 {
    from {
        -webkit-transform: translate(-50%, -50%) translateY(13px);
        transform: translate(-50%, -50%) translateY(13px)
    }
    to {
        -webkit-transform: translate(-50%, -50%) translateY(0);
        transform: translate(-50%, -50%) translateY(0)
    }
}

.serif-title {
    font-family: "Maven Pro", sans-serif;
    font-weight: 300;
    letter-spacing: 0.3em;
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 20px
}

.big-title {
    font-size: 4.4rem;
    letter-spacing: 0;
    font-weight: bold;
    line-height: 1.25
}

.content-generic {
    padding: 80px 0 120px
}

.content-generic
h2 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 28px
}

.content-generic
h3 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 28px
}

.content-generic p, .content-generic
li {
    font-size: 1.4rem;
    font-weight: 300;
    margin-bottom: 38px;
    line-height: 1.85
}

.content-generic ul, .content-generic
ol {
    padding-bottom: 19px
}

.content-generic
li {
    margin-bottom: 19px
}

@media (max-width: 1365px) {
    .big-title {
        font-size: 3.5rem;
        line-height: 1.2
    }

    .serif-title {
        font-size: 1.2rem
    }
}

@media (max-width: 1024px) {
    .content-generic {
        padding: 80px 0 60px
    }
}

@media (max-width: 767px) {
    .serif-title {
        font-size: 1.1rem
    }

    .big-title {
        font-size: 2.8rem
    }
}

.site-header {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.25s, -webkit-transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 1s;
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.25s, -webkit-transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 1s;
    transition: transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.25s;
    transition: transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.25s, -webkit-transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 1s;
    background: #141414;
    z-index: 1000
}

.site-header
.scroll {
    height: 100%;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: opacity 0s 1s;
    transition: opacity 0s 1s
}

.site-header .scroll > div {
    height: 100%
}

.site-header.menu-bye
.scroll {
    -webkit-transform: translateY(-4vh);
    transform: translateY(-4vh);
    opacity: 0 !important;
    -webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out !important;
    transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out !important;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out !important;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out !important
}

.lang-menu {
    position: absolute;
    z-index: 3;
    width: 32vw;
    right: 5.27vw;
    top: 20px;
    will-change: transform, opacity;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s
}

.lang-menu
ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.lang-menu
li {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0
}

.lang-menu li:last-child {
    border-right: 0
}

.lang-menu
a {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #4d4d4d;
    padding: 0 11px;
    -webkit-transition: color 0.17s ease-in-out;
    transition: color 0.17s ease-in-out
}

.lang-menu a.active, .lang-menu a:hover {
    color: #fff
}

.lang-menu li:first-child
a {
    padding-left: 2px
}

.lang-menu li.active
a {
    color: #fff
}

.header-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    z-index: 3;
    pointer-events: none
}

.header-contact > div {
    pointer-events: auto;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    will-change: transform, opacity;
    -webkit-transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s
}

.header-contact
p {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    color: #808080;
    line-height: 2;
    letter-spacing: 0.08em;
    padding-top: 22px
}

.header-contact p:first-child {
    color: #fff;
    text-transform: uppercase
}

.header-contact
a {
    display: inline-block;
    color: #808080;
    -webkit-transition: color 0.17s ease-in-out;
    transition: color 0.17s ease-in-out
}

.header-contact a:hover {
    color: #fff
}

.header-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px
}

.header-social-link {
    width: 52px;
    height: 52px;
    display: block;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    overflow: hidden;
    -webkit-transition: border 0.4s ease !important;
    transition: border 0.4s ease !important
}

.header-social-link
svg {
    display: block;
    height: 20px;
    width: 20px;
    fill: #fff;
    z-index: 2
}

.header-social-link:hover {
    -webkit-transition: none !important;
    transition: none !important;
    border-color: rgba(255, 255, 255, 0.4)
}

.navs {
    position: relative;
    z-index: 2;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.no-objectfit .navs,
.no-object-fit
.navs {
    height: 100%
}

.primary-menu {
    padding-right: 5.27vw
}

.primary-menu
li {
    position: relative;
    width: 32vw
}

.primary-menu
a {
    font-family: "Maven Pro", sans-serif;
    font-weight: 700;
    color: #4d4d4d;
    text-transform: uppercase;
    display: inline-block;
    font-size: 3.2rem;
    line-height: 1.278;
    letter-spacing: 0;
    -webkit-transition: color 0.17s ease-in-out;
    transition: color 0.17s ease-in-out
}

.primary-menu a:hover {
    color: #fff
}

.primary-menu li.menu-item-has-children {
    margin: 24px 0 24px auto;
    padding: 24px 0;
    position: relative
}

.primary-menu li.menu-item-has-children:before, .primary-menu li.menu-item-has-children:after {
    content: '';
    width: 100%;
    left: 0;
    height: 1px;
    opacity: 1;
    background: rgba(255, 255, 255, 0.1);
    display: block;
    position: absolute;
    top: 0
}

.primary-menu li.menu-item-has-children:after {
    top: auto;
    bottom: 0
}

.primary-menu li.menu-item-has-children > a {
    font-family: "Maven Pro", sans-serif;
    font-weight: 300;
    pointer-events: none;
    position: absolute;
    top: 50%;
    opacity: 0;
    -webkit-transform: translate(50%, -50%) rotate(-90deg);
    transform: translate(50%, -50%) rotate(-90deg);
    color: #808080;
    font-size: 1.1rem;
    right: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3em
}

.primary-menu li.current-menu-item:before {
    content: '';
    width: 56px;
    height: 2px;
    background: #fff;
    display: block;
    position: absolute;
    left: -94px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.primary-menu li.current-menu-item
a {
    color: #fff;
    pointer-events: none
}

.primary-menu .sub-menu {
    position: relative
}

.primary-menu > li:not(.menu-item-has-children),
.primary-menu > li.menu-item-has-children:before,
.primary-menu > li.menu-item-has-children:after,
.primary-menu > li.menu-item-has-children
li {
    will-change: transform, opacity;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s
}

.second-container {
    position: absolute;
    z-index: 3;
    width: 32vw;
    right: 5.27vw;
    will-change: transform, opacity;
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    bottom: 60px
}

.second-container
a {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.1rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 15px;
    letter-spacing: 0.2em;
    color: #4d4d4d;
    padding: 0;
    display: inline-block;
    -webkit-transition: color 0.17s ease-in-out;
    transition: color 0.17s ease-in-out
}

.second-container a:hover {
    color: #fff
}

.second-container .current-menu-item
a {
    color: #fff
}

.main-menu-bar {
    position: fixed;
    pointer-events: none;
    left: 0;
    right: 0;
    top: 0;
    height: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5.27vw;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
    opacity: 0;
    z-index: 2000;
    background: #fff;
    transition: all .5s ease;
}
.home .main-menu-bar, .menu-open .main-menu-bar{
    background: transparent;
}
.home.title-minify .main-menu-bar{
    background: #fff
}
.site-title {
    pointer-events: auto
}

.site-title
a {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*background: #00EEFF;*/
}
.home .site-title a{
    /*background: transparent;*/
}

.site-title
svg {
    height: 33px;
    fill: #fff
}

.site-title svg:first-child {
    width: 49px
}

.site-title svg:last-child {
    width: 67px;
    -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out
}

body.title-minify .site-title svg:last-child {
    width: 67px;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0
}
/*.menu-toggle-container{
    background-color: #fff;

}*/
.menu-toggle {
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: color 0.17s ease-in-out;
    transition: color 0.17s ease-in-out;
    /*position: fixed;*/
    /*background-color: transparent;*/
    display: none;
}

.menu-toggle
button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.3rem;
    color: #000;
    letter-spacing: 0.05em;
    position: relative;


}
.home .menu-toggle
button{
    color: #fff;
}
.home.title-minify .menu-toggle
button{
    color: #000
}
.menu-toggle button:before {
    font-weight: 700;
    line-height: 33px;
    width: auto
}

.menu-toggle
em {
    font-weight: 700;
    font-style: normal;
    line-height: 33px
}

.menu-toggle
span {
    display: block;
    position: relative;
    width: 20px;
    margin: 0 0 0 10px;
    height: 2px;
    background: #000;
    -webkit-transition: background 0.17s ease-in-out, -webkit-transform 0.17s ease-in-out;
    transition: background 0.17s ease-in-out, -webkit-transform 0.17s ease-in-out;
    transition: transform 0.17s ease-in-out, background 0.17s ease-in-out;
    transition: transform 0.17s ease-in-out, background 0.17s ease-in-out, -webkit-transform 0.17s ease-in-out;
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
}
.home .menu-toggle
span{
    background: #fff;
}
.home.title-minify .menu-toggle
span{
    background: #000;
}
.menu-toggle span:before, .menu-toggle span:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    top: 0;
    -webkit-transition: background 0.17s ease-in-out, -webkit-transform 0.17s ease-in-out;
    transition: background 0.17s ease-in-out, -webkit-transform 0.17s ease-in-out;
    transition: transform 0.17s ease-in-out, background 0.17s ease-in-out;
    transition: transform 0.17s ease-in-out, background 0.17s ease-in-out, -webkit-transform 0.17s ease-in-out
}
.home .menu-toggle span:before,.home .menu-toggle span:after{
    background: #fff;
}
.home.title-minify .menu-toggle span:before,.home.title-minify .menu-toggle span:after{
    background: #000;
}
.menu-toggle span:before {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.menu-toggle span:after {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

body.menu-white .main-menu-bar, body.menu-white-intro .main-menu-bar, body.menu-white-forced .main-menu-bar {
    mix-blend-mode: normal
}

.no-objectfit .site-title svg,
.no-object-fit .site-title
svg {
    fill: #141414
}

.no-objectfit .menu-toggle button,
.no-object-fit .menu-toggle
button {
    color: #141414
}

.no-objectfit .menu-toggle span,
.no-object-fit .menu-toggle
span {
    background: #141414
}

.no-objectfit .menu-toggle span:before, .no-objectfit .menu-toggle span:after,
.no-object-fit .menu-toggle span:before,
.no-object-fit .menu-toggle span:after {
    background: #141414
}

.no-objectfit body.home .site-title svg, .no-objectfit body.page-template-page-contact .site-title svg, .no-objectfit body.menu-open .site-title svg,
.no-object-fit body.home .site-title svg,
.no-object-fit body.page-template-page-contact .site-title svg,
.no-object-fit body.menu-open .site-title
svg {
    fill: #fff
}

.no-objectfit body.home .menu-toggle button, .no-objectfit body.page-template-page-contact .menu-toggle button, .no-objectfit body.menu-open .menu-toggle button,
.no-object-fit body.home .menu-toggle button,
.no-object-fit body.page-template-page-contact .menu-toggle button,
.no-object-fit body.menu-open .menu-toggle
button {
    color: #fff
}

.no-objectfit body.home .menu-toggle span, .no-objectfit body.page-template-page-contact .menu-toggle span, .no-objectfit body.menu-open .menu-toggle span,
.no-object-fit body.home .menu-toggle span,
.no-object-fit body.page-template-page-contact .menu-toggle span,
.no-object-fit body.menu-open .menu-toggle
span {
    background: #fff
}

.no-objectfit body.home .menu-toggle span:before, .no-objectfit body.home .menu-toggle span:after, .no-objectfit body.page-template-page-contact .menu-toggle span:before, .no-objectfit body.page-template-page-contact .menu-toggle span:after, .no-objectfit body.menu-open .menu-toggle span:before, .no-objectfit body.menu-open .menu-toggle span:after,
.no-object-fit body.home .menu-toggle span:before,
.no-object-fit body.home .menu-toggle span:after,
.no-object-fit body.page-template-page-contact .menu-toggle span:before,
.no-object-fit body.page-template-page-contact .menu-toggle span:after,
.no-object-fit body.menu-open .menu-toggle span:before,
.no-object-fit body.menu-open .menu-toggle span:after {
    background: #fff
}

.no-objectfit body.menu-open .menu-toggle span,
.no-object-fit body.menu-open .menu-toggle
span {
    background: transparent
}

body.menu-open .site-header {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0s cubic-bezier(0.22, 0.61, 0.36, 1) 0s
}

body.menu-open .site-header
.scroll {
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

body.menu-open .header-contact > div {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s
}

body.menu-open .lang-menu {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s;
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.075s
}

body.menu-open .second-container {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s
}

body.menu-open .primary-menu > li:not(.menu-item-has-children),
body.menu-open .primary-menu > li.menu-item-has-children:before,
body.menu-open .primary-menu > li.menu-item-has-children:after,
body.menu-open .primary-menu > li.menu-item-has-children
li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0s
}

body.menu-open .primary-menu > li:nth-child(1) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

body.menu-open .primary-menu > li:nth-child(2) {
    -webkit-transition-delay: 0.175s;
    transition-delay: 0.175s
}

body.menu-open .primary-menu > li:nth-child(4) {
    -webkit-transition-delay: 0.325s;
    transition-delay: 0.325s
}

body.menu-open .primary-menu > li:nth-child(5) {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s
}

body.menu-open .primary-menu > li:nth-child(6) {
    -webkit-transition-delay: 0.375s;
    transition-delay: 0.375s
}

body.menu-open .primary-menu li.menu-item-has-children:before {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

body.menu-open .primary-menu li.menu-item-has-children > a {
    opacity: 1;
    -webkit-transform: translate(50%, -50%) rotate(-90deg);
    transform: translate(50%, -50%) rotate(-90deg);
    -webkit-transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
    transition: opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, opacity 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, -webkit-transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s
}

body.menu-open .primary-menu li.menu-item-has-children:after {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

body.menu-open .primary-menu .sub-menu li:nth-child(1) {
    -webkit-transition-delay: 0.225s;
    transition-delay: 0.225s
}

body.menu-open .primary-menu .sub-menu li:nth-child(2) {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s
}

body.menu-open .primary-menu .sub-menu li:nth-child(3) {
    -webkit-transition-delay: 0.275s;
    transition-delay: 0.275s
}

body.menu-open .menu-toggle
span {
    background: transparent
}

body.menu-open .menu-toggle span:before {
    background: white;
    top: 50%;
    -webkit-transform: translateY(-1px) rotate(45deg);
    transform: translateY(-1px) rotate(45deg)
}

body.menu-open .menu-toggle span:after {
    background: white;
    top: 50%;
    -webkit-transform: translateY(-1px) rotate(-45deg);
    transform: translateY(-1px) rotate(-45deg)
}

@media (max-width: 1365px) {
    .main-menu-bar {
        padding: 0;
        margin: 0 auto;
        width: calc(960px + (1238 - 960) * ((100vw - 1024px) / (1365 - 1024)))
    }

    .primary-menu
    a {
        font-size: 2.8rem
    }
}

@media (max-width: 1024px) {
    .site-header .scroll:after {
        z-index: 4;
        content: '';
        display: block;
        width: 100%;
        background: #141414;
        height: 116px;
        position: absolute;
        top: 0;
        left: 0
    }

    .site-header .scroll > div {
        height: auto;
        min-height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .site-header .scroll > div > div {
        width: 100%
    }

    .main-menu-bar {
        width: 100%
    }
    .site-title {
        margin-left: 15px;
    }
    .navs {
        display: block;
        min-height: 0;
        padding-top: 116px
    }

    .lang-menu {
        position: relative;
        z-index: 3;
        width: 100%;
        right: 0;
        top: 0
    }

    .header-contact {
        display: none
    }

    .primary-menu {
        padding: 32px 0 0
    }

    .primary-menu
    li {
        position: relative;
        width: 100%
    }

    .second-container {
        padding-top: 82px;
        padding-bottom: 116px;
        position: relative;
        width: 100%;
        right: 0;
        bottom: 0
    }
}

@media (max-width: 767px) {
    .site-header .scroll:after {
        height: 80px
    }

    .main-menu-bar {
        /*width: 90vw;*/
        /*height: 70px*/
    }

    .navs {
        padding-top: 80px
    }

    .primary-menu {
        padding-right: 0;
        padding: 15px 0 0
    }

    .primary-menu
    a {
        font-size: 2.2rem;
        line-height: 1.5
    }

    .primary-menu li.current-menu-item:before {
        width: 3.5vw;
        left: -6vw
    }

    .primary-menu li.menu-item-has-children > a {
        font-size: 1rem
    }

    .second-container {
        padding-top: 60px;
        padding-bottom: 80px;
        position: relative;
        width: 100%;
        right: 0
    }

    .site-title
    a {
        width: 80px;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .site-title
    svg {
        height: 33px;
        fill: #fff
    }

    .site-title svg:first-child {
        width: 44px
    }

    .site-title svg:last-child {
        width: 61px
    }
}

.vertical-title {
    top: 0;
    left: 5.27vw;
    position: fixed;
    height: 100%;
    text-align: center;
    width: 11px;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    mix-blend-mode: difference
}

.vertical-title
p {
    font-family: "Maven Pro", sans-serif;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.2rem;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.35em;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out
}

@media (max-width: 1365px) {
    .vertical-title
    p {
        font-size: 1.1rem
    }
}

.vertical-title.scroll {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out 0.5s;
    transition: opacity 0.5s ease-in-out 0.5s
}

.vertical-title.scroll > div {
    opacity: 0;
    height: 100%
}

.vertical-title.scroll
p {
    font-weight: 400;
    padding-left: 60px
}

.vertical-title.scroll p:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    content: '';
    width: 30px;
    height: 1px;
    background: #fff;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}

.vertical-title.scroll p:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    content: '';
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transition: border 0.3s ease-in-out;
    transition: border 0.3s ease-in-out
}

.vertical-title.contact {
    opacity: 1;
    mix-blend-mode: normal
}

.vertical-title.contact
p {
    color: #fff !important
}

body.vertical-home .vertical-title {
    mix-blend-mode: normal
}

body.vertical-home .vertical-title
p {
    color: #141414
}

body.vertical-home .vertical-title p:before {
    background: #141414
}

body.vertical-home .vertical-title p:after {
    border-color: #141414
}

body.vertical-white .vertical-title, body.vertical-white-intro .vertical-title, body.vertical-white-forced .vertical-title {
    mix-blend-mode: normal
}

body.vertical-white .vertical-title p, body.vertical-white-intro .vertical-title p, body.vertical-white-forced .vertical-title
p {
    color: #fff
}

body.vertical-white .vertical-title p:before, body.vertical-white-intro .vertical-title p:before, body.vertical-white-forced .vertical-title p:before {
    background: #fff
}

body.vertical-white .vertical-title p:after, body.vertical-white-intro .vertical-title p:after, body.vertical-white-forced .vertical-title p:after {
    border-color: #fff
}

body.vertical-scroll .vertical-title {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out 0.5s;
    transition: opacity 0.5s ease-in-out 0.5s
}

body.vertical-scroll .vertical-title.scroll {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
}

@media (max-width: 1365px) {
    .vertical-title {
        left: 4vw
    }
}

@media (max-width: 1024px) {
    .vertical-title {
        display: none
    }
}

.observer {
    position: absolute;
    pointer-events: none;
    width: 100%;
    top: 0;
    left: 0
}

.observer-vertical-title-scroll {
    height: 33vh
}

.observer-title-minify {
    height: 100px
}

.transition-cache {
    display: table;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #141414;
    height: 100vh;
    z-index: 99;
    top: 0;
    left: 0;
    will-change: transform
}

.transition-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: 1002;
    will-change: transform;
    width: 400px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.text-loader {
    color: #fff;
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 60px
}

@media (max-width: 1365px) {
    .text-loader {
        font-size: 3.7rem;
        line-height: 50px
    }
}

@media (max-width: 767px) {
    .transition-loader {
        width: 242px
    }

    .text-loader {
        font-size: 2.8rem;
        line-height: 38px
    }
}

#cookieChoiceInfo {
    background: white !important;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
    padding-bottom: 20px !important
}

#cookieChoiceInfo > div {
    width: auto;
    max-width: 960px;
    padding-right: 0 !important;
    margin-left: auto;
    margin-right: auto
}

#cookieChoiceInfo > div > span {
    padding: 20px;
    display: inline-block;
    line-height: 1.8em;
    font-size: 1rem
}

#cookieChoiceInfo > div > span + a {
    display: inline-block;
    color: #141414;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 6px;
    -webkit-transition: all 0.75s ease;
    transition: all 0.75s ease;
    font-size: 1.1rem;
    margin-left: 0 !important;
    text-transform: uppercase;
    position: relative
}

#cookieChoiceInfo > div > span + a:before, #cookieChoiceInfo > div > span + a:after {
    content: '';
    display: block;
    background: #141414;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

#cookieChoiceInfo > div > span + a:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

#cookieChoiceInfo > div > span + a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 0.3s ease-in-out 0.15s;
    transition: -webkit-transform 0.3s ease-in-out 0.15s;
    transition: transform 0.3s ease-in-out 0.15s;
    transition: transform 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s
}

#cookieChoiceInfo > div > span + a:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
}

#cookieChoiceDismiss {
    font-family: "Maven Pro", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    color: #fff;
    background: #141414;
    line-height: 18px;
    padding: 19px 35px !important;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    position: relative
}

#cookieChoiceDismissIcon {
    display: none !important
}

@media (min-width: 768px) {
    #cookieChoiceInfo {
        bottom: 15px !important;
        right: 15px !important;
        left: auto !important;
        width: 360px !important;
        padding: 30px !important;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transition: opacity 0.5s ease-in-out 1.5s, -webkit-transform 0.5s ease-in-out 1.5s;
        transition: opacity 0.5s ease-in-out 1.5s, -webkit-transform 0.5s ease-in-out 1.5s;
        transition: transform 0.5s ease-in-out 1.5s, opacity 0.5s ease-in-out 1.5s;
        transition: transform 0.5s ease-in-out 1.5s, opacity 0.5s ease-in-out 1.5s, -webkit-transform 0.5s ease-in-out 1.5s
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #cookieChoiceInfo {
        padding: 25px !important
    }
}

@media (min-width: 768px) {
    #cookieChoiceInfo > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    #cookieChoiceInfo > div > span {
        text-align: left
    }

    body.preload
    #cookieChoiceInfo {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
        opacity: 0
    }

    #cookieChoiceInfo > div > span {
        padding: 0 0 30px 0;
        display: block;
        line-height: 2;
        font-size: 14px;
        font-weight: 300
    }
}

@media (max-width: 767px) {
    #cookieChoiceInfo {
        padding: 28px 12.625vw !important
    }

    #cookieChoiceInfo > div > span {
        padding: 0 !important
    }

    #cookieChoiceInfo > div > span + a {
        margin-top: 24px !important
    }

    #cookieChoiceDismiss {
        display: block;
        margin-top: 30px;
        margin-left: 0 !important
    }
}

[data-aos^='fade'][data-aos^='fade'] {
    opacity: 0;
    -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.7s linear, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.7s linear, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
}

[data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-aos][data-aos-duration='50'] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms
}

[data-aos][data-aos-delay='50'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='50'].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms
}

[data-aos][data-aos-duration='100'] {
    -webkit-transition-duration: 100ms;
    transition-duration: 100ms
}

[data-aos][data-aos-delay='100'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='100'].aos-animate {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms
}

[data-aos][data-aos-duration='150'] {
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}

[data-aos][data-aos-delay='150'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='150'].aos-animate {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms
}

[data-aos][data-aos-duration='200'] {
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms
}

[data-aos][data-aos-delay='200'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='200'].aos-animate {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

[data-aos][data-aos-duration='250'] {
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

[data-aos][data-aos-delay='250'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='250'].aos-animate {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms
}

[data-aos][data-aos-duration='300'] {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

[data-aos][data-aos-delay='300'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='300'].aos-animate {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms
}

[data-aos][data-aos-duration='350'] {
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms
}

[data-aos][data-aos-delay='350'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='350'].aos-animate {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}

[data-aos][data-aos-duration='400'] {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

[data-aos][data-aos-delay='400'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='400'].aos-animate {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

[data-aos][data-aos-duration='450'] {
    -webkit-transition-duration: 450ms;
    transition-duration: 450ms
}

[data-aos][data-aos-delay='450'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='450'].aos-animate {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms
}

[data-aos][data-aos-duration='500'] {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}

[data-aos][data-aos-delay='500'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='500'].aos-animate {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms
}

[data-aos][data-aos-duration='550'] {
    -webkit-transition-duration: 550ms;
    transition-duration: 550ms
}

[data-aos][data-aos-delay='550'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='550'].aos-animate {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms
}

[data-aos][data-aos-duration='600'] {
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms
}

[data-aos][data-aos-delay='600'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='600'].aos-animate {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

[data-aos][data-aos-duration='650'] {
    -webkit-transition-duration: 650ms;
    transition-duration: 650ms
}

[data-aos][data-aos-delay='650'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='650'].aos-animate {
    -webkit-transition-delay: 650ms;
    transition-delay: 650ms
}

[data-aos][data-aos-duration='700'] {
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms
}

[data-aos][data-aos-delay='700'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='700'].aos-animate {
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms
}

[data-aos][data-aos-duration='750'] {
    -webkit-transition-duration: 750ms;
    transition-duration: 750ms
}

[data-aos][data-aos-delay='750'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='750'].aos-animate {
    -webkit-transition-delay: 750ms;
    transition-delay: 750ms
}

[data-aos][data-aos-duration='800'] {
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms
}

[data-aos][data-aos-delay='800'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='800'].aos-animate {
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms
}

[data-aos][data-aos-duration='850'] {
    -webkit-transition-duration: 850ms;
    transition-duration: 850ms
}

[data-aos][data-aos-delay='850'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='850'].aos-animate {
    -webkit-transition-delay: 850ms;
    transition-delay: 850ms
}

[data-aos][data-aos-duration='900'] {
    -webkit-transition-duration: 900ms;
    transition-duration: 900ms
}

[data-aos][data-aos-delay='900'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='900'].aos-animate {
    -webkit-transition-delay: 900ms;
    transition-delay: 900ms
}

[data-aos][data-aos-duration='950'] {
    -webkit-transition-duration: 950ms;
    transition-duration: 950ms
}

[data-aos][data-aos-delay='950'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='950'].aos-animate {
    -webkit-transition-delay: 950ms;
    transition-delay: 950ms
}

[data-aos][data-aos-duration='1000'] {
    -webkit-transition-duration: 1000ms;
    transition-duration: 1000ms
}

[data-aos][data-aos-delay='1000'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1000'].aos-animate {
    -webkit-transition-delay: 1000ms;
    transition-delay: 1000ms
}

[data-aos][data-aos-duration='1050'] {
    -webkit-transition-duration: 1050ms;
    transition-duration: 1050ms
}

[data-aos][data-aos-delay='1050'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1050'].aos-animate {
    -webkit-transition-delay: 1050ms;
    transition-delay: 1050ms
}

[data-aos][data-aos-duration='1100'] {
    -webkit-transition-duration: 1100ms;
    transition-duration: 1100ms
}

[data-aos][data-aos-delay='1100'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1100'].aos-animate {
    -webkit-transition-delay: 1100ms;
    transition-delay: 1100ms
}

[data-aos][data-aos-duration='1150'] {
    -webkit-transition-duration: 1150ms;
    transition-duration: 1150ms
}

[data-aos][data-aos-delay='1150'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1150'].aos-animate {
    -webkit-transition-delay: 1150ms;
    transition-delay: 1150ms
}

[data-aos][data-aos-duration='1200'] {
    -webkit-transition-duration: 1200ms;
    transition-duration: 1200ms
}

[data-aos][data-aos-delay='1200'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1200'].aos-animate {
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms
}

[data-aos][data-aos-duration='1250'] {
    -webkit-transition-duration: 1250ms;
    transition-duration: 1250ms
}

[data-aos][data-aos-delay='1250'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1250'].aos-animate {
    -webkit-transition-delay: 1250ms;
    transition-delay: 1250ms
}

[data-aos][data-aos-duration='1300'] {
    -webkit-transition-duration: 1300ms;
    transition-duration: 1300ms
}

[data-aos][data-aos-delay='1300'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1300'].aos-animate {
    -webkit-transition-delay: 1300ms;
    transition-delay: 1300ms
}

[data-aos][data-aos-duration='1350'] {
    -webkit-transition-duration: 1350ms;
    transition-duration: 1350ms
}

[data-aos][data-aos-delay='1350'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1350'].aos-animate {
    -webkit-transition-delay: 1350ms;
    transition-delay: 1350ms
}

[data-aos][data-aos-duration='1400'] {
    -webkit-transition-duration: 1400ms;
    transition-duration: 1400ms
}

[data-aos][data-aos-delay='1400'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1400'].aos-animate {
    -webkit-transition-delay: 1400ms;
    transition-delay: 1400ms
}

[data-aos][data-aos-duration='1450'] {
    -webkit-transition-duration: 1450ms;
    transition-duration: 1450ms
}

[data-aos][data-aos-delay='1450'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1450'].aos-animate {
    -webkit-transition-delay: 1450ms;
    transition-delay: 1450ms
}

[data-aos][data-aos-duration='1500'] {
    -webkit-transition-duration: 1500ms;
    transition-duration: 1500ms
}

[data-aos][data-aos-delay='1500'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1500'].aos-animate {
    -webkit-transition-delay: 1500ms;
    transition-delay: 1500ms
}

[data-aos][data-aos-duration='1550'] {
    -webkit-transition-duration: 1550ms;
    transition-duration: 1550ms
}

[data-aos][data-aos-delay='1550'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1550'].aos-animate {
    -webkit-transition-delay: 1550ms;
    transition-delay: 1550ms
}

[data-aos][data-aos-duration='1600'] {
    -webkit-transition-duration: 1600ms;
    transition-duration: 1600ms
}

[data-aos][data-aos-delay='1600'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1600'].aos-animate {
    -webkit-transition-delay: 1600ms;
    transition-delay: 1600ms
}

[data-aos][data-aos-duration='1650'] {
    -webkit-transition-duration: 1650ms;
    transition-duration: 1650ms
}

[data-aos][data-aos-delay='1650'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1650'].aos-animate {
    -webkit-transition-delay: 1650ms;
    transition-delay: 1650ms
}

[data-aos][data-aos-duration='1700'] {
    -webkit-transition-duration: 1700ms;
    transition-duration: 1700ms
}

[data-aos][data-aos-delay='1700'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1700'].aos-animate {
    -webkit-transition-delay: 1700ms;
    transition-delay: 1700ms
}

[data-aos][data-aos-duration='1750'] {
    -webkit-transition-duration: 1750ms;
    transition-duration: 1750ms
}

[data-aos][data-aos-delay='1750'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1750'].aos-animate {
    -webkit-transition-delay: 1750ms;
    transition-delay: 1750ms
}

[data-aos][data-aos-duration='1800'] {
    -webkit-transition-duration: 1800ms;
    transition-duration: 1800ms
}

[data-aos][data-aos-delay='1800'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1800'].aos-animate {
    -webkit-transition-delay: 1800ms;
    transition-delay: 1800ms
}

[data-aos][data-aos-duration='1850'] {
    -webkit-transition-duration: 1850ms;
    transition-duration: 1850ms
}

[data-aos][data-aos-delay='1850'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1850'].aos-animate {
    -webkit-transition-delay: 1850ms;
    transition-delay: 1850ms
}

[data-aos][data-aos-duration='1900'] {
    -webkit-transition-duration: 1900ms;
    transition-duration: 1900ms
}

[data-aos][data-aos-delay='1900'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1900'].aos-animate {
    -webkit-transition-delay: 1900ms;
    transition-delay: 1900ms
}

[data-aos][data-aos-duration='1950'] {
    -webkit-transition-duration: 1950ms;
    transition-duration: 1950ms
}

[data-aos][data-aos-delay='1950'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='1950'].aos-animate {
    -webkit-transition-delay: 1950ms;
    transition-delay: 1950ms
}

[data-aos][data-aos-duration='2000'] {
    -webkit-transition-duration: 2000ms;
    transition-duration: 2000ms
}

[data-aos][data-aos-delay='2000'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2000'].aos-animate {
    -webkit-transition-delay: 2000ms;
    transition-delay: 2000ms
}

[data-aos][data-aos-duration='2050'] {
    -webkit-transition-duration: 2050ms;
    transition-duration: 2050ms
}

[data-aos][data-aos-delay='2050'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2050'].aos-animate {
    -webkit-transition-delay: 2050ms;
    transition-delay: 2050ms
}

[data-aos][data-aos-duration='2100'] {
    -webkit-transition-duration: 2100ms;
    transition-duration: 2100ms
}

[data-aos][data-aos-delay='2100'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2100'].aos-animate {
    -webkit-transition-delay: 2100ms;
    transition-delay: 2100ms
}

[data-aos][data-aos-duration='2150'] {
    -webkit-transition-duration: 2150ms;
    transition-duration: 2150ms
}

[data-aos][data-aos-delay='2150'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2150'].aos-animate {
    -webkit-transition-delay: 2150ms;
    transition-delay: 2150ms
}

[data-aos][data-aos-duration='2200'] {
    -webkit-transition-duration: 2200ms;
    transition-duration: 2200ms
}

[data-aos][data-aos-delay='2200'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2200'].aos-animate {
    -webkit-transition-delay: 2200ms;
    transition-delay: 2200ms
}

[data-aos][data-aos-duration='2250'] {
    -webkit-transition-duration: 2250ms;
    transition-duration: 2250ms
}

[data-aos][data-aos-delay='2250'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2250'].aos-animate {
    -webkit-transition-delay: 2250ms;
    transition-delay: 2250ms
}

[data-aos][data-aos-duration='2300'] {
    -webkit-transition-duration: 2300ms;
    transition-duration: 2300ms
}

[data-aos][data-aos-delay='2300'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2300'].aos-animate {
    -webkit-transition-delay: 2300ms;
    transition-delay: 2300ms
}

[data-aos][data-aos-duration='2350'] {
    -webkit-transition-duration: 2350ms;
    transition-duration: 2350ms
}

[data-aos][data-aos-delay='2350'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2350'].aos-animate {
    -webkit-transition-delay: 2350ms;
    transition-delay: 2350ms
}

[data-aos][data-aos-duration='2400'] {
    -webkit-transition-duration: 2400ms;
    transition-duration: 2400ms
}

[data-aos][data-aos-delay='2400'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2400'].aos-animate {
    -webkit-transition-delay: 2400ms;
    transition-delay: 2400ms
}

[data-aos][data-aos-duration='2450'] {
    -webkit-transition-duration: 2450ms;
    transition-duration: 2450ms
}

[data-aos][data-aos-delay='2450'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2450'].aos-animate {
    -webkit-transition-delay: 2450ms;
    transition-delay: 2450ms
}

[data-aos][data-aos-duration='2500'] {
    -webkit-transition-duration: 2500ms;
    transition-duration: 2500ms
}

[data-aos][data-aos-delay='2500'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2500'].aos-animate {
    -webkit-transition-delay: 2500ms;
    transition-delay: 2500ms
}

[data-aos][data-aos-duration='2550'] {
    -webkit-transition-duration: 2550ms;
    transition-duration: 2550ms
}

[data-aos][data-aos-delay='2550'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2550'].aos-animate {
    -webkit-transition-delay: 2550ms;
    transition-delay: 2550ms
}

[data-aos][data-aos-duration='2600'] {
    -webkit-transition-duration: 2600ms;
    transition-duration: 2600ms
}

[data-aos][data-aos-delay='2600'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2600'].aos-animate {
    -webkit-transition-delay: 2600ms;
    transition-delay: 2600ms
}

[data-aos][data-aos-duration='2650'] {
    -webkit-transition-duration: 2650ms;
    transition-duration: 2650ms
}

[data-aos][data-aos-delay='2650'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2650'].aos-animate {
    -webkit-transition-delay: 2650ms;
    transition-delay: 2650ms
}

[data-aos][data-aos-duration='2700'] {
    -webkit-transition-duration: 2700ms;
    transition-duration: 2700ms
}

[data-aos][data-aos-delay='2700'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2700'].aos-animate {
    -webkit-transition-delay: 2700ms;
    transition-delay: 2700ms
}

[data-aos][data-aos-duration='2750'] {
    -webkit-transition-duration: 2750ms;
    transition-duration: 2750ms
}

[data-aos][data-aos-delay='2750'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2750'].aos-animate {
    -webkit-transition-delay: 2750ms;
    transition-delay: 2750ms
}

[data-aos][data-aos-duration='2800'] {
    -webkit-transition-duration: 2800ms;
    transition-duration: 2800ms
}

[data-aos][data-aos-delay='2800'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2800'].aos-animate {
    -webkit-transition-delay: 2800ms;
    transition-delay: 2800ms
}

[data-aos][data-aos-duration='2850'] {
    -webkit-transition-duration: 2850ms;
    transition-duration: 2850ms
}

[data-aos][data-aos-delay='2850'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2850'].aos-animate {
    -webkit-transition-delay: 2850ms;
    transition-delay: 2850ms
}

[data-aos][data-aos-duration='2900'] {
    -webkit-transition-duration: 2900ms;
    transition-duration: 2900ms
}

[data-aos][data-aos-delay='2900'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2900'].aos-animate {
    -webkit-transition-delay: 2900ms;
    transition-delay: 2900ms
}

[data-aos][data-aos-duration='2950'] {
    -webkit-transition-duration: 2950ms;
    transition-duration: 2950ms
}

[data-aos][data-aos-delay='2950'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='2950'].aos-animate {
    -webkit-transition-delay: 2950ms;
    transition-delay: 2950ms
}

[data-aos][data-aos-duration='3000'] {
    -webkit-transition-duration: 3000ms;
    transition-duration: 3000ms
}

[data-aos][data-aos-delay='3000'] {
    -webkit-transition-delay: 0;
    transition-delay: 0
}

[data-aos][data-aos-delay='3000'].aos-animate {
    -webkit-transition-delay: 3000ms;
    transition-delay: 3000ms
}

[data-aos='fade-up'] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

[data-aos='fade-up'][data-aos-alt='longer'] {
    -webkit-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0)
}

@media (max-width: 1024px) {
    [data-aos='fade-up'] {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    [data-aos='fade-up'][data-aos-alt='longer'] {
        -webkit-transform: translate3d(0, 90px, 0);
        transform: translate3d(0, 90px, 0)
    }
}

@media (min-width: 768px) {
    [data-aos^='appear'] .appear-clip {
        -webkit-clip-path: polygon(0 99%, 100% 99%, 100% 100%, 0% 100%);
        clip-path: polygon(0 99%, 100% 99%, 100% 100%, 0% 100%);
        opacity: 0
    }

    [data-aos^='appear'] .appear-translate {
        display: block;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }

    [data-aos^='appear'].ombre:before {
        -webkit-transition: opacity 0.3s linear 1s;
        transition: opacity 0.3s linear 1s;
        opacity: 0
    }

    [data-aos^='appear'].aos-animate .appear-clip {
        -webkit-transition-property: opacity, -webkit-clip-path;
        transition-property: opacity, -webkit-clip-path;
        transition-property: clip-path, opacity;
        transition-property: clip-path, opacity, -webkit-clip-path;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
        opacity: 1
    }

    [data-aos^='appear'].aos-animate .appear-translate {
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos^='appear'].aos-animate.ombre:before {
        opacity: 1
    }

    [data-aos='appear'].aos-animate .appear-clip {
        -webkit-transition-duration: 1s, 0.25s;
        transition-duration: 1s, 0.25s
    }

    [data-aos='appear'].aos-animate .appear-translate {
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }

    [data-aos='appear'][data-aos-alt="longer"].aos-animate .appear-clip {
        -webkit-transition-duration: 1.5s, 0.375s;
        transition-duration: 1.5s, 0.375s
    }

    [data-aos='appear'][data-aos-alt="longer"].aos-animate .appear-translate {
        -webkit-transition-duration: 1.5s;
        transition-duration: 1.5s
    }

    [data-aos='appear'][data-aos-start="sooner"] {
        -webkit-transform: translateY(-150px);
        transform: translateY(-150px)
    }

    [data-aos='appear'][data-aos-start="sooner"].aos-animate {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    [data-aos='appear-duo'].aos-animate .appear-clip {
        -webkit-transition-duration: 1.2s, 0.3s;
        transition-duration: 1.2s, 0.3s
    }

    [data-aos='appear-duo'].aos-animate .appear-translate {
        -webkit-transition-duration: 1.2s;
        transition-duration: 1.2s
    }

    [data-aos='appear-duo'].aos-animate:nth-child(2n+2) .appear-clip {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transition-duration: 1s, 0.3s;
        transition-duration: 1s, 0.3s
    }

    [data-aos='appear-duo'].aos-animate:nth-child(2n+2) .appear-translate {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }

    [data-aos='appear-duo'][data-aos-alt='delayed'] .appear-clip {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    [data-aos='appear-duo'][data-aos-alt='delayed'] .appear-translate {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    [data-aos='appear-duo'][data-aos-alt='delayed']:nth-child(2n+2) .appear-clip {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s
    }

    [data-aos='appear-duo'][data-aos-alt='delayed']:nth-child(2n+2) .appear-translate {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    [data-aos='appear-text-laptop'] h3, [data-aos='appear-text-laptop'] h4 {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0
    }

    [data-aos='appear-text-laptop'] .arrow-laptop {
        opacity: 0;
        -webkit-transform: translate3d(-30px, 0, 0);
        transform: translate3d(-30px, 0, 0)
    }

    [data-aos='appear-text-laptop'].aos-animate h3, [data-aos='appear-text-laptop'].aos-animate h4, [data-aos='appear-text-laptop'].aos-animate .arrow-laptop {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='appear-text-laptop'].aos-animate
    h4 {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s
    }

    [data-aos='appear-text-laptop'].aos-animate .arrow-laptop {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }
}

@media (min-width: 768px) {
    [data-aos='appear-left'].aos-animate .appear-clip {
        -webkit-transition-duration: 1.2s, 0.3s;
        transition-duration: 1.2s, 0.3s
    }

    [data-aos='appear-left'].aos-animate .appear-translate {
        -webkit-transition-duration: 1.2s;
        transition-duration: 1.2s
    }

    [data-aos='appear-right'].aos-animate .appear-clip {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transition-duration: 1s, 0.3s;
        transition-duration: 1s, 0.3s
    }

    [data-aos='appear-right'].aos-animate .appear-translate {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s
    }

    [data-aos='sliders'] .swiper-slide {
        -webkit-clip-path: polygon(0 99%, 100% 99%, 100% 100%, 0% 100%);
        clip-path: polygon(0 99%, 100% 99%, 100% 100%, 0% 100%);
        opacity: 0
    }

    [data-aos='sliders'] .swiper-slide > * {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    [data-aos='sliders'] + .nav-delayed {
        opacity: 0
    }
}

@media (min-width: 768px) {
    [data-aos='sliders'].aos-animate .swiper-slide {
        -webkit-transition-property: opacity, -webkit-clip-path;
        transition-property: opacity, -webkit-clip-path;
        transition-property: clip-path, opacity;
        transition-property: clip-path, opacity, -webkit-clip-path;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
        opacity: 1
    }

    [data-aos='sliders'].aos-animate .swiper-slide > * {
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(1) {
        -webkit-transition-duration: 1.2s, 0.3s;
        transition-duration: 1.2s, 0.3s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(1) > * {
        -webkit-transition-duration: 1.2s;
        transition-duration: 1.2s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(2) {
        -webkit-transition-duration: 1.1s, 0.3s;
        transition-duration: 1.1s, 0.3s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(2) > * {
        -webkit-transition-duration: 1.1s;
        transition-duration: 1.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(3) {
        -webkit-transition-duration: 1s, 0.3s;
        transition-duration: 1s, 0.3s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(3) > * {
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(4) {
        -webkit-transition-duration: 0.9s, 0.3s;
        transition-duration: 0.9s, 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(4) > * {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(5) {
        -webkit-transition-duration: 0.8s, 0.3s;
        transition-duration: 0.8s, 0.3s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(5) > * {
        -webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(6) {
        -webkit-transition-duration: 0.7s, 0.3s;
        transition-duration: 0.7s, 0.3s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    [data-aos='sliders'].aos-animate .swiper-slide:nth-child(6) > * {
        -webkit-transition-duration: 0.7s;
        transition-duration: 0.7s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    [data-aos='sliders'].aos-animate + .nav-delayed {
        opacity: 1;
        -webkit-transition: opacity 0.7s linear 0.5s;
        transition: opacity 0.7s linear 0.5s
    }
}

@media (min-width: 768px) {
    [data-aos='sliders-alt'] {
        overflow: hidden
    }

    [data-aos='sliders-alt'] .appear-clip {
        -webkit-clip-path: polygon(0 99%, 100% 99%, 100% 100%, 0% 100%);
        clip-path: polygon(0 99%, 100% 99%, 100% 100%, 0% 100%);
        opacity: 0;
        height: 100%
    }

    [data-aos='sliders-alt'] .appear-translate {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
        height: 100%
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    [data-aos='sliders-alt'] .nav-delayed {
        opacity: 0
    }
}

@media (min-width: 768px) {
    [data-aos='sliders-alt'] .ombre-slider .swiper-slide:before {
        -webkit-transition: opacity 0.3s linear 1.2s !important;
        transition: opacity 0.3s linear 1.2s !important;
        opacity: 0 !important
    }

    [data-aos='sliders-alt'].aos-animate .appear-clip {
        -webkit-transition-property: opacity, -webkit-clip-path;
        transition-property: opacity, -webkit-clip-path;
        transition-property: clip-path, opacity;
        transition-property: clip-path, opacity, -webkit-clip-path;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
        opacity: 1
    }

    [data-aos='sliders-alt'].aos-animate .appear-translate {
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        transition-timing-function: cubic-bezier(0, 0, 0.4, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    [data-aos='sliders-alt'].aos-animate .nav-delayed {
        opacity: 1;
        -webkit-transition: opacity 0.7s linear 0.5s;
        transition: opacity 0.7s linear 0.5s
    }
}

@media (min-width: 768px) {
    [data-aos='sliders-alt'].aos-animate .ombre-slider .swiper-slide:before {
        opacity: 1 !important
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(1) .appear-clip {
        -webkit-transition-duration: 1.2s, 0.3s;
        transition-duration: 1.2s, 0.3s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(1) .appear-translate {
        -webkit-transition-duration: 1.2s;
        transition-duration: 1.2s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(2) .appear-clip {
        -webkit-transition-duration: 1.1s, 0.3s;
        transition-duration: 1.1s, 0.3s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(2) .appear-translate {
        -webkit-transition-duration: 1.1s;
        transition-duration: 1.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(3) .appear-clip {
        -webkit-transition-duration: 1s, 0.3s;
        transition-duration: 1s, 0.3s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(3) .appear-translate {
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(4) .appear-clip {
        -webkit-transition-duration: 0.9s, 0.3s;
        transition-duration: 0.9s, 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(4) .appear-translate {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(5) .appear-clip {
        -webkit-transition-duration: 0.8s, 0.3s;
        transition-duration: 0.8s, 0.3s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(5) .appear-translate {
        -webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(6) .appear-clip {
        -webkit-transition-duration: 0.7s, 0.3s;
        transition-duration: 0.7s, 0.3s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    [data-aos='sliders-alt'].aos-animate .swiper-slide:nth-child(6) .appear-translate {
        -webkit-transition-duration: 0.7s;
        transition-duration: 0.7s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }
}

@media (max-width: 767px) {
    [data-aos^='appear'] {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        overflow: visible !important
    }

    [data-aos^='appear'] .appear-clip {
        height: 100%;
        overflow: visible !important;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0;
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1)
    }

    [data-aos^='appear'] img {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(1.2) !important;
        transform: scale(1.2) !important;
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0, 0, 0.4, 1) !important;
        transition: -webkit-transform 1.2s cubic-bezier(0, 0, 0.4, 1) !important;
        transition: transform 1.2s cubic-bezier(0, 0, 0.4, 1) !important;
        transition: transform 1.2s cubic-bezier(0, 0, 0.4, 1), -webkit-transform 1.2s cubic-bezier(0, 0, 0.4, 1) !important
    }

    [data-aos^='appear'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos^='appear'].aos-animate .appear-clip {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos^='appear'].aos-animate img, [data-aos^='appear'].aos-animate
    video {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    [data-aos-alt="longer"] img {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important
    }

    [data-aos='appear-duo'][data-aos-alt='delayed'] .appear-clip {
        -webkit-transition-delay: 0.8s !important;
        transition-delay: 0.8s !important
    }

    [data-aos='appear-duo'][data-aos-alt='delayed'] .appear-clip
    img {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s
    }

    [data-aos='appear-duo'][data-aos-alt='delayed']:first-child {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='appear-duo'][data-aos-alt='delayed']:nth-child(2) .appear-clip {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

    [data-aos='appear-duo'][data-aos-alt='delayed']:nth-child(2) .appear-clip
    img {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos='appear-left'] img,
    [data-aos='appear-right'] img {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important
    }

    [data-aos^='sliders'] .swiper-slide {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0
    }

    [data-aos^='sliders'] .swiper-slide:nth-child(1) {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos^='sliders'] .swiper-slide:nth-child(2) {
        -webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }

    [data-aos^='sliders'] .swiper-slide:nth-child(3) {
        -webkit-transition-duration: 0.7s;
        transition-duration: 0.7s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s
    }

    [data-aos^='sliders'] .swiper-slide:nth-child(4) {
        -webkit-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    [data-aos^='sliders'] .swiper-slide:nth-child(5) {
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    [data-aos^='sliders'] .swiper-slide:nth-child(6) {
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    [data-aos^='sliders'].aos-animate .swiper-slide {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (min-width: 768px) {
    [data-aos='text-lines'] .line {
        opacity: 0;
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0);
        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;
        -webkit-transition-timing-function: cubic-bezier(0, -0.01, 0.4, 1);
        transition-timing-function: cubic-bezier(0, -0.01, 0.4, 1)
    }

    [data-aos='text-lines'] .line:nth-child(2) {
        -webkit-transition-delay: 0.15s;
        transition-delay: 0.15s
    }

    [data-aos='text-lines'] .line:nth-child(3) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s
    }

    [data-aos='text-lines'] .line:nth-child(4) {
        -webkit-transition-delay: 0.45s;
        transition-delay: 0.45s
    }

    [data-aos='text-lines'] .line:nth-child(5) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    [data-aos='text-lines'] .line:nth-child(6) {
        -webkit-transition-delay: 0.75s;
        transition-delay: 0.75s
    }

    [data-aos='text-lines'] .line:nth-child(7) {
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s
    }

    [data-aos='text-lines'] .line:nth-child(8) {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }

    [data-aos='text-lines'] .line:nth-child(9) {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    [data-aos='text-lines'] .line:nth-child(10) {
        -webkit-transition-delay: 1.35s;
        transition-delay: 1.35s
    }

    [data-aos='text-lines'] .line:nth-child(11) {
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s
    }

    [data-aos='text-lines'] .line:nth-child(12) {
        -webkit-transition-delay: 1.65s;
        transition-delay: 1.65s
    }

    [data-aos='text-lines'] + .btn-after-lines {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0;
        -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s linear, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s linear, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    [data-aos='text-lines'] + .btn-after-lines {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
}

@media (min-width: 768px) {
    [data-aos='text-lines'].aos-animate .line, [data-aos='text-lines'].aos-animate + .btn-after-lines {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    [data-aos='text-lines'][data-aos-delay='400'] .line {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    [data-aos='text-lines'][data-aos-delay='400'] .line:nth-child(2) {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s
    }

    [data-aos='text-lines'][data-aos-delay='400'] .line:nth-child(3) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s
    }

    [data-aos='text-lines'][data-aos-delay='400'] .line:nth-child(4) {
        -webkit-transition-delay: 0.85s;
        transition-delay: 0.85s
    }

    [data-aos='text-lines'][data-aos-delay='400'] .line:nth-child(5) {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    [data-aos='text-lines'][data-aos-delay='400'] .line:nth-child(6) {
        -webkit-transition-delay: 1.15s;
        transition-delay: 1.15s
    }

    [data-aos='text-lines'][data-aos-delay='400'] .line:nth-child(7) {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s
    }
}

@media (max-width: 767px) {
    [data-aos='text-lines'] {
        opacity: 0;
        -webkit-transition-duration: 0.75s;
        transition-duration: 0.75s;
        -webkit-transition-timing-function: cubic-bezier(0, -0.01, 0.4, 1);
        transition-timing-function: cubic-bezier(0, -0.01, 0.4, 1);
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    [data-aos='text-lines'].aos-animate {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media (min-width: 1025px) {
    [data-aos='listing-service'] {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    [data-aos='listing-service'] h3 {
        overflow: hidden;
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    [data-aos='listing-service'] h3
    span {
        display: block;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    [data-aos='listing-service'] ul,
    [data-aos='listing-service'] .viewmore, [data-aos='listing-service']:after {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px)
    }

    [data-aos='listing-service'] ul {
        -webkit-transition: opacity 0.8s linear 0.2s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        transition: opacity 0.8s linear 0.2s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s
    }

    [data-aos='listing-service'] .viewmore {
        -webkit-transition: opacity 0.6s linear 0.4s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
        transition: opacity 0.6s linear 0.4s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.6s linear 0.4s;
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.6s linear 0.4s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s
    }

    [data-aos='listing-service']:after {
        -webkit-transition: opacity 1s linear 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        transition: opacity 1s linear 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 1s linear 0.2s;
        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 1s linear 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s
    }

    [data-aos='listing-service'].aos-animate {
        -webkit-transform: none;
        transform: none
    }

    [data-aos='listing-service'].aos-animate h3, [data-aos='listing-service'].aos-animate h3 span, [data-aos='listing-service'].aos-animate ul, [data-aos='listing-service'].aos-animate .viewmore, [data-aos='listing-service'].aos-animate:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media (max-width: 1024px) {
    [data-aos='listing-service'] {
        opacity: 0;
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s linear, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.7s linear, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    [data-aos='listing-service'] h3 {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='listing-service'].aos-animate {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

[data-aos='cta-works'] > section {
    -webkit-transform: translate3d(0, 342px, 0);
    transform: translate3d(0, 342px, 0)
}

[data-aos='cta-works'].aos-animate > section {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-aos='titles'] {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[data-aos='titles'] + .intro-title {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s
}

@media (max-width: 1024px) {
    [data-aos='titles'] + .intro-title {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
}

[data-aos='titles'] + .intro-title .title-sub-line {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[data-aos='titles'] + .intro-title .title-line:nth-child(1) .title-sub-line {
    -webkit-transition-delay: 0.167s;
    transition-delay: 0.167s
}

[data-aos='titles'] + .intro-title .title-line:nth-child(2) .title-sub-line {
    -webkit-transition-delay: 0.334s;
    transition-delay: 0.334s
}

[data-aos='titles'] + .intro-title .title-line:nth-child(3) .title-sub-line {
    -webkit-transition-delay: 0.501s;
    transition-delay: 0.501s
}

[data-aos='titles'] + .intro-title .title-line:nth-child(4) .title-sub-line {
    -webkit-transition-delay: 0.668s;
    transition-delay: 0.668s
}

[data-aos='titles'].aos-animate {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-aos='titles'].aos-animate + .intro-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-aos='titles'].aos-animate + .intro-title .title-sub-line {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media (min-width: 768px) {
    [data-aos='home-case'] {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
        -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear;
        transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    [data-aos='home-case'] + .intro-title {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
        transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s
    }

    [data-aos='home-case'] + .intro-title .title-sub-line {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    [data-aos='home-case'] + .intro-title .title-line:nth-child(1) .title-sub-line {
        -webkit-transition-delay: 0.167s;
        transition-delay: 0.167s
    }

    [data-aos='home-case'] + .intro-title .title-line:nth-child(2) .title-sub-line {
        -webkit-transition-delay: 0.334s;
        transition-delay: 0.334s
    }

    [data-aos='home-case'] + .intro-title .title-line:nth-child(3) .title-sub-line {
        -webkit-transition-delay: 0.501s;
        transition-delay: 0.501s
    }

    [data-aos='home-case'] + .intro-title .title-line:nth-child(4) .title-sub-line {
        -webkit-transition-delay: 0.668s;
        transition-delay: 0.668s
    }

    [data-aos='home-case'] ~ p, [data-aos='home-case'] ~ button {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }

    [data-aos='home-case'].aos-animate {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='home-case'].aos-animate + .intro-title {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='home-case'].aos-animate + .intro-title .title-sub-line {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='home-case'].aos-animate ~ p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: opacity 0.8s linear 0.2s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        transition: opacity 0.8s linear 0.2s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s
    }

    [data-aos='home-case'].aos-animate ~ button {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: opacity 0.8s linear 0.3s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
        transition: opacity 0.8s linear 0.3s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0.8s linear 0.3s;
        transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0.8s linear 0.3s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s
    }
}

@media (min-width: 1025px) {
    [data-aos='about-columns'] {
        -webkit-transform: translateY(150px);
        transform: translateY(150px)
    }

    [data-aos='about-columns'] p, [data-aos='about-columns']:before {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0
    }

    [data-aos='about-columns'] p {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear;
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    [data-aos='about-columns'] p:last-child {
        -webkit-transition: opacity 0.567s linear 0.333s, -webkit-transform 0.567s cubic-bezier(0.215, 0.61, 0.355, 1) 0.333s;
        transition: opacity 0.567s linear 0.333s, -webkit-transform 0.567s cubic-bezier(0.215, 0.61, 0.355, 1) 0.333s;
        transition: transform 0.567s cubic-bezier(0.215, 0.61, 0.355, 1) 0.333s, opacity 0.567s linear 0.333s;
        transition: transform 0.567s cubic-bezier(0.215, 0.61, 0.355, 1) 0.333s, opacity 0.567s linear 0.333s, -webkit-transform 0.567s cubic-bezier(0.215, 0.61, 0.355, 1) 0.333s
    }

    [data-aos='about-columns']:before {
        -webkit-transition: opacity 0.733s linear 0.167s, -webkit-transform 0.733s cubic-bezier(0.215, 0.61, 0.355, 1) 0.167s;
        transition: opacity 0.733s linear 0.167s, -webkit-transform 0.733s cubic-bezier(0.215, 0.61, 0.355, 1) 0.167s;
        transition: transform 0.733s cubic-bezier(0.215, 0.61, 0.355, 1) 0.167s, opacity 0.733s linear 0.167s;
        transition: transform 0.733s cubic-bezier(0.215, 0.61, 0.355, 1) 0.167s, opacity 0.733s linear 0.167s, -webkit-transform 0.733s cubic-bezier(0.215, 0.61, 0.355, 1) 0.167s
    }

    [data-aos='about-columns'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='about-columns'].aos-animate p, [data-aos='about-columns'].aos-animate:before {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media (max-width: 1024px) {
    [data-aos='tablet-fade-up'] {
        overflow: hidden;
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0
    }

    [data-aos='tablet-fade-up'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media (max-width: 767px) {
    [data-aos='mobile-fade-up'] {
        overflow: hidden;
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0
    }

    [data-aos='mobile-fade-up'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

[data-aos='cover-fade-up'] > div {
    -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
    opacity: 0
}

[data-aos='cover-fade-up'].aos-animate > div {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

@media (min-width: 1025px) {
    [data-aos='about-services'] {
        -webkit-transform: translateY(150px);
        transform: translateY(150px)
    }

    [data-aos='about-services'] > li {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear
    }

    [data-aos='about-services'] > li:nth-child(1) {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos='about-services'] > li:nth-child(2) {
        -webkit-transition-duration: 0.733s;
        transition-duration: 0.733s;
        -webkit-transition-delay: 0.167s;
        transition-delay: 0.167s
    }

    [data-aos='about-services'] > li:nth-child(3) {
        -webkit-transition-duration: 0.566s;
        transition-duration: 0.566s;
        -webkit-transition-delay: 0.334s;
        transition-delay: 0.334s
    }

    [data-aos='about-services'] > li:nth-child(4) {
        -webkit-transition-duration: 0.399s;
        transition-duration: 0.399s;
        -webkit-transition-delay: 0.501s;
        transition-delay: 0.501s
    }

    [data-aos='about-services'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    [data-aos='about-services'].aos-animate > li {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media (max-width: 1024px) {
    [data-aos='about-services-mobile'] {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0;
        -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear;
        transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    [data-aos='about-services-mobile'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

[data-aos='client'] {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear
}

[data-aos='client']:nth-child(4n+1) {
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos='client']:nth-child(4n+2) {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

[data-aos='client']:nth-child(4n+3) {
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

[data-aos='client']:nth-child(4n+4) {
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

[data-aos='client'].aos-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

@media (max-width: 767px) {
    [data-aos='client']:nth-child(2n+1) {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos='client']:nth-child(2n+2) {
        -webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }
}

[data-aos="about-chiffre"] {
    -webkit-transform: translateY(150px);
    transform: translateY(150px)
}

[data-aos="about-chiffre"] p {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear
}

[data-aos="about-chiffre"]:nth-child(1) p {
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos="about-chiffre"]:nth-child(2) p {
    -webkit-transition-duration: 0.733s;
    transition-duration: 0.733s;
    -webkit-transition-delay: 0.167s;
    transition-delay: 0.167s
}

[data-aos="about-chiffre"]:nth-child(3) p {
    -webkit-transition-duration: 0.566s;
    transition-duration: 0.566s;
    -webkit-transition-delay: 0.334s;
    transition-delay: 0.334s
}

[data-aos="about-chiffre"].aos-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-aos="about-chiffre"].aos-animate
p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

@media (max-width: 1365px) {
    [data-aos="about-chiffre"] p {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    [data-aos="about-chiffre"]:nth-child(2) p {
        -webkit-transition-duration: 0.733s;
        transition-duration: 0.733s;
        -webkit-transition-delay: 0.167s;
        transition-delay: 0.167s
    }
}

@media (max-width: 1024px) {
    [data-aos="about-chiffre"] {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    [data-aos="about-chiffre"] p {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }
}

@media (min-width: 768px) {
    [data-aos='cats-filters'] .cat-item em, [data-aos='cats-filters'] .cat-item:after {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear
    }

    [data-aos='cats-filters'] .cat-item:nth-child(2) em {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(2):after {
        -webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(3) em {
        -webkit-transition-duration: 0.7s;
        transition-duration: 0.7s;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(3):after {
        -webkit-transition-duration: 0.6s;
        transition-duration: 0.6s;
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(4) em {
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(4):after {
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(5) em {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(5):after {
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(6) em {
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    [data-aos='cats-filters'] .cat-item:nth-child(6):after {
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s
    }

    [data-aos='cats-filters'].aos-animate .cat-item em, [data-aos='cats-filters'].aos-animate .cat-item:after {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media (max-width: 767px) {
    [data-aos='cats-filters-mobile'] {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1), linear;
        -webkit-transition-duration: 0.7s;
        transition-duration: 0.7s;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s
    }

    [data-aos='cats-filters-mobile'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@media (max-width: 1024px) {
    [data-aos="mobile-project-link-text"] h3, [data-aos="mobile-project-link-text"] h4, [data-aos="mobile-project-link-text"] + button {
        -webkit-transform: translate3d(0, 24px, 0);
        transform: translate3d(0, 24px, 0);
        opacity: 0
    }

    [data-aos="mobile-project-link-text"].aos-animate h3, [data-aos="mobile-project-link-text"].aos-animate h4, [data-aos="mobile-project-link-text"].aos-animate + button {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    [data-aos="mobile-project-link-text"].aos-animate
    h3 {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.9s cubic-bezier(0, 0, 0.4, 1), opacity 0.9s linear;
        transition: transform 0.9s cubic-bezier(0, 0, 0.4, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1)
    }

    [data-aos="mobile-project-link-text"].aos-animate
    h4 {
        -webkit-transition: opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1), opacity 0.75s linear 0.15s;
        transition: transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1), opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1)
    }

    [data-aos="mobile-project-link-text"].aos-animate + button {
        -webkit-transition: opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1), opacity 0.6s 0.3s linear;
        transition: transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1), opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1)
    }
}

@media (max-width: 767px) {
    [data-aos="home-case"] + h2, [data-aos="home-case"] ~ p, [data-aos="home-case"] ~ button {
        -webkit-transform: translate3d(0, 24px, 0);
        transform: translate3d(0, 24px, 0);
        opacity: 0
    }

    [data-aos="home-case"].aos-animate + h2, [data-aos="home-case"].aos-animate ~ p, [data-aos="home-case"].aos-animate ~ button {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    [data-aos="home-case"].aos-animate + h2 {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.9s cubic-bezier(0, 0, 0.4, 1), opacity 0.9s linear;
        transition: transform 0.9s cubic-bezier(0, 0, 0.4, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1)
    }

    [data-aos="home-case"].aos-animate ~ p {
        -webkit-transition: opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1), opacity 0.75s linear 0.15s;
        transition: transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1), opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1)
    }

    [data-aos="home-case"].aos-animate ~ button {
        -webkit-transition: opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1), opacity 0.6s 0.3s linear;
        transition: transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1), opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1)
    }
}

[data-aos='service-fact'] {
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

[data-aos='service-fact'] .number, [data-aos='service-fact'] h3, [data-aos='service-fact'] + dd {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

[data-aos='service-fact'] .number {
    -webkit-transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 1s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s linear;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[data-aos='service-fact'] h3 {
    -webkit-transition: opacity 0.8s linear 0.2s, color 0.45s ease, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: opacity 0.8s linear 0.2s, color 0.45s ease, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s, color 0.45s ease;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s, color 0.45s ease, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s
}

[data-aos='service-fact'] .drawer-button {
    -webkit-transform: translateY(-50%) translateY(100px);
    transform: translateY(-50%) translateY(100px);
    opacity: 0
}

[data-aos='service-fact'] + dd {
    -webkit-transition: opacity 1s linear 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: opacity 1s linear 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 1s linear 0.2s;
    transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 1s linear 0.2s, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s
}

[data-aos='service-fact'].aos-animate {
    -webkit-transform: none;
    transform: none
}

[data-aos='service-fact'].aos-animate .number, [data-aos='service-fact'].aos-animate h3, [data-aos='service-fact'].aos-animate + dd {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

[data-aos='service-fact'].aos-animate .drawer-button {
    -webkit-transform: translateY(-50%) translate3d(0, 0, 0);
    transform: translateY(-50%) translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition: opacity 0.7s linear 0.3s, border 0.25s ease-in-out, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: opacity 0.7s linear 0.3s, border 0.25s ease-in-out, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0.7s linear 0.3s, border 0.25s ease-in-out;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity 0.7s linear 0.3s, border 0.25s ease-in-out, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s
}

@media (max-width: 1024px) {
    [data-aos='service-fact'] {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    [data-aos='service-fact'] .number, [data-aos='service-fact'] h3, [data-aos='service-fact'] + dd {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }

    [data-aos='service-fact'] .drawer-button {
        -webkit-transform: translateY(-50%) translateY(30px);
        transform: translateY(-50%) translateY(30px)
    }
}

[data-aos='pair-blocks'] {
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
    -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear;
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[data-aos='pair-blocks']:nth-of-type(2) {
    -webkit-transition: opacity 0.8s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: opacity 0.8s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s
}

[data-aos='pair-blocks']:nth-of-type(3) {
    margin-top: -150px;
    margin-bottom: 150px
}

[data-aos='pair-blocks'].aos-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

[data-aos='pair-blocks'].aos-animate:nth-of-type(3) {
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 1024px) {
    [data-aos='pair-blocks'] {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
}

@media (max-width: 767px) {
    [data-aos='pair-blocks']:nth-of-type(2) {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear;
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

.expertise-blocks.alt [data-aos='pair-blocks']:nth-of-type(2) {
    -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear;
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    margin-top: -150px;
    margin-bottom: 150px
}

.expertise-blocks.alt [data-aos='pair-blocks'].aos-animate:nth-of-type(2) {
    margin-top: 0;
    margin-bottom: 0
}

[data-aos='pair-blocks-2'] {
    -webkit-transform: translateY(150px);
    transform: translateY(150px);
    opacity: 0;
    -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear;
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[data-aos='pair-blocks-2']:nth-of-type(2n+2) {
    -webkit-transition: opacity 0.8s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: opacity 0.8s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s, opacity 0.8s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s
}

[data-aos='pair-blocks-2'].aos-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

[data-aos='pair-blocks-2'].aos-animate:nth-of-type(3) {
    margin-top: 0;
    margin-bottom: 0
}

@media (max-width: 1024px) {
    [data-aos='pair-blocks-2'] {
        -webkit-transform: translateY(60px);
        transform: translateY(60px)
    }
}

@media (max-width: 767px) {
    [data-aos='pair-blocks-2']:nth-of-type(2n+2) {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear;
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
}

@media (max-width: 767px) {
    [data-aos='pair-blocks-sep'] {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0;
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear;
        transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    [data-aos='pair-blocks-sep'].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

[data-aos='links-contact'] a {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

[data-aos='links-contact'] a:first-child {
    -webkit-transition: opacity 0.9s linear 0.7s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: opacity 0.9s linear 0.7s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, opacity 0.9s linear 0.7s;
    transition: transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, opacity 0.9s linear 0.7s, -webkit-transform 0.9s cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s
}

[data-aos='links-contact'] a:last-child {
    -webkit-transition: opacity 0.7s linear 0.9s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: opacity 0.7s linear 0.9s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s, opacity 0.7s linear 0.9s;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s, opacity 0.7s linear 0.9s, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.9s
}

[data-aos='links-contact'].aos-animate
a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

[data-aos='address-contact'] h2, [data-aos='address-contact'] p span, [data-aos='address-contact'] p a, [data-aos='address-contact'] p:after, [data-aos='address-contact'] .contact-social {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear;
    transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[data-aos='address-contact'] h2 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

[data-aos='address-contact'] p:first-of-type
span {
    -webkit-transition-delay: 0.55s;
    transition-delay: 0.55s;
    display: inline-block
}

[data-aos='address-contact'] p:first-of-type span:last-child, [data-aos='address-contact'] p:first-of-type span:nth-last-child(2) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

[data-aos='address-contact'] p:last-of-type
a {
    -webkit-transition-delay: 0.65s;
    transition-delay: 0.65s;
    display: inline-block
}

[data-aos='address-contact'] p:last-of-type a a:last-child {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s
}

[data-aos='address-contact'] .contact-social {
    -webkit-transition-delay: 0.75s;
    transition-delay: 0.75s
}

[data-aos='address-contact'].aos-animate h2, [data-aos='address-contact'].aos-animate p span, [data-aos='address-contact'].aos-animate p a, [data-aos='address-contact'].aos-animate p:after, [data-aos='address-contact'].aos-animate .contact-social {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

@media (max-width: 1024px) {
    [data-aos='address-contact'] h2 {
        -webkit-transition-delay: 1s;
        transition-delay: 1s
    }

    [data-aos='address-contact'] p:first-of-type
    span {
        -webkit-transition-delay: 1.05s;
        transition-delay: 1.05s
    }

    [data-aos='address-contact'] p:first-of-type span:last-child, [data-aos='address-contact'] p:first-of-type span:nth-last-child(2) {
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s
    }

    [data-aos='address-contact'] p:first-of-type:after {
        -webkit-transition-delay: 1.15s;
        transition-delay: 1.15s
    }

    [data-aos='address-contact'] p:last-of-type
    a {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s
    }

    [data-aos='address-contact'] p:last-of-type a a:last-child {
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s
    }

    [data-aos='address-contact'] p:last-of-type:after {
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s
    }

    [data-aos='address-contact'] .contact-social {
        -webkit-transition-delay: 1.35s;
        transition-delay: 1.35s
    }
}

[data-aos='address-contact'][data-aos-alt="no-delay"] h2 {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[data-aos='address-contact'][data-aos-alt="no-delay"] p:first-of-type
span {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s
}

[data-aos='address-contact'][data-aos-alt="no-delay"] p:first-of-type span:last-child, [data-aos='address-contact'][data-aos-alt="no-delay"] p:first-of-type span:nth-last-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s
}

[data-aos='address-contact'][data-aos-alt="no-delay"] p:first-of-type:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s
}

[data-aos='address-contact'][data-aos-alt="no-delay"] p:last-of-type
a {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s
}

[data-aos='address-contact'][data-aos-alt="no-delay"] p:last-of-type a a:last-child {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s
}

[data-aos='address-contact'][data-aos-alt="no-delay"] p:last-of-type:after {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

@media (max-width: 767px) {
    [data-aos="contact-social-mobile"] {
        -webkit-transform: translateY(60px) !important;
        transform: translateY(60px) !important;
        opacity: 0 !important;
        -webkit-transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
        transition: opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
        transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear !important;
        transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.7s linear, -webkit-transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) !important
    }

    [data-aos="contact-social-mobile"].aos-animate {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        opacity: 1 !important
    }
}

[data-aos='project-cats'] .item {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

[data-aos='project-cats'] .item:nth-child(1) {
    -webkit-transition: opacity 0.9s linear 0.4s, -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: opacity 0.9s linear 0.4s, -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
    transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.9s linear 0.4s;
    transition: transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s, opacity 0.9s linear 0.4s, -webkit-transform 0.75s cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s
}

[data-aos='project-cats'] .item:nth-child(2) {
    -webkit-transition: opacity 0.8s linear 0.5s, -webkit-transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: opacity 0.8s linear 0.5s, -webkit-transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
    transition: transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, opacity 0.8s linear 0.5s;
    transition: transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s, opacity 0.8s linear 0.5s, -webkit-transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s
}

[data-aos='project-cats'] .item:nth-child(3) {
    -webkit-transition: opacity 0.7s linear 0.6s, -webkit-transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: opacity 0.7s linear 0.6s, -webkit-transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s;
    transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, opacity 0.7s linear 0.6s;
    transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, opacity 0.7s linear 0.6s, -webkit-transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s
}

[data-aos='project-cats'].aos-animate
.item {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

[data-aos='project-title'] {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

[data-aos='project-title'] .title-line {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
    transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s
}

[data-aos='project-title'] .title-sub-line {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1)
}

[data-aos='project-title'] .title-line:nth-child(1) .title-sub-line {
    -webkit-transition-delay: 0.167s;
    transition-delay: 0.167s
}

[data-aos='project-title'] .title-line:nth-child(2) .title-sub-line {
    -webkit-transition-delay: 0.334s;
    transition-delay: 0.334s
}

[data-aos='project-title'] .title-line:nth-child(3) .title-sub-line {
    -webkit-transition-delay: 0.501s;
    transition-delay: 0.501s
}

[data-aos='project-title'] .title-line:nth-child(4) .title-sub-line {
    -webkit-transition-delay: 0.668s;
    transition-delay: 0.668s
}

[data-aos='project-title'].aos-animate {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-aos='project-title'].aos-animate .title-line {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

[data-aos='project-title'].aos-animate .title-sub-line {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed
}

@media (max-width: 1024px) {
    html {
        position: static
    }
}

body, html {
    background-color: #f2f2f2;
    width: 100%;
    height: 100%
}

.svg-sprite {
    pointer-events: none;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

img {
    display: block;
    width: 100%;
    height: auto
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

.preload
* {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important
}

.wrapper {
    width: 100%
}

.wrapper.loaded {
    opacity: 1
}

.site-main {
    background: #fff
}

section {
    position: relative
}

.bg-grey {
    background-color: #f2f2f2
}

.bg-white {
    background: #fff
}

.bg-black {
    background: #141414
}

.swiper-wrapper {
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1) !important
}

.swiper-slide
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.object-fit-img {
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.object-fit-bg {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.objectfit .object-fit-bg,
.object-fit .object-fit-bg {
    background-image: none !important
}

.no-objectfit .object-fit-img,
.no-object-fit .object-fit-img {
    display: none !important
}

.no-objectfit video.object-fit-img,
.no-object-fit video.object-fit-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.site-main {
    overflow: hidden;
    /*padding-bottom: 100px;*/
}

.title-line {
    position: relative;
    overflow: hidden
}

.section-intro .txt-box {
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.section-intro .txt-box.small-box{
    min-height: 60vh
}
.section-intro .pre-title {
    display: inline-block;
    font-family: "Maven Pro", sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #141414;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 5px
}

.section-intro
h1 {
    margin-top: 40px;
    font-size: 5rem;
    letter-spacing: 0;
    line-height: 1.1;
    font-weight: 700
}

.section-intro h1 .title-line {
    position: relative;
    overflow: hidden
}

.section-intro
h2 {
    margin-top: 24px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.778
}

.section-intro .cover-box {
    width: calc(1058px + ((100% - 1058px) / 2));
    margin-left: auto;
    margin-right: 0;
    height: auto;
    min-height: 625px;
    overflow: hidden
}

.section-intro .cover-box > div {
    height: 100%
}

.section-intro .cover-box img, .section-intro .cover-box
video {
   /* height: calc(100% - -240px);
    top: -120px*/
    height: auto;
    top: 0;
}

.section-intro.with-plx
.strip {
    position: absolute;
    height: 350px;
    width: 100%;
    bottom: -240px;
    left: 0;
    display: none;
}

.section-intro.with-plx .strip > div {
    background: #141414;
    width: 100%;
    height: 100%
}

.section-intro.with-cover.with-plx .strip > div {
    background: #f2f2f2
}

.section-intro.no-cover {
    padding-top: 200px;
    padding-bottom: 80px
}

.section-intro.no-cover .txt-box {
    height: auto
}

.observer-bg-reverse {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: calc(100% - -25px)
}

.observer-visible {
    width: 100%
}

.section-listing-services {
    background: #141414;
    color: #fff;
    padding-top: 70px;
    will-change: transform, opacity
}

.section-listing-services .serif-title {
    z-index: 200;
    pointer-events: none
}

.listing-services {
    position: static;
    padding: 20px 0 50px
}

.listing-service
.flex {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.listing-service
h3 {
    font-size: 3.6rem;
    font-weight: 700;
    letter-spacing: 0;
    color: #fff
}

.listing-service
li {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.3rem;
    line-height: 2;
    font-weight: 300;
    letter-spacing: 0.08em;
    color: #fff;
    -webkit-transition: color 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: color 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    padding-left: 19px;
    position: relative
}

.listing-service li:before {
    content: '\002D\0020';
    position: absolute;
    top: 0;
    left: 0
}

.listing-service
span.more {
    text-align: right;
    color: #fff;
    margin-top: 4px;
    height: 100%;
    font-family: "Maven Pro", sans-serif;
    font-weight: 700;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
}

.listing-service span.more
svg {
    fill: #fff
}

.listing-service span.more:after {
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    width: 100%;
    height: 1px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.listing-service span.more-alt {
    display: none
}

.listing-service .img-hover-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.listing-service .img-hover, .listing-service .video-box {
    z-index: 1;
    opacity: 0;
    will-change: transform, opacity
}

.listing-service .video-box {
    height: 100%
}

.listing-service
a {
    display: block;
    position: relative;
    z-index: 100;
    padding: 46px 0
}

.listing-service a > *, .listing-service a:after {
    pointer-events: none
}

.listing-service a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.25);
    position: absolute;
    bottom: 0;
    left: 0
}

.listing-service a:before {
    content: '';
    display: block;
    position: absolute;
    width: 1058px;
    height: calc(100% - -9px);
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-10px);
    transform: translateX(-50%) translateY(-10px);
    opacity: 0;
    -webkit-transition: opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-box-shadow: inset 0px 0px 0px 9px #fff;
    box-shadow: inset 0px 0px 0px 9px #fff
}
.listing-service p{
    color: #fff;
    font-size: 1.3rem;
    line-height: 2;
    font-weight: 300;
    letter-spacing: 0.08em;
}
@media (min-width: 1025px) {
    .listing-service a:hover:before {
        -webkit-transition: none;
        transition: none;
        opacity: 1
    }

    .listing-service a:hover
    li {
        color: #fff
    }

    .listing-service a:hover
    span.more {
        -webkit-transform: translateX(16px);
        transform: translateX(16px)
    }

    .listing-service a:hover span.more:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@media (max-width: 1024px) {
    .listing-service a:hover {
        border-color: #fff;
        -webkit-transition: border 0.3s ease-in-out;
        transition: border 0.3s ease-in-out
    }
}

.listing-service:first-child
a {
    padding-top: 55px
}

.listing-service:first-child a:before {
    top: 9px;
    height: 100%
}

.listing-service:last-child a:after {
    content: none
}

@-webkit-keyframes hover-bg-zoom {
    from {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.75
    }
}

@keyframes hover-bg-zoom {
    from {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.75
    }
}

@-webkit-keyframes hover-bg-hide {
    from {
        opacity: 0.75
    }
    to {
        opacity: 0
    }
}

@keyframes hover-bg-hide {
    from {
        opacity: 0.75
    }
    to {
        opacity: 0
    }
}

.section-cta {
    padding: 116px 0 132px;
    overflow: hidden
}

.section-cta.works-alt .cta-bg-works {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2
}

.cta {
    display: block;
    padding: 80px 0;
    position: relative
}

.cta:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.cta > div {
    position: relative
}

.cta
h2 {
    font-size: 3rem;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0
}

.cta
p {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 2;
    letter-spacing: 0
}

.cta:hover:before {
    -webkit-transform: scale(0.95, 0.9);
    transform: scale(0.95, 0.9)
}

@media (max-width: 1365px) {
    .section-intro .pre-title {
        font-size: 1.2rem
    }

    .section-intro
    h1 {
        margin-top: 30px;
        font-size: 4rem
    }

    .section-intro
    h2 {
        font-size: 1.6rem;
        line-height: 1.95
    }

    .section-intro .cover-box {
        width: calc(828px + ((100% - 828px) / 2));
        margin-left: auto;
        margin-right: 0;
        height: 65vh;
        min-height: 500px;
        max-height: 650px
    }

    .listing-service a:before {
        width: 828px
    }

    .listing-service a:hover span.more-alt {
        -webkit-transition: none;
        transition: none;
        border-color: #fff
    }

    .listing-service
    li {
        font-size: 1.3rem
    }

    .listing-service
    span.more {
        display: none
    }

    .listing-service span.more-alt {
        display: block;
        width: 50px;
        height: 50px;
        border: 1px solid #fff;
        border: 1px solid rgba(255, 255, 255, 0.3);
        -webkit-transition: border 0.4s ease-in-out;
        transition: border 0.4s ease-in-out;
        border-radius: 50%
    }

    .listing-service span.more-alt
    svg {
        fill: #fff;
        -webkit-filter: invert(1);
        filter: invert(1);
        width: 100%;
        height: 100%
    }

    .cta {
        padding: 68px 0
    }

    .cta
    h2 {
        font-size: 2.6rem;
        margin-bottom: 10px
    }

    .cta
    p {
        font-size: 1.6rem
    }
}

@media (max-width: 1024px) {
    .section-intro .txt-box {
        padding: 140px 0;
        max-height: 760px
    }

    .section-intro
    h1 {
        margin-top: 25px
    }

    .section-intro
    h2 {
        margin-top: 32px;
        font-size: 1.6rem;
        line-height: 2
    }

    .section-intro .cover-box {
        width: calc(595px + ((100% - 595px) / 2));
        margin-left: auto;
        margin-right: 0;
        height: 480px;
        min-height: 480px;
        max-height: 480px
    }

    .section-intro .cover-box img, .section-intro .cover-box
    video {
        height: 100%;
        top: 0
    }

    .section-intro.no-cover {
        padding-top: 160px;
        padding-bottom: 80px
    }

    .section-intro.no-cover .txt-box {
        padding: 0;
        height: auto;
        min-height: 0
    }

    .section-listing-services {
        padding-top: 70px
    }

    .listing-services {
        padding: 40px 0 50px
    }

    .listing-service
    .flex {
        margin: 0 auto;
        display: block
    }

    .listing-service
    a {
        border: 1px solid #404040;
        margin-bottom: 54px
    }

    .listing-service a:before, .listing-service a:after {
        content: none
    }

    .listing-service
    h3 {
        margin-bottom: 36px
    }

    .listing-service
    ul {
        -webkit-columns: 200px 2;
        -moz-columns: 200px 2;
        columns: 200px 2;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
        -webkit-column-rule: 1px solid #404040;
        -moz-column-rule: 1px solid #404040;
        column-rule: 1px solid #404040
    }

    .listing-service
    .viewmore {
        position: absolute;
        top: 46px;
        right: 35px
    }

    .listing-service .img-hover-container {
        display: none
    }

    .section-cta {
        padding: 60px 0 66px
    }

    .cta {
        padding: 50px 0;
        text-align: center
    }

    .cta .inner-cta {
        display: block
    }

    .cta
    h2 {
        font-size: 2.6rem;
        margin-bottom: 10px
    }

    .cta
    p {
        font-size: 1.6rem
    }

    .cta
    button {
        margin-top: 24px
    }
}

@media (max-width: 767px) {
    .section-intro .txt-box {
        padding: 140px 0 70px;
        min-height: 0;
        height: auto
    }

    .section-intro .pre-title {
        font-size: 1.1rem
    }

    .section-intro
    h1 {
        font-size: 3rem;
        line-height: 1.2
    }

    .section-intro
    h2 {
        margin-top: 24px;
        line-height: 1.875
    }

    .section-intro .cover-box {
        width: 100%;
        height: 100vw;
        max-height: 480px
    }

    .section-intro.no-cover {
        padding-top: 140px;
        padding-bottom: 42px
    }

    .section-intro.with-plx
    .strip {
        display: none
    }

    .section-listing-services {
        padding-top: 50px
    }

    .listing-services {
        padding: 20px 0 30px
    }

    .listing-service
    a {
        margin-bottom: 27px;
        padding: 32px 0
    }

    .listing-service:first-child
    a {
        padding: 32px 0
    }

    .listing-service
    h3 {
        font-size: 2.8rem;
        margin-bottom: 32px
    }

    .listing-service
    ul {
        -webkit-columns: 200px 2;
        -moz-columns: 200px 2;
        columns: 200px 2;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
        -webkit-column-rule: 1px solid #404040;
        -moz-column-rule: 1px solid #404040;
        column-rule: 1px solid #404040
    }

    .listing-service
    li {
        font-size: 1.2rem;
        font-weight: 300;
        letter-spacing: 0.05em;
        line-height: 2.16;
        position: relative
    }

    .listing-service
    .viewmore {
        position: relative;
        top: 0;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 30px
    }

    .listing-service
    span.more {
        margin-top: 0;
        padding-left: 0;
        font-size: 1rem;
        display: block
    }

    .listing-service span.more
    svg {
        display: none
    }

    .section-cta {
        padding: 45px 0 50px
    }

    .cta {
        padding: 40px 0;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }

    .cta:before {
        content: none
    }

    .cta
    h2 {
        font-size: 2.4rem;
        margin-bottom: 12px
    }

    .cta
    p {
        font-size: 1.4rem
    }

    .cta
    button {
        margin-top: 20px
    }

    .cta h2, .cta p, .cta
    button {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0
    }

    .cta.aos-animate h2, .cta.aos-animate p, .cta.aos-animate
    button {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    .cta.aos-animate
    h2 {
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.9s cubic-bezier(0, 0, 0.4, 1), opacity 0.9s linear;
        transition: transform 0.9s cubic-bezier(0, 0, 0.4, 1), opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0, 0, 0.4, 1)
    }

    .cta.aos-animate
    p {
        -webkit-transition: opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1), opacity 0.75s linear 0.15s;
        transition: transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1), opacity 0.75s linear 0.15s, -webkit-transform 0.75s 0.15s cubic-bezier(0, 0, 0.4, 1)
    }

    .cta.aos-animate
    button {
        -webkit-transition: opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1);
        transition: opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1), opacity 0.6s 0.3s linear;
        transition: transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1), opacity 0.6s 0.3s linear, -webkit-transform 0.6s 0.3s cubic-bezier(0, 0, 0.4, 1)
    }
}

.swiper-default {
    padding-left: calc((100% - 1058px) / 2);
    padding-right: calc((100% - 1058px) / 2);
    overflow: hidden
}

.swiper-default .swiper-wrapper {
    height: 500px
}

.swiper-default .swiper-slide {
    width: auto;
    cursor: pointer
}

.swiper-default .swiper-slide-active {
    pointer-events: none
}

.swiper-default .img-box {
    height: 100%;
    overflow: hidden
}

.swiper-default
img {
    height: 100%;
    width: auto;
    opacity: 0
}

.swiper-default
img.lazyloaded {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 1
}

.no-objectfit .swiper-default img,
.no-object-fit .swiper-default
img {
    height: 500px
}

.swiper-default-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 35px
}

.swiper-default-prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 3px
}

@media (max-width: 1365px) {
    .swiper-default {
        padding-left: calc((100% - 828px) / 2);
        padding-right: calc((100% - 828px) / 2);
        overflow: hidden
    }

    .swiper-default .swiper-wrapper {
        height: 400px
    }
}

@media (max-width: 1024px) {
    .swiper-default {
        padding-left: calc((100% - 595px) / 2);
        padding-right: calc((100% - 595px) / 2);
        overflow: hidden
    }

    .swiper-default .swiper-wrapper {
        height: auto
    }

    .swiper-default .swiper-wrapper .swiper-slide {
        width: 595px
    }

    .swiper-default .img-box {
        height: auto;
        width: 100%
    }

    .swiper-default
    img {
        width: 100%;
        height: auto
    }
}

@media (max-width: 767px) {
    .swiper-default {
        padding-left: calc((100% - 75.625vw) / 2);
        padding-right: calc((100% - 75.625vw) / 2);
        overflow: hidden
    }

    .swiper-default .swiper-wrapper .swiper-slide {
        width: 75.625vw
    }

    .swiper-default-nav {
        display: none
    }
}

.observer-bg-intro {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    background: #415653;
    z-index: 9;
    opacity: .2;
}

.section-home-intro {
    overflow: hidden;
    width: 100%;
    height: 100vh
}

@media (max-width: 1024px) {
    .section-home-intro {
        height: calc(var(--vh, 1vh) * 100)
    }
}

.section-home-intro .video-box {
    position: relative;
    height: 100%
}

.section-home-intro .video-box:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(32, 32, 32, 0.06)
}

.section-home-intro .txt-box {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10
}

.section-home-intro .txt-box
h1 {
    color: #fff;
    letter-spacing: 0;
    line-height: 1.15;
    font-size: 5.4rem;
    font-weight: 700
}

.section-home-intro .txt-box h1 + p {
    padding-top: 30px;
    color: #fff;
    /*font-family: "Maven Pro", sans-serif;*/
    font-weight: 300;
    /*font-style: italic;*/
    font-size: 1.6rem
}

.switch-word-wrapper {
    display: inline-block;
    position: relative
}

.switch-word-wrapper .switch-word {
    -webkit-transform: translateY(64px);
    transform: translateY(64px);
    display: inline-block;
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0
}

.switch-word-wrapper .switch-word:first-child {
    position: relative;
    -webkit-transform: none;
    transform: none
}

.section-home-about {
    text-align: center;
    padding: 104px 0
}

.section-home-about > div {
    will-change: transform
}

.section-home-about
p {
    font-size: 2rem;
    letter-spacing: 0.08em;
    font-weight: 300;
    line-height: 1.8;
    margin-bottom: 58px
}

.section-home-about
a {
    text-align: left
}

.section-home-works {
    will-change: transform;
    padding-top: 108px;
    padding-bottom: 94px
}

.section-home-works .serif-title {
    margin-bottom: 0
}

.section-home-works .go-to {
    text-align: center;
    margin-top: 30px
}

.home-work {
    padding: 60px 0
}

.home-work .img-box {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    min-height: 392px
}

.home-work .img-box
a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
}

.home-work .img-box a > div {
    height: 100%;
    -webkit-transition: -webkit-clip-path 0.6s ease-out;
    transition: -webkit-clip-path 0.6s ease-out;
    transition: clip-path 0.6s ease-out;
    transition: clip-path 0.6s ease-out, -webkit-clip-path 0.6s ease-out;
    -webkit-clip-path: inset(0px 0px);
    clip-path: inset(0px 0px)
}

.home-work .img-box a > div > div {
    height: 100%
}

.home-work .img-box a
img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: transform 1s, filter 0.5s linear;
    transition: transform 1s, filter 0.5s linear, -webkit-transform 1s, -webkit-filter 0.5s linear;
    top: 0;
    height: auto;
}

.home-work .img-box a:hover > div {
    -webkit-clip-path: inset(15px 15px);
    clip-path: inset(15px 15px)
}

.home-work .img-box a:hover
img {
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.home-work .img-box
img {
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out
}

.home-work .txt-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-work .txt-box
a {
    display: block
}

.home-work .txt-box
.number {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    color: #202020;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px
}

.home-work .txt-box .number
em {
    display: block;
    font-style: normal
}

.home-work .txt-box .number
span {
    display: block;
    height: 1px;
    background: #b3b3b3
}

.home-work .txt-box
h2 {
    font-size: 4rem;
    line-height: 1.15;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 22px
}

.home-work .txt-box
p {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.08em;
    color: #666;
    margin-bottom: 22px
}

.home-work .txt-box
button {
    font-weight: 500;
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    text-transform: uppercase
}

.home-work .txt-box .arrow-mobile {
    display: none
}

.home-work:nth-child(2) .img-box {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.home-work:nth-child(2) .txt-box {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: right
}

.home-work:nth-child(2) .txt-box a > div {
    margin-right: 0;
    margin-left: auto
}

.home-work:nth-child(2) .txt-box
.number {
    margin-right: 0;
    margin-left: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.home-work:nth-child(2) .txt-box .number
span {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.home-work:nth-child(2) .txt-box .number
em {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.home-work.aos-animate .img-box {
    -webkit-transition: opacity 0.25s linear, -webkit-clip-path 1s cubic-bezier(0, 0, 0.4, 1);
    transition: opacity 0.25s linear, -webkit-clip-path 1s cubic-bezier(0, 0, 0.4, 1);
    transition: clip-path 1s cubic-bezier(0, 0, 0.4, 1), opacity 0.25s linear;
    transition: clip-path 1s cubic-bezier(0, 0, 0.4, 1), opacity 0.25s linear, -webkit-clip-path 1s cubic-bezier(0, 0, 0.4, 1);
    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1
}

.home-work.aos-animate .img-box
a {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.4, 1);
    transition: -webkit-transform 1s cubic-bezier(0, 0, 0.4, 1);
    transition: transform 1s cubic-bezier(0, 0, 0.4, 1);
    transition: transform 1s cubic-bezier(0, 0, 0.4, 1), -webkit-transform 1s cubic-bezier(0, 0, 0.4, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media (max-width: 1365px) {
    .section-home-intro .txt-box
    h1 {
        line-height: 1.28;
        font-size: 4.5rem
    }

    .section-home-intro .txt-box h1 + p {
        font-size: 1.5rem
    }

    .section-home-about {
        padding: 80px 0
    }

    .section-home-about
    p {
        font-size: 1.8rem;
        line-height: 2;
        margin-bottom: 50px
    }

    .home-work .img-box {
        height: 322px
    }

    .home-work .img-box a > div {
        -webkit-transition: -webkit-clip-path 0.36s ease-out;
        transition: -webkit-clip-path 0.36s ease-out;
        transition: clip-path 0.36s ease-out;
        transition: clip-path 0.36s ease-out, -webkit-clip-path 0.36s ease-out
    }

    .home-work .img-box a:hover > div {
        -webkit-clip-path: inset(8px 8px);
        clip-path: inset(8px 8px)
    }

    .home-work .txt-box
    .number {
        margin-bottom: 0;
        height: 0;
        opacity: 0
    }
}

@media (max-width: 1024px) {
    .section-home-intro .txt-box
    h1 {
        line-height: 1.28;
        font-size: 4rem
    }

    .section-home-intro .txt-box h1 + p {
        padding-top: 20px;
        line-height: 2
    }

    .section-home-works {
        padding-top: 70px;
        padding-bottom: 80px
    }

    .section-home-works .serif-title {
        margin-bottom: 16px
    }

    .section-home-works .go-to {
        margin-top: 56px
    }

    .home-work {
        padding: 32px 0
    }

    .home-work .img-box {
        height: 304px
    }

    .home-work .img-box a > div {
        height: 100%;
        -webkit-transition: none;
        transition: none;
        -webkit-clip-path: inset(0px 0px);
        clip-path: inset(0px 0px)
    }

    .home-work .img-box a > div > div {
        height: 100%
    }

    .home-work .img-box a
    img {
        top: 0;
        height: 100%;
        -webkit-transition: none;
        transition: none
    }

    .home-work .img-box a:hover > div {
        -webkit-clip-path: inset(0px 0px);
        clip-path: inset(0px 0px)
    }

    .home-work .img-box a:hover
    img {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: none;
        transform: none
    }

    .home-work .img-box
    img {
        -webkit-transition: none;
        transition: none
    }

    .home-work .txt-box
    h2 {
        font-size: 3rem;
        margin-bottom: 16px
    }

    .home-work .txt-box
    p {
        margin-bottom: 16px
    }

    .home-work .txt-box
    button {
        font-size: 1.1rem
    }
}

@media (max-width: 767px) {
    .section-home-intro .txt-box
    h1 {
        line-height: 1.2;
        font-size: 3rem
    }

    .section-home-intro .txt-box h1 + p {
        padding-top: 10px;
        line-height: 1.7
    }

    .section-home-about {
        padding: 54px 0;
        text-align: left
    }

    .section-home-about
    p {
        text-align: left;
        margin-bottom: 30px
    }

    .section-home-works {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .section-home-works .serif-title {
        margin-bottom: 12px
    }

    .section-home-works .go-to {
        margin-top: 24px
    }

    .home-work {
        padding: 24px 0;
        display: block
    }

    .home-work .img-box {
        -webkit-clip-path: none;
        clip-path: none;
        height: 53.75vw
    }

    .home-work .img-box
    a {
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none
    }

    .home-work .img-box a
    img {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: -webkit-transform 1.2s cubic-bezier(0, 0, 0.4, 1);
        transition: -webkit-transform 1.2s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 1.2s cubic-bezier(0, 0, 0.4, 1);
        transition: transform 1.2s cubic-bezier(0, 0, 0.4, 1), -webkit-transform 1.2s cubic-bezier(0, 0, 0.4, 1)
    }

    .home-work .txt-box
    a {
        padding: 26px 0 36px;
        display: block;
        background: #fff
    }

    .home-work .txt-box a > div {
        min-height: 118px
    }

    .home-work .txt-box a.animated button em, .home-work .txt-box a.animated button:before {
        -webkit-animation: none;
        animation: none
    }

    .home-work .txt-box a:hover span:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s
    }

    .home-work .txt-box a:hover span:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
    }

    .home-work .txt-box
    h2 {
        font-size: 1.1rem;
        font-family: "Maven Pro", sans-serif;
        font-weight: 300;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        margin-bottom: 12px
    }

    .home-work .txt-box
    p {
        padding-bottom: 60px;
        margin-bottom: 0;
        font-weight: 700;
        font-size: 1.7rem;
        letter-spacing: 0.025em;
        line-height: 1.2;
        color: #141414
    }

    .home-work .txt-box
    button {
        font-size: 1rem;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 6px
    }

    .home-work .txt-box button
    span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px
    }

    .home-work .txt-box button span:before, .home-work .txt-box button span:after {
        content: '';
        display: block;
        background: #141414;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .home-work .txt-box button span:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .home-work .txt-box .arrow-mobile {
        display: none;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid rgba(0, 0, 0, 0.25);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .home-work .txt-box .arrow-mobile
    svg {
        fill: #141414;
        width: 7px;
        height: 10px
    }

    .home-work:nth-child(2) .txt-box {
        text-align: left
    }

    .home-work:nth-child(2) .txt-box a > div {
        margin-right: auto
    }

    .home-work.aos-animate .img-box a
    img {
        -webkit-transform: none;
        transform: none
    }
}

.section-about-hww {
    padding-top: 142px;
    padding-bottom: 130px;
    will-change: transform
}

.section-about-hww
.columns {
    margin-top: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.section-about-hww .columns:before {
    content: '';
    top: 0;
    display: block;
    position: absolute;
    height: 100%;
    width: 1px;
    background: #d9d9d9;
    right: 50%
}

.section-about-hww .columns
p {
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.08em;
    width: 50%
}

.section-about-hww .columns p:first-child {
    margin-right: 69px
}

.section-about-hww .columns p:last-child {
    margin-left: 69px
}

.swiper-about-hww-container {
    padding-top: 108px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.swiper-about-overflow {
    width: calc(919px + ((100vw - 1058px) / 2));
    margin-left: auto;
    margin-right: calc((100vw - 1058px) / -2);
    position: relative;
    overflow: hidden;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.swiper-about-hww .swiper-slide {
    cursor: pointer;
    width: 756px
}

.swiper-about-hww .swiper-slide > div {
    height: 504px
}

.swiper-about-hww .swiper-slide
img {
    height: calc(504px - -240px);
    top: -120px;
    opacity: 0
}

.swiper-about-hww .swiper-slide
img.lazyloaded {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 1
}

.swiper-about-hww .swiper-slide-active {
    pointer-events: none
}

.swiper-about-nav {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.swiper-about-prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-top: 3px
}

.section-about-services {
    padding: 150px 0;
    will-change: transform;
    z-index: 2
}

.about-services {
    padding-top: 80px
}

.about-service
h3 {
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
    margin-bottom: 28px;
    position: relative
}

.about-service h3:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    bottom: -1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.33s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.33s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.33s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.33s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.33s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    will-change: transform
}

.about-service h3, .about-service
ul {
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transition: transform 0.4s ease-out, -webkit-transform 0.4s ease-out
}

.about-service
li {
    font-size: 1.2rem;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #666;
    line-height: 2.16;
    position: relative
}

.about-service .arrow-mobile {
    display: none
}

.about-service .arrow-desktop {
    width: 32px;
    height: 7px;
    overflow: hidden;
    position: relative;
    margin-top: 30px
}

.about-service .arrow-desktop
svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.about-service .arrow-desktop svg:first-child {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%)
}

.about-service
a {
    display: block;
    position: relative
}

.about-service a:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-transform: scale(0.95, 0.9);
    transform: scale(0.95, 0.9);
    width: 276px;
    margin-left: -46px;
    top: -40px;
    height: calc(100% - -80px);
    opacity: 0;
    -webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.7s ease, -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1)
}

@media (min-width: 1025px) {
    .about-service a:hover:before {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .about-service a:hover h3, .about-service a:hover
    ul {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    .about-service a:hover h3:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.about-service a.animated .arrow-desktop svg:first-child {
    -webkit-animation: a-s-arrow-1 0.5s ease;
    animation: a-s-arrow-1 0.5s ease
}

.about-service a.animated .arrow-desktop svg:last-child {
    -webkit-animation: a-s-arrow-2 0.5s ease;
    animation: a-s-arrow-2 0.5s ease
}

@-webkit-keyframes a-s-arrow-1 {
    from {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes a-s-arrow-1 {
    from {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes a-s-arrow-2 {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

@keyframes a-s-arrow-2 {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    to {
        -webkit-transform: translateX(150%);
        transform: translateX(150%)
    }
}

.swiper-about-hww-mobile-container {
    display: none
}

.section-about-video {
    background: #fff;
    position: relative
}

.section-about-video .grey-underlay {
    display: block;
    width: 100%;
    height: calc(50% - -300px);
    background: #f2f2f2;
    position: absolute;
    top: 0
}

.section-about-video .video-box {
    height: calc(1058px * 9 / 16)
}

.section-about-video .video-box > div {
    background: #000;
    height: 100%
}

.section-about-video
video {
    position: relative;
    cursor: auto;
    opacity: 1;
    will-change: opacity;
    -webkit-transition: opacity 0.8s ease-in-out;
    transition: opacity 0.8s ease-in-out
}

.section-about-video
video.lazy {
    opacity: 0
}

.section-about-video .video-mobile {
    display: none
}

@media (max-width: 767px) {
    .section-about-video [data-aos^='appear'] {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .section-about-video [data-aos^='appear'] .appear-clip {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    .section-about-video
    video {
        will-change: opacity, transform;
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .section-about-video
    video.lazy {
        opacity: 0;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0)
    }

    .section-about-video .video-destkop {
        display: none
    }

    .section-about-video .video-mobile {
        display: block
    }
}

.section-about-clients {
    padding-top: 176px;
    padding-bottom: 144px
}

.section-about-clients .about-clients {
    padding-top: 100px
}

.section-about-clients .about-client {
    width: 21%;
    margin-bottom: 80px
}

.section-about-clients .about-client
img {
    max-width: 150px;
    display: block;
    margin: 0 auto;
    opacity: 0
}

.section-about-clients .about-client
img.lazyloaded {
    -webkit-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    opacity: 1
}

.section-about-stats {
    padding-bottom: 20px
}

.section-about-stats .img-box {
    margin-top: 96px;
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: calc(367px + ((100vw - 1058px) / 2));
    margin-left: auto;
    margin-right: calc((100vw - 1058px) / -2);
    padding-left: 28px
}

.section-about-stats .img-box .inner-img {
    margin-top: -80px;
    width: 100%;
    max-width: 600px;
    height: 738px
}

.section-about-stats .img-box
img {
    top: -80px;
    height: calc(100% - -160px)
}

.section-about-stats .txt-box {
    padding-top: 222px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.about-stats {
    margin-right: 0;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 70px
}

.about-stat {
    margin-right: 46px
}

.about-stat
.chiffre {
    letter-spacing: 0;
    font-size: 5.6rem;
    font-weight: 300;
    font-family: "Maven Pro", sans-serif;
    display: block;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 22px
}

.about-stat .chiffre:before {
    position: absolute;
    bottom: 0;
    display: block;
    left: -15px;
    width: 25px;
    height: 1px;
    background: #ccc;
    content: ''
}

.about-stat .chiffre + span {
    font-size: 1rem;
    font-family: "Maven Pro", sans-serif;
    font-weight: 300;
    color: #202020;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    display: block;
    line-height: 2em
}

.section-about-team {
    overflow: hidden;
    will-change: transform
}

.swiper-team-container {
    padding-top: 78px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swiper-team-overflow {
    width: calc(1057px + ((100vw - 1058px) / 2));
    margin-left: auto;
    margin-right: calc((100vw - 1058px) / -2);
    position: relative
}

.swiper-team {
    height: 248px;
    margin-left: 0
}

.swiper-team .img-box {
    position: relative;
    height: 100%;
    overflow: hidden
}

.swiper-team .img-box > div {
    height: 100%
}

.swiper-team .img-box
img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    /*height: calc(100% - -120px);*/
    /*top: -60px;*/
    left: 0;
    will-change: transform;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.swiper-team .img-box img:last-child {
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s ease, -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s ease, transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.4s ease, transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.7s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.swiper-team .img-box:hover
img {
    -webkit-transform: scale(1.06);
    transform: scale(1.06)
}

.swiper-team .img-box:hover img:last-child {
    opacity: 1
}

@media (min-width: 1025px) {
    .swiper-team .s-team-hover {
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
        transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

    .swiper-team .swiper-slide:hover .s-team-hover {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.swiper-team
hgroup {
    position: absolute;
    bottom: 60px;
    left: 46px;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    line-height: 1.625;
    pointer-events: none;
    z-index: 2;
    will-change: transform, opacity
}

.swiper-team hgroup
h4 {
    font-weight: 300
}

.swiper-team hgroup
h5 {
    font-weight: 500
}

.swiper-team
a {
    display: block;
    background: #141414;
    padding: 46px 46px 42px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.swiper-team a:hover
button {
    background: #fff
}

.swiper-team a:hover button em, .swiper-team a:hover button:before {
    color: #141414
}

.swiper-team a > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.swiper-team a
h4 {
    font-size: 2.4rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.29
}

.swiper-team a
button {
    font-size: 1rem;
    width: 100%
}

.swiper-team-nav {
    margin-top: 50px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.swiper-team-prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 3px
}

.no-objectfit .swiper-team img,
.no-object-fit .swiper-team
img {
    height: 100%;
    top: 0
}

@media (max-width: 1365px) {
    .section-about-hww {
        padding-bottom: 100px
    }

    .section-about-hww
    .columns {
        margin-top: 54px
    }

    .section-about-hww .columns p:first-child {
        margin-right: 54px
    }

    .section-about-hww .columns p:last-child {
        margin-left: 54px
    }

    .swiper-about-hww-container {
        padding-top: 94px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .swiper-about-overflow {
        width: calc(755px + ((100vw - 828px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 828px) / -2))
    }

    .swiper-about-hww .swiper-slide {
        width: 595px
    }

    .swiper-about-hww .swiper-slide > div {
        height: 404px
    }

    .swiper-about-hww .swiper-slide
    img {
        height: calc(404px - -240px);
        top: -120px
    }

    .section-about-services {
        padding-bottom: 140px
    }

    .about-service .arrow-desktop {
        display: none
    }

    .about-service .arrow-mobile {
        padding-top: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        font-size: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .about-service .arrow-mobile
    em {
        font-weight: 500;
        font-size: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-style: normal
    }

    .about-service .arrow-mobile
    span {
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .about-service .arrow-mobile span
    svg {
        fill: #141414;
        width: 50px;
        height: 50px
    }

    .about-service
    a {
        height: 100%;
        padding-bottom: 70px
    }

    .about-service a:before {
        width: 252px;
        margin-left: -36px
    }

    .section-about-video .video-box {
        height: calc(828px * 9 / 16)
    }

    .section-about-clients {
        padding-top: 110px;
        padding-bottom: 100px
    }

    .section-about-clients .about-client
    img {
        max-width: 132px
    }

    .section-about-stats {
        padding-bottom: 40px
    }

    .section-about-stats .img-box {
        width: calc(323px + ((100vw - 828px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 828px) / -2));
        padding-left: 0;
        margin-top: 0;
        padding-top: 0
    }

    .section-about-stats .img-box .inner-img {
        margin-top: 0;
        -webkit-transform: none !important;
        transform: none !important;
        height: 702px
    }

    .section-about-stats .img-box .inner-img > div {
        height: 100%
    }

    .section-about-stats .txt-box {
        padding-top: 112px
    }

    .about-stats {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 60px
    }

    .about-stat {
        margin-right: 36px;
        margin-bottom: 55px
    }

    .about-stat
    .chiffre {
        font-size: 5.2rem
    }

    .swiper-team-container {
        padding-top: 63px
    }

    .swiper-team-overflow {
        width: calc(827px + ((100vw - 828px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 828px) / -2))
    }

    .swiper-team {
        height: 500px
    }

    .swiper-team
    hgroup {
        bottom: 30px;
        left: 28px;
        right: 28px
    }

    .swiper-team hgroup h4, .swiper-team hgroup
    h5 {
        letter-spacing: 0;
        font-size: 1.4rem;
        letter-spacing: 0.05em
    }

    .swiper-team
    a {
        padding: 48px 28px 36px
    }

    .swiper-team a
    h4 {
        font-size: 2.2rem
    }

    .swiper-team-nav {
        position: absolute;
        top: -96px;
        right: 0
    }
}

@media (max-width: 1024px) {
    .section-about-hww {
        padding-top: 100px;
        padding-bottom: 80px
    }

    .section-about-hww
    .columns {
        display: block
    }

    .section-about-hww .columns
    p {
        width: 100%
    }

    .section-about-hww .columns p:first-child {
        margin-right: 35px;
        margin-bottom: 30px;
        margin-right: 0
    }

    .section-about-hww .columns p:last-child {
        margin-left: 35px;
        margin-left: 0
    }

    .section-about-hww .columns:before {
        content: none
    }

    .swiper-about-hww-container {
        padding-top: 65px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .swiper-about-overflow {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .swiper-about-hww {
        margin-left: 0;
        padding-left: calc((100% - 595px) / 2);
        padding-right: calc((100% - 595px) / 2);
        width: 100%
    }

    .swiper-about-hww .swiper-slide {
        width: 595px
    }

    .swiper-about-hww .swiper-slide > div {
        height: auto;
        width: 100%
    }

    .swiper-about-hww .swiper-slide
    img {
        width: 100%;
        height: auto;
        top: 0
    }

    .swiper-about-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 auto 35px;
        width: 595px
    }

    .swiper-about-prev {
        margin-top: 0;
        margin-right: 3px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .swiper-about-next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .section-about-services {
        padding-bottom: 30px
    }

    .about-services {
        padding-top: 40px;
        display: block
    }

    .about-service {
        margin-bottom: 55px
    }

    .about-service
    h3 {
        border-bottom: 0;
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 20px
    }

    .about-service
    ul {
        -webkit-columns: 200px 2;
        -moz-columns: 200px 2;
        columns: 200px 2;
        -webkit-column-rule: 1px solid #ccc;
        -moz-column-rule: 1px solid #ccc;
        column-rule: 1px solid #ccc;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px
    }

    .about-service
    li {
        font-family: "Maven Pro", sans-serif
    }

    .about-service li:before {
        content: '-   ';
        margin-right: 30px;
        display: inline-block
    }

    .about-service .arrow-mobile {
        padding-top: 0;
        position: absolute;
        bottom: auto;
        left: auto;
        right: 52.5px;
        top: 55px;
        width: 50px
    }

    .about-service .arrow-mobile
    em {
        display: none
    }

    .about-service
    a {
        height: auto;
        padding: 50px 52.5px 60px;
        border: 1px solid #d9d9d9;
        -webkit-transition: border 0.5s ease-in-out;
        transition: border 0.5s ease-in-out
    }

    .about-service a:before {
        content: none
    }

    .about-service a:hover {
        border-color: #141414
    }

    .section-about-video {
        background: #f2f2f2
    }

    .section-about-video .grey-underlay {
        display: none
    }

    .section-about-video .video-box {
        height: calc(100vw * 9 / 16);
        max-height: none
    }

    .section-about-video [data-aos="appear"] {
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        overflow: visible !important
    }

    .section-about-video [data-aos="appear"] .appear-clip {
        -webkit-clip-path: none !important;
        clip-path: none !important;
        height: 100%;
        overflow: visible !important;
        -webkit-transform: translate3d(0, 60px, 0);
        transform: translate3d(0, 60px, 0);
        opacity: 0;
        -webkit-transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.9s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        transition: opacity 0.9s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
        background: #141414
    }

    .section-about-video [data-aos="appear"] .appear-translate {
        -webkit-transition: none;
        transition: none
    }

    .section-about-video [data-aos="appear"].aos-animate {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .section-about-video [data-aos="appear"].aos-animate .appear-clip {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .section-about-video [data-aos="appear"].aos-animate
    video {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    .section-about-clients {
        padding-top: 95px;
        padding-bottom: 80px
    }

    .section-about-clients .about-client
    img {
        max-width: 120px
    }

    .section-about-stats {
        padding-bottom: 20px
    }

    .section-about-stats .img-box {
        margin-top: 0;
        width: calc(209px + ((100vw - 595px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 595px) / -2))
    }

    .section-about-stats .img-box .inner-img {
        height: auto
    }

    .section-about-stats .img-box
    img {
        top: 0;
        height: 630px;
        max-height: none
    }

    .section-about-stats .txt-box {
        padding-top: 96px
    }

    .about-stat {
        margin-right: 35px
    }

    .about-stat
    .chiffre {
        font-size: 4.5rem;
        padding-bottom: 0;
        margin-bottom: 14px
    }

    .about-stat .chiffre:before {
        content: none
    }

    .swiper-team-container {
        padding-top: 50px
    }

    .swiper-team-overflow {
        width: calc(804px + ((100vw - 595px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 595px) / -2))
    }

    .swiper-team {
        height: 304px
    }

    .swiper-team
    hgroup {
        bottom: 29px;
        left: 35px;
        right: 35px
    }

    .swiper-team
    a {
        padding: 52.5px 35px 35px
    }

    .swiper-team a
    h4 {
        font-size: 2rem;
        line-height: 1.5;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    .swiper-team a
    button {
        width: 100%
    }

    .swiper-team a:hover
    button {
        background-color: #fff
    }

    .swiper-team a:hover button
    em {
        color: #141414;
        -webkit-transform: translate3d(0, -25px, 0) scaleY(0.3);
        transform: translate3d(0, -25px, 0) scaleY(0.3);
        opacity: 0;
        -webkit-transition: opacity 0.167s linear, color 0.3s ease, -webkit-transform 0.167s linear;
        transition: opacity 0.167s linear, color 0.3s ease, -webkit-transform 0.167s linear;
        transition: transform 0.167s linear, opacity 0.167s linear, color 0.3s ease;
        transition: transform 0.167s linear, opacity 0.167s linear, color 0.3s ease, -webkit-transform 0.167s linear
    }

    .swiper-team a:hover button:before {
        color: #141414;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -webkit-transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease, -webkit-transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
        transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease, -webkit-transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
        transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease;
        transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease, -webkit-transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s
    }

    .swiper-team .img-box
    img {
        height: 100%;
        top: 0;
        -webkit-transition: none;
        transition: none;
        will-change: none;
        opacity: 0 !important;
        /*-webkit-transform: scale(1.15) !important;*/
        /*transform: scale(1.15) !important*/
    }

    .swiper-team .img-box
    img.lazyloaded {
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
        opacity: 1 !important
    }

    .swiper-team .img-box img:first-child {
        display: none
    }

    .swiper-team .img-box img:last-child {
        opacity: 1
    }

    .swiper-team .img-box:hover
    img {
        -webkit-transform: none;
        transform: none
    }

    .swiper-team .img-box:hover img:last-child {
        opacity: 1
    }

    .swiper-team-nav {
        position: relative;
        top: 0;
        margin-top: 35px
    }
}

@media (max-width: 767px) {
    .section-about-hww {
        background: #fff;
        padding-top: 60px;
        padding-bottom: 60px
    }

    .section-about-hww
    .columns {
        margin-top: 40px;
        display: block
    }

    .section-about-hww .columns
    p {
        width: 100%
    }

    .section-about-hww .columns p:first-child {
        padding-bottom: 30px;
        margin: 0
    }

    .section-about-hww .columns p:last-child {
        margin: 0;
        padding-bottom: 0
    }

    .section-about-hww .columns:before {
        content: none
    }

    .swiper-about-hww-container {
        display: none
    }

    .swiper-about-hww-mobile-container {
        display: block;
        padding-top: 50px
    }

    .swiper-about-hww-mobile-container .swiper-slide {
        width: 75.625vw;
        max-width: 450px;
        margin-right: 19px
    }

    .swiper-about-hww-mobile-container .swiper-slide:last-child {
        margin-right: 0
    }

    .swiper-about-hww-mobile-container
    img {
        opacity: 0
    }

    .swiper-about-hww-mobile-container
    img.lazyloaded {
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear;
        opacity: 1
    }

    .section-about-services {
        padding-top: 60px;
        padding-bottom: 55px;
        background: #f2f2f2;
        margin-bottom: 80px;
    }

    .about-service {
        margin-bottom: 25px
    }

    .about-service
    h3 {
        border-bottom: 0;
        font-size: 2.8rem;
        margin-bottom: 0
    }

    .about-service li:before {
        margin-right: 4px
    }

    .about-service li:last-child {
        display: block
    }

    .about-service li:last-child:before {
        content: none
    }

    .about-service .arrow-mobile {
        padding-top: 20px;
        position: relative;
        right: 0;
        top: 0;
        width: 100%
    }

    .about-service .arrow-mobile
    em {
        display: block
    }

    .about-service
    a {
        height: auto;
        padding: 36px 6.875vw 40px;
        border: 1px solid #d9d9d9;
        -webkit-transition: border 0.5s ease-in-out;
        transition: border 0.5s ease-in-out
    }

    .about-service a:before {
        content: none
    }

    .about-service a:hover {
        border-color: #141414
    }

    .section-about-video .video-box {
        height: 100vw;
        max-height: 480px;
        background: #f2f2f2
    }

    .section-about-video .video-box > div {
        background: #f2f2f2
    }

    .section-about-clients {
        padding-top: 60px;
        padding-bottom: 30px
    }

    .section-about-clients .about-client {
        width: 45%
    }

    .section-about-clients .about-client
    img {
        max-width: 110px
    }

    .section-about-clients .about-client:last-child, .section-about-clients .about-client:nth-last-child(2) {
        display: none
    }

    .section-about-stats {
        background: #fff;
        padding-bottom: 50px
    }

    .section-about-stats
    .flex {
        display: block
    }

    .section-about-stats .img-box {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100vw;
        margin-right: 0;
        margin-left: -12.1875vw;
        max-width: none;
        padding: 0
    }
}

@media (max-width: 767px) and (min-width: 595px) {
    .section-about-stats .img-box {
        margin-left: calc((100vw - 450px) / -2)
    }
}

@media (max-width: 767px) {
    .section-about-stats .img-box .inner-img {
        margin-top: 0;
        max-width: none;
        height: auto
    }

    .section-about-stats .img-box
    img {
        top: 0;
        height: 80vh;
        max-height: 480px
    }

    .section-about-stats .txt-box {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 55px
    }

    .about-stat {
        margin-right: 6.875vw
    }
}

@media (max-width: 767px) and (min-width: 595px) {
    .about-stat {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .about-stat:nth-child(2) {
        margin-right: 0
    }

    .about-stat
    .chiffre {
        margin-bottom: 10px
    }

    .about-stat .chiffre + span {
        letter-spacing: 0.1em
    }

    .about-stat .chiffre:before {
        content: none
    }

    .section-about-team {
        background: #fff
    }

    .section-about-team + .section-cta {
        background: #fff
    }

    .swiper-team-container {
        padding-top: 40px
    }

    .swiper-team-overflow {
        width: 87.8125vw;
        max-width: none;
        margin-right: -12.1875vw
    }
}

@media (max-width: 767px) and (min-width: 595px) {
    .swiper-team-overflow {
        width: calc(450px + (100vw - 450px) / 2);
        margin-right: calc((100vw - 450px) / -2)
    }
}

@media (max-width: 767px) {
    .swiper-team {
        max-width: 451px;
        height: 133vw;
        min-height: 425px;
        max-height: 598px
    }

    .swiper-team
    hgroup {
        bottom: 25px;
        left: 29px;
        right: 29px;
        font-size: 1.4rem
    }

    .swiper-team
    a {
        padding: 50px 25px 35px
    }

    .swiper-team a
    button {
        width: 100%
    }

    .swiper-team a
    h4 {
        font-size: 1.8rem
    }

    .swiper-team-nav {
        display: none
    }
}

.main-service .section-listing-services {
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1025px) {
    .main-service .section-listing-services {
        min-height: 100vh
    }
}

.no-objectfit .main-service .section-listing-services,
.no-object-fit .main-service .section-listing-services {
    height: 100vh
}

.section-service-facts {
    background: #141414;
    margin-top: -1px;
    padding-top: 124px;
    padding-bottom: 144px
}

.section-service-facts
h2 {
    color: #fff
}

.section-service-facts .big-title {
    color: #fff;
    margin-bottom: 60px
}

.section-service-facts dl:hover dt
h3 {
    color: #808080
}

.section-service-facts dl dt:hover h3, .section-service-facts dl dt.active
h3 {
    color: #fff
}

.section-service-facts
dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding: 44px 0;
    cursor: pointer;
    position: relative
}

.section-service-facts dt
h3 {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.6;
    color: #fff
}

.section-service-facts dt:hover
.number {
    color: #fff;
    -webkit-transition: none;
    transition: none
}

.section-service-facts dt:hover .drawer-button {
    border-color: white
}

.section-service-facts dt:hover + dd:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.section-service-facts dt.active
.number {
    color: #fff;
    -webkit-transition: none;
    transition: none
}

.section-service-facts dt.active .drawer-button span:before {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

.section-service-facts dt.active .drawer-button span:after {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}

.section-service-facts dt.active + dd:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.section-service-facts
.number {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.1rem;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.3);
    -webkit-transition: color 0.45s ease, opacity 1s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 0.45s ease, opacity 1s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: color 0.45s ease, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s linear;
    transition: color 0.45s ease, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1s linear, -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.section-service-facts .drawer-button {
    width: 50px;
    height: 50px;
    border: 1px solid #313131;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transition: border 0.25s ease-in-out;
    transition: border 0.25s ease-in-out;
    overflow: hidden
}

.section-service-facts .drawer-button span:before, .section-service-facts .drawer-button span:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 2px;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    background: white;
    z-index: 3
}

.section-service-facts .drawer-button span:before {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
}

.section-service-facts
dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 1px;
    overflow: hidden
}

.section-service-facts dd
p {
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 2.18;
    color: #b3b3b3;
    padding-bottom: 58px
}

.section-service-facts dd:after, .section-service-facts dd:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

.section-service-facts dd:before {
    background: #313131
}

.section-service-facts dd:after {
    background: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: -webkit-transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    will-change: transform
}

.section-services-expertise {
    padding-top: 100px
}

.expertise-blocks {
    margin-right: 0;
    margin-left: auto;
    padding-top: 86px
}

.expertise-blocks.alt {
    display: block;
    padding-bottom: 110px
}

.expertise-blocks.alt .expertise-block-img {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 15px
}

.expertise-blocks.alt .expertise-block-img .inner-img {
    height: 740px
}

.expertise-block-txt {
    padding-bottom: 146px;
    position: relative
}

.expertise-block-txt:first-child
.sep {
    display: block;
    width: 59px;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 73px;
    left: 0
}

.expertise-block-txt
h4 {
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 24px
}

.expertise-block-txt p, .expertise-block-txt
ul {
    font-size: 1.2rem;
    font-weight: 300;
    color: #595959;
    letter-spacing: 0.05em;
    line-height: 2.3;
    text-transform: uppercase
}

.expertise-block-txt li:before {
    content: '- '
}

.expertise-block-img {
    margin-top: -100px;
    padding-top: 80px;
    padding-bottom: 80px;
    width: calc(459px + ((100vw - 1058px) / 2));
    margin-left: auto;
    margin-right: calc((100vw - 1058px) / -2)
}

.expertise-block-img .inner-img {
    width: 100%;
    max-width: 600px;
    height: 600px;
    margin-top: -80px
}

.expertise-block-img
img {
    height: calc(100% - -160px);
    top: -80px
}

.section-services-approach {
    padding-top: 0;
    padding-bottom: 78px;
    will-change: transform
}

.section-services-approach
hgroup {
    padding-bottom: 100px
}

.services-approach
li {
    padding-bottom: 78px
}

.services-approach
h4 {
    font-size: 2.2rem;
    font-weight: 500;
    margin-bottom: 24px
}

.services-approach
p {
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 2;
    color: #595959
}

.section-services-projects {
    overflow: hidden
}

.section-services-projects .serif-title {
    margin-bottom: 44px
}

.swiper-projects-container {
    padding-top: 44px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swiper-projets {
    width: 1058px;
    height: 354px
}

.swiper-projets .standalone
a {
    display: block;
    background: #141414;
    padding: 46px;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    will-change: transform
}

.swiper-projets .standalone a:hover
h4 {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.swiper-projets .standalone a:hover
button {
    background: #fff
}

.swiper-projets .standalone a:hover button em, .swiper-projets .standalone a:hover button:before {
    color: #141414
}

.swiper-projets .standalone a > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.swiper-projets .standalone a
h4 {
    font-size: 2.4rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.29;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1)
}

.swiper-projets .standalone a
button {
    font-size: 1rem
}

.other-project .appear-clip {
    width: 100%
}

.other-project
a {
    position: relative;
    display: block;
    height: 354px;
    width: 100%
}

.other-project a:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #141414;
    opacity: 0
}

.other-project a .img-box {
    position: relative;
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-filter 0.5s linear;
    transition: -webkit-filter 0.5s linear;
    transition: filter 0.5s linear;
    transition: filter 0.5s linear, -webkit-filter 0.5s linear
}

.other-project a .img-box > div {
    height: 100%
}

.other-project a .img-box > div > div {
    height: 100%
}

.other-project a .img-box
img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: transform 1s, filter 0.5s linear;
    transition: transform 1s, filter 0.5s linear, -webkit-transform 1s, -webkit-filter 0.5s linear;
    height: calc(100% - -80px);
    top: -40px
}

.other-project a
hgroup {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 46px;
    right: 46px;
    opacity: 0;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.other-project a hgroup
h3 {
    font-size: 1.3rem;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 6px
}

.other-project a hgroup
h4 {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.41;
    color: #fff
}

.other-project a .arrow-laptop {
    display: none
}

.other-project a
button {
    display: none
}

.other-project a:hover .img-box
img {
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.other-project a:hover
hgroup {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.no-objectfit .other-project a .img-box:after,
.no-object-fit .other-project a .img-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear
}

.no-objectfit .other-project a:hover .img-box:after,
.no-object-fit .other-project a:hover .img-box:after {
    opacity: 0.4
}

.swiper-projets-nav {
    margin-top: 34px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.swiper-projets-prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 3px
}

.swiper-projets-pag {
    display: none
}

@media (max-width: 1365px) {
    .section-service-facts dt
    h3 {
        font-size: 2rem
    }

    .expertise-blocks.alt {
        display: block;
        padding-bottom: 140px
    }

    .expertise-blocks.alt .expertise-block-img {
        margin-top: 86px
    }

    .expertise-blocks.alt .expertise-block-img .inner-img {
        height: 680px
    }

    .expertise-block-img {
        margin-top: -77px;
        width: calc(359px + ((100vw - 828px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 828px) / -2))
    }

    .expertise-block-img .inner-img {
        min-height: 550px;
        height: 48vw;
        -webkit-transform: none !important;
        transform: none !important
    }

    .expertise-block-img .inner-img > div {
        height: 100%
    }

    .section-services-approach {
        padding-top: 0;
        margin-top: -80px;
        padding-bottom: 56px
    }

    .swiper-projets {
        width: 822px;
        height: auto
    }

    .swiper-projets .swiper-slide {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto
    }

    .swiper-projets .standalone
    a {
        padding: 52.5px 35px 35px
    }

    .swiper-projets .standalone a
    h4 {
        font-size: 2.2rem
    }

    .section-services-projects {
        padding-top: 20px
    }

    .swiper-projets-nav {
        position: absolute;
        top: -78px;
        right: 0;
        margin-top: 0
    }

    .other-project
    a {
        position: relative;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        background: #fff
    }

    .other-project a:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #141414;
        opacity: 0
    }

    .other-project a .img-box {
        height: 280px
    }

    .other-project a .txt-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .other-project a
    hgroup {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        padding: 40px 28px 70px;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1)
    }

    .other-project a hgroup
    h3 {
        font-size: 1.1rem;
        margin-bottom: 12px;
        color: #141414
    }

    .other-project a hgroup
    h4 {
        font-size: 2rem;
        min-height: 84px;
        color: #141414;
        letter-spacing: 0
    }

    .other-project a .arrow-laptop {
        display: block;
        position: absolute;
        bottom: 8px;
        right: 12px
    }

    .other-project a:hover .img-box
    img {
        -webkit-filter: brightness(1);
        filter: brightness(1)
    }

    .other-project a:hover
    hgroup {
        opacity: 1;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@media (max-width: 1024px) {
    .section-service-facts {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .section-service-facts .big-title {
        margin-bottom: 40px
    }

    .section-service-facts dt
    h3 {
        line-height: 1.6
    }

    .section-service-facts dt
    p {
        padding-right: 10px
    }

    .section-services-expertise {
        padding-top: 100px
    }

    .expertise-blocks {
        padding-top: 66px
    }

    .expertise-blocks.alt {
        display: block;
        padding-bottom: 300px
    }

    .expertise-blocks.alt .expertise-block-img {
        margin-top: 66px
    }

    .expertise-blocks.alt .expertise-block-img .inner-img {
        height: 470px
    }

    .expertise-block-txt {
        padding-bottom: 73px
    }

    .expertise-block-txt:first-child
    .sep {
        display: none
    }

    .expertise-block-img {
        margin-top: 0;
        width: calc(279px + ((100vw - 595px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 595px) / -2))
    }

    .expertise-block-img .inner-img {
        min-height: 0;
        height: 570px
    }

    .expertise-block-img
    img {
        height: 100%;
        top: 0
    }

    .section-services-approach {
        padding-top: 0;
        margin-top: -160px;
        padding-bottom: 40px
    }

    .section-services-approach
    li {
        padding-bottom: 50px
    }

    .services-approach {
        padding-bottom: 40px
    }

    .swiper-projets {
        width: 595px
    }

    .swiper-projets .standalone
    a {
        padding: 40px 25px 35px
    }

    .swiper-projets .standalone a
    h4 {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        font-size: 2rem
    }

    .swiper-projets .standalone a
    button {
        width: 100%
    }

    .other-project
    a {
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .other-project a .img-box {
        height: 200px
    }

    .other-project a .img-box > div {
        height: 100%
    }

    .other-project a .img-box
    img {
        height: 100%;
        top: 0
    }

    .other-project a
    hgroup {
        padding: 30px 28px 58px
    }

    .other-project a hgroup p
    h3 {
        font-size: 1rem;
        margin-bottom: 4px
    }

    .other-project a hgroup
    h4 {
        font-size: 1.7rem;
        line-height: 1.1;
        color: #141414;
        min-height: 72px
    }

    .swiper-projets-nav {
        position: relative;
        top: 0;
        margin-top: 24px;
        right: 0
    }

    .section-services-projects + .section-cta {
        padding-bottom: 136px
    }
}

@media (max-width: 767px) {
    .section-service-facts {
        padding-top: 50px;
        padding-bottom: 75px
    }

    .section-service-facts .big-title {
        margin-bottom: 30px
    }

    .section-service-facts
    dt {
        padding: 28px 0
    }

    .section-service-facts dt
    h3 {
        font-size: 1.6rem;
        letter-spacing: 0.025em;
        line-height: 1.2;
        padding-left: 12px
    }

    .section-service-facts
    .number {
        font-size: 1.1rem
    }

    .section-service-facts .drawer-button {
        width: 36px;
        height: 36px
    }

    .section-service-facts .drawer-button span:before, .section-service-facts .drawer-button span:after {
        width: 10px;
        height: 1px
    }

    .section-service-facts dd
    p {
        padding-left: 12px;
        padding-bottom: 36px
    }

    .section-services-expertise {
        padding-top: 60px
    }

    .expertise-blocks {
        padding-top: 50px;
        display: block
    }

    .expertise-blocks.alt {
        display: block;
        padding-bottom: 0
    }

    .expertise-blocks.alt .expertise-block-img {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 0
    }

    .expertise-blocks.alt .expertise-block-img .inner-img {
        height: 100vw;
        max-height: 480px
    }

    .expertise-block-txt {
        padding-bottom: 80px
    }

    .expertise-block-txt:first-child .sep, .expertise-block-txt
    .sep {
        content: '';
        display: block;
        width: 64px;
        height: 1px;
        background: #d9d9d9;
        position: absolute;
        bottom: 43px;
        left: 0
    }

    .expertise-block-txt:nth-last-child(2) .sep {
        display: none
    }

    .expertise-block-img {
        padding: 0;
        margin-top: 0;
        width: 100vw;
        max-width: none;
        margin-left: -12.1875vw
    }

    .expertise-block-img .inner-img {
        margin-top: 0;
        height: 100vw;
        max-height: 480px;
        max-width: none
    }
}

@media (max-width: 767px) and (min-width: 595px) {
    .expertise-block-img {
        margin-left: calc((100vw - 450px) / -2)
    }
}

@media (max-width: 767px) {
    .section-services-approach {
        background: #fff;
        padding-top: 60px;
        margin-top: 0;
        padding-bottom: 5px
    }

    .section-services-approach
    hgroup {
        padding-bottom: 60px
    }

    .services-approach {
        padding-bottom: 30px
    }

    .section-services-projects {
        padding-top: 60px
    }

    .section-services-projects .serif-title {
        margin-bottom: 20px
    }

    .swiper-projets-container {
        padding-top: 10px
    }

    .swiper-projets {
        width: 75.625vw
    }
}

@media (max-width: 767px) and (min-width: 595px) {
    .swiper-projets {
        max-width: 451px
    }
}

@media (max-width: 767px) {
    .swiper-projets .standalone
    a {
        padding: 50px 25px 35px
    }

    .swiper-projets .standalone a
    h4 {
        font-size: 1.8rem
    }

    .swiper-projets .standalone a
    button {
        width: 100%
    }

    .swiper-projets .standalone a:hover
    button {
        background-color: #fff
    }

    .swiper-projets .standalone a:hover button
    em {
        color: #141414;
        -webkit-transform: translate3d(0, -25px, 0) scaleY(0.3);
        transform: translate3d(0, -25px, 0) scaleY(0.3);
        opacity: 0;
        -webkit-transition: opacity 0.167s linear, color 0.3s ease, -webkit-transform 0.167s linear;
        transition: opacity 0.167s linear, color 0.3s ease, -webkit-transform 0.167s linear;
        transition: transform 0.167s linear, opacity 0.167s linear, color 0.3s ease;
        transition: transform 0.167s linear, opacity 0.167s linear, color 0.3s ease, -webkit-transform 0.167s linear
    }

    .swiper-projets .standalone a:hover button:before {
        color: #141414;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        -webkit-transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease, -webkit-transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
        transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease, -webkit-transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;
        transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease;
        transition: opacity 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s, color 0.3s ease, -webkit-transform 0.4167s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s
    }

    .swiper-projets .swiper-slide:nth-child(3).other-project a h3, .swiper-projets .swiper-slide:nth-child(3).other-project a h4, .swiper-projets .swiper-slide:nth-child(3).other-project a button, .swiper-projets .swiper-slide:nth-child(4).other-project a h3, .swiper-projets .swiper-slide:nth-child(4).other-project a h4, .swiper-projets .swiper-slide:nth-child(4).other-project a button, .swiper-projets .swiper-slide:nth-child(5).other-project a h3, .swiper-projets .swiper-slide:nth-child(5).other-project a h4, .swiper-projets .swiper-slide:nth-child(5).other-project a
    button {
        opacity: 1 !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    .other-project
    a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .other-project a .txt-box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        padding: 26px 6.875vw 36px;
        min-height: 118px
    }

    .other-project a
    hgroup {
        padding: 0
    }

    .other-project a hgroup
    h3 {
        font-size: 1.1rem;
        margin-bottom: 12px
    }

    .other-project a hgroup
    h4 {
        font-size: 1.7rem;
        line-height: 1.2;
        letter-spacing: 0.025em;
        padding-bottom: 60px
    }

    .other-project a .arrow-laptop {
        display: none
    }

    .other-project a
    button {
        font-size: 1rem;
        display: inline-block;
        position: absolute;
        bottom: 36px;
        left: 6.875vw;
        padding-bottom: 6px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.2em;
        text-transform: uppercase
    }

    .other-project a button
    span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px
    }

    .other-project a button span:before, .other-project a button span:after {
        content: '';
        display: block;
        background: #141414;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .other-project a button span:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .other-project a .img-box
    img {
        opacity: 0
    }

    .other-project a .img-box
    img.lazyloaded {
        opacity: 1;
        -webkit-transition: opacity 0.3s linear;
        transition: opacity 0.3s linear
    }

    .other-project a:hover .img-box
    img {
        -webkit-filter: brightness(1);
        filter: brightness(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .other-project a:hover button span:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s
    }

    .other-project a:hover button span:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
    }

    .other-project a .arrow-mobile {
        display: none
    }

    .swiper-projets-nav {
        display: none
    }
}

.main-contact {
    height: 100vh
}

.contact-bg-vid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%
}

@media (max-width: 1024px) {
    .contact-bg-vid {
        top: calc(var(--vh, 1vh) * -18);
        height: calc(var(--vh, 1vh) * 136)
    }
}

.contact-bg-vid:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(32, 32, 32, 0.15);
    z-index: 1;
    content: '';
    display: block
}

.contact-wrapper {
    height: 100%
}

.contact-container {
    position: relative;
    z-index: 2;
    height: 100%
}

.contact-container .col-left
h1 {
    font-size: 5.6rem;
    line-height: 1.14;
    color: #fff;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 24px
}

.contact-container .col-left
p {
    font-size: 1.8rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.778
}

.contact-container .col-left .links-box {
    margin-top: 48px
}

.contact-container .col-right
h2 {
    font-size: 1.2rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 18px
}

.contact-container .col-right
p {
    font-size: 1.2rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.83;
    letter-spacing: 0.08em;
    margin-bottom: 20px
}

.contact-container .col-right p
a {
    color: #fff
}

.contact-social {
    margin-top: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-social .header-social-link {
    border-color: #fff
}

@media (max-width: 1365px) {
    .contact-container .col-left
    h1 {
        font-size: 4.5rem
    }
}

@media (max-width: 1024px) {
    .main-contact {
        height: auto;
        min-height: 100vh
    }

    .contact-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        min-height: 100vh
    }

    .contact-container {
        display: block;
        padding: 138px 0
    }

    .contact-container .col-left {
        padding-bottom: 104px
    }

    .contact-container .col-left
    h1 {
        font-size: 4rem
    }

    .contact-container .col-left .links-box {
        margin-top: 36px
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .contact-container .col-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact-container .col-right
    h2 {
        font-size: 1.5rem;
        width: 100%;
        margin-bottom: 25px
    }

    .contact-container .col-right
    p {
        position: relative;
        padding-right: 80px;
        margin-bottom: 0
    }

    .contact-container .col-right p:after {
        display: block;
        position: absolute;
        right: 40px;
        top: 0;
        content: '';
        width: 1px;
        height: 100%;
        background: rgba(255, 255, 255, 0.2)
    }

    .contact-container .contact-social {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .contact-container {
        display: block;
        padding: 140px 0
    }

    .contact-container .col-left {
        padding-bottom: 54px
    }

    .contact-container .col-left
    h1 {
        font-size: 3rem;
        margin-bottom: 14px
    }

    .contact-container .col-left
    p {
        font-size: 1.4rem
    }

    .contact-container .col-left .links-box {
        margin-top: 54px;
        text-align: center
    }

    .contact-container .col-left .links-box
    a {
        width: 100%;
        margin-bottom: 10px
    }
}

.main-works .section-intro:before {
    content: none
}

.main-works .works-grey-parallax > div {
    position: absolute;
    height: 70px;
    background: #fff;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.main-works .works-grey-parallax + a {
    z-index: 2
}

.section-works-cats {
    margin-top: -63px
}

.accordion-title, .clear-mobile {
    display: none
}

.ajax-cats-loader {
    display: inline-block;
    position: absolute;
    pointer-events: none;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0px;
    height: 36px
}

.ajax-cats-loader
div {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 3px solid #141414;
    position: relative;
    -webkit-animation: lds-ring 1.2s linear infinite;
    animation: lds-ring 1.2s linear infinite
}

.ajax-cats-loader div:after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    position: absolute;
    right: -4px;
    top: -4px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@media (min-width: 768px) {
    .cats-filters {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 38px
    }

    .cats-filters .cat-item {
        padding: 0 36px;
        position: relative
    }

    .cats-filters .cat-item:after {
        position: absolute;
        right: 0;
        content: '';
        top: 0;
        width: 1px;
        height: 100%;
        background: #ccc;
        display: block
    }

    .cats-filters .cat-item
    a {
        font-size: 1.1rem;
        line-height: 25px;
        font-weight: 300;
        letter-spacing: 0.2em;
        color: #808080;
        display: inline-block;
        text-transform: uppercase;
        position: relative
    }

    .cats-filters .cat-item a:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #808080;
        bottom: -4px;
        left: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
        transition: -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
        transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 0.3s cubic-bezier(0.77, 0, 0.175, 1)
    }

    .cats-filters .cat-item:first-child {
        display: none
    }

    .cats-filters .cat-item:nth-child(2) {
        padding-left: 0
    }

    .cats-filters .cat-item:nth-last-child(2):after {
        content: none
    }

    .cats-filters .cat-item.current-cat a:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

    .cats-filters .last-clear {
        position: absolute;
        top: -3px;
        right: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out
    }

    .cats-filters .last-clear
    a {
        font-size: .9rem;
        font-weight: 300;
        color: #808080;
        text-transform: uppercase;
        line-height: 1.5;
        padding-right: 20px;
        display: inline-block;
        position: relative
    }

    .cats-filters .last-clear a span:before, .cats-filters .last-clear a span:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        height: 1px;
        width: 8px;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
        background: #808080;
        transition: transform 0s ease, -webkit-transform 0s ease
    }

    .cats-filters .last-clear a span:after {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    .cats-filters .last-clear a:hover span:before, .cats-filters .last-clear a:hover span:after {
        transition: transform 0.25s ease, -webkit-transform 0.25s ease
    }

    .cats-filters .last-clear a:hover span:before {
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }

    .cats-filters .last-clear a:hover span:after {
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg)
    }

    .cats-filters .last-clear.active {
        visibility: visible;
        opacity: 1
    }

    .accordion-content {
        height: auto !important
    }
}

.section-works-list {
    padding-bottom: 120px
}

.project-link {
    width: calc(50% - 20px);
    margin-bottom: 40px;
    /*height: 350px;*/
    position: relative;
    overflow: hidden
}

.project-link > div {
    height: 100%
}

.project-link
a {
    display: block;
    height: 100%
}

.project-link .img-box {
    height: 100%;
    overflow: hidden;
    position: relative
}

.project-link .img-box > div {
    height: calc(100% - -160px)
}

.project-link .img-box
img {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: -webkit-transform 1s, -webkit-filter 0.5s linear;
    transition: transform 1s, filter 0.5s linear;
    transition: transform 1s, filter 0.5s linear, -webkit-transform 1s, -webkit-filter 0.5s linear;
    top: -60px
}

.project-link
hgroup {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 92px;
    right: 92px;
    opacity: 0;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
    -webkit-transition: opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), opacity 0.7s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.4s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.project-link hgroup
h3 {
    font-size: 1.3rem;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 6px
}

.project-link hgroup
h4 {
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.54;
    color: #fff
}

.project-link button, .project-link .arrow-laptop {
    display: none
}

.project-link a:hover .img-box
img {
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.project-link a:hover
hgroup {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.no-objectfit .project-link .img-box:after,
.no-object-fit .project-link .img-box:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear
}

.no-objectfit .project-link:hover .img-box:after,
.no-object-fit .project-link:hover .img-box:after {
    opacity: 0.4
}

.ajax-wrapper {
    overflow: hidden;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease
}

.ajax-page {
    visibility: hidden;
    display: none
}

.ajax-more-container {
    text-align: center
}

.ajax-more-container .ajax-more {
    margin-top: 60px;
    height: 56px
}

.ajax-more-container .ajax-more.loading {
    -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
    opacity: 0.5;
    pointer-events: none
}

.ajax-more-container .ajax-more.disabled {
    -webkit-transition: opacity 0.3s ease-out, visibility 0.3s ease-out, margin 0.7s ease 0.3s, height 0.7s ease 0.3s, padding 0.7s ease 0.3s;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out, margin 0.7s ease 0.3s, height 0.7s ease 0.3s, padding 0.7s ease 0.3s;
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin-top: 0;
    padding: 0
}

@media (max-width: 1365px) {
    .main-works {
        background: #f2f2f2
    }

    .main-works .section-cta {
        background: #fff
    }

    .main-works .section-cta .cta:before {
        background: #f2f2f2
    }

    .ajax-cats-loader div:after {
        background: #f2f2f2
    }

    .project-link {
        margin-bottom: 32px;
        height: auto
    }

    .project-link .appear-clip:before {
        content: '';
        display: block;
        position: absolute;
        background: #fff;
        bottom: 0;
        width: 100%;
        height: calc(100% - 274px);
        z-index: 0
    }

    .project-link .img-box {
        height: 274px
    }

    .project-link
    hgroup {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: none;
        transition: none;
        padding: 40px 28px 70px;
        -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1)
    }

    .project-link hgroup
    h3 {
        font-size: 1.1rem;
        color: #141414;
        margin-bottom: 12px
    }

    .project-link hgroup
    h4 {
        font-size: 2rem;
        line-height: 1.35;
        color: #141414;
        min-height: 84px
    }

    .project-link .arrow-laptop {
        display: block;
        position: absolute;
        bottom: 8px;
        right: 12px
    }

    .project-link .arrow-mobile {
        display: block
    }

    .project-link a:hover .img-box
    img {
        -webkit-filter: brightness(1);
        filter: brightness(1)
    }

    .project-link a:hover
    hgroup {
        opacity: 1;
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@media (max-width: 1024px) {
    .ajax-cats-loader {
        width: 692px
    }

    .project-link {
        margin-bottom: 32px;
        height: auto;
        width: calc(50% - 8px)
    }

    .project-link .appear-clip:before {
        height: calc(100% - 204px)
    }

    .project-link .img-box {
        height: 204px
    }

    .project-link .img-box > div {
        height: 100%
    }

    .project-link .img-box
    img {
        top: 0
    }

    .project-link
    hgroup {
        padding: 30px 28px 58px
    }

    .project-link hgroup
    h3 {
        font-size: 1rem;
        margin-bottom: 4px
    }

    .project-link hgroup
    h4 {
        font-size: 1.7rem;
        line-height: 1.1;
        color: #141414;
        min-height: 72px
    }

    .project-link a:hover .img-box
    img {
        -webkit-filter: brightness(1);
        filter: brightness(1)
    }

    .project-link a:hover
    hgroup {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 767px) {
    .main-works .section-intro .txt-box {
        min-height: 0;
        padding-bottom: 40px
    }

    .section-works-cats {
        margin-top: 0;
        padding-bottom: 34px;
        padding-top: 24px
    }

    .accordion-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .accordion-title
    .title {
        font-weight: bold;
        font-size: 1.1rem;
        letter-spacing: 0.1em;
        line-height: 45px
    }

    .accordion-title
    .arrow {
        -webkit-transform: translate(-5px, 3px) rotate(90deg);
        transform: translate(-5px, 3px) rotate(90deg);
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
    }

    .accordion-title .arrow
    svg {
        width: 7px;
        height: 7px
    }

    .accordion-title.active
    .arrow {
        -webkit-transform: translate(-8px, 3px) rotate(-90deg);
        transform: translate(-8px, 3px) rotate(-90deg)
    }

    .clear-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin-top: 16px;
        font-weight: 500;
        font-size: 1.1rem;
        padding: 0 55px;
        text-transform: uppercase;
        letter-spacing: 0.35em;
        border: 1px solid #141414;
        -webkit-transition: height 0.3s linear 0.3s, opacity 0.3s linear, visibility 0.3s linear;
        transition: height 0.3s linear 0.3s, opacity 0.3s linear, visibility 0.3s linear
    }

    .clear-mobile
    span {
        display: inline-block
    }

    .clear-mobile
    em {
        font-style: normal;
        font-size: 1.2rem;
        letter-spacing: 0.25em
    }

    .clear-mobile
    i {
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        right: 14px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .clear-mobile i:before, .clear-mobile i:after {
        position: absolute;
        top: 50%;
        left: 50%;
        content: '';
        display: block;
        width: 13px;
        height: 1px;
        background: #141414
    }

    .clear-mobile i:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }

    .clear-mobile i:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg)
    }

    .clear-mobile.active {
        visibility: visible;
        opacity: 1;
        height: 55px;
        -webkit-transition: height 0.3s linear 0.3s, opacity 0.3s linear 0.6s, visibility 0.3s linear 0.6s;
        transition: height 0.3s linear 0.3s, opacity 0.3s linear 0.6s, visibility 0.3s linear 0.6s
    }

    .accordion-content {
        border-bottom: 1px solid #d9d9d9;
        height: 0;
        overflow: hidden;
        position: relative
    }

    .cats-filters .cat-item {
        font-size: 1.5rem;
        font-weight: bold;
        letter-spacing: 0.05em;
        line-height: 50px;
        text-transform: uppercase;
        border-top: 1px solid #d9d9d9
    }

    .cats-filters .cat-item
    a {
        width: 100%;
        display: block
    }

    .cats-filters .cat-item:first-child {
        display: none
    }

    .cats-filters .cat-item:nth-child(2) {
        border-top: 0
    }

    .cats-filters .last-clear {
        display: none
    }

    .ajax-cats-loader {
        top: 42px;
        height: 18px
    }

    .ajax-cats-loader
    div {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        border: 1px solid #141414;
        margin-right: 27px;
        margin-left: auto
    }

    .ajax-cats-loader div:after {
        width: 9px;
        height: 9px
    }

    .section-works-list {
        padding-top: 0px;
        padding-bottom: 40px
    }

    .project-link {
        width: 100%
    }

    .project-link:before {
        content: none
    }

    .project-link .img-box {
        height: 53.125vw;
        background: #f2f2f2
    }

    .project-link
    hgroup {
        padding: 0
    }

    .project-link hgroup
    h3 {
        margin-bottom: 4px
    }

    .project-link hgroup
    h4 {
        font-size: 1.7rem;
        line-height: 1.2;
        color: #141414;
        padding-bottom: 60px
    }

    .project-link .txt-box {
        padding: 26px 0 36px;
        display: block;
        background: #fff
    }

    .project-link .txt-box
    hgroup {
        min-height: 118px
    }

    .project-link .txt-box.animated button em, .project-link .txt-box.animated button:before {
        -webkit-animation: none;
        animation: none
    }

    .project-link .txt-box:hover span:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s
    }

    .project-link .txt-box:hover span:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
    }

    .project-link .arrow-laptop {
        display: none
    }

    .project-link
    button {
        font-size: 1rem;
        display: inline-block;
        position: absolute;
        bottom: 36px;
        left: 0;
        padding-bottom: 6px;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 0.2em;
        text-transform: uppercase
    }

    .project-link button
    span {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px
    }

    .project-link button span:before, .project-link button span:after {
        content: '';
        display: block;
        background: #141414;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .project-link button span:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .project-link
    a {
        background: #fff
    }

    .project-link a:hover
    hgroup {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .ajax-more-container .ajax-more {
        margin-top: 30px
    }
}

.section-jobs-list {
    padding-top: 96px;
    padding-bottom: 32px
}

.job-preview {
    position: relative;
    margin-bottom: 46px
}

.job-preview .left-bloc {
    padding: 88px 0 88px 46px
}

.job-preview
.separator {
    display: block;
    width: 0;
    background: #f2f2f2
}

.job-preview:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    bottom: 0;
    background: #fff;
    right: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.7s cubic-bezier(0.39, 0.575, 0.565, 1)
}

@media (min-width: 1366px) {
    .job-preview:hover:before {
        left: 15px;
        top: 15px;
        right: 15px;
        bottom: 15px
    }
}

.job-preview
h2 {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: 0;
    position: relative;
    margin-bottom: 32px
}

.job-preview > div {
    position: relative
}

.job-preview p,
.job-preview
li {
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 0.08em;
    line-height: 2;
    padding-bottom: 15px
}

.job-preview .job-content {
    height: 0;
    overflow: hidden
}

.job-preview .job-content
h3 {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.8;
    font-weight: 700
}

.job-preview .job-content
li {
    line-height: 1.8em;
    padding-left: 22.5px
}

.job-preview .job-content li:before {
    content: '-';
    text-indent: -22.5px;
    display: inline-block
}

.job-preview .right-bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 88px 46px 88px 0
}

.job-readmore {
    position: relative;
    display: inline-block;
    text-align: left;
    margin-top: 20px
}

.job-readmore .link-flip {
    overflow: visible
}

.job-readmore .link-flip
span {
    display: inline-block;
    overflow: hidden;
    position: relative
}

.job-readmore .link-flip:after {
    content: '';
    display: block;
    height: calc(100% - -50px);
    width: calc(100% - -50px);
    position: absolute;
    top: -25px;
    left: -25px
}

.job-readmore.active
.open {
    opacity: 0;
    z-index: 0
}

.job-readmore.active
.close {
    opacity: 1;
    z-index: 3
}

.job-readmore .open,
.job-readmore
.close {
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 2px;
    display: inline-block;
    -webkit-transition: opacity 0.45s cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition: opacity 0.45s cubic-bezier(0.755, 0.05, 0.855, 0.06)
}

.job-readmore
.open {
    opacity: 1;
    z-index: 3
}

.job-readmore
.close {
    opacity: 0;
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0
}

.section-jobs-spontaneous {
    text-align: center;
    padding-bottom: 140px
}

.section-jobs-spontaneous
p {
    font-size: 1.8rem;
    letter-spacing: 0.08em;
    line-height: 2.333;
    margin-bottom: 52px
}

@media (max-width: 1365px) {
    .section-jobs-list {
        padding-top: 96px;
        padding-bottom: 32px
    }

    .job-preview {
        position: relative;
        margin-bottom: 46px
    }

    .job-preview .left-bloc {
        padding-left: 0
    }

    .job-preview .right-bloc {
        padding-right: 0
    }

    .job-preview
    .separator {
        width: 0
    }

    .job-preview
    h2 {
        font-size: 3rem
    }
}

@media (max-width: 1024px) {
    .section-jobs-list {
        padding-top: 96px;
        padding-bottom: 32px
    }

    .job-preview {
        margin-bottom: 64px;
        display: block
    }

    .job-preview
    .separator {
        display: none
    }

    .job-preview
    h2 {
        margin-bottom: 36px
    }

    .job-preview .left-bloc {
        padding-left: 0;
        padding-bottom: 0
    }

    .job-preview .right-bloc {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 48px
    }

    .job-readmore {
        height: 20px
    }

    .job-readmore
    i {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        opacity: 1;
        display: inline-block
    }

    .job-readmore i:before, .job-readmore i:after {
        content: '';
        display: block;
        background: #141414;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0
    }

    .job-readmore i:before {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .job-readmore .link-flip.animated span:before, .job-readmore .link-flip.animated
    em {
        -webkit-animation: none;
        animation: none
    }

    .job-readmore:hover i:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left top;
        transform-origin: left top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: -webkit-transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s;
        transition: transform 0.3s ease-in-out 0.15s, -webkit-transform 0.3s ease-in-out 0.15s
    }

    .job-readmore:hover i:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform 0.3s ease-in-out;
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out
    }

    .job-readmore.active {
        pointer-events: none;
        height: 0;
        margin-top: 0;
        -webkit-transition: height 1s cubic-bezier(0.645, 0.045, 0.355, 1), margin 1s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: height 1s cubic-bezier(0.645, 0.045, 0.355, 1), margin 1s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .job-readmore.active .open, .job-readmore.active
    .close {
        opacity: 0
    }
}

@media (max-width: 767px) {
    .section-jobs-list {
        padding-top: 64px;
        padding-bottom: 1px
    }

    .job-preview {
        margin-bottom: 48px;
        display: block
    }

    .job-preview
    h2 {
        font-size: 2.2rem;
        margin-bottom: 24px
    }

    .job-preview .left-bloc {
        padding-top: 40px
    }

    .job-preview .right-bloc {
        padding-top: 44px;
        padding-bottom: 6.875vw;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .job-preview .right-bloc a.btn-flip {
        width: 100%
    }

    .job-readmore {
        margin-top: 14px
    }

    .job-content
    h3 {
        letter-spacing: 0
    }

    .job-content p:last-child, .job-content li:last-child {
        padding-bottom: 0
    }

    .section-jobs-spontaneous {
        text-align: left;
        padding-bottom: 50px
    }

    .section-jobs-spontaneous
    p {
        font-size: 1.6rem;
        line-height: 1.875;
        font-weight: 300;
        margin-bottom: 44px
    }

    .section-jobs-spontaneous a.btn-flip {
        text-align: center;
        width: 100%
    }

    [data-aos='text-lines'] .line {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
    }
}

.main-form
form {
    padding-bottom: 95px
}

.main-form form > .champs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-form input[type="text"],
.main-form input[type="email"],
.main-form input[type="file"],
.main-form input[type="tel"],
.main-form input[type="url"],
.main-form .add-new-file,
.main-form
.fileBox {
    margin-bottom: 30px;
    padding: 27px 27px;
    height: 85px;
    font-weight: 300;
    font-size: 1.4rem;
    background: none;
    border: 1px solid #d0d0d0;
    width: 100%
}

@media (max-width: 1024px) {
    .main-form input[type="text"],
    .main-form input[type="email"],
    .main-form input[type="file"],
    .main-form input[type="tel"],
    .main-form input[type="url"],
    .main-form .add-new-file,
    .main-form
    .fileBox {
        height: 70px
    }
}

.main-form input[type="text"].error,
.main-form input[type="email"].error,
.main-form input[type="file"].error,
.main-form input[type="tel"].error,
.main-form input[type="url"].error,
.main-form .add-new-file.error,
.main-form
.fileBox.error {
    border: 1px solid red
}

.main-form input[type="file"] {
    margin-bottom: 0
}

.main-form
.fileBox {
    position: relative;
    padding: 0
}

.main-form .fileBox
label {
    position: absolute;
    top: 30px;
    left: 27px;
    right: 75px;
    width: auto !important;
    overflow: hidden;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #818181;
    line-height: 25px
}

.main-form .fileBox.fileUp
label {
    color: black
}

.main-form .fileBox
.clearThis {
    position: absolute;
    top: 18.5px;
    height: 45px;
    width: 20px;
    z-index: 3;
    opacity: 0;
    color: transparent
}

.main-form .fileBox .clearThis:after {
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.main-form .fileBox .clearThis:before {
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background: black;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.main-form .fileBox .clearThis:hover {
    cursor: pointer
}

.main-form .fileBox .clearThis:hover:after, .main-form .fileBox .clearThis:hover:before {
    background: #141414
}

.main-form .fileBox
input {
    position: relative;
    z-index: 2;
    opacity: 0
}

.main-form .fileUp
.clearThis {
    opacity: 1
}

.main-form .add-new-file {
    border: none;
    position: relative;
    padding-left: 100px;
    line-height: 30px
}

.main-form .add-new-file
.more {
    position: absolute;
    top: 50%;
    left: 0;
    height: 50px;
    width: 50px;
    border: 1px solid #d0d0d0;
    -webkit-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: border 0.25s ease-in-out;
    transition: border 0.25s ease-in-out;
    border-radius: 50px
}

.main-form .add-new-file .more:after, .main-form .add-new-file .more:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 14px;
    background: black;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.main-form .add-new-file .more:before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.main-form .add-new-file .fake-hover {
    position: absolute;
    top: 15px;
    left: 25px;
    right: 25px;
    bottom: 15px
}

.main-form .add-new-file .fake-hover:hover {
    cursor: pointer
}

.main-form .add-new-file .fake-hover:hover > .more,
.main-form .add-new-file .fake-hover.animated > .more {
    border: 1px solid #000
}

.main-form .add-new-file .fake-hover:hover > .more:after,
.main-form .add-new-file .fake-hover.animated > .more:after {
    -webkit-animation: addFileAnim 0.25s ease-in-out;
    animation: addFileAnim 0.25s ease-in-out
}

.main-form .add-new-file .fake-hover:hover > .more:before,
.main-form .add-new-file .fake-hover.animated > .more:before {
    -webkit-animation: addFileAnim2 0.25s ease-in-out;
    animation: addFileAnim2 0.25s ease-in-out
}

@-webkit-keyframes addFileAnim {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }
}

@keyframes addFileAnim {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }
}

@-webkit-keyframes addFileAnim2 {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
}

@keyframes addFileAnim2 {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(180deg);
        transform: translate(-50%, -50%) rotate(180deg)
    }
}

.main-form .input-file-hidden-text {
    display: none
}

.main-form
textarea {
    display: block;
    width: 100%;
    padding: 27px 27px;
    font-family: "Maven Pro", sans-serif;
    font-weight: 300;
    background: none;
    border: 1px solid #d0d0d0;
    line-height: 2em;
    font-size: 1.4rem
}

@media (max-width: 1024px) {
    .main-form
    textarea {
        min-height: 260px
    }
}

.main-form .ajax-loader {
    display: none !important
}

.main-form .pre-more-infos {
    padding: 80px 0
}

.main-form .more-infos {
    background: #fff;
    padding: 68px 0
}

.main-form .more-infos
img {
    width: 131px;
    height: 38px
}

.main-form .more-infos
b {
    color: #141414
}

.main-form .more-infos a.link-text {
    display: block
}

.main-form .more-infos a.link-text
span {
    border-bottom: 1px solid transparent
}

.main-form .more-infos a.link-text.phone {
    display: inline-block
}

.main-form .more-infos a.link-text:hover
span {
    border-bottom-color: #f2f2f2
}

.main-form .more-infos > div {
    font-family: "Maven Pro", sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    line-height: 2.16;
    color: #808080
}

.main-form .more-infos > div .contact-social {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0
}

.main-form .more-infos > div .header-social-link {
    border-color: #c0c0c0;
    display: inline-block;
    margin-right: 5px
}

.main-form .more-infos > div .header-social-link
svg {
    fill: #141414
}

.main-form .more-infos > div .header-social-link:hover {
    border-color: #000
}

input:focus, textarea:focus {
    outline: none
}

.main-form input[type="text"]:focus,
.main-form input[type="email"]:focus,
.main-form input[type="number"]:focus,
.main-form input[type="tel"]:focus,
.main-form input[type="url"]:focus, textarea:focus {
    border: 1px solid #141414
}

.file {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 0px;
    -webkit-transition: height 0.5s ease-in-out, max-height 0.5s ease-in-out, opacity 0.5s ease-in-out;
    transition: height 0.5s ease-in-out, max-height 0.5s ease-in-out, opacity 0.5s ease-in-out
}

.file .add-new-file {
    opacity: 0
}

.file.showme, .file:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    height: 130px
}

.file.showme .add-new-file {
    opacity: 1;
    -webkit-transition: opacity 0s ease 0.5s;
    transition: opacity 0s ease 0.5s
}

.file.showme .add-new-file.beforelast {
    opacity: 1;
    -webkit-transition: opacity 0s ease 0.5s;
    transition: opacity 0s ease 0.5s
}

.file.showme .add-new-file.beforelast.bye {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out 0s;
    transition: opacity 0.5s ease-in-out 0s
}

.file:first-of-type .add-new-file {
    opacity: 1;
    -webkit-transition: opacity 0s ease 0s;
    transition: opacity 0s ease 0s
}

.file:last-of-type .add-new-file {
    display: none
}

.wpcf7-not-valid + .wpcf7-not-valid-tip {
    font-size: 10px;
    margin-bottom: 10px
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
    border: none !important;
    text-align: center;
    color: #f00
}

@media (max-width: 767px) {
    .add-new-file.hide-me {
        display: none !important
    }
}

@-webkit-keyframes clearFileAnim {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg)
    }
}

@keyframes clearFileAnim {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(135deg);
        transform: translate(-50%, -50%) rotate(135deg)
    }
}

@-webkit-keyframes clearFileAnim2 {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
}

@keyframes clearFileAnim2 {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg)
    }
    to {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }
}

.clearThis.animated:after {
    -webkit-animation: clearFileAnim 0.25s ease-in-out;
    animation: clearFileAnim 0.25s ease-in-out
}

.clearThis.animated:before {
    -webkit-animation: clearFileAnim2 0.25s ease-in-out;
    animation: clearFileAnim2 0.25s ease-in-out
}

.fake-label {
    opacity: 0;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 300;
    font-family: "Maven Pro", sans-serif;
    padding-bottom: 6px;
    color: #808080;
    display: block;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    -webkit-transition: opacity 0.125s ease-in-out, -webkit-transform 0.125s ease-in-out;
    transition: opacity 0.125s ease-in-out, -webkit-transform 0.125s ease-in-out;
    transition: transform 0.125s ease-in-out, opacity 0.125s ease-in-out;
    transition: transform 0.125s ease-in-out, opacity 0.125s ease-in-out, -webkit-transform 0.125s ease-in-out
}

.fake-label.show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.label-normal {
    width: 100%;
    font-size: 10px;
    font-weight: 300;
    font-family: "Maven Pro", sans-serif;
    color: #808080;
    display: block;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

label {
    position: relative
}

.wpcf7-form-control-wrap {
    position: static
}

.wpcf7-not-valid-tip {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}

.file .wpcf7-not-valid-tip {
    top: -25px
}

.frm_form_field {
    position: relative;
    z-index: 2
}

#frm_field_21_container, #frm_field_15_container {
    padding-top: 2px
}

#frm_field_21_container, #frm_field_15_container, .champ-form {
    z-index: 1
}

#frm_field_21_container .fake-label,
#frm_field_15_container .fake-label,
.champ-form .fake-label {
    padding-bottom: 4px
}

#frm_field_21_container .main-label,
#frm_field_15_container .main-label,
.champ-form .main-label {
    position: absolute;
    opacity: 1;
    top: 60px;
    left: 27px;
    font-family: "Maven Pro", sans-serif;
    font-weight: 300;
    -webkit-transition: opacity 0.25s ease 0.25s;
    transition: opacity 0.25s ease 0.25s;
    font-size: 1.4rem
}

@media (max-width: 1024px) {
    #frm_field_21_container .main-label,
    #frm_field_15_container .main-label,
    .champ-form .main-label {
        top: 54px
    }
}

#frm_field_22_container, #frm_field_10_container {
    z-index: 0;
    padding-top: 30px
}

#frm_field_22_container .frm_error,
#frm_field_10_container
.frm_error {
    top: 22px
}

@media (max-width: 1024px) {
    #frm_field_22_container, #frm_field_10_container {
        padding-top: 20px
    }
}

.frm_submit {
    text-align: center;
    margin-top: 64px
}

.frm_error {
    width: auto;
    font-size: 1.2rem;
    font-weight: 300;
    font-family: "Maven Pro", sans-serif;
    padding-bottom: 9.9px;
    display: block;
    color: red;
    position: absolute;
    top: 0px;
    right: 0;
    letter-spacing: 1px
}

.frm_blank_field input, .frm_blank_field textarea, .frm_blank_field
.frm_dropzone {
    border: 1px solid #f00 !important
}

#field_wspq4 {
    opacity: 0;
    margin-top: -85px
}

#frm_field_15_container, #frm_field_21_container, .champ-form {
    clear: both
}

#frm_field_15_container .frm_primary_label,
#frm_field_21_container .frm_primary_label,
.champ-form
.frm_primary_label {
    width: 100%;
    font-size: 0;
    line-height: 0;
    font-weight: 300;
    font-family: "Maven Pro", sans-serif;
    padding-bottom: 0px !important;
    color: #808080;
    display: block;
    opacity: 1
}

.dz-message {
    display: none !important
}

.dz-image {
    display: none !important
}

.dz-preview.frm_clearfix {
    margin: 0 15px 15px;
    width: 65%;
    border-bottom: none;
    padding: 0
}

.dz-preview.frm_clearfix:first-of-type {
    margin-top: 15px
}

.dz-preview.frm_clearfix .dz-column {
    width: 100%;
    height: 50px;
    background: #f2f2f2;
    padding: 15px;
    position: relative
}

.dz-preview.frm_clearfix .dz-column .dz-details {
    margin: 0;
    position: relative
}

.dz-preview.frm_clearfix .dz-column .dz-details .dz-filename {
    font-family: "Maven Pro", sans-serif;
    font-size: 12px;
    font-weight: 100;
    padding-left: 33px
}

.dz-preview.frm_clearfix .dz-column .dz-details .dz-filename:before {
    content: '';
    background: url(../../themes/ad-final/img/fichier-load.gif) center center no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: -3px;
    top: -2px
}

.dz-preview.frm_clearfix .dz-column .dz-details .dz-size {
    font-family: "Maven Pro", sans-serif;
    font-size: 10px;
    font-weight: 100;
    right: 30px;
    top: 2px;
    position: absolute
}

@media (max-width: 767px) {
    .dz-preview.frm_clearfix .dz-column .dz-details .dz-size {
        display: none
    }
}

.dz-preview.frm_clearfix .dz-column .dz-details .dz-remove {
    display: block;
    width: 10px;
    height: 20px
}

.dz-preview.frm_clearfix .dz-column .dz-details .dz-remove:before {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    right: 0px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #141414;
    width: 8px;
    height: 1px
}

.dz-preview.frm_clearfix .dz-column .dz-details .dz-remove:after {
    content: '';
    display: block;
    position: absolute;
    top: 9px;
    right: 0px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #141414;
    width: 8px;
    height: 1px
}

.dz-preview.frm_clearfix .dz-column .dz-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    border-radius: 0 !important;
    background: none
}

.dz-preview.frm_clearfix .dz-column .dz-progress .dz-upload {
    background-color: #808080
}

.dz-preview.frm_clearfix .dz-column .dz-error-message {
    position: absolute;
    left: 101%;
    top: 0;
    width: 30%;
    color: #f00;
    font-size: 10px;
    font-weight: 100;
    font-family: "Maven Pro", sans-serif;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dz-preview.frm_clearfix.dz-success.dz-complete .dz-filename:before {
    background: url(../../themes/ad-final/img/fichier-ok.png) center center no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px
}

.frm_html_container {
    padding-top: 30px;
    font-family: "Maven Pro", sans-serif;
    font-size: 10px;
    line-height: 1.8em;
    color: #888
}

.frm_html_container a:hover {
    text-decoration: underline
}

@-webkit-keyframes uploadFile {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    45% {
        opacity: 0
    }
    49% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }
    55% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes uploadFile {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    45% {
        opacity: 0
    }
    49% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    51% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0
    }
    55% {
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.frm_dropzone {
    border: 1px solid #d0d0d0;
    border-radius: 0px;
    border-radius: none;
    min-height: 82px !important;
    padding-top: 15px;
    margin-top: 13px !important;
    position: relative;
    background: none
}

.frm_dropzone:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 28px;
    right: 28px;
    visibility: visible;
    background: url(../../themes/ad-final/img/uploadfile.svg) center center no-repeat;
    background-size: 12px
}

.frm_dropzone:after {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 48px;
    right: 28px;
    visibility: visible;
    background: white;
    border-top: 1px solid black
}

.frm_dropzone:hover {
    cursor: pointer
}

.frm_dropzone:hover:before {
    -webkit-animation: uploadFile 0.4s ease-in-out;
    animation: uploadFile 0.4s ease-in-out
}

@media (max-width: 1024px) {
    .frm_dropzone {
        min-height: 70px !important
    }

    .frm_dropzone:before {
        top: 22px
    }

    .frm_dropzone:after {
        top: 42px
    }
}

.frm_forms
.frm_message {
    height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.frm_forms .frm_message
p {
    font-size: 5rem;
    font-weight: 700
}

.frm_submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px
}

.rgpd-container {
    position: relative
}

.rgpd-info {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #c0c0c0;
    font-weight: 500;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    margin-left: 12px;
    margin-top: 3px;
    position: relative;
    z-index: 2
}

.rgpd-info
i {
    font-style: normal;
    display: block;
    color: #141414
}

.rgpd-info:hover {
    border-color: #000
}

.rgpd-info:hover + .rgpd-text {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(-50%) translateY(0);
    transform: translateY(-50%) translateY(0)
}

@media (min-width: 768px) {
    .rgpd-text {
        position: absolute;
        top: 50%;
        left: 60px;
        width: 290px;
        -webkit-transform: translateY(-50%) translateY(25px);
        transform: translateY(-50%) translateY(25px);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.25s ease;
        transition: 0.25s ease;
        padding: 20px 25px 20px 60px;
        z-index: 1
    }

    .rgpd-text
    p {
        z-index: 1;
        position: relative;
        font-size: 1rem;
        line-height: 2;
        font-weight: 300;
        text-align: left;
        color: #808080
    }

    .rgpd-text p
    a {
        display: inline-block;
        color: #000;
        -webkit-box-shadow: inset 0 -2px #f2f2f2, inset 0 -3px #000;
        box-shadow: inset 0 -2px #f2f2f2, inset 0 -3px #000
    }

    .rgpd-text:before {
        content: '';
        width: calc(100% - 30px);
        top: 0;
        right: 0;
        height: 100%;
        position: absolute;
        display: block;
        background: #f2f2f2;
        z-index: 0
    }

    .rgpd-text:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12.5px 15px 12.5px 0;
        border-color: transparent #f2f2f2 transparent transparent
    }

    .rgpd-text:hover {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(-50%) translateY(0);
        transform: translateY(-50%) translateY(0)
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .frm_submit {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 0
    }

    .rgpd-text {
        width: 406px
    }
}

@media (max-width: 767px) {
    .frm_submit {
        padding-top: 0;
        margin-top: 50px
    }

    .frm_button_submit {
        width: calc(75.625vw - 62px)
    }

    .rgpd-text {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.75);
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
        transition: opacity 0.3s linear, visibility 0.3s linear
    }

    .rgpd-text
    p {
        position: relative;
        background: #fff;
        font-size: 1.2rem;
        line-height: 2;
        font-weight: 300;
        color: #666;
        padding: 40px 40px 40px 25px;
        width: 75.625vw;
        max-width: 612px;
        -webkit-transform: translate3d(0, 70px, 0);
        transform: translate3d(0, 70px, 0);
        -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: opacity 0.2s linear, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.2s linear;
        transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.2s linear, -webkit-transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        opacity: 0
    }

    .rgpd-text p
    a {
        display: inline-block;
        color: #000;
        -webkit-box-shadow: inset 0 -2px #fff, inset 0 -3px #000;
        box-shadow: inset 0 -2px #fff, inset 0 -3px #000
    }

    .rgpd-text.show {
        visibility: visible;
        opacity: 1
    }

    .rgpd-text.show
    p {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: opacity 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: opacity 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0s;
        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0s, -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    .close-rgpd {
        width: 15px;
        height: 15px;
        position: absolute;
        display: block;
        cursor: pointer;
        top: 15px;
        right: 15px
    }

    .close-rgpd:before, .close-rgpd:after {
        content: '';
        display: block;
        position: absolute;
        width: 15px;
        height: 2px;
        left: 50%;
        top: 50%;
        background: #000
    }

    .close-rgpd:before {
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg)
    }

    .close-rgpd:after {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg);
        transform: translate(-50%, -50%) rotate(-45deg)
    }
}

.main-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password], .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url], .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field select, .main-form .frm_form_fields_error_style, .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices, .main-form .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .main-form .frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
    border-color: red
}

.dz-preview .dz-column .dz-remove {
    position: absolute;
    top: 0;
    right: 0
}

.dz-preview .dz-column .dz-progress {
    width: 100%
}

.dz-preview .dz-column .dz-progress .dz-upload {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto
}

.frm_required {
    display: none !important
}

.frm_error_style {
    opacity: 0 !important
}

@media (max-width: 1024px) {
    .main-form input[type="text"],
    .main-form input[type="email"],
    .main-form input[type="file"],
    .main-form input[type="tel"],
    .main-form input[type="url"],
    .main-form .add-new-file,
    .main-form
    .fileBox {
        margin-bottom: 20px
    }

    .main-form .more-infos .inner-infos {
        display: block
    }

    .main-form .more-infos > div
    .logo {
        position: absolute
    }

    .main-form .more-infos > div .address:nth-child(2) {
        padding-bottom: 20px
    }

    .main-form .more-infos > div .contact-social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 44px
    }
}

@media (max-width: 767px) {
    .main-form
    form {
        padding-bottom: 82px
    }

    .main-form input[type="text"],
    .main-form input[type="email"],
    .main-form input[type="file"],
    .main-form input[type="tel"],
    .main-form input[type="url"],
    .main-form .add-new-file,
    .main-form .fileBox,
    .main-form
    textarea {
        font-size: 1.2rem
    }

    .main-form .fake-label {
        font-size: 1rem
    }

    .main-form .pre-more-infos {
        padding: 44px 0
    }

    .main-form .more-infos {
        padding: 38px 0;
        background: #f2f2f2
    }

    .main-form .more-infos > div
    .logo {
        margin-bottom: 26px;
        position: relative
    }

    .main-form .more-infos > div .contact-social {
        margin-top: 28px
    }

    #frm_field_21_container .main-label,
    #frm_field_15_container .main-label,
    .champ-form .main-label {
        font-size: 1.2rem
    }
}

.main-project .section-intro:before {
    content: none
}

.site-main.main-project {
    overflow: hidden
}

.section-project-content {
    z-index: 2
}

.row {
    background: #f2f2f2
}

.row.no-bg {
    background: none
}

.row.first-row {
    background: white !important
}

.single-flexible .appear-clip {
    background: #f2f2f2
}

.single-flexible
video {
    display: block;
    width: 100%
}

.single-flexible.project-url {
    text-align: center
}

.img-fallback-mobile {
    display: none
}

.no-objectfit .single-flexible video,
.no-object-fit .single-flexible
video {
    top: 0 !important;
    -webkit-transform: none !important;
    transform: none !important
}

.ombre {
    position: relative
}

.ombre > * {
    position: relative;
    z-index: 1
}

.ombre:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    height: calc(100% - 50px);
    width: calc(100% - 80px);
    left: 40px;
    bottom: 0;
    -webkit-box-shadow: 0 -10px 60px rgba(0, 0, 0, 0.7);
    box-shadow: 0 -10px 60px rgba(0, 0, 0, 0.7);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 0.3s;
    transition: opacity 0.3s linear 0.3s
}

@media (max-width: 767px) {
    .ombre:before {
        height: calc(100% - 35px);
        width: calc(100% - 50px);
        left: 25px;
        bottom: 0;
        -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.4);
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.4)
    }
}

.ombre.show-shadow:before {
    opacity: 1
}

.single-flexible-bloc {
    position: relative
}

@media (min-width: 768px) {
    .single-flexible-bloc
    .item {
        padding-top: 15px
    }
}

.animation + button {
    display: none
}

.animation + button + .ckin__controls {
    display: none
}

.single-flexible-colonnes {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-flexible-colonnes .appear-clip {
    overflow: hidden !important
}

.single-flexible-colonnes > div {
    width: 100%
}

@media (min-width: 768px) {
    .single-flexible-colonnes > div {
        width: 50%
    }
}

@media (min-width: 768px) {
    .single-flexible-colonnes
    .afterB {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        height: 100%;
        width: 16px;
        background: #f2f2f2;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: ''
    }
}

@media (min-width: 768px) {
    .single-flexible-colonnes.sans-espaces .bfr,
    .single-flexible-colonnes.sans-espaces
    .afterB {
        display: none
    }

    .single-flexible-colonnes.sans-espaces
    * {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .single-flexible-colonnes .col-item {
        padding-top: 0
    }

    .single-flexible-colonnes .col-item:first-child {
        padding-top: 0
    }
}

@media (max-width: 767px) {
    .single-flexible-colonnes .col-left .col-item {
        margin-top: 10vw
    }

    .single-flexible-colonnes .col-left .col-item:first-of-type {
        margin-top: 0
    }

    .single-flexible-colonnes .col-right .col-item {
        margin-top: 10vw
    }

    .single-flexible-colonnes.sans-espaces {
        margin: 0 auto;
        width: 75.625vw
    }
}

.single-flexible-texte {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto
}

.single-flexible-texte
.subtitle {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto
}

.single-flexible-texte .subtitle + div {
    padding-top: 45px
}

.single-flexible-texte
h2 {
    padding-bottom: 45px
}

.single-flexible-texte
h3 {
    font-size: 3rem;
    letter-spacing: 0;
    line-height: 1.1;
    font-weight: bold;
    padding-bottom: 30px
}

.single-flexible-texte
p {
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.778;
    padding-bottom: 20px
}

.single-flexible-texte p:last-of-type {
    padding-bottom: 0
}

.single-flexible-texte p.small-text {
    font-size: 1.4rem;
    line-height: 2;
    letter-spacing: 0.08em
}

@media (max-width: 1365px) {
    .single-flexible-texte
    p {
        font-size: 1.6rem
    }

    .single-flexible-texte h2.d-col-13, .single-flexible-texte h3.d-col-13, .single-flexible-texte p.d-col-13 {
        width: 504px
    }

    .single-flexible-texte
    h3 {
        font-size: 2.6rem
    }
}

@media (max-width: 1024px) {
    .single-flexible-texte h2.d-col-13, .single-flexible-texte h3.d-col-13, .single-flexible-texte p.d-col-13 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .single-flexible-texte
    h2 {
        padding-bottom: 28px
    }

    .single-flexible-texte
    h3 {
        font-size: 2.1rem;
        line-height: 1.2;
        padding-bottom: 22px
    }

    .single-flexible-texte .subtitle + div {
        padding-top: 28px
    }

    .single-flexible-texte
    p {
        line-height: 1.85
    }

    .single-flexible-texte h2.d-col-13, .single-flexible-texte h3.d-col-13, .single-flexible-texte p.d-col-13 {
        width: 100%
    }
}

.text-image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.text-image h2, .text-image h3, .text-image
p {
    width: 100%
}

.text-image
.image {
    width: calc(597px + ((100vw - 1058px) / 2));
    margin-left: calc((100vw - 1058px) / -2);
    overflow: hidden
}

.text-image .image
img {
    max-width: 637px;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: 0
}

.text-image .single-flexible > div {
    margin-right: 0;
    margin-left: auto
}

.text-image.droite .single-flexible {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.text-image.droite
.image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: calc(597px + ((100vw - 1058px) / 2));
    margin-left: auto;
    margin-right: calc((100vw - 1058px) / -2)
}

.text-image.droite .image
img {
    margin-right: 0;
    margin-left: auto
}

.text-image.droite .single-flexible > div {
    margin-left: 0
}

.text-image.centre .image
img {
    min-width: 500px;
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 1365px) {
    .text-image
    .image {
        width: calc(467px + ((100vw - 828px) / 2));
        margin-left: calc(((100vw - 828px) / -2))
    }

    .text-image .image
    img {
        max-width: 494px
    }

    .text-image.droite
    .image {
        width: calc(467px + ((100vw - 828px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 828px) / -2))
    }

    .text-image.centre .image
    img {
        min-width: 360px
    }
}

@media (max-width: 1024px) {
    .text-image
    .image {
        width: calc(314px + ((100vw - 595px) / 2));
        margin-left: calc(((100vw - 595px) / -2))
    }

    .text-image .image
    img {
        max-width: 330px
    }

    .text-image.droite
    .image {
        width: calc(314px + ((100vw - 595px) / 2));
        margin-left: auto;
        margin-right: calc(((100vw - 595px) / -2))
    }

    .text-image.centre .image
    img {
        min-width: 0
    }
}

@media (max-width: 767px) {
    .text-image {
        display: block
    }

    .text-image
    .image {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 40px
    }

    .text-image .image
    img {
        max-width: none;
        width: auto;
        max-width: 100%
    }

    .text-image .single-flexible > div {
        margin-left: 0
    }

    .text-image.droite
    .image {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

.images-duo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.images-duo
.image {
    width: 500px;
    margin: 0 22px
}

@media (max-width: 1365px) {
    .images-duo
    .image {
        width: 392px
    }
}

@media (max-width: 1024px) {
    .images-duo
    .image {
        width: 274px;
        margin: 0 16px
    }
}

@media (max-width: 767px) {
    .images-duo {
        display: block
    }

    .images-duo
    .image {
        margin: 0 auto;
        width: 75.625vw
    }
}

@media (max-width: 767px) and (min-width: 595px) {
    .images-duo
    .image {
        width: 450px
    }
}

@media (max-width: 767px) {
    .images-duo .image:first-child {
        margin-bottom: 10vw
    }
}

.single-flexible-grandeimage {
    position: relative;
    overflow: hidden;
    max-height: 75vh
}

@media (max-width: 767px) {
    .single-flexible-grandeimage {
        max-height: 40vh
    }
}

.single-flexible-grandeimage
img {
    top: 0;
    left: 0;
    right: 0
}

.single-flexible-grandeimage
div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200%
}

.single-flexible-parallaximage {
    position: relative;
    overflow: hidden;
    height: 85vh
}

.single-flexible-parallaximage > div {
    height: 100%
}

.single-flexible-parallaximage
img {
    height: calc(100% - -240px);
    top: -120px
}

@media (max-width: 1024px) {
    .single-flexible-parallaximage {
        height: auto
    }

    .single-flexible-parallaximage > div {
        height: auto
    }

    .single-flexible-parallaximage
    img {
        height: auto;
        top: 0
    }

    .single-flexible-parallaximage.fixedheight {
        height: 650px
    }

    .single-flexible-parallaximage.fixedheight > div {
        height: 100%
    }

    .single-flexible-parallaximage.fixedheight > div
    img {
        height: 100%
    }
}

@media (max-width: 1024px) and (max-width: 767px) {
    .single-flexible-parallaximage.fixedheight {
        height: 400px
    }
}

.col-item {
    position: relative;
    z-index: 0
}

.col-item > * {
    position: relative
}

.col-item
.bfr {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 100%;
    background: #f2f2f2;
    content: '';
    z-index: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .col-item
    .bfr {
        height: 5vw
    }
}

.col-item
.aftr {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8px;
    width: 100%;
    content: '';
    z-index: 1
}

@media (max-width: 767px) {
    .col-item
    .aftr {
        height: 2.5vw
    }
}

.col-item:first-of-type
.bfr {
    display: none
}

.col-item:last-of-type
.aftr {
    display: none
}

@media (min-width: 768px) {
    .col-right
    .deform {
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s
    }
}

@media (max-width: 767px) {
    .col-item .bfr, .col-item
    .aftr {
        display: none
    }
}

.main-project .swiper-default-nav .arrow-btn {
    border: 1px solid rgba(0, 0, 0, 0.2)
}

@media (min-width: 1025px) {
    .main-project .swiper-default-nav .arrow-btn:hover {
        border-color: #000
    }
}

@media (min-width: 768px) {
    .swiper-single-project {
        overflow: visible
    }

    .swiper-single-project.ombre-slider .appear-clip {
        position: relative;
        z-index: 1
    }

    .swiper-single-project.ombre-slider .swiper-slide:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 0;
        height: calc(100% - 50px);
        width: calc(100% - 80px);
        left: 40px;
        bottom: 0;
        -webkit-box-shadow: 0 -10px 65px rgba(0, 0, 0, 0.5);
        box-shadow: 0 -10px 65px rgba(0, 0, 0, 0.5);
        opacity: 0;
        -webkit-transition: opacity 0.3s linear 0.3s;
        transition: opacity 0.3s linear 0.3s
    }

    .swiper-single-project.ombre-slider.show-shadow .swiper-slide:before {
        opacity: 1
    }
}

@media (max-width: 767px) {
    .swiper-single-project {
        overflow: visible
    }

    .swiper-single-project.ombre-slider-mobile .appear-clip {
        position: relative;
        z-index: 1
    }

    .swiper-single-project.ombre-slider-mobile .swiper-slide:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 0;
        height: calc(100% - 35px);
        width: calc(100% - 50px);
        left: 25px;
        bottom: 0;
        -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.4);
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.4);
        opacity: 0;
        -webkit-transition: opacity 0.3s linear 0.3s;
        transition: opacity 0.3s linear 0.3s
    }

    .swiper-single-project.ombre-slider-mobile.show-shadow .swiper-slide:before {
        opacity: 1
    }
}

.smartphone-images {
    overflow: visible
}

.smartphone-images .swiper-slide {
    width: calc(33.333% - 53px);
    display: none
}

.smartphone-images .swiper-slide:nth-child(1), .smartphone-images .swiper-slide:nth-child(2), .smartphone-images .swiper-slide:nth-child(3) {
    display: block
}

.smartphone-images.decale .swiper-slide:nth-child(1) {
    margin-top: 50px
}

.smartphone-images.decale .swiper-slide:nth-child(3) {
    margin-top: 80px
}

.smartphone-images .ombre-slider .swiper-slide:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    height: calc(100% - 50px);
    width: calc(100% - 80px);
    left: 40px;
    bottom: 0;
    -webkit-box-shadow: 0 -10px 65px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -10px 65px rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.3s linear 0.3s;
    transition: opacity 0.3s linear 0.3s
}

@media (max-width: 1365px) {
    .smartphone-images .swiper-slide {
        width: calc(33.333% - 34px)
    }
}

@media (max-width: 1024px) {
    .smartphone-images .swiper-slide {
        width: calc(33.333% - 24px)
    }
}

@media (max-width: 767px) {
    .smartphone-images {
        display: none
    }

    .smartphone-mobile {
        padding-top: 0;
        padding-bottom: 0
    }

    .smartphone-mobile .swiper-slide {
        width: 61.875vw;
        margin-right: 12.1875vw
    }
}

@media (max-width: 767px) and (min-width: 595px) {
    .smartphone-mobile .swiper-slide {
        margin-right: 72px
    }
}

@media (max-width: 767px) {
    .smartphone-mobile .swiper-slide.ombre-slider-mobile:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 0;
        height: calc(100% - 35px);
        width: calc(100% - 50px);
        left: 25px;
        bottom: 0;
        -webkit-box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.4);
        box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.4);
        opacity: 0;
        -webkit-transition: opacity 0.3s linear 0.3s;
        transition: opacity 0.3s linear 0.3s
    }

    .smartphone-mobile .swiper-slide.ombre-slider-mobile.show-shadow:before {
        opacity: 1
    }

    .smartphone-mobile .swiper-slide:last-child {
        margin-right: 0
    }
}

.single-flexible-image-tablet .grande-image {
    height: 40vw;
    overflow: hidden;
    position: relative
}

.single-flexible-image-tablet .grande-image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f2f2f2));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f2f2f2);
    z-index: 4
}

.single-flexible-image-tablet .grande-image + .tablet-image {
    margin-top: -20vw;
    position: relative;
    z-index: 6
}

@media (max-width: 767px) {
    .single-flexible-image-tablet .grande-image + .tablet-image {
        margin-top: -10vw
    }
}

.single-flexible-image-tablet .tablet-image {
    padding: 60px 76px;
    border-radius: 40px;
    background: white
}

@media (max-width: 1279px) {
    .single-flexible-image-tablet .tablet-image {
        padding: 30px 38px;
        border-radius: 20px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 767px) {
    .single-flexible-image-tablet .tablet-image {
        padding: 10px 10px;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 1280px) {
    .single-flexible-image-tablet .tablet-image:after {
        position: absolute;
        content: '';
        top: 50%;
        right: 18px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: white;
        border: 1px solid #ccc
    }

    .single-flexible-image-tablet .tablet-image:before {
        position: absolute;
        content: '';
        top: 50%;
        left: 38px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #666
    }
}

.single-flexible-image-tablet .tablet-image img, .single-flexible-image-tablet .tablet-image
video {
    width: 100%
}

.image-modified {
    position: relative
}

.image-modified
img {
    display: inline-block;
    width: 100%
}

.image-modified img:hover {
    cursor: pointer;
    vertical-align: bottom
}

.image-modified .image-original {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
    display: block;
    overflow: hidden
}

.image-modified .cursor-ic {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 10%;
    width: 10%;
    color: white;
    z-index: 3
}

.image-modified .cursor-ic:before {
    content: '';
    display: block;
    background: #f2f2f2;
    width: 2px;
    height: 1000%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.image-modified .cursor-ic:after {
    content: '';
    display: block;
    background: url(../../themes/ad-final/img/horizontal-resize-option.svg) center center no-repeat #000;
    background-size: 24px;
    width: 60px;
    height: 60px;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 4
}

.image-modified .slider-ic {
    position: absolute;
    top: 50%;
    width: 100%;
    left: -1vw
}

input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    width: 102%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

input[type=range]:focus {
    outline: none
}

input[type=range]:active {
    outline: none
}

input[type=range]::-moz-range-track {
    -moz-appearance: none;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0);
    position: relative;
    outline: none
}

input[type=range]::active {
    border: none;
    outline: none
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 100px;
    height: 100%;
    background: none;
    border: none;
    border-radius: 0
}

input[type=range]::-webkit-slider-thumb:hover {
    cursor: w-resize
}

input[type=range]::-moz-range-thumb {
    -moz-appearance: none;
    position: relative;
    width: 100px;
    height: 100%;
    background: none;
    border: none;
    border-radius: 0
}

input[type=range]::-moz-range-thumb:hover {
    cursor: w-resize
}

.single-cat-v2 {
    padding-top: 24px
}

.single-cat-v2 > div {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-cat-v2 > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.single-cat-v2 > ul > li {
    margin-right: 80px
}

@media (max-width: 1024px) {
    .single-cat-v2 > ul > li {
        margin-right: 40px
    }
}

.single-cat-v2
.title {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 20px
}

.single-cat-v2 .key-word {
    color: #141414;
    font-size: 1.4rem;
    font-family: "Maven Pro", sans-serif;
    font-weight: 100;
    margin-top: 10px;
    line-height: 21px
}

.single-cat-v2 .key-word::first-letter {
    text-transform: uppercase
}

.single-cat-v2 .first-cat {
    display: none
}

.single-cat-v2
.down {
    display: none
}

.single-cat-v2
.ddd {
    display: none
}

@media (max-width: 1365px) {
    .single-cat-v2 {
        padding-top: 18px
    }
}

@media (max-width: 767px) {
    .single-cat-v2 {
        padding-top: 24px
    }

    .single-cat-v2 > ul {
        display: block
    }

    .single-cat-v2 > ul > li {
        margin-right: 0
    }

    .single-cat-v2 .key-word {
        margin-top: 0;
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: 300;
        color: #595959;
        letter-spacing: 0.05em;
        line-height: 2.16
    }

    .single-cat-v2 .key-word:before {
        content: '- '
    }
}

.ckin__player.default {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ckin__player.default .default__button--big.toggle {
    width: 5vw;
    height: 5vw;
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%
}

.ckin__player.default .default__button--big.toggle
i {
    display: none
}

.ckin__player.default
.default__controls {
    background: none !important;
    padding: 30px 20px !important
}

@media (max-width: 767px) {
    .ckin__player.default
    .default__controls {
        padding: 15px 10px !important
    }
}

.ckin__player.default
.progress {
    height: 4px !important;
    margin-right: 20px !important;
    margin-left: 10px !important
}

.ckin__player.default .progress
.progress__filled {
    position: relative
}

.ckin__player.default.no-play
.default__controls {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.white-player .ckin__player.default .default__button--big.toggle {
    background: url(../../themes/ad-final/img/playwhite.svg) center center no-repeat;
    background-size: 100%
}

.white-player .ckin__player.default
.default__button {
    color: white !important
}

.white-player .ckin__player.default
.progress {
    background: rgba(255, 255, 255, 0.5) !important
}

.white-player .ckin__player.default .progress
.progress__filled {
    background: white !important
}

.black-player .ckin__player.default .default__button--big.toggle {
    background: url(../../themes/ad-final/img/playblack.svg) center center no-repeat;
    background-size: 100%
}

.black-player .ckin__player.default
.default__button {
    color: #141414 !important
}

.black-player .ckin__player.default
.progress {
    background: rgba(20, 20, 20, 0.5) !important
}

.black-player .ckin__player.default .progress
.progress__filled {
    background: #141414 !important
}

@media (min-width: 768px) {
    .marge-haut-aucune {
        padding-top: 0
    }

    .marge-haut-simple {
        padding-top: 75px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .marge-haut-simple {
        padding-top: 67px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .marge-haut-simple {
        padding-top: 54px
    }
}

@media (min-width: 768px) {
    .marge-haut-double {
        padding-top: 150px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .marge-haut-double {
        padding-top: 134px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .marge-haut-double {
        padding-top: 108px
    }
}

@media (min-width: 768px) {
    .marge-haut-triple {
        padding-top: 225px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .marge-haut-triple {
        padding-top: 200px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .marge-haut-triple {
        padding-top: 162px
    }
}

@media (min-width: 768px) {
    .marge-bas-aucune {
        padding-bottom: 0
    }

    .marge-bas-simple {
        padding-bottom: 75px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .marge-bas-simple {
        padding-bottom: 67px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .marge-bas-simple {
        padding-bottom: 54px
    }
}

@media (min-width: 768px) {
    .marge-bas-double {
        padding-bottom: 150px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .marge-bas-double {
        padding-bottom: 134px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .marge-bas-double {
        padding-bottom: 108px
    }
}

@media (min-width: 768px) {
    .marge-bas-triple {
        padding-bottom: 225px
    }
}

@media (min-width: 768px) and (max-width: 1365px) {
    .marge-bas-triple {
        padding-bottom: 200px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .marge-bas-triple {
        padding-bottom: 162px
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .row:nth-last-of-type(2) {
        padding-bottom: 0 !important
    }

    .row:nth-last-of-type(2) > div {
        /*padding-bottom: 0 !important*/
    }
}

@media (max-width: 767px) {
    .row {
        padding-top: 5vw;
        padding-bottom: 5vw
    }

    .row:nth-child(2) {
        padding-top: 15vw
    }

    .mobile-no-margin {
        padding: 10vw 0 0 0
    }

    .mobile-no-margin .single-content {
        background: none !important;
        padding: 0
    }

    .mobile-no-margin .video-box {
        width: 100vw;
        margin-left: -12.1875vw
    }

    .mobile-no-margin .video .ombre:before {
        content: none
    }

    .mobile-no-margin .img-fallback-mobile {
        display: block;
        -webkit-transform: none !important;
        transform: none !important
    }

    .mobile-no-margin .img-fallback-mobile + video {
        display: none
    }

    .mobile-no-margin + .row:not(.fullscreen) {
        padding-top: 15vw
    }

    .mobile-no-margin + .project-share {
        padding-top: calc(10vw - -20px)
    }

    .mobile-no-margin + .mobile-no-margin {
        padding-top: 15vw
    }

    .fullscreen {
        padding-top: 10vw;
        padding-bottom: 0
    }

    .fullscreen + .row:not(.fullscreen) {
        padding-top: 15vw
    }

    .fullscreen + .fullscreen {
        margin-top: -10vw
    }

    .slider-case {
        padding-top: 10vw;
        padding-bottom: 10vw
    }

    .marge-haut-mobile {
        padding-top: 10vw !important
    }

    .marge-bas-mobile {
        padding-bottom: 10vw !important
    }
}

@media (min-width: 768px) {
    .double-col .marge-haut-aucune {
        padding-top: 15px
    }

    .bot-simple + .row .item:first-of-type,
    .bot-simple + .row .marge-haut-aucune,
    .bot-double + .row .item:first-of-type,
    .bot-double + .row .marge-haut-aucune,
    .bot-triple + .row .item:first-of-type,
    .bot-triple + .row .marge-haut-aucune {
        padding-top: 0px !important
    }
}

.img-solo-mobile {
    display: none
}

@media (max-width: 767px) {
    .mobile-hide-all {
        display: none
    }

    .mobile-hide-keep-first {
        display: none
    }

    .mobile-hide-left .images-duo .image:first-child {
        display: none
    }

    .mobile-hide-right .images-duo .image:last-child {
        display: none
    }

    .mobile-hide-keep-first + .img-solo-mobile {
        display: block;
        width: 100%;
        padding-bottom: 15vw;
        padding-top: 15vw
    }
}

.observer-project-share {
    position: absolute;
    bottom: 100vh;
    left: 0;
    width: 100%;
    height: calc(100% - 170vh);
    pointer-events: none
}

.project-share-fixed {
    position: fixed;
    right: 5vw;
    top: calc(50% - -4px);
    -webkit-transition: opacity 350ms ease;
    transition: opacity 350ms ease;
    opacity: 0;
    z-index: 99;
    mix-blend-mode: difference
}

.project-share-fixed
h6 {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0.35em;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    top: -52px;
    right: -6px
}

@media (max-width: 1365px) {
    .project-share-fixed
    h6 {
        font-size: 1.1rem;
        top: -48px;
        right: -4px
    }
}

.project-share-fixed
ul {
    display: block;
    right: 0
}

.project-share-fixed
a {
    width: 44px;
    height: 32px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.project-share-fixed a.animated
svg {
    -webkit-animation: hvr-pop 0.3s linear;
    animation: hvr-pop 0.3s linear
}

.project-share-fixed
svg {
    fill: #fff;
    width: 24px;
    height: 24px;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.project-share {
    display: none
}

body.share-show .project-share-fixed {
    opacity: 1
}

body.share-hide .project-share-fixed {
    opacity: 0
}

@media (max-width: 1365px) {
    .project-share-fixed {
        right: 2.5vw
    }
}

@media (max-width: 1024px) {
    .project-share-fixed {
        display: none
    }

    .project-share {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 60px;
        display: block
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .project-share {
        padding-top: 80px
    }
}

@media (max-width: 1024px) {
    .project-share
    h6 {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.2rem;
        letter-spacing: 0.15em;
        margin-bottom: 20px
    }

    .project-share
    ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .project-share ul
    a {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: block;
        border: 1px solid rgba(0, 0, 0, 0.2);
        margin: 0 3px
    }

    .project-share ul
    svg {
        fill: #000
    }

    .project-share.white
    h6 {
        color: #fff
    }

    .project-share.white ul
    a {
        border-color: rgba(255, 255, 255, 0.2)
    }

    .project-share.white ul
    svg {
        fill: #fff
    }

    .add-sep.last > div {
        padding-bottom: 0
    }

    .add-sep + .project-share {
        padding-top: 50px
    }
}

@media (max-width: 1024px) and (max-width: 767px) {
    .bot- + .project-share, .bot-aucune + .project-share {
        padding-top: 40px
    }
}

.section-other-projects {
    padding: 0 0 100px
}

.section-other-projects .other-projects-title,
.section-other-projects .go-to {
    text-align: center
}

.section-other-projects .other-projects-title {
    font-size: 3.5rem;
    margin-bottom: 48px;
    text-transform: uppercase
}

.section-other-projects .go-to {
    margin-top: 75px
}

.other-projects .other-project {
    width: calc(50% - 8px)
}

.other-projects .other-project a .img-box
img {
    height: calc(100% - -120px);
    top: -40px
}

@media (max-width: 1024px) {
    .other-projects .other-project a .img-box
    img {
        height: 100%;
        top: 0
    }
}

@media (max-width: 1365px) {
    .section-other-projects {
        background: #f2f2f2
    }

    .other-projects .other-project {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .other-projects .other-project > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.other-projects-mobile {
    display: none
}

@media (max-width: 1024px) {
    .section-other-projects {
        overflow: hidden;
        padding-top: 88px
    }
}

@media (max-width: 767px) {
    .section-other-projects {
        overflow: hidden;
        padding: 50px 0 70px;
        background: #f2f2f2
    }

    .section-other-projects .other-projects-title {
        font-size: 2.2rem;
        margin-bottom: 40px
    }

    .section-other-projects .go-to {
        display: none;
        margin-top: 40px
    }

    .other-projects {
        display: none
    }

    .other-projects-mobile {
        display: block
    }
}
.form-wrapper{
    width: 100%;
    margin: 0 auto 100px;
}
.form-line{
    margin-bottom: 20px;
}
.form-label {
    font-weight: bold;
    padding-bottom: 5px;
    display: inline-block;
}
span.form-sub-label-container {
    display: block;
    margin-bottom: 5px;
}
.form-wrapper [type="text"], [type="email"], textarea{
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    padding: 10px 20px;
}
footer{
    background: #141414;
    padding: 80px 0;
    color: #fff;
    display: flex;
    margin: 0 auto;
    align-items: center;
}
.footer-contact > div {
    width: 50%;
    float: left;
    pointer-events: auto;
    will-change: transform, opacity;
    -webkit-transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;
    transition: transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, opacity 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.22, 0.61, 0.36, 1) 0s
}

.footer-contact
p {
    font-family: "Maven Pro", sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    color: #808080;
    line-height: 2;
    letter-spacing: 0.08em;
    padding-top: 22px
}

.footer-contact p:first-child {
    color: #fff;
    text-transform: uppercase
}

.footer-contact
a {
    display: inline-block;
    color: #808080;
    -webkit-transition: color 0.17s ease-in-out;
    transition: color 0.17s ease-in-out
}

.footer-contact a:hover {
    color: #fff
}

.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 40px
}
.footer-nav{
    width: 50%;
    float: left;
    margin-top: 55px;
}
.footer-nav ul{
    float: left;
}
.footer-nav ul:nth-of-type(2){
    margin-left: 30px;
    float: right;
    font-size: .8em;
}
.footer-nav li{
    margin-bottom: 10px;
}
.copyright{
    margin-top: 20px;
    color: #808080;
    font-size: 0.8em
}
.certification {
    display: flex;
    align-items: center;
    clear: both;
    flex-wrap: wrap;
}
.certification img{
    margin: 10px;
    width: auto;
}
.certification img:first-of-type{
    margin-left: 0;
}
.header-nav{
    pointer-events: auto;
}
.header-nav ul{
    display: flex;
    align-items: center;
}
.header-nav li{
    width: auto;
    display: inline-block;
    margin: 0 20px;
    color: #000;
}
.header-nav li a:not(.btn-flip){
    color: inherit;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 18px;
    padding: 19px 0;
    letter-spacing: 0.35em;
    text-transform: uppercase;
}
.header-nav li .btn-flip{
    margin: 4px 0 0;
}
.home .header-nav li a{
    color: #fff;
}
.home.title-minify .header-nav li a{
    color: #000;
}
.mt-80{
    margin-top: 80px
}
.logo-wrapper{
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-bottom: 50px;
}
.logo-wrapper img{
    width: 100px;
}
h1{
    font-size: 80px;
    font-weight: bold
}
@media screen and (max-width: 1024px){
    .section-about-team{
        display: none;
    }
}
@media screen and (max-width: 767px){
    .menu-toggle{
        display: block;
        margin-right: 20px;
    }
    .header-nav{
        display: none;
    }
}
@media screen and (max-width: 480px){
    .footer-contact > div, .footer-nav{
        width: 100%;
        float: none;
    }
}