/*
Theme Name: vonallmen
Author: seaio.interactive
Author URI: https://www.seaio.ch
Description: Individual template created for WordPress
Version: 1.0
*/


html{
    overflow-x: hidden;
    scroll-behavior: smooth;

    --white: #FFF;
    --white05: rgba(255,255,255,0.05);
    --white10: rgba(255,255,255,0.1);
    --white15: rgba(255,255,255,0.15);
    --white30: rgba(255,255,255,0.3);
    --white50: rgba(255,255,255,0.5);
    --white70: rgba(255,255,255,0.7);
    --white80: rgba(255,255,255,0.8);
    --black: #000;
    --primary: #C4182F;
    --primary-hover: #A21528;
    --light_grey: #E8E8E8;
    --medium_grey: #C2C2C2;
    --semidark_grey: #646464;
    --dark_grey: #232323;
    --dark_grey70: rgba(35,35,35,0.7);
    --bg_green: #F2F6F5;
    --light_green: #D1E7E5;
    --semiligth_green: #77938E;
    --medium_green: #445754;
    --semidark_green: #33413F;
    --dark_green: #101E24;


    /*font-sizes und line-heights*/
    --sz90:  90px;
    --lh90:  90px;
    --sz60:  60px;
    --lh66:  66px;
    --sz45:  45px;
    --lh50:  50px;
    --sz40:  40px;
    --lh40:  40px;
    --sz30:  30px;
    --lh34:  34px;
    --sz26:  26px;
    --lh30:  30px;
    --sz20:  20px;
    --lh22:  22px;
    --sz16:  16px;
    --lh24:  24px;
    --lh16:  16px;
    --sz15:  15px;
    --lh18:  18px;
    --lh15:  15px;
    --sz12:  12px;
    --lh14:  14px;

    --contentTop:  180px;
}
@media screen and (max-width: 1600px) {
    html{
        /*font-sizes und line-heights*/
        /*--sz90:  90px;*/
        /*--lh90:  90px;*/
        --sz60:  4vw;
        --lh66:  4.3vw;
        --sz45:  2.8vw;
        --lh50:  3.1vw;
        /*--sz40:  40px;*/
        /*--lh40:  40px;*/
        --sz30:  2vw;
        --lh34:  2.1vw;
        /*--sz26:  26px;*/
        /*--lh30:  30px;*/
        /*--sz20:  20px;*/
        /*--lh22:  22px;*/
        /*--sz16:  16px;*/
        /*--lh24:  24px;*/
        /*--lh16:  16px;*/
        /*--sz15:  15px;*/
        /*--lh18:  18px;*/
        /*--lh15:  15px;*/
        /*--sz12:  12px;*/
        /*--lh14:  14px;*/
    }
    
}
@media screen and (max-width: 1200px) {
    html{
        /*font-sizes und line-heights*/
        --sz90:  8vw;
        --lh90:  8vw;
        --sz60:  3.5vw;
        --lh66:  4vw;
        /*--sz45:  35px;*/
        /*--lh50:  40px;*/
        --sz40:  30px;
        --lh40:  30px;
        --sz30:  26px;
        --lh34:  30px;
        --sz26:  22px;
        --lh30:  28px;
        /*--sz20:  20px;*/
        /*--lh22:  22px;*/
        /*--sz16:  16px;*/
        /*--lh24:  24px;*/
        /*--lh16:  16px;*/
        /*--sz15:  15px;*/
        /*--lh18:  18px;*/
        /*--lh15:  15px;*/
        /*--sz12:  12px;*/
        /*--lh14:  14px;*/
    }
}
@media screen and (max-width: 959px) {
    html{
        /*font-sizes und line-heights*/
        --sz90:  60px;
        --lh90:  60px;
        --sz60:  4vw;
        --lh66:  4.5vw;
        --sz45:  30px;
        --lh50:  35px;
        --sz40:  26px;
        --lh40:  26px;
        --sz30:  24px;
        --lh34:  28px;
        --sz26:  20px;
        --lh30:  26px;
        /*--sz20:  20px;*/
        /*--lh22:  22px;*/
        /*--sz16:  16px;*/
        /*--lh24:  24px;*/
        /*--lh16:  16px;*/
        /*--sz15:  15px;*/
        /*--lh18:  18px;*/
        /*--lh15:  15px;*/
        /*--sz12:  12px;*/
        /*--lh14:  14px;*/
    }
}
@media screen and (max-width: 639px) {
    html{
        /*font-sizes und line-heights*/
        --sz90:  40px;
        --lh90:  40px;
        --sz60:  30px;
        --lh66:  36px;
        --sz45:  24px;
        --lh50:  28px;
        --sz40:  22px;
        --lh40:  22px;
        --sz30:  20px;
        --lh34:  24px;
        --sz26:  20px;
        --lh30:  22px;
        --sz20:  18px;
        --lh22:  20px;
        /*--sz16:  16px;*/
        /*--lh24:  24px;*/
        /*--lh16:  16px;*/
        /*--sz15:  15px;*/
        /*--lh18:  18px;*/
        /*--lh15:  15px;*/
        /*--sz12:  12px;*/
        /*--lh14:  14px;*/
        --contentTop:  140px;
    }
}
body{
    background-color: var(--dark_green);
    color: var(--white);
    font-family: 'Inter';
}

