/* 
Theme Name: Ecolog
Theme URI: https://extrude.se
Description: Ecolog is a child theme of Hello Elementor, created by Extrude
Author: Extrude
Author URI: https://extrude.se
Template: hello-elementor
Version: 2.0.0
Text Domain: Ecolog
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html {

    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12pt;
    line-height: 1.5em;
    font-weight: 300;
}



body {

    background-image: url('/wp-content/uploads/2023/08/eco_log_top_background.png');
    background-size: 2600px !important;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    background-color: #fff;
    min-height: 930px;
    background-size:contain;
}


h1, .h1{
    font-size: 56px;
    line-height: 1.5em;
    font-weight: 300;
}

h2, .h2{
    font-size: 32px;
    line-height: 1.5em;
    font-weight: 300;
}

h3, .h3{
    font-size: 1.4em;
    line-height: 1.3em;
    font-weight: 300;
}

h4, .h4{
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: 300;
}

h5, .h5{
    font-size: 1em;
    line-height: 1.4em;
}


footer.elementor-location-footer {
    background-image: url(/wp-content/uploads/2023/08/Eco_log_bottom_background-2578x1089-1.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 1089px;
}


footer .adress span {
        padding-right: 44px;
}

footer .adress span.footer_support {
        padding-right: 0px;
        float: right;
}

footer .adress a {
    color: #fff;
}

main  > .elementor-container {


}

.fa,
.fa-solid {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}


.elementor-location-archive,
.elementor-location-single,
.single-post section.elementor-top-section > .elementor-container,
main.site-main {
    max-width: 1170px;
    margin: auto;

}


main.site-main > .page-content  {

    max-width: 1140px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 60px;

    -webkit-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    z-index: 20;
}


.elementor-location-archive,
.elementor-location-single {

    -webkit-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);

}

main.site-main.product > .page-content {

    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
}


main.site-main.product > .page-content   .elementor-section-wrap > section:first-child{

    -webkit-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);

}



/*
.elementor-location-archive,
.elementor-location-single,
main.site-main.product,
main.site-main > .page-content > div > div > div  > section {

    -webkit-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);

}

*/

body.home main.site-main > .page-content > div > div > div  > section,
body.page-id-5740 .page-content,
body.home .page-content {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;

}

.hidden {
    display: none;
}

#main-menu {
    background: transparent;
}

.elementor-nav-menu--dropdown .elementor-item:focus {
    background-color: transparent;
}



.topmenu {
    z-index: 1300 !important;
}

.topmenu ul {
    z-index: 1400 !important;
}

.topmenu ul li {
    z-index: 1500 !important;
}

.no-click {
    cursor: none;
}

.benefitpage {
    background: #fff;
    -webkit-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    min-height: 400px;
}



.showhide {
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    display: block;
}


.list-content ul,
.kundnytta-block ul,
.kundnytta ul {
    margin-top: 20px;
    list-style-type: none;
    list-style-size:18px;
}
.list-content ul li,
.kundnytta-block ul li,
.kundnytta ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.15px;
    line-height: 30px;
}

.list-content ul li:before,
.kundnytta-block ul li:before,
.kundnytta ul li:before {
    font-family: "Font Awesome 5 free";
    content: '\f0c8';
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    color: #f5a623;

}


.kundnytta .cirkel {
    height: 220px;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}

.elementor-editor-active .list-content  ul
.elementor-editor-active .kundnytta ul {
    margin-top: initial;
    list-style-type: initial;
    list-style-size: initial;
    margin-top: initial;
}


.elementor-editor-active .list-content ul li,
.elementor-editor-active .kundnytta-block ul li,
.elementor-editor-active .kundnytta ul li {
    position: initial;
    padding-left: initial;
    margin-bottom: initial;
    font-size: initial;
    font-weight: initial;
    letter-spacing: initial;
    line-height: initial;
}

.elementor-editor-active .list-content ul li:before,
.elementor-editor-active .kundnytta-block ul li:before,
.elementor-editor-active .kundnytta ul li:before {
    font-family: initial;
    content: initial;
    font-weight: initial;
    position: initial;
    top: initial;
    left: initial;
    color: initial;

}



/********************************************
 *  BLOCK hover-block
 * *************************************/


.hover-block {
    display: block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0.2rem 0.5rem 0rem rgba(0,0,0,0.5);
    -webkit-transition-duration: .3s;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform;
   /* cursor: pointer; */
}


