/*
Theme Name: Antoniogips
Author: LEXO GmbH
Author URI: https://www.lexo.ch/
Version: 1.0

*/

/*
 *
 * REGULAR PAGE SETTINGS
 *
 */

 @media (min-width: 1480px) {
    .container {
        width: 1430px;
    }
}

body {
    position: relative;
    min-height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex_wrap {
    flex-wrap: wrap;
}
.row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.row:before {
    display: none;
}
.flex-vertical-center {
    align-items: center;
}

.flex-pull-right {
    margin-left: auto;
}

input {
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

body.ios input,
body.ios textarea {
    -webkit-border-radius:0; 
    border-radius:0;
    box-shadow: none;
    background-clip: padding-box;
}
p img {
    width: 100%;
    height: auto;
}

table, td {
    border: none;
    vertical-align: top;
}
td {
    min-height: 20px !important;
    display: inline-table;
}
table.table_bg td {
    border: none;
    padding: 3px 20px;
}

table.table_bg tr:nth-child(odd){
    background: #f6f5f5;
}

.table_bg tbody {
    border-top: 2px solid #e7e7e7;
}
.table_bg tbody tr {
    border-bottom: 2px solid #e7e7e7;
}
.top_title {
    color: #1a5a66;
    font-family: 'BarlowSemiCondensed-SemiBold';
    text-align: center;
}

/*
* FORM STYLES
*
*/

input, textarea, select {
    background-color: #fafafa;
    border: 1px solid #dbdbdb;
    font-family: 'BarlowSemiCondensed-Medium';
    padding: 13px 22px;
    font-size: 1.8rem;
    width: 100%;
    border-radius: 0px;
    margin-bottom: 8px;
    color: #000;
    vertical-align: top;
    line-height: 1.1;
    height: 46px;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
select{
    color: #bfbfbf;
}
.nl_select_wrapper:after {
    content: "\e902";
    top: 20px;
    right: 15px;
    font-size: 13px;
    color: #000;
    position: absolute;
    z-index: 3;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
::-webkit-input-placeholder {
    color: #bfbfbf;
}

:-moz-placeholder { /* Firefox 18- */
    color: #bfbfbf;  
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #bfbfbf;
}

:-ms-input-placeholder {  
    color: #bfbfbf;
}

.nice-select .list li[data-value=""] {
    color: #bfbfbf;
    pointer-events: none;
}


textarea.error, input.error, select.error {
    border: 1px solid red !important;
}

label.error {
    display: none !important;
}

.form_wrapper_holder {
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
}

.form_left_holder {
    flex: 1;
    margin-right: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form_left_holder > * ,
.form_right_holder > *{
    width: calc(50% - 7px);
}
.form_right_holder {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.form_input_holder select {
    margin-right: 0 !important;
}
.form_input {
    width: calc(50% - 4px);
}
form#contact-form {
    justify-content: space-between;
}
.form_input.form_message textarea {
    max-width: 100%;
    min-height: 175px;
}
.field_submit {
    width: 100%;
    text-align: right;
}
.form_input.required:after {
    content: "*";
    position: absolute;
    top: calc(50% - 14px);
    right: 20px;
    font-size: 24px;
    color: #858585;
}
.form_select_interests {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.form_interest_group {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px;
}
.form_interest_group > input {
    width: fit-content;
}

.strong_important {
    font-weight: bold !important;
}
.form_interest_group > label {
    width: fit-content;
    margin-bottom: 0 !important;
    margin-left: 10px !important;
    font-weight: lighter !important;
}
.group_left {
    width: 50%;
}
.group_right {
    width: 50%;
}
.checkbox_container {
    display: flex;
    flex-direction: row;
    border-bottom-width: 1px;
    border-bottom-color: #c3c3c3;
    border-bottom-style: solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.expertise_short_bottom {
    min-height: 190px;
}

/* IE & Firefox Optimizations */
.ie .form_interest_group > input,
.gecko .form_interest_group > input{
    display: table;
    width: auto !important;
}

/* SINGLE LEISTUNGEN */

.leistung_container {
    display: flex;
    flex-direction: row;
    width: 60%;
}
.leistung_content {
    padding-left: 10px;
}


/*FORM ERROR*/

span.error {
    max-height: 0px !important;
    max-width: 0px !important;
    overflow: hidden;
    display: inline-block !important;
    border: 0px !important;
}
form em {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 100;
    font-style: normal;
    /*white-space: nowrap;*/
}
form em:before {
    content: "\f06a";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #ffffff;
    color: red;
    font-weight: 700;
    font-size: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    border-radius: 100%;
    cursor: pointer;
    padding: 5px;
}
span.error.hover-active {
    max-height: none !important;
    max-width: 300px !important;
    position: absolute;
    top: 4px;
    right: 35px;
    background: #ededed;
    padding: 6px 10px;
    line-height: 15px;
    border: 0px;
    z-index: 100;
    display: inline-block !important;
    font-size: 13px;
    color: #f90106;
    font-weight: 700;
    overflow: visible;
}
form em.hover-active {
    width: 90%;
    text-align: right;
}
span.error.hover-active:after {
    content: "";
    display: inline-block;
    border: 6px solid #ededed;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 7px;
    right: -12px;
}


/*GOOGLE CAPTCHA*/

#googlecaptcha_wrapper_af {
    position: absolute;
    top: 16px;
    right: -2px;
    opacity: 0.0001;
    visibility: hidden;
    -webkit-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -ms-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -webkit-transform: translate(0,-150%);
    -moz-transform: translate(0,-150%);
    -ms-transform: translate(0,-150%);
    -o-transform: translate(0,-150%);
    transform: translate(0,-150%);
}

#googlecaptcha_wrapper_af.active {
    opacity: 0.9999;
    visibility: visible;
    -webkit-transform: translate(0,-110px);
    -moz-transform: translate(0,-110px);
    -ms-transform: translate(0,-110px);
    -o-transform: translate(0,-110px);
    transform: translate(0,-110px);
}

#googlecaptcha_wrapper_af:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 57%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 11px 0 11px;
    border-color: #d3d3d3 transparent transparent transparent;
}


#l-notify {
    position: fixed;
    bottom: 0;
    z-index: 1100;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(50, 57, 62, 0.8);
    border-top: 1px solid #DAE0E3;
    padding: 25px 15px;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.3em;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
    -webkit-transition: transform .25s, opacity .25s, visibility .25s;
    -moz-transition: transform .25s, opacity .25s, visibility .25s;
    -ms-transition: transform .25s, opacity .25s, visibility .25s;
    -o-transition: transform .25s, opacity .25s, visibility .25s;
    transition: transform .25s, opacity .25s, visibility .25s;
}


#l-notify.l-error{
    border-top: 1px solid #fc8256;
    background-color: red;
}

#l-notify.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

#aboservice-form input[type="text"],
#aboservice-form select {
    margin-bottom: 10px;
    /* box-shadow: 0 0 4px 1px #0000003d; */
}

#aboservice-form input[type="email"] {
    margin-bottom: 20px;
}