h1 {
    color: var(--white);
    font-family: 'Inter';
    margin: 0 !important; 
    font-size: var(--sz60);
    line-height: var(--lh66);
    font-weight: 600;
}
h2 {
    color: var(--white);
    font-family: 'Inter';
    margin: 0 !important;
    font-size: var(--sz60);
    line-height: var(--lh66);
    font-weight: 600;
}
h3 {
    color: var(--white);
    font-family: 'Inter';
    margin: 0 !important;
    font-weight: 500;
    font-size: var(--sz26);
    line-height: var(--lh30);
}
h4 {
    color: var(--white);
    font-family: 'Inter';
    margin: 0 !important;
}
h5 {
    color: var(--white);
    font-family: 'Inter';
    margin: 0 !important;
}
h6 {
    color: var(--white);
    font-family: 'Inter';
    margin: 0 !important;
}
em {
    color: var(--white);
}

a{
    transition:all 0.25s linear;
    position: relative;
}
a:hover{
    text-decoration: none;
    position: relative;
}
.pageContent p>a,
.pageContent ul>li>a,
.pageContent oll>li>a {
    position: relative;
    color: var(--white80);
}
.pageContent p>a:hover,
.pageContent ul>li>a:hover,
.pageContent oll>li>a:hover {
    position: relative;
    color: var(--white);
}
.pageContent p>a:after,
.pageContent ul>li>a:after,
.pageContent ol>li>a:after  {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--white80);
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    transition: all ease 0.3s;
}
.pageContent p>a:hover:after,
.pageContent ul>li>a:hover:after,
.pageContent oll>li>a:hover:after  {
    width: 0;
    background-color: var(--white);
    transition: all ease 0.3s;
}
p{
    margin-top: 0;
}
a, :focus {
    outline: none;
}
blockquote {
    position: relative;
    color: inherit;
    background-color: var(--white10);
    padding: 30px 30px 30px 70px;
    display: inline-block;
    font-style: normal;
}
blockquote:before {
    content: '';
    background-image: url('assets/images/quote.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 20px;
    top: 30px;
}
@media screen and (max-width: 959px) {
    h1 {
    }
    h2 {
    }
    h3 {
    }
    h4 {
    }
    h5 {
    }
    h6 {
    }
}
@media screen and (max-width: 639px) {
}


a{
    transition: all 0.3s linear;
}


.textwidget h4{
    color: var(--white);
    font-size: var(--sz26) !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: var(--lh30) !important;
}
.textwidget h5{
    color: var(--white);
    font-size: var(--sz20) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: var(--lh30) !important;
}



header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    padding: 15px 0;
    transition: all 0.2s linear;
    border-bottom: 1px solid var(--white15);
    z-index: 1000;
}
header,
header a{
    color: var(--white);
}
header a.header-logo svg path.logoicon {
    transition: all ease 0.3s;
}
header a.header-logo:hover svg path.logoicon {
    fill: var(--primary);
    transition: all ease 0.3s;
}
.headerBg{
    background: var(--black);
}
.headerNav{
    margin-top: 10px;
}
.header_menu_item{
    font-size: var(--sz15);
    line-height: var(--lh15);
    font-weight: 500;
    margin-right: 40px;
    color: var(--white80);
}
.header_menu_item.header_menu_item_active {
    color: var(--white);
}
.header_menu_item:hover{
    text-decoration: none;
    color: var(--white);
}
.header_menu_item:last-child{
    margin-right: 0px;
}
.headerRight{
    margin-top: 10px;
}
.headerSubNav{
    background: var(--black);
    position: fixed;
    top: 75px;
    left: 0;
    width: 100vw;
    z-index: 999;
    display: none;
    padding: 80px 0;
}