.hover-block:hover, .hover-block:focus, .hover-block:active {
    box-shadow: 0 1.5rem 1.5rem -1rem rgba(0,0,0,.7);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}


.hover-block img {
    overflow-clip-margin: content-box;
    overflow: clip;
    height: 306.656px;
    width: 100%;
    object-fit: cover;

}



.hover-block .elementor-image-box-wrapper {
    line-height: 0px;
}

.hover-block .elementor-image-box-content {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 25px;
    border-bottom: 100px solid #fff;
    border-left: 25px solid transparent;
    width: auto !important;
    text-align: center;
}


.hover-block .elementor-image-box-title {
    margin: 0px 0px 0px 0px;
    color: #2a8e3a;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.95px;
    text-align: left;
    padding-left: 20px;
    position: absolute;
    left: 0px;
    top: 10px;
}



/* on page that only lists products (and not product categories) */
.product.hover-block .elementor-image-box-title a span {
    font-size: 14px;
    color: #4a4a4a !important;
}



.hover-block .elementor-image-box-description {
    content: "";
    position: absolute;
    right: 15px;
    bottom: -85px;
    color: #f9cf00;
    font-size: 14px;
    letter-spacing: 0.55px;
    font-weight: 400;
    display: inline;
    color: #f9cf00;

}

/*
.hover-block .elementor-image-box-description:after {
    display: inline;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 60px;
    line-height: 30px;
    content: "»";
    color: #f9cf00;
    transform: skew(12deg,12deg);

}
*/


@media (max-width: 1024px) {
    .hover-block img {
        height: 210px;


    }

    .hover-block .elementor-image-box-title {
        font-size: 15px;
        padding-left: 8px;
    }

    .hover-block .elementor-image-box-content {
        left: 12px;
    }

}


.kundnytta .hover-block .elementor-image-box-title a {
    letter-spacing: initial;
    text-transform: uppercase;
}

.kundnytta .hover-block .elementor-image-box-title a span{
    text-transform: none;
    line-height: normal;
    letter-spacing: 0.4px;
    line-height: 16px !important;
    display: inline-block !important;
}

/*** END hover block


/*** start block-container ***/

.start.block-container {
    position: relative;
}


.start.hover-block {
    background: rgba(255,255,255,0.93);
    -webkit-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all .15s ease-in-out;
    /* z-index: 0; */;
    transform: translateZ(0);
    position: relative;
}


.start.hover-block.middle {
    z-index: 20;
    cursor: pointer;
}


.start.hover-block:hover {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 30;
    cursor: pointer;
}

.start.hover-block.middle:hover {
    -moz-transform: scale(1.10);
    -webkit-transform: scale(1.10);
    transform: scale(1.10);
}


.start.hover-block .elementor-image-box-content {
    border-bottom: 64px solid #fff;
    border-left: 12px solid transparent;
    left: 16%;
}



.start.hover-block .elementor-image-box-title,
.start.hover-block .elementor-image-box-description
 {
    display: block;
    text-align: center;
    width: 100%;
    position: absolute;
    right: unset;
    left: -5px;
    bottom: unset;
    top: unset;
    padding: unset !important;
    padding-top: 20px !important;
}


.start.hover-block .elementor-image-box-title {
    display: none;
}

.start.hover-block .elementor-image-box-content p.elementor-image-box-description {
    line-height: 26px;
    padding-top: 20px !important;
}




/*
.start.hover-block .elementor-image-box-description::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    font-size: 45px;
    line-height: 30px;
    content: "»";
}
*/

i.fa-solid {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
}


.start.hover-block-col {
    position: relative;
    width: 31.5% !important;
    height: 100%;

}


.start.hover-block-col.middle {

    width: 37% !important;
    height: 100%;

    z-index: 10;

}


.start.hover-block img {
    width: 100%;
    height: 100%;
    max-width: 500px;
}

.start.hover-block.middle img {
    width: 100%;
    height: 100%;
}

/* 3 Equal columns */
.start.even.hover-block-col {
    width: 33.333% !important;
}


@media (max-width: 1190px) {

    .start.hover-block-col p.elementor-image-box-description {
        font-size: 20px !important;
        line-height: 25px !important;
    }

    .start.hover-block .elementor-image-box-content {
        border-bottom: 130px solid #fff;
    }

}