#aboservice-form #af-submit {
    width: 100%;
}

.required:after {
    /* content: '*';
    position: absolute;
    top: 0px;
    left: 4px;
    color: #8d8d8d;
    font-size: 1.2rem; */
}

/*
 * General
 */

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

p:empty {
    display: none;
}

.page-content img {
    max-width: 100%;
    height: auto;
}

.page-content p img {
    margin-bottom: 8px;
    margin-top: 8px;
}


.full_wh {
    height: 100vh;
    min-height: 900px;
}

.mt_72 {
   margin-top: 72px; 
}
.mb_72 {
    margin-bottom: 72px;
}

h3.remove_margin_top {
    margin-top: -6px !important;
}

/*
*
* HEADER
*
*/
header {
    background: #fff;
    z-index: 40;
    position: -webkit-sticky !important ;
    position: sticky !important ;
    top: 0;
    box-shadow: 0px 2px 0 #d9d9d9;
}
header.header_home {
    box-shadow: 0px 9px 0 rgba(0, 0, 0, 0.1);
}
header.homepage_fixed_header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 15;
    padding-bottom: 15px;
    background: transparent;
    border-bottom: 4px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-inner {
    justify-content: space-between;
    align-items: center;
}
.header_right {
    text-align: right;
    position: relative;
    display: flex;
    height: 100%;
    align-self: flex-end;
    padding-top: 10px;
    padding-bottom: 1px;
    flex-direction: column;
}
.header_top {
    padding-top: 5px;
    padding-right: 15px;
    border-right: 2px solid #1a5a66;
}
.header_top span, 
.header_top a {
    font-family: "BarlowSemiCondensed-Medium";
    font-size: 1.6rem;
    color: #1a5a66;
}
body header #header-logo img {
    /*width: 314px;*/
    height: 90px;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}
header.nav-up #header-logo img {
    /*width: 200px;*/
}
header.nav-up nav#main-menu li a {
    padding-bottom: 25px;
}
body header {
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}
body.fixed_header header {
    background: #fff;
    padding-bottom: 0px;
}
body.fixed_header header #header-logo img {
    width: 200px;
}
div#search_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /* background: rgba(0, 0, 0, 0.35); */
    z-index: 100;
    display: none;
}
.search_background {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
form#main-search-form {
    position: relative;
    z-index: 5;
    width: calc(100% - 30px);
    max-width: 600px;
}
.search_form_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
ul#top-menu {
    display: inline-block;
    margin: 0;
}
ul#top-menu li {
    display: inline-block;
    border-right: 2px solid #e4e7eb;
    line-height: 15px;
    margin-right: 10px;
    padding-right: 14px;
}
.search_submit_icon .icon-search {
    font-size: 14px;
    margin-right: 8px;
}

.nice-select {
    float: none;
    border: none;
    padding: 0 15px 0 0;
    height: 25px;
    background: transparent;
    font-size: 1.8rem;
    color: #0d151b;
    font-family: "BarlowSemiCondensed-Medium";
    margin-left: 15px;
    line-height: 25px;
}
.nice-select:after {
    border: none;
    color: #0d151b;
    right: 0px;
    content: "\e902";
    transform: none;
    transform-origin: center;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 10px;
    width: 10px;
    height: 7px;
}
.nice-select.open:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.nice-select:before {
    content: "\e918";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.6rem;
    margin-right: 5px;
    display: inline-block;
    position: relative;
    bottom: 0px;
}
.lang-switcher {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 15px;
    float: right;
}
.lang-switcher:before {
    content: "";
    width: 1px;
    height: 16px;
    background: #b0b0b0;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 5px;
}
.nice-select .list {
    border-radius: 0;
    margin-top: 0;
}
.nice-select .option {
    color: #0d151b;
    font-weight: 400;
}
.nice-select .option.selected {
    font-weight: 400;
    color: #000;
}
/* body.compensate-for-scrollbar {
    overflow: visible !important;
    margin: 0 !important;
} */