.headerSubNavItems a{
    display: block;
    color: var(--white70);
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 500;
    margin-bottom: 15px;
}
.headerSubNavItems a:before{
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    margin-right: 8px;
    position: relative;
    top: 0;
}
.headerSubNavItems a:hover{
    color: var(--white);
    text-decoration: none;
}
.headerSubNav .uk-inline{
    background: var(--white10);
}
.headerSubnavRightBox {
    height: 170px;
    overflow: hidden;
}
.headerSubnavRightBox img {
    object-position: bottom right;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.headerSubNavRight{
    padding: 25px;
}
.headerSubNavText1{
    color: var(--white);
    font-size: var(--sz20);
    line-height: var(--lh30);
    font-weight: 500;
}
.headerSubNavText2{
    color: var(--white70);
    font-size: var(--sz16);
    line-height: var(--lh24);
}
.headerSubNavText3{
    color: var(--white70);
    font-size: var(--sz12);
    line-height: var(--lh14);
}
.headerSubNavLeft .headerSubNavText1{
    margin-bottom: 25px;
    width: 70%;
}
.headerSubNavLeft .headerSubNavText2{
    margin-bottom: 30px;
    width: 70%;
}
.headerSubNavRight .headerSubNavText1{
    margin-bottom: 15px;
}

.headerMobileSubNav .headerSubNavItems {
    /*margin-left: -30px;*/
}
.headerMobileMenuIcon:hover{
    color: var(--white);
}
.headerMobileMenuIcon.menuOpen span svg rect:first-child,
.headerMobileMenuIcon.menuOpen span svg rect:last-child,
.headerMobileMenuIcon.menuOpen span svg rect:nth-child(2) {
    transition: all ease 0.3s;
    transform: rotate(0) translate(0, 0);
    visibility: visible;
    opacity: 1;
}
.headerMobileMenuIcon.menuOpen span svg rect:first-child {
    transform: rotate(45deg) translate(25%, -25%);
    transition: all ease 0.3s;
}
.headerMobileMenuIcon.menuOpen span svg rect:last-child {
    transform: rotate(-45deg) translate(-50%, 0%);
    transition: all ease 0.3s;
}
.headerMobileMenuIcon.menuOpen span svg rect:nth-child(2) {
    opacity: 0;
    visibility: hidden;
    transition: all ease 0.3s;
}
.headerMobileNav{
    display: none;
    background: var(--black);
    position: fixed;
    top: 80px;
    left: 0;
    width: calc(100vw - 80px);
    z-index: 999;
    padding: 40px;
    height: calc(100vh - 160px);
    overflow: auto;
}
.headerMobileSubNav{
    padding: 20px 0;
    display: none;
}
.headerMobileNav .header_menumobile_item {
    display: block;
    color: var(--white70);
    font-size: var(--sz26);
    line-height: var(--lh30);
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--white30);
}
.headerMobileNav .header_menumobile_item.header_menumobile_item_active {
    color: var(--white);
    border-bottom: 1px solid var(--white70);
}

.header_suche {
    display: inline-block;
    position: relative;
}
#header_menu_search {
    position: absolute;
    top: 54px;
    right: 0;
    margin-left: 40px;
    padding: 20px 40px 20px 20px;
    background: var(--black);
    display: none;
    border-radius: 0;
    /*box-shadow: 0 0 20px 0 var(--white10);*/
}
#searchfield_header,
#searchfield_page,
#searchfield_header_mobile {
    color: var(--white80);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    border: 1px solid var(--white70);
    border-radius: 0;
    padding: 8px 15px;
    background: none;
    width: 120px;
    transition: all ease 0.3s;
}
#searchfield_header:focus,
#searchfield_page:focus {
    border-color: var(--white);
    transition: all ease 0.3s;
}