@media (max-width: 1024px) {

    .start.hover-block-col p.elementor-image-box-description {
        font-size: 17px !important;
        line-height: 20px !important;
    }


    .start.hover-block .elementor-image-box-content {
        border-bottom: 120px solid #fff;
    }

}


@media (max-width: 767px) {

    .start.hover-block-col p.elementor-image-box-description {
         font-size: 24px !important;
         line-height: 45px;
     }


    .start.hover-block-col,
    .start.hover-block-col.middle,
    .start.even.hover-block-col {
        display: block;
        position: static !important;
        width: 100% !important;
        max-width: 500px;
        margin: auto;
        margin-bottom: 40px;
         margin-top: 0px;
        height: unset;
    }

}

/*
@media (max-width: 1190px) {


    .start.hover-block-col {
        position: relative;
        width: 30% !important;
        height: unset !important;

    }


    .start.hover-block-col.middle {
        width: 40% !important;
        height: unset !important;
        z-index: 10;

    }

    .hover-block .elementor-image-box-title {
        font-size: 15px;
        padding-left: 8px;
    }

    .hover-block .elementor-image-box-content {
        left: 12px;
    }

}
*/


/*** END Start Hover Block ***/

/*** NEWSTART NEWSLIST STARTPAGE ***/

.newsstart.content {
    background-size: cover;
    width:105%;
    min-height:424px;
    display:block;
}

.tab-pane h2 {
    display: inline-block;
    padding-left: 69px;
    color: #fff;
    position: absolute;
    bottom: 100px;
    width: auto;
}
.tab-pane h3 {
    display: inline-block;
    padding-left: 69px;
    color: #fff;
    position: absolute;
    bottom: 160px;
    text-transform:uppercase;
}

.newsstart .tab-content {
    width: 66.66666667%;
    float: left;
    position: relative;
    min-height: 1px;
}

.newsstart .tab-right-content {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    border-right: 1px solid #eee;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
}

.newsstart .tab-pane .left-content {
    background-size: cover !important;
    width: 105%;
    min-height: 424px;
    display: block;
}

.newsstart .news-item-text {
    height: 100px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin: 45px 10px 0px 0px;
    background: rgba(0,0,0,0.3);
    padding-left: 40px;
    padding-top: 10px;
}



.newsstart li, .eventstart li {
    background-color: #eeeeee;
}


.newsstart .newscircle {
    display: block;
    background-color: #008d40;
    border-radius: 50%;
    width: 67px;
    height: 67px;
    padding: 0px;
    margin-top: 27px;
}


.newsstart .date-day, .eventstart .date-day {
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.0;
    color: #fff;
    width: 67px;
    padding-top: 12px;
    text-transform: uppercase;
    text-align: center;
}
.newsstart .date-mon {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.0;
    color: #fff;
    width: 67px;
    padding-top: 0px;
    text-transform: uppercase;
    text-align: center;
}

.newsstart .newstext {
    position: absolute;
    float: left;
    left: 100px;
    top: 10px;
    color: #2f2f2f;
    /*width: 250px;*/
}

.newsstart .newstext h3{
    margin: 30px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 15px;
    color:  #2f2f2f !important;
}

.newsstart .newstext h2, .eventstart .eventstext h2 {
    margin: 5px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.3em;
}

.newsstart .arrowleft {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 25px solid #eeeeee;
    display: block;
    position: absolute;
    left: -24px;
    top: 45px;
    display: none;
}

.eventstart .arrowright {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #eeeeee;
    display: block;
    position: absolute;
    right: -24px;
    top: 45px;
    display: none;

}

.tab-content >.tab-pane.active {
    display: block;
}


.tab-content >.tab-pane {
   display: none;
}


.newsstart .news-item-text {
    left: 15px;
    height: 100px;
}

.newsstart .news-item-text h3 {
    font-size: 1.4em;
    line-height: 1.3em;
    font-weight: 300;
}

.newsstart .news-item-text h2 {
    font-size: 2rem;
    line-height: 1.3em;
    font-weight: 300;
}

.newsstart img{
    margin: 0;
}

.newsstart h3 {
    margin: 0;
    position: static;
    padding-left: 15px;
    display: block;
}

.newsstart h2 {
    position: static;
    margin-top: -5px;
    padding-left: 15px;
    display: block;
}

.newsstart ul.nav {
    margin-left: 0px;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 0;
}