nav#main-menu {
    display: inline-block;
}
nav#main-menu li a {
    color: #0d151b;
    font-family: "BarlowSemiCondensed-Medium";
    font-size: 1.8rem;
    margin-left: 30px;
    border-bottom: 3px solid transparent;
    display: inline-block;
    padding-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
}
nav#main-menu li.menu-item.current_menu_item a,
nav#main-menu li a:hover {
    border-bottom-color: #e84d34;
    color: #e84d34;
}
ul#header-menu {
    margin-bottom: 0;
}
.header_left {
    margin-top: 10px;
    margin-bottom: 8px;
}
.header_nav_wrapper {
    margin-top: 42px;
    position: relative;
    -webkit-transition: margin-top 0.3s ease-in-out;
    -moz-transition: margin-top 0.3s ease-in-out;
    -o-transition: margin-top 0.3s ease-in-out;
    transition: margin-top 0.3s ease-in-out;
}
body.fixed_header header .header_nav_wrapper{
    margin-top: 15px;
}

body.fixed_header .header_left {
    margin-top: 5px;
    margin-bottom: 5px;
}
#burger {
    width: 36px;
    height: 20px;
    position: relative;
    margin-top: 7px;
    display: none;
    top: -3px;
}

#burger .bb_1,
#burger .bb_2,
#burger .bb_3 {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #1a5a66;
    left: 0;
    -webkit-transition: opacity .25s, transform .25s, height .25s;
    -moz-transition: opacity .25s, transform .25s, height .25s;
    -ms-transition: opacity .25s, transform .25s, height .25s;
    -o-transition: opacity .25s, transform .25s, height .25s;
    transition: opacity .25s, transform .25s, height .25s;
    -webkit-border-radius: 75px / 50px;
    -moz-border-radius: 75px / 50px;
    border-radius: 75px / 50px;
}

#burger .bb_1 {
    top: 0;
}

#burger .bb_2 {
    top: 8px;
}

#burger .bb_3 {
    top: 16px;
}

#burger.active .bb_1 {
    -webkit-transform: translate(0px, 9px) rotate(45deg);
    -moz-transform: translate(0px, 9px) rotate(45deg);
    -ms-transform: translate(0px, 9px) rotate(45deg);
    -o-transform: translate(0px, 9px) rotate(45deg);
    transform: translate(0px, 9px) rotate(45deg);
    height: 4px;
}

#burger.active .bb_2 {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    height: 4px;
}

#burger.active .bb_3  {
    -webkit-transform: translate(0px, -7px) rotate(-45deg);
    -moz-transform: translate(0px, -7px) rotate(-45deg);
    -ms-transform: translate(0px, -7px) rotate(-45deg);
    -o-transform: translate(0px, -7px) rotate(-45deg);
    transform: translate(0px, -7px) rotate(-45deg);
    height: 4px;
}

#main-menu .mCSB_outside +  .mCSB_scrollTools {
    right: 0;
    max-height: calc(100% - 20px);
    top: 10px;
}
section#page-content {
    z-index: 15;
}
section#page-content:before {
    content: "";
    top: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 40px;
    background: -moz-linear-gradient(top, rgba(187,190,193,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(187,190,193,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(187,190,193,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbec1', endColorstr='#00ffffff',GradientType=0 );
    opacity: 0.25;
    z-index: 5;
}
body.page-template-template-home section#page-content:before {
    top: 3px;
}

.page_title {
    margin-top: 70px;
}
.page_title hr.hr-style {
    margin-bottom: -15px;
    margin-top: 20px;
}

.header_contact_info {
    /*width: 100%;*/
    display: flex;
    padding-top: 0;
    padding-bottom: 20px;
    margin-right: 0;
    align-self: flex-end;
    transition: all .25s;
}
.container > .header-inner #header-logo > img {
    transition: all .25s;
}
.nav-up > .container > .header-inner > .header_right > .header_contact_info {
    display: none !important;
}
.nav-up > .container > .header-inner #header-logo > img {
    height: 50px !important;
}
li.menu-item a {
    transition: all .25s;
}
.nav-up li.menu-item a  {
    padding-bottom: 20px !important;
    padding-top: 5px !important;
}

#phone_number > a, #main_mail > a {
    color: #0d151b !important;
}
.header_contact_info > div > a > i {
    transition: all .25s !important;
}
#phone_number > a:hover,
#main_mail > a:hover,
#phone_number > a:focus,
#main_mail > a:focus{
    color: #ee8b79 !important;
}
.seperator_contact {
    color: #bcbcbc;
    margin-left: 10px;
    margin-right: 10px;
}

@media(max-width: 1200px) {
    .header_contact_info {
        display: none !important;
    }
    .expertise_short_bottom {
        min-height: 260px !important;
    }
}

/*
*
* FOOTER
*
*/

/*  footer top */

#page-content .footer_top_wrapper.flex ul li:before {
    display: none;
}
#page-content .footer_top_wrapper.flex ul li {
    padding-left: 0;
}
.before_footer {
    padding: 75px 0 280px;
}
.before_footer > div {
    width: 50%;
}
.bf_content_wrapper {
    width: calc((1420px / 2) + 60px);
    background: #e8e8e8;
    float: right;
    padding: 50px 120px 50px 60px;
    max-width: calc(50vw - 20px);
}

.footer_top_separator {
    height: 11px;
    background: #e74d33;
}
.footer_top_separator:before {
    content: "";
    display: inline-block;
    width: 33%;
    height: 11px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #ef8574;
}
.footer_top_separator:after {
    content: "";
    display: inline-block;
    width: 33%;
    height: 11px;
    position: absolute;
    top: 0;
    right: 0;
    background: #cc3820;
    z-index: 1;
}