#header_menu_search_submit,
#page_search_submit,
#header_menu_search_icon {
    cursor: pointer;
    color: var(--white80);
    transition: all ease 0.3s;
}
#header_menu_search_submit:hover,
#page_search_submit:hover,
#header_menu_search_icon:hover {
    color: var(--white);
    transition: all ease 0.3s;
}
.searchpage .uk-list-striped>:nth-of-type(odd) {
    background: transparent;
    padding: 0;
}
.searchpage .uk-list-striped>:nth-of-type(odd) a {
    background: var(--white10);
}
.searchpage .uk-list-striped>:nth-of-type(even) {
    padding: 0;
}
.searchpage .uk-list-striped li a {
    color: var(--white);
    display: block;
    padding: 10px;
}
.searchpage .uk-list-striped li a:hover {
    background: var(--white05);
    color: var(--white80);
}
@media screen and (max-width: 1200px) {
    .header_menu_item {
        margin-right: 20px;
    }
    .headerSubNav{
        top: 6vw;
    }
}
@media screen and (max-width: 639px) {
    .headerMobileNav {
        padding: 40px 15px;
        width: calc(100vw - 30px);
    }
    .headerSubNav{
        top: 68px;
        padding: 50px 0;
    }
    .headerSubNavLeft .headerSubNavText1,
    .headerSubNavLeft .headerSubNavText2{
        margin-bottom: 15px;
        width: 100%;
    }
    .headerSubNavItems a:before{
        height: 30px;
        float: left;
    }
}


/* page container */
.uk-container-large{
    max-width: 1600px;
}


.pageContent{
    min-height: 70vh;
    padding-top: var(--contentTop);
}


.button_red{
    background: var(--primary);
    color: var(--white);
    padding: 10px 20px;
    font-size: var(--sz15);
    line-height: var(--lh15);
    border-radius: 3px;
}
.button_red:hover{
    color: var(--white);
    text-decoration: none;
    background: var(--primary-hover);
}

.button_white{
    border: 1px solid var(--white);
    border-radius: 3px;
    background: var(--white);
    color: var(--dark_grey);
    padding: 8px 20px;
    font-weight: 500;
    font-size: var(--sz15);
    line-height: var(--lh15);
    display: inline-block;
    transition: all ease 0.3s;
}
.button_white:hover{
    color: var(--white);
    text-decoration: none;
    background: var(--primary);
    border: 1px solid var(--primary);
    transition: all ease 0.3s;
}

.button_white_outline{
    border: 1px solid var(--white);
    border-radius: 3px;
    color: var(--white);
    padding: 8px 20px;
    font-weight: 500;
    font-size: var(--sz15);
    line-height: var(--lh15);
    transition: all ease 0.3s;
}
.button_white_outline:hover{
    text-decoration: none;
    background: var(--white);
    color: var(--dark_grey);
    transition: all ease 0.3s;
}
.button_white_outline:after {
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_white.png');
    margin-left: 8px;
    display: inline-block;
    transition: all ease 0.3s;
}
.button_white_outline:hover:after {
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    transform: translateX(5px);
    transition: all ease 0.3s;
}


.button_dark_outline{
    border: 1px solid var(--semidark_grey);
    border-radius: 3px;
    color: var(--dark_grey);
    padding: 8px 20px;
    font-weight: 500;
    font-size: var(--sz15);
    line-height: var(--lh15);
    transition: all ease 0.3s;
}
.button_dark_outline:hover{
    text-decoration: none;
    color: var(--white);
    background-color: var(--dark_grey);
    border-color: var(--dark_grey);
    transition: all ease 0.3s;
}
.button_dark_outline:after {
    content: url('/wp-content/themes/vonallmen/assets/images/arrow_right_red.png');
    margin-left: 8px;
    display: inline-block;
    transition: all ease 0.3s;
}

.button_dark_outline:hover:after {
    transform: translateX(5px);
    transition: all ease 0.3s;
}