.newsstart ul.nav>li {
    position: relative;
    display: block;
}

.newsstart .tabs-title, .newsstart .tabs-title2 {
    border-bottom: 1px solid #eeeeee;
}

.newsstart .nav-pills > li > a {
    border-radius: 0px;
    min-height: 140px;
    background: #fff;
}

.newsstart .nav-pills > li.active > a, .newsstart .nav-pills > li.active > a:focus, .newsstart .nav-pills > li.active > a:hover {
    color: #2f2f2f !important;
    background-color: #eeeeee !important;
}

.nav-stacked>li {
    float: none;
}


.tabs-title, .tabs-title2 {
    border-bottom: 1px solid #eeeeee;
}

.nav>li {
    position: relative;
    display: block;
}


.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}


@media (max-width: 1024px) {

    .newsstart .news-item-text h2 {
        font-size: 26px;
    }


    .newsstart .news-item-text {
        padding-left: 20px;
    }

    .newsstart .tab-content {

    }

}


@media (max-width: 991px) {

    .newsstart .news-item-text h2 {
        font-size: 22px;
    }

    .newsstart .tab-content {
        width: 60%;
    }

    .newsstart .tab-right-content {
        width: 40%;
    }

}


@media (max-width: 767px) {

    .newsstart .tab-content {
        display: none;
    }

    .newsstart .arrowleft {
        display: none !important;
    }

    .newsstart .tab-right-content {
        width: 100%;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
    }

    .newsstart .nav-pills > li > a {
        min-height: 100px;
    }

    .newsstart .newstext h3 {
        margin-top: 16px;
    }

    .newsstart .newstext h2 {
        font-size: 19px;
    }

    .newsstart .newscircle {
        margin-top: 6px;
    }

}


@media (max-width: 640px) {

    .newsstart .newstext h3 {
        margin-top: 15px;
    }

    .newsstart .newstext h2 {
        font-size: 17px;
    }


}


/** END News **/



/** PRODUCT PAGE **/

/*.readmore-button.fa-solid { */