footer > .section h3,
footer > .section p {
    color: black !important;
}

/*  footer dark */

footer {
    background: #17222b;
    color: #96959c;
    padding-top: 52px;
}
footer a {
    color: #96959c;
}
footer a:hover {
    color: #fff !important ;
}
.fc_title {
    color: #fff;
    margin-bottom: 35px;
    margin-top: 52px;
}
.footer_column_wrapper {
    position: relative;
    width: 100%;
    padding-right: 1%;
    margin-right: 7%;
    padding-bottom: 50px;
}
.footer_column_wrapper:after {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    position: absolute;
    top: 0;
    right: 0;
    background: #1b2c38;
}
.fc_content ul {
    margin: 0;
}
.footer_top_wrapper {
    flex-direction: row;
    justify-content: space-evenly;
    flex: 1;
    padding-bottom: 45px;
    border-bottom: 2px solid #1b2c38;
}
.footer_column_wrapper:last-child {
    margin: 0;
    padding: 0 0 20px 0;
}
.footer_column_wrapper:last-child:after {
    display: none;
}
.footer_bottom_wrapper {
    margin-top: 25px;
    justify-content: space-between;
    margin-bottom: 30px;
}
.fb_right p,
.fb_left p 
{
    display: inline-block;
}
.fb_left span {
    margin: 0 10px;
}
.fc_content {
    font-size: 1.8rem;
}
span.f_phone {
    min-width: 13px;
    display: inline-block;
}
.fc_content {
    line-height: 34px;
}
.fb_right,
.fb_left {
    font-size: 1.6rem;
    flex: 1;
}
.fb_left span:first-child {
    margin-left: 0;
}
.footer_logo_img {
    max-width: 235px;
}
.footer_logo {
    margin-bottom: 32px;
    margin-top: 55px;
}
.address {
    margin-bottom: 20px;
}
footer .email a {
    color: #e84d34;
}

/*
*
* HOMEPAGE
*
*/


ul.slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-bottom: 17px;
}
ul.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}
ul.slick-dots button {
    font-size: 0;
    padding: 0;
    background: transparent;
    border: 2px solid #fff;
    width: 15px;
    height: 15px;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    border-radius: 100%;
}
li.slick-active button,
ul.slick-dots li button:hover {
    background: #fff;
}
.slick-arrow {
    border: 0;
    color: #fff;
    width: 50px;
    line-height: 80px;
    font-size: 1.5rem;
    height: 80px;
    text-align: center;
    position: absolute;
    top: calc(50% - 40px);
    z-index: 2;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    background: rgba(255, 255, 255, 0.3);
    cursor: pointer;
}
.slick-next.slick-arrow {
    right: 0;
}
.slick-arrow:hover {
    background: #e84d34;
}
.slide_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.slide_title {
    font-family: 'BarlowSemiCondensed-Bold', sans-serif;
    font-size: 6.2rem;
    line-height: 1;
}
.slide_content_wrapper {
    width: 1430px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 140px;
}
.slide_button button.button.button-transparent {
    color: #fff;
    border-color: #fff;
}
.slide_button button.button-transparent:hover {
    color: #fff;
    background: #e84d34;
    border-color: #e84d34;
}
.slide_content_wrapper > * {
    max-width: 45%;
    color: #fff;
}

/*
 *
 * ICONS SHORTCODE
 *
 */

.icon_single {
    width: 50%;
    position: relative;
}
.icon_image img {
    max-width: 120px;
    max-height: 100px;
    height: 100px;
    object-fit: contain;
    margin: 0 auto 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon_single.icon_left {
    border-right: 1px solid #d9d9d9;
}
.icon_line_bottom.icon_left:after {
    left: 0;
    right: auto;
}
.icon_line_bottom:after {
    content: "";
    display: inline-block;
    position: absolute;
    height: 1px;
    width: calc(100% - 24px);
    bottom: 0;
    right: 0;
    background: #d9d9d9;
}
.icon_title {
    margin-top: 25px;
}

.fancybox-container {
    -webkit-transform-style: preserve-3d;
}
.fancybox-is-closing {
    display: none;
}

/*
 *
 * BLOG SHORTCODE
 *
 */


.expertise_image_bg_container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #2c3c4a;
    width: 100%;
    overflow: hidden;
    min-height: 620px;
    max-height: 780px;
}
.expertise_image_bg_container img {
    opacity: 0.1;
    min-height: 620px;
    width: auto;
}
.expertise_posts_container.flex {
    justify-content: space-between;
}
.blog_content_wrapper {
    position: relative;
    z-index: 2;
}
.blog_bg_container {
    background-color: #fff !important;
    padding-bottom: 70px;
    width: 100%;
}
.blog_short_single {
    background: #fff;
    position: relative;
}
.blog_short_bottom {
    padding: 25px 30px 60px 30px;
}
.bs_link {
    position: absolute;
    left: 30px;
    bottom: 35px;
}
.container_wide {
    max-width: 1790px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}
