/*
Theme Name: sam
Theme URI: https://www.milkycode.com/wordpress
Author: milkycode GmbH
Author URI: https://www.milkycode.com/
Description: Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
*/

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

/*************** CUSTOM CSS  ***************/

#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;
    }
}

#header .account-dropdown > li.menu-item::before, #header .account-dropdown > li.menu-item > a {
    color: #fff;
}

#mini-cart .minicart-icon-default {
    width: 20px;
    height: 19px;
    margin: 7px 3px 1px;
}
#mini-cart .minicart-icon-default::before {
    left: 4px;
}

/*************** THEME CSS  ***************/

/* Font */
a, p, span:not(.wpcf7-form-control-wrap):not(.fa):not(.arrow):not(.product-link), .porto-info-list-item-desc, .porto-sicon-description, #footer .footer-bottom .container .footer-center { font-family: "Poppins", sans-serif; }
.custom-lists { color: #fff; }
.custom-text-color-1 { color: #ebebeb; }

/* Header */
.fixed-header #header { left: -15px; }
#header .logo { position: relative; top: -4px; }
@media (max-width: 991px) {
    #header .logo { padding: 8px 0; }
}
.home #header .header-main .container { background: #0A0A0A; }
@media (min-width: 992px) {
    .home #header .header-main:not(.sticky) .container { padding-left: 30px; padding-right: 0; }
}
.home .fixed-header #header .header-main { background: none; }
.home .header-main.sticky { background: #0A0A0A !important; }
.home .fixed-header #header .header-main:not(.sticky) { top: 45px !important; }
#header .header-main #main-menu .mega-menu > li.menu-item,
#header .header-main #main-menu .mega-menu > li.menu-item a { font-weight: 500 !important; }
#main-menu .mega-menu > li.menu-item > a,
.mega-menu .narrow .popup ul.sub-menu { margin-left: 8px; margin-top: -3px; }
#nav-panel .accordion-menu > li.menu-item > a,
#nav-panel .accordion-menu > li.menu-item > .arrow { color: #fff; }
#nav-panel .accordion-menu li.menu-item.active > a { background: none; color: #f4544c; }
#nav-panel .mobile-menu > li > a { font-weight: 500; font-size: 14px; text-transform: none; }
@-webkit-keyframes portoSlideInUp {
  0% { -webkit-transform: translateY(0); transform: translateY(0); color: #fff; }
  50% { -webkit-transform: translateY(-45%); transform: translateY(-45%); color: #fff; }
  51% { -webkit-transform: translateY(45%); transform: translateY(45%); color: #f4544c; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); color: #f4544c; }
}
@keyframes portoSlideInUp {
  0% { -webkit-transform: translateY(0); transform: translateY(0); color: #fff; }
  50% { -webkit-transform: translateY(-45%); transform: translateY(-45%); color: #fff; }
  51% { -webkit-transform: translateY(45%); transform: translateY(45%); color: #f4544c; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); color: #f4544c; }
}
#main-menu .mega-menu > li.menu-item.active:hover > a, #main-menu .mega-menu > li.menu-item:hover > a { animation: portoSlideInUp 0.3s linear; }

/* Footer */
#footer { margin-top: 0; border-top: none; }
#footer .footer-bottom { padding: 42px 0 !important; }
#footer .footer-bottom .container, #footer .footer-bottom .container .footer-center { display: block !important; text-align: center; }
.social-icons { margin: 0; padding: 0; width: auto; }
.social-icons li { display: inline-block; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; }
.social-icons li a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 100%; display: block; height: 30px; line-height: 30px; width: 30px; text-align: center; text-decoration: none; background: transparent; font-size: 17px; color: #FFF !important; }
.widget.widget_text li { margin: -1px 1px 5px 0; }

/* Home page css - START */
body .vc_btn3:hover { background: #f56b64; }
.vc_general.vc_cta3 p { font-size: 14px; }
.custom-call-action .vc_cta3-content h2, .custom-call-action .vc_cta3-content h4 { display: inline-block; font-size: 2.2em; line-height: 42px; margin-bottom: 17px; vertical-align: top; }
.custom-overlay-style-1 .porto-ultimate-content-box:after { content: ''; display: block; background: rgba(244, 84, 76, 0.4); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }
.custom-overlay-style-1 .porto-ultimate-content-box:before { content: ''; display: block; position: absolute; top: 50%; left: 0; box-shadow: 30px 0px 220px 220px rgba(244, 84, 76, 0.9); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; }
.porto-ultimate-content-box { position: relative; overflow: hidden; }
.porto-ultimate-content-box div { z-index: 2; position: relative; }
.custom-lists .wpb_wrapper label { display: inline-block; font-weight: normal; max-width: 220px; padding-bottom: 8px; width: 100%; }
.custom-lists-style-1.custom-lists .wpb_wrapper label { max-width: 130px; }
.testimonial.testimonial-with-quotes blockquote { padding: 0 0 0 20px; }
.testimonial.testimonial-with-quotes .testimonial-author p { text-align: left; font-size: 19px; padding-left: 60px; }
.testimonial.testimonial-with-quotes .testimonial-author p span { font-size: 17px; }
.testimonial blockquote p { font-family: Poppins; font-weight: 300; }
.tmbot .wpb_content_element { margin-bottom: 0px; }
@media (min-width: 992px) {
    .menu_join { padding: 0px 10px; margin-left: 45px !important; background-color: #9d9ea0; }
    .menu_join:hover { background-color: #9d9ea0; }
    .menu_join:hover a { color: #ffffff !important; }
}
body .vc_btn3.vc_btn3-size-md, .call_to_btn a { padding: 13px 25px; font-size: 14px; line-height: 1.428571; font-weight: 500; }
.custom-tp-bullets .tp-bullet.selected { width: 30px; }
.custom-tp-bullets .tp-bullet { position: initial; display: inline-block; width: 20px; height: 12px; border-radius: 25px; margin-left: 4px; -webkit-transition: ease width 300ms; -moz-transition: ease width 300ms; transition: ease width 300ms; }
.tp-bullet.selected, .tp-bullet:hover { background: #fff; }
.custom-call-action .vc_cta3-content { margin-bottom: 2.3em !important; }
.custom-call-action .vc_cta3-content h2 { color: #f4544c !important; }
a.porto-btn-normal { font-size: 0.9em !important; font-weight: 400; padding: 12px 40px 10px !important; }
.testimonial.testimonial-style-6 blockquote p { color: #c4c7ca !important; font-size: 17px; font-style: normal; line-height: 1.8; padding-top: 12px; }
.testimonial-author strong { margin-bottom: 5px !important; opacity: 1 !important; font-weight: 500; }
.offers-section .wpb_wrapper .top-icon .porto-just-icon-wrapper { margin-bottom: 5px; }
.offers-section .aio-icon-header { margin-bottom: 18px; }
.offers-section a.porto-btn-normal, .custom-btn-style-1 > a { font-weight: 500 !important; letter-spacing: 1px; padding: 13.5px 19.5px !important; }
.slick-slider .slick-dots { margin-bottom: 13px !important; margin-top: 0 !important; padding-left: 35px !important; text-align: left !important; bottom: 0 !important; }
.slick-dots li { text-align: center; }
.slick-dots .fa { background: transparent none repeat scroll 0 0 !important; border: 2px solid; border-radius: 30px; display: block; font-size: 10px; height: 12px; margin: 5px 7px; opacity: 0.6 !important; position: relative; width: 12px; }
.slick-dots .fa:before { color: white; content: "."; display: block; font-size: 21px; left: 1px; line-height: 0; position: absolute; top: -2px; }
.slick-slider .slick-dots li.slick-active i, .slick-slider .slick-dots li:hover i { color: white !important; opacity: 1 !important; }
.fade-slider-classes .porto-u-heading { left: 40px; position: absolute; top: 40px; z-index: 9; }
.custom-small-section .porto-btn-ctn-left { bottom: 0; left: 43px; position: absolute; }
.fade-slider-classes .porto-carousel-wrapper .porto-ultimate-content-box { padding-left: 45px !important; padding-top: 103px !important; }
.owl-carousel.circle-dot .owl-dots .owl-dot span::before { color: white; content: "."; display: block; font-size: 21px; left: 1.5px; line-height: 0; position: absolute; top: -0.5px; }
.owl-carousel.circle-dot .owl-dots .owl-dot span { background: transparent none repeat scroll 0 0 !important; border: 2px solid white; height: 12px; margin: 5px; opacity: 0.6; position: relative; width: 12px; }
.owl-carousel.circle-dot .owl-dots .owl-dot:hover span, .owl-carousel.circle-dot .owl-dots .owl-dot.active span { opacity: 1; }
.fade-slider-classes .owl-dots, .fade-slider-classes .slick-dots { position: absolute !important; left: 45px !important; top: 277px !important; bottom: auto !important; }
.p-t-none .vc_column-inner { padding-top: 0 !important; }
.custom-small-section .vc_column_container, .custom-small-section .porto-ultimate-content-box { height: 22vw; min-height: 390px; }
.custom-full-width-p-none > div > div { padding-top: 0 !important; }
.custom-overlay-style-2 > *, .custom-overlay-style-3 .porto-ultimate-content-box:before { position: relative; z-index: 1; }
.custom-overlay-style-2:before, .custom-overlay-style-3 .porto-ultimate-content-box:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(10, 10, 10, 0.6); }
.resources .owl-item > .vc_row > div:first-child { position: absolute; left: 1px; text-align: center; line-height: 33px; padding-left: 0; }
.resources .owl-item > .vc_row > div:last-child { padding-left: 55px; width: 100%; }
.resources .owl-item > .vc_row > div:first-child p { width: 30px; height: 30px; border-radius: 100%; background-color: #f4544c !important; }
.custom-dots-style-2 .owl-nav.disabled + .owl-dots { padding-left: 40px; margin-top: 25px; text-align: left; }
.custom-dots-style-2 .owl-dots .owl-dot span { margin-right: 0; margin-left: 4px; width: 20px; height: 12px; background: #fff; -webkit-transition: ease width 300ms; -moz-transition: ease width 300ms; transition: ease width 300ms; }
.custom-dots-style-2 .owl-dots .owl-dot.active span { width: 30px; }
.owl-carousel .owl-dots .owl-dot.active span { background: #fff; }
.custom-dots-style-2 .owl-dots .owl-dot:hover span { opacity: 0.6; background: #fff; }
.custom-wide-section,
.custom-wide-section .porto-ultimate-content-box, 
.custom-wide-section .owl-carousel a { height: 15.9vw; min-height: 290px; }
.custom-wide-section .owl-carousel a { display: block; background-repeat: no-repeat; background-size: cover; }
.custom-instagram-column .vc_icon_element { margin: 0; position: absolute; z-index: 2; }
/* Home page css - END */

/* Staff */
.member-row .member { margin-bottom: 60px; }
.member .thumb-info { padding-bottom: 15px; }
.member .thumb-info h4 { margin-bottom: 10px !important; }
.thumb-info .thumb-info-wrapper { position: initial; margin: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.thumb-info:hover .thumb-info-wrapper:after { opacity: 0; }
.thumb-info.thumb-info-centered-info .thumb-info-title { opacity: 1; padding: 13px 10px; margin: 15px auto 0; top: auto; bottom: -22px; left: 0; right: 0; width: 137px !important; border-style: solid; border-width: 1px; border-color: #f56b64 #f56b64 #f33d34; background-color: #f4544c; font-size: 14px; line-height: 20px; letter-spacing: normal; font-weight: 500; transform: none !important; }
.thumb-info.thumb-info-centered-info .thumb-info-title:hover { background-color: #f56b64; }

/* Member */
.custom-position-style-1-column { position: absolute; z-index: 1; right: 15px; }

/* Outline/border OWL carousel */
.owl-carousel.custom-border { border: 14.5px solid #f4544c; }
.owl-carousel.custom-border div.wpb_single_image .vc_single_image-wrapper { width: 100%; }

/* Classes */
.portfolio-row .portfolio { margin-bottom: 50px; }
.portfolio-row .portfolio .portfolio-item { background: #fff; padding-bottom: 25px; }
.portfolio-item .thumb-info { position: initial; border: 0; background: #fff; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }

/* Single Image - Single Portfolio Start */
body.single-portfolio .post-content + .m-t-lg, body.single-portfolio .main-content, body.single-portfolio .post-gap-small { margin: 0 !important; padding-bottom: 0; }
div.wpb_single_image.porto-vc-plus { line-height: 0; }
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon { overflow: hidden; }
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon img { z-index: 0; }
.portfolio-info.pt-none { display: none !important; }
.porto-vc-zoom img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s e; }
.porto-vc-zoom:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
div.wpb_single_image .porto-vc-zoom.porto-vc-zoom-hover-icon:after { content: ""; }
.porto-vc-plus .vc_single_image-wrapper:before, .porto-vc-plus .vc_single_image-wrapper:after { content: ''; opacity: 0; position: absolute; width: 18%; top: 50%; left: 50%; z-index: 2; -webkit-transition: ease all 0.3s; -moz-transition: ease all 0.3s; transition: ease all 0.3s; border-top: 2px solid #F4544C; -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(0deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(0deg); -o-transform: translate3d(-50%, -50%, 0) rotate(0deg); transform: translate3d(-50%, -50%, 0) rotate(0deg); }
.porto-vc-plus:hover .vc_single_image-wrapper:before, .porto-vc-plus:hover .vc_single_image-wrapper:after { opacity: 1; width: 20%; }
.porto-vc-plus .vc_single_image-wrapper:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg); -moz-transform: translate3d(-50%, -50%, 0) rotate(90deg); -ms-transform: translate3d(-50%, -50%, 0) rotate(90deg); -o-transform: translate3d(-50%, -50%, 0) rotate(90deg); transform: translate3d(-50%, -50%, 0) rotate(90deg); }
/* Single Image - Single Portfolio End */

/* Media Queries Start */
@media (min-width: 768px) {
    .container { width: 750px; }
    .custom-position-style-1-column { padding-right: 0px !important; padding-left: 0px !important; }
    .col-md-5ths { width: 20%; float: left; }
}
@media (min-width: 992px) {
    .container { width: 970px; }
    .custom-position-style-1 { margin-top: -85px; }
    .col-lg-5ths { width: 20%; float: left; }
}
@media (min-width: 1170px) {
    .container { width: 1170px; }
    .custom-position-style-1-row, .custom-position-style-1-row + div, .custom-position-style-1-row + .vc_row-full-width + div { overflow: visible !important; }
}
@media (max-width: 1024px) {
    .fixed-header #header { left: 0px; }
}
@media (max-width: 992px) {
    /*.home .fixed-header #header .header-main:not(.sticky) { top: 0px !important; background: #0A0A0A !important; }*/
}
@media (max-width: 768px) {
    .porto-btn-normal { padding: 0 !important; }
}
@media (max-width: 767px) {
    .custom-position-style-1-column { position: initial; }
}
@media (max-width: 575px) {
    .testimonial.testimonial-with-quotes blockquote:before, .testimonial.testimonial-with-quotes blockquote:after { display: block !important; }
    .testimonial.testimonial-with-quotes blockquote p { padding: 5px 40px !important; }
}
@media (max-width: 375px) {
    .custom-lists .wpb_wrapper label { max-width: 150px; }
}
/* Media Queries End */

/* About Us Page */
body .wpb_wrapper .porto-sicon-header h3.porto-sicon-title { letter-spacing: -1px; margin-bottom: 17px; }
h6.porto-sicon-title { margin-bottom: 0; }