.readmore-container {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.readmore-button {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    display: inline-block;
    margin-top: 16px;
    text-transform: uppercase;

}

.readmore-button .fa-solid {
    text-transform:none;
}



.readmore-button:hover {
    color: #008D40;
}


/*************************************
 * INPAGE MENU
 ************************************/

.product-menu li {
    height:58px;
    background: #fff;

}
.page-menu li a,
.product-menu li a {
    height: 46px;
    background: #eee;
}


.product-menu li a:hover,
.product-menu li.current-menu-item a{
    position: relative;
    height:58px;
    top: -12px;
    background: #008d40;


}

.inpage-menu li {
    background: #eee;
    height:58px;
    border-bottom: 12px solid #fff;

}

.inpage-menu li a {
    position: relative;
    height: 46px;
    background: #eee;
}


.inpage-menu li a:hover,
.inpage-menu li.current-menu-item a{
    position: relative;
    height:58px;
    top: -12px;
    background: #008d40;
    border-bottom: 0px solid #fff;
}


@media (max-width: 768px) {
    .inpage-menu li,
    .product-menu li {
        background: initial;
        height: initial;
        border-bottom: initial;
    }


    .page-menu li a,
    .product-menu li a {
        position: initial;
        height: initial;
        border-bottom: unset;
    }

    .inpage-menu li a:hover,
    .inpage-menu li.current-menu-item a,
    .product-menu li a:hover,
    .product-menu li.current-menu-item a {
        background: initial;
        position: initial;
        height: 46px;
        border-bottom: unset;
    }

}

/*************************************
 * END INPAGE MENU
 ************************************/

/*
.newsstart .news-item-text {
    left: 15px;
    height: 100px;
}

.newsstart .newstext h2, .eventstart .eventstext h2 {
    font-size: 0.9em;
}


.newsstart .newscircle, .eventstart .eventscircle {
        width: 45px;
        height: 45px;
        margin-top: 0;
    }

    .newsstart .date-day, .eventstart .date-day {
        font-size: 15px;
        width: 45px;
        padding-top: 6px;
    }

    .newsstart .date-mon, .eventstart .date-mon {
        font-size: 14px;
        width: 45px;
    }

    .newsstart .newstext, .eventstart .eventstext {
        left: 15px;
        top: 30px;
        margin-right: 15px;
    }

        .newsstart .newstext h2, .eventstart .eventstext h2 {
            margin: 0;
            font-size: 14px;
        }

    .news-item-text, .events-item-text {
        bottom: 0px;
        height: 75px !important;
    }

    .tab-pane h2 {
        font-size: 18px;
    }

    .tab-pane h3 {
        font-size: 14px;
    }

    .news-item h2, .events-item h2 {
        font-size: 22px;
    }

    .news-imagebox {
        min-height: 194px !important;
    }


.newsstart .newstext, .eventstart .eventstext {
    left: 73px;
    top: 12px;
    }
    .newsstart .newstext h3, .eventstart .eventstext h3 {
    margin: 0 0px 0px 0px;
    }
    .nav-pills > li > a, .nav-pills2 > li > a {
    min-height: 90px;
    }


        .newsstart {
        padding-top: 50px !important;
    }
*/

.page_top_image > div{
    display: block;
    width: 100%;
    height: 650px !important;
}


@media (max-width: 1024px) {

    .page_top_image > div{
        height: 500px !important;


    }


}

@media (max-width: 767px) {

    .page_top_image > div{
        height: 400px !important;


    }


}


/*********************************************
 * EPMLOYEES
 * *********************************************/






.imagebox {
    background: rgba(255,255,255,0.93);
    -webkit-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    box-shadow: 3px 13px 48px 0px rgba(0,0,0,0.34);
    min-height: 290px;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all .15s ease-in-out;
    z-index: 0;
    transform: translateZ(0);
    position: relative;
}

.employees.imagebox .home-box-info {
    text-align: left;
    padding-left: 15px;
}

h3.employee-title {
    color: #fff;
    position: static;
    padding: 0;
    margin: 0 0 5px;
    text-transform: none;
    line-height: 1.2em;
}
.employees.imagebox:hover {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 900;
    cursor: default;
}

.employees.imagebox {
    min-height: 430px;
    margin-top: 40px;
    background-size: cover;
    max-width: 100%;
}
.employees.imagebox .position {
    margin-bottom: 5px;
    line-height: 1.3em;
    font-size: 12px;
}
.employees.imagebox a {
    text-transform: none;
    color: #f7cd2e;
    font-weight: 400;
}
.employees.imagebox p {
    margin-bottom: 0px;
}
.employees.emp-email-link span, .employees.emp-web-link span, .employees.emp-gmap-link span {
    font-size: 20px !important;
    line-height: 2em !important;
        color: #f7cd2e;
}

.employees.imagebox .employee-col {
    width: calc(100% - 65px) !important;
    height: 210px ;
    position: relative;

    top: 220px;
    right: 0;
    left: 65px;
    border-bottom: 210px solid #6b6b6b;
    border-left: 25px solid transparent;
    width: auto;
}

.employees.imagebox .employee-col > div {
        padding-top: 8px;
}

.employee-mail {
     color: #f7cd2e;
     display: inline;
}

.employee-mail div,
.employee-mail {
    display: inline;
}

.employee-mail div {
    font-size: 12px;
}

 .glyphicon {

}

.sales-mail {
    font-size: 20px !important;
    line-height: 2em !important;
}

.employee-phone a,
.employee-mail a {
    background: unset;
    background-color: unset !important;
    padding: 0px !important;
    width: auto;
    border:unset;

}

.employee-mail a:before {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: 1px;
    font-size: 17px;
    content: "\e171";
}



/*********************************************
 * POPUP MOBILE MENU
 * *********************************************/


.btn-contact .elementor-widget-container a.elementor-button{
    width: 100% !important;
}




/*********************************************
 * END Popup Mobile Menu
 * *********************************************/


/*********************************************
 * LANGUAGE POPUP Språkväljare
 * *********************************************/

.lang-popup-container li a:hover{
    color: rgb(0, 141, 64) !important;

}

.lang-popup .dialog-lightbox-widget-content{
    position: absolute;
    top: 45px !important;
    right: calc( (100vw - 1170px) /2 )  ;
}


@media (max-width: 1170px) {

    .lang-popup .dialog-lightbox-widget-content{
         right: 10px;

    }


}

/*********************************************
 * END LANGUAGE POPUP Språkväljare
 * *********************************************/


/*********************************************
 * DEALERS MAP
 * *********************************************/

/*** NOTERING

Mörk organge #f5a623




/*********************************************
 * MOBILE
 * *********************************************/