.blog_posts_container {
    justify-content: space-between;
    max-width: calc(100vw - 40px);
}
.bs_content {
    margin-bottom: 20px;
}
.blog_small_title {
    color: #fff;
    text-align: center;
}
.blog_title {
    font-family: "BarlowSemiCondensed-Medium";
    color: #fff;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 35px;
}
.blog_link {
    text-align: center;
    margin-bottom: 45px;
}
/* .blog_content_wrapper {
    padding-top: 65px;
} */
.bs_info div {
    display: inline-block;
    font-size: 1.4rem;
    color: #1b5ca7;
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid #d7d7d7;
    line-height: 1;
}
.bs_info div a {
    color: #1b5ca7;
}
.bs_info div:last-child {
    border: 0;
    margin-right: 0;
    padding-right: 0;
}
.video_overlay {
    position: relative;
    display: inline-block;
    width: 100%;
}
.video_overlay:after {
    content: '';
    background: url('images/07 - play.svg') center center no-repeat;
    position: absolute;
    width: 104px;
    height: 104px;
    top: calc(50% - 52px);
    left: calc(50% - 52px);
    z-index: 2;
}
a.video_overlay:before {
    content: '';
    background: rgba(11, 23, 49, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/*
*
* SECTIONS STYLES
*
*/

section > .section.section_regular {
    background: #fff;
}
section > .section.section_regular.spacing_none {
    padding-bottom: 0;
}
section > .section.section_regular.spacing_none_top {
    padding-top: 0;
}
section > .section.section_regular.spacing_double {
    padding-bottom: 220px;
}
section > .section.section_regular.spacing_double_top {
    padding-top: 220px;
}

.section.section_regular.background_color_gray,
.section.section_regular.background_color_gray_with_icon {
    background: #f2f5f9;
}
.section.section_regular.background_color_gray_with_icon {
    background: #f2f5f9 url('images/svg/SymbolBG-01.svg') center left no-repeat;
    background-size: 52% auto;
}

.section_image_right_container {
    padding-top: 60px;
    margin-top: 40px;
    display: inline-block;
    width: 100%;
    min-height: 500px;
}
.section_right_image_bg {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 600px;
}
.image_right_container {
    position: absolute;
    top: 0;
    left: calc(50% + 80px );
    max-width: calc(50vw - 80px);
    /*width: 100%;*/
}
.image_right_container img {
    width: 100%;
    height: auto;
    box-shadow: -50px 55px 0 #f1f1f1;
}



.section.background_image:after,
.section.section_background_color:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.section.background_image_blue:after {
    background: rgba(6, 25, 69, 0.9);
}
.section.background_image_gray:after {
    background: rgba(249, 249, 249, 0.8);
}
.section.background_image_blue {
    color: #fff;
}
section > .section.section_regular {
    /* min-height: 100vh; */
    padding: 90px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section.background_image_white {
    background: #fff;
}
.section.background_image_white_top_gradient:after {
    content: "";
    background: url(images/top_section_shadow.png) center top repeat-x;
    position: absolute;
    top: 3px;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 1;
}
.blog_wrapper .blog_bg_container {
    padding: 82px 0 90px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section.has-parallax {
    padding: 0;
    min-height: auto !important;
    background: transparent !important;
}

#spy-nav-group {
    position: fixed;
    left: 30px;
    top: 50%;
    transform: translate(0%, -50%);
    margin-bottom: 0;
    z-index: 10;
}
.spy-nav-item {
    border-left: 2px solid #c6cfe1;
    width: 20px;
    height: 30px;
    margin-bottom: 8px;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.spy-nav-item:hover {
    border-left: 4px solid #6d8bcd;
}
/* .spy-nav-item.active {
    border-color: #6d8bcd;
} */
.spy-nav-item span {
    line-height: 30px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 0%;
    white-space: nowrap;
    text-align: left;
    padding: 0 20px;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: "BarlowSemiCondensed-Regular";
    color: #1a5a66;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translate3d(25px,-50%,0);
    -moz-transform: translate3d(25px,-50%,0);
    -ms-transform: translate3d(25px,-50%,0);
    -o-transform: translate3d(25px,-50%,0);
    transform: translate3d(25px,-50%,0);
    background: #c7d5f3;
}
.spy-nav-item:hover span {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}

/*
*
* IMAGE BLOCK
*
*/

.box_content_container {
    background: #f9f9f9;
    padding: 30px 30px 45px 30px;
}
.box_content_container .small_box  {
    padding: 30px 30px 35px 30px;
}
/* .box_image {
    margin-bottom: 30px;
} */
.top_right_effect p {
    margin: 0;
}

/*
*
* FANCYBOX FIX
*
*/

.lightbox img {
    display: block !important;
}
.lightbox {
    cursor: pointer;
}
.fancybox-stage img {
    /* width: auto;
    height: 100%;
    max-height: 90%;
    object-fit: contain;
    pointer-events: none; */
    background: #fff;
}
.fancybox-is-open .fancybox-toolbar {
    opacity: 1;
    visibility: visible;
}

a.fancybox_a {
    display: inline-block;
    width: 100%;
}
a.fancybox_a {
    position: relative;
    background: #ffffff;
}
a.fancybox_a:after {
    content: "\e900";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #1a5a66;
    display: block;
    width: 58px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
}

/*
*
* WP GALLERY
*
*/

.wp_gallery_advanced_single_thumb_wrapper {
    margin-bottom: 30px;
}

/*
*
* NEWS
*
*/

.news_content {
    padding: 35px 30px 35px;
    border: 1px solid #e8e8e8;
    margin-bottom: 35px;
}
.news_content .date {
    margin-bottom: 7px;
}
.news_short.same_height {
    margin-bottom: 17px;
}
.news_title {
    line-height: 1.1;
}

.page-numbers {
    width: 36px;
    line-height: 33px;
    border: 2px solid #dedede;
    display: inline-block;
    text-align: center;
    height: 36px;
    font-size: 1.4rem;
    color: #000;
    margin: 0 6px;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.next.page-numbers,
a.prev.page-numbers {
    background: #f2f2f2;
    font-size: 12px;
    color: #a1a1a1;
    border-color: #f2f2f2;
    vertical-align: top;
}
span.page-numbers,
a.page-numbers:hover {
    background: #7291a4;
    border-color: #7291a4;
    color: #fff;
}
div#pagination-links {
    text-align: center;
}
.custom_news_hr {
    margin-top: 37px;
    margin-bottom: 72px;
}

/*
*
* FORM STYLES KONTAKT
*
*/
.acf-map {
    height: 650px;
    position: relative;
    z-index: -1;
}

.acf-map:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 12px;
    width: 100%;
    background: rgba(0, 0, 0, 0.11);
}

span.error {
    max-height: 0px !important;
    max-width: 0px !important;
    overflow: hidden;
    display: inline-block !important;
    border: 0px !important;
}
input#submit[disabled] {
    cursor: no-drop;
}
.contact-form-wrapper {
    position: relative;
}

/*----------------------------------------------------------------*/
/*---------------------- Google Recaptcha ------------------------*/
/*----------------------------------------------------------------*/


.contact-form-wrapper {
    position: relative;
}
#googlecaptcha_wrapper:after,
#googlecaptcha_wrapper-side:after {
    content: "";
    position: absolute;
    bottom: -12px;
    right: 20%;
    width: 34px;
    height: 15px;
    background-repeat: no-repeat;
    background-image: url(images/gc_arrow.png);
}
label.error {
    display: none !important;
}
#contact-form .error {
    border: 1px solid red;
}
#googlecaptcha_wrapper,
#googlecaptcha_wrapper-side {
    position: absolute;
    top: 15px;
    right: -10px;
    opacity: 0.0001;
    visibility: hidden;
    -webkit-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -moz-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -ms-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
    -webkit-transform: translate(0,-150%) scale(0.95);
    -moz-transform: translate(0,-150%) scale(0.95);
    -ms-transform: translate(0,-150%) scale(0.95);
    -o-transform: translate(0,-150%) scale(0.95);
    transform: translate(0,-150%) scale(0.95);
}
#googlecaptcha_wrapper.active, 
#googlecaptcha_wrapper-side.active{
    opacity: 0.9999;
    visibility: visible;
    -webkit-transform: translate(0,-130%) scale(0.95);
    -moz-transform: translate(0,-130%) scale(0.95);
    -ms-transform: translate(0,-130%) scale(0.95);
    -o-transform: translate(0,-130%) scale(0.95);
    transform: translate(0,-130%) scale(0.95);
}
/*
 *
 * ÜBER UNS
 *
 */