/* single angebot */
.angebot_detail_vorteile{
    padding: 0 0 200px 0;
}
.angebot_detail_vorteile_titel{
    color: var(--white);
    font-size: var(--sz45);
    font-weight: 600;
    line-height: var(--lh50);
    margin: 40px 0 !important;
}
.angebot_detail_vorteil_item{
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    margin-bottom: 50px;
}
.angebot_detail_vorteil_item_title{
    color: var(--white);
    font-size: var(--sz20);
    font-weight: 500;
    line-height: var(--lh30);
    margin-bottom: 10px;
}
.angebot_detail_vorteil_item_text{
    color: var(--white);
    opacity: 0.7;
    font-size: var(--sz16);
    font-weight: 500;
    line-height: var(--lh24);
}
.angebot_detail_vorteile_bild{
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.angebot_detail_anwendungsbereiche{
    background: rgba(255, 255, 255, 0.10);
    width: 100vw;
    position: relative;
    left: calc((100vw - 1600px)/-2);
    padding: 10px 0 100px 0;
}
.angebot_detail_anwendungsbereiche_item{
    background: rgba(255, 255, 255, 0.10);
    padding: 30px 20px;
}
.angebot_detail_anwendungsbereiche_item_image{
    text-align: center;
    border-top: 1px solid var(--white30);
    border-bottom: 1px solid var(--white30);
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 90px;
    position: relative;
}
.angebot_detail_anwendungsbereiche_item_image:before,
.angebot_detail_anwendungsbereiche_item_image:after {
    content: '';
    position: absolute;
    height: 1px;
    background-color: var(--white30);
    width: calc(50% - 70px);
    top: 50%;
}
.angebot_detail_anwendungsbereiche_item_image:before{
    left: 0;
}
.angebot_detail_anwendungsbereiche_item_image:after {
    right: 0;
} 
.angebot_detail_anwendungsbereiche_item_image img {
    height: 68px;
    width: auto;
}
.angebot_detail_anwendungsbereiche_item_title{
    color: var(--white);
    font-size: var(--sz20);
    font-weight: 500;
    line-height: var(--lh24);
    margin-bottom: 10px;
}
.angebot_detail_anwendungsbereiche_item_text{
    color: var(--white);
    font-size: var(--sz16);
    font-weight: 500;
    line-height: var(--lh24);
    opacity: 0.7;
}
.angebot_detail_wissennav{
    margin: 100px 0;
}
.angebot_detail_wissen .technologie,
.angebot_detail_wissen .faq,
.angebot_detail_wissen .insights,
.angebot_detail_wissen .downloads {
    background: none;
    position: static;
    width: 100%;
    left: 0;
    top: 0;
    padding: 0;
}
.angebot_detail_wissen .technologie .uk-container,
.angebot_detail_wissen .faq .uk-container,
.angebot_detail_wissen .insights .uk-container,
.angebot_detail_wissen .downloads .uk-container {
    padding: 0;
}

@media screen and (max-width: 1679px) {
    .angebot_detail_anwendungsbereiche {
        left: -40px;
    }
    .angebot_detail_anwendungsbereiche .uk-container {
        padding: 0 40px;
    }
    .angebot_detail_anwendungsbereiche_item_image {
        margin-bottom: 7vw;
    }
}
@media screen and (max-width: 959px) {
    .angebot_detail_anwendungsbereiche {
        left: -30px;
    }
    .angebot_detail_anwendungsbereiche .uk-container {
        padding: 0 30px;
    }
    .angebot_detail_anwendungsbereiche_item {
        padding: 20px 15px;
    }
    .angebot_detail_anwendungsbereiche_item_image {
        margin-bottom: 30px;
    }
    .angebot_detail_anwendungsbereiche_item_image img {
        height: 50px;
    }
}
@media screen and (max-width: 639px) {
    .angebot_detail_anwendungsbereiche {
        left: -15px;
    }
    .angebot_detail_anwendungsbereiche .uk-container {
        padding: 0 15px;
    }
}
/*Insights Detail*/
a.insightsback {
    color: var(--white);
    position: relative;
    font-size: var(--sz16);
    line-height: var(--lh24);
}
a.insightsback:before {
    content: url(/wp-content/themes/vonallmen/assets/images/arrow_right_red.png);
    transform: rotate(180deg);
    margin-right: 8px;
    transition: all ease 0.3s;
    display: inline-block;
}
a.insightsback:hover:before { 
    transform: translateX(-5px) rotate(180deg);
}
.titel_text.blogexcerpt {
    font-size: var(--sz26);
    line-height: var(--lh30)
}

/* list_more */
.list_more{
    position: relative;
    width: 100vw;
    left: calc((100vw - 1600px)/-2);
}
.list_more_title{
    color: var(--white);
    font-size: var(--sz20);
    font-weight: 500;
    line-height: var(--lh30);
    padding-bottom: 50px;
}
.list_more_line{
    border-top: 1px solid var(--white30);
    height: 1px;
}

.list_more a{
    display: block;
    padding: 50px 0;
    font-size: var(--sz60);
    line-height: var(--lh66);
    color: var(--white);
    font-weight: 600;
}
.list_more a:hover{
    color: var(--white70);
    text-decoration: none;
}
@media screen and (max-width: 1679px) {
    .list_more {
        left: -40px;
    }
    .list_more .uk-container {
        padding: 0 40px;
    }
}
@media screen and (max-width: 959px) {
    .list_more {
        left: -30px;
    }
    .list_more .uk-container {
        padding: 0 30px;
    }
}
@media screen and (max-width: 639px) {
    .list_more {
        left: -15px;
    }
    .list_more .uk-container {
        padding: 0 15px;
    }
}




/* footer */
footer{
    background: var(--black);
    color: var(--white);
    padding: 100px 0 80px 0;
}
footer h3{
    color: var(--white);
    font-size: var(--sz20);
    line-height: var(--lh24);
    font-weight: 600;
    margin-bottom: 10px !important;
}
footer .textwidget p{
    color: var(--medium_grey);
}
.footer_left_logo{
    margin-bottom: 20px;
}
.footer_left_logo img{
    width: 270px;
}
.footer_left_address{
    margin-bottom: 20px;
}
.footer_left_contact a{
    color: var(--white);
}
.footer_left_contact a:hover{
    color: var(--white70);
}
.footer_left_address img {
    max-width: 270px !important;
    margin-bottom: 20px;
}

.footer_left_address,
.footer_left_address p,
footer .footer_left_address,
footer .footer_left_address p,
footer .footer_left_address .textwidget,
footer .footer_left_address .textwidget p {
    color: var(--white);
}
.footer_left_address a {
    color: var(--white);
} 
.footer_left_address a:hover {
    color: var(--white70);
}

.footer_right{
    width: 60%;
}
.footer_menu1_item{
    font-size: var(--sz26);
    line-height: var(--lh30);
    font-weight: 500;
    display: block;
    margin-bottom: 26px;
    color: var(--white);
}
.footer_menu1_item:hover{
    text-decoration: none;
    color: var(--white70);
}
.footer_menu2_item{
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh18);
    font-weight: 500;
    display: block;
    margin-bottom: 16px;
    opacity: 0.7;
}
.footer_menu2_item:hover{
    opacity: 1;
    text-decoration: none;
    color: var(--white);
}
.footer_bottom{
    border-top: 1px solid var(--white30);
    margin-top: 100px;
    padding: 30px 0 0 0;
}
.footer_bottom a img {
   opacity: 0.3;
   transition: all ease 0.3s;
}
.footer_bottom a:hover img {
   opacity: 1;
   transition: all ease 0.3s;
}
.footer_menu3_item{
    color: var(--white);
    font-size: var(--sz16);
    line-height: var(--lh18);
    font-weight: 500;
    opacity: 0.7;
    margin-right: 20px;
}
.footer_menu3_item:hover{
    opacity: 1;
    text-decoration: none;
    color: var(--white);
}
.footer_newsletter {
    margin: 50px 0;
}
.footer_newsletter input{
    border: 1px solid rgba(255, 255, 255, 0.30);
    color: var(--medium_grey);
    font-size: var(--sz16);
    font-style: normal;
    font-weight: 500;
    line-height: var(--lh16);
    margin-bottom: 20px;
    padding: 6px 20px;
    background: none;
}
.footer_newsletter button {
    cursor: pointer;
}
@media screen and (max-width: 959px) {
    footer{
        padding: 30px 0 40px 0;
    }
    .footer_bottom{
        margin-top: 30px;
    }
    .footer_left_logo img{
        width: 180px;
    }
    .footer_menu1_item{
        margin-bottom: 16px;
    }
    .footer_right{
        width: 100%;
    }
}
@media screen and (max-width: 639px) {
}



/*
 * print styles
 */
@media print{
    .uk-grid {
        display: inline !important;
    }
}