@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://turbomix.al/css/fonts/roboto.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: Roboto, sans-serif;
    font-size: 16px;
}
body, html {
    max-width: 3840px;
    margin: auto;
}
img, picture {
    display: table;
    max-width: 100%;
    height: auto
}
a {
    text-decoration: none;
}
ul li {
    list-style-type: none;
}
nav, main, footer {
    position: relative;
}
.container {
    margin: auto;
    padding: 0px 5px;
}
.row::after {
    content: "";
    clear: both;
    display: table
}
[class*=col-] {
    float: left;
}
.hide {
    display: none;
}
.show {
    display: block;
}
.menu-scroll {
    overflow-y: hidden;
}
.col-m-1 {width: 8.33%}
.col-m-2 {width: 16.66%}
.col-m-3 {width: 25%}
.col-m-4 {width: 33.33%}
.col-m-5 {width: 41.66%}
.col-m-6 {width: 50%}
.col-m-7 {width: 58.33%}
.col-m-8 {width: 66.66%}
.col-m-9 {width: 75%}
.col-m-10 {width: 83.33%}
.col-m-11 {width: 91.66%}
.col-m-12 {width: 100%}
.col-m-13 {width: 20%}
.section {
    padding: 30px 10px;
}
.section-title {
    padding: 20px 0px 30px;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 33px;
}
.section-title:before {
    position: relative;
    display: block;
    content: "";
    border-top: 3px solid rgb(255,99,0);
    padding-top: 25px;
    width: 4%;
    left: 48%;
}
.section-slogan {
    text-align: center;
    font-size: 34px;
    font-weight: 600;
    color: rgb(255,99,0);
    padding: 10px 0px 25px;
}
#body header {
    background-color: rgb(0,0,0);
}
header {
    color: rgb(255,255,255);
    #header-top {
        padding: 10px 0px 5px;
        background-color: rgb(10,10,10);
        
        #header-top-slogan {
            display: none;
            svg {
                vertical-align: bottom;
                margin-right: 4px;
            }
        }
        #header-top-social {
            text-align: center;
        }
        #header-top-social li {
            padding: 0px 3px;
            display: inline-block;
        }
    }
    #header-bottom {
        position: relative;
        padding: 10px 0px;
        background-color: rgba(0,0,0,0.25);
        #logo {
            display: block;
            text-align: center;
        }
        #header-contact {
            #header-whatsapp-box, #header-phone-box, #header-email-box {
                display: none;
            }
            .header-bottom-box {
                padding: 16px 0px;
                color: rgb(255,255,255);

                .header-bottom-title {
                    font-size: 15px;
                    font-weight: 700;
                    color: rgb(255,99,0);
                    text-transform: uppercase;
                }
                .header-botton-info {
                    font-size: 14px;
                    color: rgb(135,145,145);
                }
                .header-language {
                    display: inline-block;
                    font-size: 14px;
                    color: rgb(200,200,200);
                }
                .header-language:not(:first-of-type) {
                    padding-left: 5px;
                }
            }
        }
        #user-auth {
            display: none;
            padding: 8px 0px;
        }
        #open-menu {
            padding: 10px 0px 0px;
        }
    }
    #menu {
        position: absolute;
        padding: 50px 30px;
        top: 0px;
        width: 100%;
        height: 100vh;
        text-align: center;
        overflow: hidden;
        z-index: 3;
        background-color: rgb(0,0,0);
        transition: left .4s ease-in-out;
        
        #close-menu {
            position: absolute;
            top: 55px;
            right: 20px;
        }
        
        #menu-list {
            padding-top: 30px;
            display: flex;
            flex-direction: column;
            
            li a {
                font-size: 18px;
                display: block;
                padding: 10px 0px;
                color: rgb(255,255,255);
            }
        }
        
        #user-auth-mobile {
            padding: 50px 0px 0px;
            a {
                padding: 10px 8px;
                font-size: 20px;
                color: rgb(255,255,255);
                background-color: rgb(255,99,0);
                border-radius: 3px;
            }
        }
    }
    #menu.closed {
        left: -768px;
    }
    #menu.opened {
        left: 0px;
    }
}
main {
    #slider {
        text-align: center;
        padding: 100px 10px 0px;
        color: rgb(255,255,255);
        #video-slider {
            position: fixed;
            right: 0;
            bottom: 0;
            min-width: 100%;
            min-height: 100%;
            filter: brightness(0.4);
            z-index: -1;
        }
        #slider-brand {
            font-size: 24px;
        }
        h1 {
            font-size: 33px;
            line-height: 50px;
        }
        h1:before {
            position: relative;
            display: block;
            content: "";
            padding-top: 15px;
            width: 10%;
            left: 45%;
            border-top: 4px solid rgb(255,99,0);
        }
        h1:after {
            position: relative;
            display: block;
            content: "";
            width: 50%;
            left: 25%;
            padding-top: 20px;
            border-bottom: 2px solid rgb(255,99,0);
        }
        p {
            font-size: 17px;
            line-height: 25px;
            padding: 50px 0px;
        }
        .slider-feature-box {
            text-align: left;
            padding: 10px 0px;

            .slider-feature-box-content {
                padding: 20px 25px;
                border-bottom: 1px solid rgb(255,99,0);
                background-color: rgba(0,0,0,.15);
                transition: background-color .4s ease-in;

                .slider-feature-box-title {
                    font-size: 22px;
                    font-weight: 700;
                }
                .slider-feature-box-text {
                    font-size: 15px;
                    display: block;
                    padding: 5px 0px;
                }
                .slider-feature-box-icon {
                    text-align: center;
                }
            }
            .slider-feature-box-content:hover {
                background-color: rgba(0,0,0,.9);
            }
        }
    }
    #about {
        background-color: rgb(255,255,255);
        #about-left-box {
            padding: 10px;
            #about-left-box-content {
                color: rgb(255,255,255);
                padding: 150px 30px 50px;
                background-image: url("https://turbomix.al/image/siva-uygulamasi-1.webp");
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
                #about-box-slogan {
                    padding: 15px 0px 5px;
                    display: block;
                    font-size: 30px;
                    line-height: 50px;
                    color: rgb(255,99,0);
                }
                p {
                    padding: 20px 0px 40px;
                    line-height: 30px;
                    font-size: 15px;
                }
            }
        }
        #about-right-box {
            padding: 10px;
            #about-right-box-content {
                #about-box-right-top {
                    text-align: center;
                    padding: 50px 25px;
                    background-color: rgb(245,245,245);
                    #about-box-heading {
                        display: block;
                        font-size: 22px;
                        font-weight: 600;
                        text-transform: uppercase;
                    }
                    #about-box-heading:before {
                        position: relative;
                        display: block;
                        content: "";
                        border-top: 3px solid rgb(255,99,0);
                        padding-top: 25px;
                        width: 4%;
                        left: 48%;
                    }
                    #about-box-introduction {
                        display: block;
                        font-size: 24px;
                        font-weight: 600;
                        line-height: 36px;
                        padding: 15px 0px;
                        color: rgb(255,99,0);
                    }
                    p {
                        font-size: 15px;
                        line-height: 23px;
                        color: rgb(95,100,110);
                    }
                }
                #about-box-right-bottom {
                    margin-top: 20px;
                    padding: 30px;
                    text-align: center;
                    background-color: rgb(255,99,0);
                    p {
                        font-size: 18px;
                        font-weight: 600;
                        line-height: 28px;
                        text-transform: uppercase;
                        color: rgb(255,255,255);
                    }
                    a {
                        margin-top: 15px;
                        font-size: 15px;
                        font-weight: 500;
                        display: inline-block;
                        text-transform: uppercase;
                        padding: 15px 15px;
                        color: rgb(0,0,0);
                        background-color: rgb(255,255,255);
                    }
                }
            }
        }
    }
    #products {
        background-color: rgb(255,255,255);
        p {
            font-size: 16px;
            padding: 15px 0p;
            text-align: center;
        }
        h3 {
            font-size: 19px;
            text-align: center;
            text-transform: uppercase;
            padding: 50px 0px 20px;
        }
        .product-box {
            position: relative;
            padding: 15px 0px;
            h4 {
                text-align: center;
                padding: 20px 0px;
                font-size: 18px;
                height: 105px;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
                white-space: pre-wrap;
                color: rgb(255,99,0);
            }
        }
        .category-products {
            padding: 20px 0px;
            text-align: center;
            a {
                display: inline-block;
                padding: 12px 14px;
                color: rgb(255,255,255);
                border-radius: 3px;
                background-color: rgb(255,99,0);
            }
        }
    }
    #numbers {
        padding: 75px 0px;
        background-image: url("https://turbomix.al/image/parallax-mobile.webp");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        .number-box {
            padding: 20px 0px;
            .number-box-icon {
                padding-right: 10px;
                text-align: right;
            }
            .number-box-text {
                padding-left: 10px;
                text-align: left;
                .number-box-text-top {
                    font-size: 34px;
                    color: rgb(255,99,0);
                }
                .number-box-text-bottom {
                    font-size: 15px;
                    text-transform: uppercase;
                    color: rgb(255,255,255);
                }
            }
        }
    }
    #collaborate {
        background-color: rgb(245,245,245);
        #collaborate-box-background {
            padding: 30px 15px;
            #collaborate-left-box {
                padding: 30px 0px 50px;
                text-align: center;
                #collaborate-box-heading{
                    display: block;
                    font-size: 22px;
                    font-weight: 600;
                    text-transform: uppercase;
                }
                #collaborate-box-heading:before {
                    position: relative;
                    display: block;
                    content: "";
                    border-top: 3px solid rgb(255,99,0);
                    padding-top: 25px;
                    width: 6%;
                    left: 46%;
                }
                #collaborate-box-introduction{
                    display: block;
                    font-size: 24px;
                    font-weight: 600;
                    line-height: 36px;
                    padding: 15px 0px;
                    color: rgb(255, 99, 0);
                }
                p {
                    font-size: 15px;
                    line-height: 23px;
                    color: rgb(95,100,110);
                }
            }
        }
    }
    #corporate {
        background-color: rgb(255,255,255);
        .corporate-box {
            padding: 20px 15px;
            .corporate-box-content {
                position: relative;
                .corporate-box-overlay {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    right: 0px;
                    bottom: 0px;
                    width: 100%;
                    height: 100%;
                    padding: 80px 40px 40px;
                    opacity: 1;
                    background-color: rgba(35,40,50,.75);
                    h3 {
                        font-size: 20px;
                        letter-spacing: 1px;
                        color: rgb(255,99,0);
                        padding-bottom: 30px;
                    }
                    p {
                        font-size: 16px;
                        line-height: 28px;
                        color: rgb(255,255,255);
                    }
                }
            }
        }
    }
    #navigation {
        background-color: rgb(200,200,200);
        nav {
            ol {
                padding: 10px 0px;
                text-align: center;
                li {
                    display: inline-block;
                    a {
                        color: rgb(30,30,30);
                        span {
                            font-size: 14px;
                        }
                    }
                }
                li:not(:last-child):after {
                    padding: 0px 5px;
                    content: "/";
                    color: rgb(50,50,50);
                }
            }
        }
    }
    .page-title {
        padding: 25px 0px 0px;
        text-align: center;
        h1 {
            font-size: 36px;
        }
    }
    #leading {
        padding: 30px 0px;
        #leading-intro {
            padding: 75px 25px;
            text-align: center;
            color: rgb(255,255,255);
            background-image: url("https://turbomix.al/image/who-we-are-background.webp");
            background-position: center bottom;
            background-size: cover;
            h2 {
                padding-bottom: 25px;
                font-size: 24px;
            }
            p {
                padding: 20px 0px 40px;
                font-size: 15px;
                line-height: 25px;
            }
            span {
                font-size: 14px;
                font-weight: 500;
                display: inline-block;
                padding: 8px 16px;
                background-color: rgb(255,99,0);
                text-transform: uppercase;
            }
        }
    }
    #about-us {
        background-color: rgb(245,245,245);
        #about-us-left-box {
            .section-title, .section-slogan {
                text-align: left;
            }
            .section-title:before {
                left: 0%;
            }
            p {
                padding: 10px 0px 30px;
                font-size: 15px;
                line-height: 28px;
                color: rgb(95,100,110);
            }
            #about-us-brand {
                text-align: center;
                img {
                    display: inline-block;
                }
            }
        }
        #about-us-right-box {
            padding-top: 20px;
        }
    }
    #certificates {
        .section-title, .section-slogan {
            text-align: left;
        }
        .section-title:before {
            left: 0%;
        }
        #certificate-list {
            text-align: center;
            .certificate {
                padding-top: 20px;
                span {
                    padding-top: 5px;
                    font-size: 15px;
                    font-weight: 600;
                    text-transform: uppercase;
                }
            }
        }
    }
    #dealer {
        background-image: url("https://turbomix.al/image/world-map-mobile.webp");
        background-position: center;
        background-size: cover;
        text-align: center;
        .section-title {
            color: rgb(255,255,255);
        }
        p {
            padding-bottom: 25px;
            color: rgb(255,255,255);
            font-size: 15px;
            line-height: 25px;
        }
        a {
            display: inline-block;
            padding: 8px 12px;
            color: rgb(255,255,255);
            background-color: rgb(255,99,0);
            font-weight: 500;
            text-transform: uppercase;
            font-size: 14px;
        }
    }
    #values {
        #values-left-box {
            .section-slogan {
                text-align: left;
            }
            #value-list {
                .value {
                    padding: 10px 0px 20px;
                    .value-icon {
                        align-content: center;
                        .value-icon-frame {
                            text-align: center;
                            border-radius: 50%;
                            width: 70px;
                            height: 70px;
                            padding: 10px;
                            background-color: rgb(250,250,250);
                        }
                    }
                    .value-title {
                        font-size: 20px;
                        padding: 10px 0px;
                    }
                    p {
                        font-size: 15px;
                        line-height: 25px;
                        color: rgb(95,100,110);
                    }
                }
            }
        }
        #values-right-box {
            .section-slogan {
                text-align: left;
            }
            .vision-mission {
                .vision-mission-title {
                    font-size: 20px;
                    padding: 10px 0px;
                }
                p {
                    font-size: 15px;
                    line-height: 25px;
                    color: rgb(95,100,110);
                }
            }
        }
    }
    #google-map {
        width: 100%;
        height: 350px;
        #map {
            width: 100%;
            height: 350px;
        }
    }
    #contact {
        #contact-left-box {
            text-align: left;
            .section-title {
                text-align: left;
            }
            .section-title:before {
                left: 0px;
            }
            .contact-info {
                padding: 10px 0px;
                .contact-info-heading {
                    font-size: 16px;
                    font-weight: 500;
                    padding-bottom: 5px;
                }
                .contact-info-detail  {
                    font-style: normal;
                    font-size: 15px;
                    line-height: 23px;
                    color: rgb(95,100,110);
                }
            }
        }
        #contact-right-box {
            text-align: left;
            .section-title {
                text-align: left;
            }
            .section-title:before {
                left: 0px;
            }
            p {
                padding: 10px 0px;
                font-size: 15px;
                line-height: 23px;
                color: rgb(95,100,110);
            }
            #contact-form {
                padding: 20px 0px 0px;
                .form-control {
                    padding: 10px 0px;
                    label {
                        padding: 10px 0px 5px;
                        font-size: 16px;
                        font-weight: 600;
                    }
                    input, textarea {
                        padding: 10px 14px;
                        font-size: 16px;
                        background-color: rgb(240,240,240);
                        border: 1px solid rgb(235,235,235);
                        outline: none;
                        transition: background-color .3s ease-in-out;
                    }
                    textarea {
                        resize: none;
                    }
                    input:focus, textarea:focus {
                        background-color: rgb(250,250,250);
                    }
                    .g-recaptcha {
                        display: inline-block;
                        text-align: -webkit-center;
                    }
                    #send {
                        font-weight: 600;
                        color: rgb(255,255,255);
                        background-color: rgb(255,99,0);
                        cursor: pointer;
                    }
                }
            }
        }
    }
    #references {
        .references-box {
            margin-bottom: 25px;
            box-shadow: 0 0 10px 1px rgb(220,220,220);
            .references-content {
                text-align: center;
                h2 {
                    font-size: 18px;
                    padding: 15px 0px;
                    color: rgb(255,99,0);
                }
                img {
                    display: inline-block;
                }
                p {
                    padding: 10px 0px;
                }
            }
        }
    }
    #policy {
        h2 {
            font-size: 22px;
            padding: 10px 0px;
        }
        h3 {
            font-size: 20px;
            padding: 10px 0px;
        }
        p {
            font-size: 16px;
            line-height: 24px;
            color: rgb(95,100,110);
            padding: 10px 0px;
        }
        ul {
            li {
                font-size: 16px;
                line-height: 24px;
                color: rgb(95,100,110);
                padding: 5px 0px;
                list-style-position: inside;
                list-style-type: disc;
            }
        }
    }
    #sitemap {
        .sitemap-box {
            padding: 15px 0px;
            h2 {
                font-size: 22px;
                padding-bottom: 10px;
            }
            ul {
                padding-bottom: 15px;
                li {
                    padding: 4px 0px;
                    a {
                        font-size: 15px;
                        color: rgb(95,100,110);
                        transition: color .3s ease-in-out;
                    }
                    a:hover {
                        color: rgba(95,100,110,.8);
                    }
                }
            }

        }
    }
    #catalog {
        h2 {
            text-align: center;
            font-size: 24px;
            color: rgb(255,99,0);
            padding-bottom: 10px;
        }
        a {
            padding-bottom: 20px;
        }
    }
    #machines, #rotor-stator, #stator, #rotor {
        .product-highlight {
            display: block;
            margin: 15px auto;
            color: rgb(0,0,0);
            padding: 15px 10px;
            border: 1px solid rgb(240,240,240);
            border-radius: 5px;
            background-color: rgb(255,255,255);
            h3 {
                font-size: 20px;
                padding: 10px 0px;
                text-align: center;
            }
            .product-image {
                padding: 15px 0px 0px;
            }
            .product-info {
                padding: 15px 0px 0px;
                .product-rating {
                    text-align: right;
                    padding: 15px 0px 0px;
                    .rating-stars {
                        display: inline-block;
                        padding: 0px 0px 5px;
                        vertical-align: top;
                    }
                    span {
                        font-size: 14px;
                    }
                }
                .product-description {
                    font-size: 16px;
                    line-height: 24px;
                    padding: 15px 0px 0px;
                }
                .product-technicals {
                    padding: 15px 0px 0px;
                    ul {
                        margin: 0px;
                        padding: 0px;
                        list-style-position: inside;
                        li {
                            list-style-image: url('https://turbomix.al/image/check.webp');
                            padding: 4px 0px;
                            .product-technical {
                                font-weight: 600;
                            }
                        }
                    }
                }
            }
            .product-details {
                padding: 15px 0px 0px;
                .product-price {
                    font-size: 14px;
                    padding: 15px 0px 0px;
                    .product-price-info {
                        padding-bottom: 5px;
                        font-size: 14px;
                        .product-info-title {
                            font-size: 14px;
                            font-weight: 600;
                        }
                        .product-actual-price {
                            font-size: 14px;
                            text-decoration: line-through;
                        }
                        .product-discounted-price {
                            font-size: 14px;
                        }
                    }
                }
                .product-manufacturer {
                    padding: 15px 0px 0px;
                    .product-detail {
                        padding: 4px 0px;
                        .product-info-title {
                            font-weight: 600;
                        }
                        .product-brand {
                            font-size: 16px;
                        }
                        .product-model {
                            font-size: 16px;
                        }
                        .product-sku {
                            font-size: 16px;
                        }
                    }
                }
                .product-campaign {
                    padding: 15px 0px 0px;
                    .product-campaing-button {
                        padding: 10px 15px;
                        margin-bottom: 15px;
                        text-align: center;
                        color: rgb(255,255,255);
                        background-color: rgb(235,0,65);
                        border-radius: 4px;
                        font-weight: 700;
                    }
                }
            }
        }
        .all-machines {
            text-align: center;
            padding: 15px 0px;
            a {
                display: inline-block;
                padding: 12px 14px;
                color: rgb(255, 255, 255);
                border-radius: 3px;
                background-color: rgb(255, 99, 0);
            }
        }
    }
    #product {
        #product-content {
            #product-image {
                padding: 10px;
                border: 1px solid rgb(230,230,230);
                border-radius: 5px;
            }
            #product-information {
                #product-heading {
                    font-size: 30px;
                    padding: 10px 0px;
                }
                #product-rating {
                    padding: 10px 0px;
                    .rating-stars {
                        display: inline-block;
                        padding: 0px 0px 5px;
                        vertical-align: top;
                    }
                    span {
                        display: inline-block;
                        padding-left: 5px;
                        font-size: 14px;
                    }
                }
                #product-price {
                    padding: 10px 0px;
                    #product-discounted-price {
                        font-size: 16px;
                    }
                    #product-original-price {
                        text-decoration: line-through;
                        padding-left: 10px;
                        font-size: 15px;
                        color: rgb(100,100,100);
                    }
                }
                #product-details {
                    padding-bottom: 10px;
                    .product-detail {
                        padding: 5px 0px 0px;
                        .product-detail-heading {
                            font-size: 15px;
                            font-weight: 600;
                        }
                        .product-detail-info {
                            font-size: 15px;
                        }
                        .product-detail-link {
                            svg {
                                vertical-align: sub;
                            }
                        }
                    }
                }
                #product-order {
                    padding: 10px 0px;
                    #product-direct-order {
                        padding-bottom: 15px;
                        #quantity-box {
                            display: inline-block;
                            padding-right: 10px;
                            text-align: center;
                            #cart-plus-minus {
                                display: inline-block;
                                text-align: center;
                                padding: 5px 0px;
                                border: 1px solid rgb(230,230,230);
                                border-radius: 5px;
                            }
                            .qtybutton {
                                display: inline-block;
                                font-size: 20px;
                                font-weight: 200;
                                padding: 0px 10px;
                                cursor: pointer;
                                user-select: none;
                            }
                            #cart-plus-minus-box {
                                width: 36px;
                                height: 36px;
                                display: inline-block;
                                border: none;
                                background: none;
                                text-align: center;
                                font-size: 18px;
                                user-select: none;
                            }
                        }
                        #direct-order-button {
                            display: inline-block;
                            a {
                                display: inline-block;
                                font-size: 16px;
                                padding: 14px 28px;
                                color: rgb(255,255,255);
                                background-color: rgb(255,99,0);
                                border-radius: 3px;
                            }
                        }
                        #whatsapp-order-button {
                            padding-top: 10px;
                            display: inline-block;
                            a {
                                display: inline-block;
                                font-size: 16px;
                                padding: 14px 28px;
                                color: rgb(255,255,255);
                                background-color: rgb(255,99,0);
                                border-radius: 3px;
                            }
                        }
                    }
                    #product-whatsapp-order {
                        display: flex;
                        p {
                            font-size: 15px;
                            line-height: 22px;  
                        }
                        a {
                            align-content: center;
                            svg {
                                padding-left: 5px;
                            }
                        }
                    }
                }
                #product-category {
                    padding: 10px 0px;
                    #product-category-heading {
                        display: inline-block;
                        font-size: 15px;
                        font-weight: 600;
                    }
                    .product-category-link {
                        color: rgb(90,90,90);
                        display: inline-block;
                        font-size: 15px;
                    }
                }
                #product-share {
                    padding: 10px 0px;
                    #product-share-heading {
                        display: inline-block;
                        font-size: 15px;
                        font-weight: 600;
                    }
                    .product-share-link {
                        display: inline-block;
                        padding-left: 5px;
                        svg {
                            vertical-align: sub;
                        }
                    }
                }
            }
        }
        #product-description {
            padding: 20px 0px;
            #product-description-tabs {
                .product-description-tab {
                    display: block;
                    padding: 12px 30px;
                    border: 1px solid rgb(230,230,230);
                    border-radius: 3px;
                    cursor: pointer;
                }
                .product-description-tab:hover, .product-description-tab.active {
                    color: rgb(255,255,255);
                    border: 1px solid rgb(255,99,0);
                    background-color: rgb(255,99,0);
                }
            }
            .product-tab#product-technical-details {
                padding: 20px 0px;
                h2 {
                    font-size: 26px;
                    padding: 15px 0px 0px;
                }
                p {
                    padding: 10px 0px 15px;
                    font-size: 15px;
                    line-height: 26px;
                }
                h3 {
                    font-size: 22px;
                    padding: 15px 0px 0px;
                }
                ul {
                    padding: 10px 0px;
                    list-style-position: inside;
                    li {
                        list-style-image: url(https://turbomix.al/image/check.webp);
                        padding: 4px 0px;
                        .product-technical {
                            font-weight: 600;
                        }
                    }
                }
            }
            .product-tab#product-reviews {
                padding: 20px 0px;
                h2 {
                    font-size: 26px;
                    padding: 15px 0px 0px;
                }
                .product-review {
                    padding: 15px 0px;
                    border-bottom: 1px solid rgb(230,230,230);
                    .product-review-image {
                        text-align: center;
                        padding-top: 15px;
                        span {
                            display: inline-block;
                            width: 75px;
                            height: 75px;
                            border-radius: 50%;
                            text-align: center;
                            line-height: 75px;
                            font-size: 17px;
                            font-weight: 600;
                            color: rgb(255,99,0);
                            background-color: rgb(235,235,235);
                        }
                    }
                    .product-review-content {
                        .product-review-name {
                            font-size: 15px;
                            padding: 15px 0px;
                            text-align: left;
                            font-weight: 600;
                        }
                        .product-review-date {
                            font-size: 15px;
                            padding: 15px 0px;
                            text-align: right;
                        }
                        .product-review-rating {
                            .rating-stars {
                                display: inline-block;
                                padding: 0px 0px 5px;
                                vertical-align: top;
                            }
                        }
                        .product-review-post {
                            font-size:15px;
                            line-height: 24px;
                            padding: 6px 0px;
                        }
                    }
                }
                #review-login-required {
                    padding: 20px 0px;
                    text-align: center;
                    font-size: 15px;
                    line-height: 22px;
                }
            }
            .product-tab#product-payment-installments {
                padding: 20px 0px;
                .product-payment-installment {
                    padding: 5px 0px 10px;
                    .bank-logo {
                        text-align: center;
                        padding-bottom: 10px;
                        img {
                            display: inline-block;
                        }
                    }
                    table {
                        text-align: center;
                        border-collapse: collapse;
                        thead {
                            background-color: rgb(250,250,250);
                            tr {
                                th {
                                    padding: 5px 0px;
                                    font-size: 14px;
                                    border: 1px solid rgb(245,245,245);
                                }
                            }
                        }
                        tbody {
                            tr {
                                td {
                                    padding: 5px 0px;
                                    font-size: 12px;
                                    border: 1px solid rgb(245,245,245);
                                }
                            }
                        }
                    }
                }
            }
            .product-tab#product-certificates {
                padding: 20px 0px;
                .product-certificate-image {
                    padding: 10px;
                    .product-certificate-heading {
                        padding-bottom: 10px;
                        font-size: 15px;
                        text-align: center;
                    }
                }
            }
            .product-tab#product-get-quote {
                padding: 20px 0px;
                #get-quote-form {
                    padding: 20px 0px 0px;
                    .form-control {
                        padding: 10px 15px;
                        label {
                            padding: 10px 0px 5px;
                            font-size: 16px;
                            font-weight: 600;
                        }
                        input, textarea {
                            padding: 10px 14px;
                            font-size: 16px;
                            background-color: rgb(240,240,240);
                            border: 1px solid rgb(235,235,235);
                            outline: none;
                            transition: background-color .3s ease-in-out;
                        }
                        textarea {
                            resize: none;
                        }
                        input:focus, textarea:focus {
                            background-color: rgb(250,250,250);
                        }
                        .g-recaptcha {
                            display: inline-block;
                            text-align: -webkit-center;
                        }
                        #send {
                            font-weight: 600;
                            color: rgb(255,255,255);
                            background-color: rgb(255,99,0);
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        #related-products {
            h2 {
                font-size: 26px;
                padding: 15px 0px 0px;
            }
            .related-product {
                padding: 15px 0px;
                border: 1px solid rgba(255,99,0,0);
                transition: border .3s ease-in-out;
                h3 {
                    padding: 10px 0px;
                    font-size: 15px;
                    color: rgb(255,99,0);
                    height: 94px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 4;
                    overflow: hidden;
                }
                .related-product-rating {
                    text-align: left;
                    img {
                        display: inline-block;
                        padding: 0px 0px 5px;
                        vertical-align: top;
                    }
                }
                #related-product-prices {
                    #related-product-discounted-price {
                        font-size: 15px;
                        padding: 5px 0px;
                        color: rgb(0,0,0);
                    }
                    #related-product-actual-price {
                        font-size: 14px;
                        padding: 5px 0px;
                        color: rgb(100,100,100);
                        text-decoration: line-through;
                    }
                }
            }
            .related-product:hover {
                border: 1px solid rgba(255,99,0,.25);
            }
        }
    }
    #sign {
        #login-form {
            padding: 20px 0px 0px;
            .form-control {
                padding: 10px 0px;
                label {
                    padding: 10px 0px 5px;
                    font-size: 16px;
                    font-weight: 600;
                }
                input, textarea {
                    padding: 10px 14px;
                    font-size: 16px;
                    background-color: rgb(240,240,240);
                    border: 1px solid rgb(235,235,235);
                    outline: none;
                    transition: background-color .3s ease-in-out;
                }
                textarea {
                    resize: none;
                }
                input:focus, textarea:focus {
                    background-color: rgb(250,250,250);
                }
                .g-recaptcha {
                    display: inline-block;
                    text-align: -webkit-center;
                }
                #send {
                    font-weight: 600;
                    color: rgb(255,255,255);
                    background-color: rgb(255,99,0);
                    cursor: pointer;
                }
            }
        }
    }
}
footer {
    color: rgb(255,255,255);
    background-color: rgb(0,0,0);
    
    #footer-top {
        padding: 45px 0px;
        background-color: rgb(10,10,10);
        
        .footer-top-box {
            padding: 15px 10px;
            
            .footer-title {
                display: block;
                padding-bottom: 10px;
                margin-bottom: 10px;
                font-size: 22px;
                font-weight: 600;
                color: rgb(255,99,0);
                border-bottom: 2px solid rgb(255,99,0);
                text-transform: uppercase;
            }
            #logo {
                display: block;
                text-align: center;
            }
            p {
                text-align: center;
                padding: 10px 0px;
                font-size: 14px;
            }
            #footer-menu {
                li {
                    float: left;
                    display: block;
                    clear: both;
                }
                li a {
                    float: left;
                    display: inline-block;
                    padding: 10px 0px 5px;
                    text-decoration: none;
                    color: rgb(255,255,255);
                    transition: color .3s ease-in;
                }
                li a:hover {
                    color: rgb(200,200,200);
                }
                li a:before {
                    content: ">";
                    padding-right: 8px;
                }
                svg {
                    float: left;
                    display: inline-block;
                }
            }
            #footer-contact {
                li {
                    padding: 10px 0px 5px;
                    float: left;
                    display: block;
                    clear: both;
                }
                li a, li address {
                    text-decoration: none;
                    font-style: normal;
                    color: rgb(255,255,255);
                    padding-left: 8px;
                    line-height: 24px;
                }
                li a, li address, svg {
                    display: inline-block;
                    float: left;
                }
            }
            #footer-social {
                text-align: center;
                
                li {
                    display: inline-block;
                    padding: 10px 2px;
                }
            }
        }
    }
    #footer-bottom {
        text-align: center;
        padding: 10px 0px;

        #copyright, .policy {
            display: block;
            padding: 15px 0px;
            font-size: 12px;
            color: rgb(255,255,255);
        }
        .policy {
            display: inline-block;
            padding: 15px 0px;
        }
        .policy:first-of-type {
            margin-right: 10px;
        }
    }
}
@media only screen and (min-width:768px) {
    .col-l-1 {width: 8.33%}
    .col-l-2 {width: 16.66%}
    .col-l-3 {width: 25%}
    .col-l-4 {width: 33.33%}
    .col-l-5 {width: 41.66%}
    .col-l-6 {width: 50%}
    .col-l-7 {width: 58.33%}
    .col-l-8 {width: 66.66%}
    .col-l-9 {width: 75%}
    .col-l-10 {width: 83.33%}
    .col-l-11 {width: 91.66%}
    .col-l-12 {width: 100%}
    .col-l-13 {width: 20%}
    .section {
        padding: 45px 0px;
    }
    .container {
        padding: 0px 15px;
    }
    #body header {
        background-color: rgba(0,0,0,0);
        background-image: url("https://turbomix.al/image/header-background-tablet.webp");
        background-position-x: right;
        background-size: cover;
    }
    header {
        #header-top {
            #header-top-slogan {
                display: inline-block;
                font-size: 12px;
            }
            #header-top-social {
                text-align: right;
            }
        }
        
        #header-bottom {
            #open-menu {
                display: none;
            }
            #header-contact {
                #header-whatsapp-box, #header-phone-box, #header-email-box {
                    display: inline-block;
                }
            }
            #user-auth {
                display: block;
            }
        }
        
        #menu {
            position: relative;
            padding: 0px;
            background-color: rgba(0,0,0,0);
            height: inherit;
            transition: none;
            
            #menu-logo, #close-menu {
                display: none;
            }
            
            #menu-list {
                padding-top: 10px;
                flex-direction: row;
                justify-content: space-between;
                
                li {
                    align-content: center;
                    
                    a {
                        font-size: 16px;
                    }
                }
            }
            #user-auth-mobile {
                display: none;
            }
        }
        
        #menu.closed {
            left: 0px;
        }
    }
    main {
        .page-title {
            padding: 30px 0px 0px;
            h1 {
                font-size: 38px;
            }
        }
        #slider {
            padding: 100px 10px 50px;
            h1 {
                font-size: 37px;
                line-height: 64px;
            }
            h1:before {

                border-top: 1px solid rgb(255,99,0);
            }
            h1:after {
                width: 40%;
                left: 30%;
                padding-top: 20px;
                border-bottom: 1px solid rgb(255,99,0);
            }
            p {
                font-size: 19px;
                line-height: 38px;
                padding: 60px 0px;
            }
            .slider-feature-box {
                padding: 0px 10px;

                .slider-feature-box-content {
                    padding: 15px 20px;
                }
            }
        }
        #about {
            #about-left-box {
                #about-left-box-content {
                    padding: 103px 15px;
                }
            }
            #about-right-box {
                #about-right-box-content {
                    #about-box-right-bottom {
                        p {
                            text-align: left;
                        }
                    }
                }
            }
        }
        #products{
            .product-box {
                padding: 0px 15px;
            }
        }
        #numbers {
            background-image: url("https://turbomix.al/image/parallax.webp");
        }
        #collaborate {
            background-image: url("https://turbomix.al/image/turbomix-is-birligi-1.webp");
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            #collaborate-box-background{
                padding: 50px 15px;
                background-image: linear-gradient(to right, rgba(245,245,245,1), rgba(245,245,245,0));
                #collaborate-left-box {
                    text-align: left;
                    #collaborate-box-heading:before {
                        left: 0%;
                    }
                    #collaborate-box-introduction {
                        padding: 50px 0px;
                        font-size: 45px;
                        line-height: 68px;
                    }
                    p {
                        font-size: 16px;
                        line-height: 24px;
                        color: rgb(30,30,30);
                    }
                }
            }
        }
        #navigation {
            nav {
                ol {
                    text-align: left;
                }
            }
        }
        #leading {
            #leading-intro {
                padding: 90px 125px;
            }
        }
        #about-us {
            .container {
                .row {
                    display: flex;
                }
            }
            #about-us-left-box {
                padding-right: 30px;
                #about-us-brand {
                    text-align: left;
                }
            }
            #about-us-right-box {
                padding: 0px;
                align-content: center;
            }
        }
        #certificates {
            .container {
                .row {
                    display: flex;
                    #certificate-list {
                        align-content: center;
                    }
                }
            }
        }
        #dealer {
            background-image: url("https://turbomix.al/image/world-map-tablet.webp");
        }
        #values {
            #values-left-box {
                padding-right: 20px;
                #value-list {
                    .value {
                        display: flex;
                        .value-icon {
                            align-content: center;
                        }
                        .value-title {
                            padding: 0px 0px 10px;
                        }
                    }
                }
            }
            #values-right-box {
                padding-left: 20px;
                text-align: right;
                .section-slogan {
                    text-align: right;
                }
                .vision-mission:last-of-type {
                    padding-top: 25px;
                }
            }
        }
        #google-map {
            height: 400px;
            #map {
                height: 400px;
            }
        }
        #contact {
            #contact-left-box {
                padding-right: 10px;
            }
            #contact-right-box {
                #contact-form {
                    .form-control {
                        padding: 10px 5px;
                    }
                }
            }
        }
        #machines, #rotor-stator, #stator, #rotor {
            .product-highlight {
                .product-image {
                    padding: 15px 20px;
                }
                .product-info {
                    padding: 15px 10px 0px;
                    .product-rating {
                        text-align: left;
                    }
                    .product-technicals ul li {
                        ul {
                            li {
                                padding: 7px 0px;
                            }
                        }
                    }
                }
                .product-details {
                    .product-manufacturer {
                        .product-detail {
                            padding: 7px 0px;
                        }
                    }
                }
            }
        }
        #product {
            #product-content {
                display: flex;
                #product-image {
                    align-content: center;
                }
                #product-information {
                    padding-left: 10px;
                    #product-order {
                        #whatsapp-order-button {
                            padding-top: 0px;
                            padding-left: 10px;
                        }
                    }
                }
            }
            #product-description {
                padding: 25px 0px;
                #product-description-tabs {
                    .product-description-tab {
                        display: inline-block;
                    }
                    .product-description-tab:not(:last-of-type) {
                        margin-right: 15px;
                    }
                }
                .product-tab#product-payment-installments {
                    .product-payment-installment {
                        padding: 20px 15px;
                    }
                }
            }
            #related-products {
                .related-product {
                    padding: 20px 15px;
                }
            }
        }
    }
}
@media only screen and (min-width:1280px) {
    .col-1 {width: 8.33%}
    .col-2 {width: 16.66%}
    .col-3 {width: 25%}
    .col-4 {width: 33.33%}
    .col-5 {width: 41.66%}
    .col-6 {width: 50%}
    .col-7 {width: 58.33%}
    .col-8 {width: 66.66%}
    .col-9 {width: 75%}
    .col-10 {width: 83.33%}
    .col-11 {width: 91.66%}
    .col-12 {width: 100%}
    .col-13 {width: 20%}
    .container {
        max-width: 1280px;
    }
    .section {
        padding: 60px 0px;
    }
    #body header {
        background-image: url("https://turbomix.al/image/header-background-desktop.webp");
    }
    main {
        .page-title {
            padding: 30px 0px 0px;
            h1 {
                font-size: 41px;
            }
        }
        #slider {
            padding: 150px 0px 75px;
            #slider-brand {
                font-size: 36px;
            }
            h1 {
                font-size: 50px;
                line-height: 90px;
            }
            h1:before {
                padding-top: 25px;
                width: 6%;
                left: 47%;
            }
            h1:after {
                width: 40%;
                left: 30%;
                padding-top: 25px;
            }
            p {
                font-size: 20px;
                line-height: 40px;
                padding: 70px 0px 85px;
            }
            .slider-feature-box {
                padding: 0px 10px;

                .slider-feature-box-content {
                    padding: 30px 35px;
                    cursor: pointer;
                }
            }
        }
        #about {
            #about-left-box {
                #about-left-box-content {
                    padding: 125px 30px 152px;
                    #about-box-slogan {
                        padding: 0px;
                    }
                    p {
                        padding: 10px 0px 40px;
                    }
                }
            }
            #about-right-box {
                #about-right-box-content {
                    #about-box-right-top {
                        padding: 55px 70px;
                        #about-box-introduction {
                            font-size: 34px;
                            line-height: 50px;
                        }
                    }
                    #about-box-right-bottom {
                        a {
                            margin-top: 0px;
                        }
                    }
                }
            }
        }
        #dealer {
            background-image: url("https://turbomix.al/image/world-map-desktop.webp");
        }
        #values {
            #values-right-box {
                .vision-mission:last-of-type {
                    padding-top: 40px;
                }
            }
        }
        #google-map {
            height: 450px;
            #map {
                height: 450px;
            }
        }
        #contact {
            #contact-left-box {
                padding-right: 25px;
            }
            #contact-right-box {
                #contact-form {
                    .form-control {
                        padding: 12px 7px;
                    }
                }
            }
        }
        #machines, #rotor-stator, #stator, #rotor {
            .product-highlight {
                .product-info {
                    padding: 15px 20px 0px;
                }
            }
        }
        #product {
            #product-information {
                padding-left: 20px;
            }
            #product-description {
                padding: 30px 0px;
            }
            #related-products {
                .related-product {
                    h3 {
                        min-height: 56px;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow: hidden;
                        white-space: pre-wrap;
                    }
                }
            }
        }
    }
}
@media only screen and (min-width:1921px) {
    .container {
        max-width: 1920px;
    }
    .section {
        padding: 75px 0px;
    }
    #body header {
        background-image: url("https://turbomix.al/image/header-background.webp");
    }
    main {
        #dealer {
            background-image: url("https://turbomix.al/image/world-map.webp");
        }
        #machines, #rotor-stator, #stator, #rotor {
            .product-highlight {
                .product-info {
                    padding: 15px 30px 0px;
                }
            }
        }
        #product {
            #product-information {
                padding-left: 30px;
            }
            #product-description {
                padding: 40px 0px;
            }
        }
    }
}