.person_container {
    width: 1500px !important;
    justify-content: space-between;
}
.single_person {
    width: 700px;
    background-color: #f3f3f3;
    display: flex;
    flex-direction: row;
}
.person_info_text {
    bottom: 0;
    padding-bottom: 30px;
    padding-top: 100px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
}
.person_image {
    object-fit: cover;
}
footer > .section.section_regular {
    padding: 90px 0px;
}
footer {
    padding-top: 0 !important;
}

@media (max-width: 1700px) {
    .person_container {
        flex-direction: column;
        align-items: center;
        height: 600px !important;
    }
    .person_section {
        padding-top: 0 !important;
    }
    .single_person {
        width: 700px !important;
    }
}

@media (max-width: 800px) {
    .single_person {
        width: 500px !important;
    }
    .person_image {
        height: 200px !important;
    }
    .person_info_text {
        padding-top: 30px !important;
    }
}

/*
 *
 * PARTNER
 *
 */
.partner_container {
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    align-items: center;
    column-count: 4;
}
.single_partner {
    width: 350px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    align-items: center;
}
.partner_section {
    padding-top: 0px !important;
    width: 100%;
}
.partner_image_container {
    height: 200px;
    vertical-align: middle;
    display: flex;
}
.partner_info_text {
    bottom: 0;
    /*padding-left: 30px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
}
.partner_image {
    object-fit: contain;
    margin-left: auto;
    margin-right: 0;
}
.partner_info_text > h4 {
    margin-bottom: 25px;
}
footer > .section.section_regular {
    padding: 90px 0px;
}
footer {
    padding-top: 0 !important;
}
@media (max-width: 1470px) {
    .single_partner {
        width: 50%;
    }
}
@media (max-width: 650px) {
    .single_partner {
        width: 100%;
    }
}

/* Image Gallery */
.gallery_container {
    width: 80%;
}
#image-gallery-container {
    flex-wrap: wrap;
    padding: 0 25px 35px;
}

#image-gallery-container .image-gallery-wrapper {
    width: 50%;
    padding: 15px;
}

#image-gallery-container .image-gallery {
    overflow: hidden;
    position: relative;
}

#image-gallery-container .image-gallery .package-preview-image {
    width: 100%;
    height: auto;
    position: relative;
}

#image-gallery-container .image-gallery-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 60px;
    background-color: rgba(27, 44, 56, 0.8);
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: transform .55s;
    -moz-transition: transform .55s;
    -ms-transition: transform .55s;
    -o-transition: transform .55s;
    transition: transform .55s;
}

#image-gallery-container .image-gallery-top .button {
    min-width: auto;
    margin-top: 21px;
}

#image-gallery-container .image-gallery-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(27, 44, 56, 0.8);
    padding: 39px 60px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform .55s;
    -moz-transition: transform .55s;
    -ms-transition: transform .55s;
    -o-transition: transform .55s;
    transition: transform .55s;
    align-items: center;
    justify-content: center;
}

#image-gallery-container .image-gallery:hover .image-gallery-top {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

#image-gallery-container .image-gallery:hover .image-gallery-bottom {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

