/*
Theme Name: sam
Author: milkycode
Author URI: https://www.milkycode.com/
Version: 1.1
Template: porto
License: Commercial
*/

@import url("../porto/style.css");

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

#main-menu .mega-menu > li.menu-item.active:hover > a, #main-menu .mega-menu > li.menu-item:hover > a {
    animation: portoSlideInUpCustom 0.3s linear !important;
}

@keyframes portoSlideInUpCustom {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        color:#fff !important;
    }
    50% {
        -webkit-transform:translateY(-45%);
        transform:translateY(-45%);
        color:#fff !important;
    }
    51% {
        -webkit-transform:translateY(45%);
        transform:translateY(45%);
        color:#b3192f !important;
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
        color:#b3192f !important;
    }
}

.mega-menu .narrow ul.sub-menu {
    padding: 0 !important;
}

.image_big img {
    height: 331px !important;
    object-fit: cover;
}

.image_medium img {
    height: 202px !important;
}

.image_longerlabel .thumb-info.thumb-info-centered-info .thumb-info-title {
    width: 153px !important;
}

.image_objectcover img {
    object-fit: cover !important;
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
    transform: translate3d( 0, 0, 0 ) !important;
    opacity: 1 !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.menu_join {
    margin-left: 0 !important;
}

#main-menu .mega-menu > li.menu-item.menu_join > a {
    margin-left: 0 !important;
}

.container {
    max-width: 1165px;
}

#header.sticky-header .main-menu-wrap, #header.sticky-header .header-main.sticky .header-left, #header.sticky-header .header-main.sticky .header-center, #header.sticky-header .header-main.sticky .header-right {
    padding: 0px;
}

#header .main-menu > li.menu_join.menu-item.active > a {
    color: #ffffff !important;
}

.targets_customerbox {
    height: 325px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: none;
    width: 189px;
    margin-right: 5px;
}

.targets_customerbox h2 {
    font-size: 19px !important;
}

.targets_customerbox a {
    border: none !important;
    border-radius: 0px !important;
    text-transform: uppercase;
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    transition: all 200ms ease-in-out !important;
    -webkit-transition: all 200ms ease-in-out !important;

    height: 46px !important;
    position: absolute !important;;
    left: 30px !important;;
    top: 250px !important;;
}

.targets_customerbox a:hover {
    opacity: 0.9;
    color: #ffffff !important;
    background-color: #2f3439 !important;
}

.services_box {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    max-width: calc( 50% - 3px );
    margin-right: 3px;
}

.services_box.last {
    max-width: calc( 100% - 3px );
}

.porto-price-box {
    min-height: 380px;
}

#deine_ziele .wpb_text_column p {
    color: #ffffff !important;
    text-align: center !important;
}

select.form-control {
    color: #999999 !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
}

@media screen and (max-width: 768px) {
    .targets_customerbox {
        width: calc( 100% - 30px );
        margin: 15px;
        margin-bottom: 0;
    }

    .targets_customerbox a {
        position: static !important;
        left: 0 !important;
        top: 0 !important;
        margin: 0 auto !important;
    }

    .services_box {
        max-width: calc( 100% - 30px ) !important;
        margin: 15px !important;
        position: static !important;
    }

    .services_box > div {
        text-align: left;
    }

    #deine_ziele .vc_row.wpb_row.vc_inner {
        margin-bottom: 0px !important;
    }

    #unsere_leistungen .vc_row.wpb_row {
        margin-bottom: 0 !important;
    }

    #nav-panel .accordion-menu li.menu-item.active > a {
        color: #ffffff !important;
    }

    .pricing-table .plan {
        margin-bottom: 15px;
    }
}