#image-gallery-container .image-gallery-top h3,
#image-gallery-container .image-gallery-bottom h3 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

#image-gallery-container .image-gallery-counter {
    color: #fff;
    margin: 19px 0 7px;
}
.background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media(max-width: 1230px) {
    #image-gallery-container .image-gallery-top,
    #image-gallery-container .image-gallery-bottom {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1700px) {
    .person_container {
        flex-direction: column;
        align-items: center;
        height: 600px !important;
        width: 100% !important;
    }
    .person_section {
        padding-top: 0 !important;
    }
}

@media (max-width: 800px) {
    .single_person {
        width: 500px !important;
    }
    .person_image {
        height: 200px !important;
    }
    .person_info_text {
        padding-top: 30px !important;
    }

    #image-gallery-container {
        padding-left: 0;
        padding-right: 0;
    }

    #image-gallery-container .image-gallery-wrapper {
        width: 100%;
    }
}


/*
 *
 * MEDIA QUERY
 *
 */


@media (max-width: 1700px) {
   
}

@media (max-width: 1650px) {
    
}

@media (max-width: 1500px) {
    
}

@media (max-width: 1400px) {
    .slick-prev.slick-arrow {
        left: 10px;
    }
    .slick-next.slick-arrow {
        right: 10px;
    }
    .slide_content_wrapper {
        margin: 0px 80px;
    }
    .slide_content_wrapper > * {
        max-width: 100%;
        color: #fff;
    }
}

@media (max-width: 1360px) {
   
}

/*tablet*/
@media (max-width: 1200px) {
    .header_right {
        align-self: center;
        padding-top: 0;
        margin-bottom: 10px;
    }
    .before_footer {
        padding: 100px 0;
        background-size: cover !important;
    }
    .homepage_slider .slick-slide img {
        display: none;
    }
    .homepage_slider .slide_content {
        position: relative;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #burger {
        display: inline-block;
    }
    nav#main-menu {
        position: absolute !important;
        top: 65px;
        right: calc(100% - 35px );
        width: 290px;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background: #3d5262;
        padding: 5px 15px 5px;
        /* box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.25); */
    }
    #main-menu.active {
        visibility: visible;
        opacity: 1;
        max-height: calc(100vh - 115px);
    }
    nav#main-menu #header-menu li a {
        margin: 0;
        border: 0;
        font-size: 1.8rem;
        line-height: 46px;
        color: #fff;
        display: block;
        padding: 0;
        border-bottom: 1px solid #7291a4;
        position: relative;
    }
    nav#main-menu #header-menu li a:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0px;
        left: 0;
        background: #7291a4;
    }
    nav#main-menu #header-menu li:last-child a {
        border: 0;
    }
    nav#main-menu #header-menu li:last-child a:after {
        display: none;
    }
    ul#header-menu {
        flex-direction: column;
    }
    #mobile_menu_button {
        display: inline-block;
    }
    /* .before_footer {
        padding: 50px 0;
    } */
    nav#main-menu:after {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        top: -5px;
        background: #1a5a66;
        transform: rotate(45deg);
        right: 10px;
        /* box-shadow: -2px -3px 3px 0px rgba(0, 0, 0, 0.15); */
    }
    body.fixed_header .header_nav_wrapper,
    body .header_nav_wrapper {
        margin-top: 20px !important ;
    }
    /* header {
        position: relative !important;
    } */
    header{
        -webkit-transform: none;
        transform: none;
        will-change: transform;
        -webkit-transition: transform 0.2s linear;
        -o-transition: transform 0.2s linear;
        transition: transform 0.2s linear;
    }
    header.nav-up {
        -webkit-transform: translateY(-110%);
        transform: translateY(-110%);
    }
    body.fixed_header header #header-logo img {
        width: 348px;
    }
    .lang-switcher {
        order: 3;
    }
    nav#main-menu #header-menu li.menu-item.current_menu_item a {
        color: #7291a4;
    }
}


@media (max-width: 1060px) {
    
}


@media (max-width: 992px) {
    .expertise_image_first_wrapper .expertise_image_first_container {
        order: 2;
    }
    .expertise_image_first_wrapper .expertise_image_first_text {
        order: 1;
    }
    .image_right_container {
        position: relative;
        left: 0;
        max-width: 100%;
        margin: 0 auto 60px;
        text-align: center;
    }
    .image_right_container img {
        box-shadow: -30px 30px 0 #f1f1f1;
    }
    .same_height {
        height: auto !important;
    }
    .slide_title {
        font-size: 5rem;
    }
    .footer_top_wrapper {
        flex-direction: column;
    }
    .footer_column_wrapper:after {
        display: none;
    }
    .footer_column_wrapper {
        padding-right: 0;
        margin-right: 0;
    }
    .expertise_posts_container .expertise_short_single {
        max-width: 100% !important;
        width: 100% !important;
        display: block;
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 2px solid #7291a4;
    }
    .expertise_posts_container .expertise_short_single:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .expertise_posts_container.flex {
        flex-direction: column;
    }
    .expertise_image_bg_container {
        max-height: none;
        height: 100%;
    }
    .expertise_image_bg_container img {
        width: 100%;
        height: auto;
    }
    .blog_wrapper .blog_bg_container {
        padding: 40px 0 40px;
    }
    .before_footer > div {
        width: 95%;
    }
    .section_image_right_container {
        padding-top: 0px;
        margin-top: 0px;
    }
    .expertise_short_single .expertise_link a {
        color: #7291a4;
    }
    .checkbox_container {
        flex-direction: column; !important;
    }
    .group_left {
        width: 100% !important;
    }
    .group_right {
        width: 100% !important;
    }

}

@media (max-width: 840px) {
    .slide_title {
        font-size: 4rem;
    }
}

@media (max-width: 768px) {
    .before_footer {
        display: none;
    }
    .icon_single.icon_left {
        border-right: none;
    }
    .icon_single {
        width: 100%;
        max-width: 500px;
        border-bottom: 1px solid #d9d9d9;
        margin: 0 auto;
    }
    .icon_line_bottom.icon_line_bottom:after {
        display: none;
    }
    .icon_single:first-child {
        margin-bottom: 30px;
    }
    button#submit {
        width: 100%;
    }
    .section.section_regular.background_color_gray_with_icon {
        background-size: contain;
    }
    .footer_column_wrapper {
        text-align: center;
    }
    .fc_content ul.ul_columns_2 {
        columns: 1;
    }
    .fc_content ul li {
        display: inline-block;
    }
    .fc_content  ul li:before {
        content: "\2022";
        display: inline-block;
        padding: 0 10px;
    }
    .fc_content  ul li:first-child:before {
        display: none;
    }
    .fc_content ul {
        text-align: center;
    }
    .news_content {
        padding: 15px;
    }
    .custom_news_hr {
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .page_title {
        margin-top: 10px;
    }
    section > .section.section_regular {
        padding: 50px 0;
    }
    .footer_bottom_wrapper.flex {
        flex-direction: column;
        text-align: center;
    }
    .fb_right.text_right {
        text-align: center;
    }
    .fc_title {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .footer_logo {
        margin-top: 0;
    }
    .footer_top_wrapper {
        padding-bottom: 10px;
        padding-top: 20px;
    }
    .button {
        padding: 10px 30px;
    }
    .hide-on-mobile {
        display: none;
    }
    .homepage_slider .slick-track
    {
        display: flex !important;
    }
    .homepage_slider .slick-slide
    {
        height: inherit !important;
    }
    .homepage_slider .slide_title {
        font-size: 3rem;
    }
    .homepage_slider .slick-arrow {
        width: 40px;
        font-size: 1rem;
        line-height: 46px;
        height: 44px;
        background-size: 40px 44px;
    }
    .homepage_slider .slide_content_wrapper {
        margin: 0px 50px;
        text-align: center;
    }
    ul.slick-dots {
        margin-bottom: 0px;
    }
    form#contact-form {
        flex-direction: column;
    }
    .form_input {
        width: 100%;
    }
    input, textarea, select {
        margin-bottom: 15px;
    }
    body.fixed_header header #header-logo img {
        width: 348px;
    }
    .image_right_container {
        max-width: calc(100% - 80px);
        margin: 0 auto 50px;
    }
}

@media (max-width: 600px) {
    .fc_content .ul_columns_2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        -ms-column-count: 1;
        -o-column-count: 1;
        column-count: 1;
    }
    .section_separator.parallax-window {
        height: 200px !important;
    }
    body header #header-logo img,
    body.fixed_header header #header-logo img {
        width: 250px;
        max-width: 100%;
    }
    .header_right {
        margin-left: 20px;
    }
    nav#main-menu {
        top: 50px;
    }
    #main-menu.active {
        max-height: calc(100vh - 80px);
    }
}

@media (max-width: 480px) {
    .image_right_container img {
        box-shadow: -20px 20px 0 #f1f1f1;
    }
    .image_right_container {
        max-width: calc(100% - 60px);
    }
    /* .header_right {
        flex-direction: column-reverse;
    } */
    /* #mobile_menu_button {
        display: block !important;
        margin-top: 0px;
    }
    .lang-switcher:before {
        display: none;
    } */
    /* .lang-switcher {
        margin-bottom: 5px;
    }
    nav#main-menu {
        top: 80px;
        right: calc(100% - 84px );
        width: calc(100vw - 33px);
    } */
    nav#main-menu {
        right: calc(100% - 120px );
        width: calc(100vw - 33px);
    }
    nav#main-menu:after {
        right: 94px;
    }
}

@media (max-width: 430px) {
    
}

@media (max-width: 370px) {
    body header #header-logo img, 
    body.fixed_header header #header-logo img {
        width: 100%;
    }
}



/*
 *
 * ANIMATIONS
 *
 */

.animaClassDownUp {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(0,25px,0);
    -moz-transform: translate3d(0,25px,0);
    -ms-transform: translate3d(0,25px,0);
    -o-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0);
    -webkit-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -moz-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -ms-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -o-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
}


.animaClassLeftRight {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(-25px,0,0);
    -moz-transform: translate3d(-25px,0,0);
    -ms-transform: translate3d(-25px,0,0);
    -o-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0);
    -webkit-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -moz-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -ms-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -o-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
}

.animaClassRightLeft {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(25px,0,0);
    -moz-transform: translate3d(25px,0,0);
    -ms-transform: translate3d(25px,0,0);
    -o-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0);
    -webkit-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -moz-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -ms-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -o-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
}

.animaClassUpDown {
    opacity: 0;
    visibility: hidden;
    position: relative;
    -webkit-transform: translate3d(0,-25px,0);
    -moz-transform: translate3d(0,-25px,0);
    -ms-transform: translate3d(0,-25px,0);
    -o-transform: translate3d(0,-25px,0);
    transform: translate3d(0,-25px,0);
    -webkit-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -moz-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -ms-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -o-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
}

.animaClassActive {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -moz-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -ms-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    -o-transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
    transition: transform 0.55s, opacity 0.75s, visibility 0.75s;
}