:root {

    --robo-slb: 'Roboto Slab', serif;

    --robo: 'Roboto', sans-serif;

    --ind-bold: 'Conv_Industry-Bold';

    --ind-light: 'Conv_Industry-Light';

    --ind-dim: 'Conv_Industry-Demi';

    --ind-med: 'Conv_Industry-Medium';

}



.certificates {

    background-color: #f4f4f4;

    padding: 70px 0;

}



.certificates h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-bold);

    color: #000000;

    margin-bottom: 17px;

    font-size: 42px;

}



.line {

    width: 130px;

    height: 6px;

    border: 1px solid #000000;

    background-color: #f4f4f4;

    display: block;

    margin: 0 auto;

    margin-bottom: 30px;

}



.line:before {

    content: '';

    width: 50%;

    height: 5px;

    background-color: #000000;

    display: block;

}



.colors_l {}



.colors_l input[type=radio] {

    position: absolute;

    visibility: hidden;

}



.colors_l input[type=radio]:checked~.mylabel {

    border-radius: 50%;

    border: 2px solid #000;

}



.lara_sex_0 {}



.lara_sex_0 select {}



.lara_sex_0 select option {}



.vvlara {

    position: relative;

    cursor: pointer;

    background-color: transparent;

    border: none;

    border-bottom: 1px solid #9e9e9e;

    outline: none;

    height: 3rem;

    line-height: 3rem;

    width: 100%;

    font-size: 1rem;

    margin: 0 0 15px 0;

    padding: 0;

    display: block;

}



.colors_l label {

    width: 33px;

    height: 33px;

    transition: 0.45s;

    display: inline-block;

    border: 2px solid #d6d9db;

    cursor: pointer;

}



.certificates h3 {

    color: #000000;

    text-transform: uppercase;

    font-family: var(--ind-med);

    margin-bottom: 25px;

}



.certificates p {

    font-size: 22px;

    color: #2b2b2b;

    font-family: var(--robo);

    font-weight: 300;

    margin-bottom: 30px;

}



.membership-list {

    margin: 0;

    padding: 0;

    margin-top: 37px;

}



.membership-list li {

    float: left;

    width: 25%;

    border: 1px solid #dbdbdb;

}



.certificate-list li {

    float: left;

    width: 33.33%;

    height: 290px;

}



h2.white {

    color: #fff;

}



.complince {

    background-color: #f4f4f4;

}



.complince h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-bold);

    color: #000000;

    margin-bottom: 17px;

    font-size: 42px;

}



.complince h2 span {

    font-family: var(--ind-light);

}



.complince p {

    font-size: 18px;

    color: #2b2b2b;

    font-family: var(--robo);

    font-weight: 300;

    margin-bottom: 10px;

}



.complince p.font-weight-bold {

    font-weight: 400;

    font-size: 21px;

}



.condition-list {

    margin-top: 30px;

    display: flex;

    margin-bottom: 30px;

}



.condition-list li {

    list-style: none;

    width: 20%;

    float: left;

    border: 1px solid #d6d6d6;

    height: 180px;

    text-align: center;

    padding: 8px;

    font-weight: 500;

}



.condition-list li img {

    display: block;

    margin: 0 auto;

}



.transportation {

    min-height: 710px;

    width: 100%;

    padding: 70px 0;

    background-color: #f4f4f4;

    /*background-image: url(../images/csr/complince/b1.png);*/

    background-repeat: no-repeat;

    background-size: cover;

}



.transportation-text {

    background-color: #fff;

    padding: 70px 30px;

    width: 50%;

    height: 100%;

}



.transportation-text h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-bold);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.transportation-text .line,

.safty .line {

    margin-left: 0;

}



.transportation-text p {

    font-size: 23px;

}



.transportation-text p.font-weight-bold {

    font-weight: 400;

    font-size: 23px;

}



.marg_b_0 {

    margin-bottom: 0px !important;

}



.sustanablity {

    padding: 15px 0;

}



.sustanablity .overlay-text {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.50);

    color: #fff;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.sustanablity .overlay-text h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-bold);

    color: #fff;

    margin-bottom: 30px;

    font-size: 42px;

}



.main-type {

    position: relative;

}



.sub-type {

    margin-bottom: 30px;

}



.sub-type img {

    display: block;

    margin: 0 auto;

    width: 100%;

}



.sub-type h4 {

    text-align: center;

    padding: 8px 0;

}



.sustanablity h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-bold);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.sustanablity p {

    font-size: 22px;

    color: #2b2b2b;

    font-family: var(--robo);

    font-weight: 300;

    margin-bottom: 30px;

}



.sustanablity p.font-weight-bold {

    font-weight: 400;

    font-size: 21px;

}



.sustanablity img {

    display: block;

    margin: 0 auto;

}



.catalog {

    background-color: #fff;

    padding: 70px 0;

    min-height: 670px;

    color: #fff;

}



.catalog h1 {

    font-family: var(--robo-slb);

    font-size: 52px;

    margin-bottom: 40px;

    font-weight: 100;

}



.catalog p {

    font-size: 22px;

    font-family: var(--robo-slb);

    margin-bottom: 50px;

    color: #d1d1d1;

    font-weight: 100;

}



.catalog ul li {

    list-style: none;

    float: left;

}



.catalog ul li a {

    display: block;

    /* display: flex; */

    height: 50px;

    width: 200px;

    margin-right: 10px;

    border: 1px solid #393939;

    line-height: 50px;

    padding-left: 15px;

    color: #fff;

    /*     text-decotra */

    transition: all 0.5s ease;

    margin-bottom: 30px;

}



.catalog ul li a:hover {

    background-color: #e11a36;

}



.catalog ul li a img {

    /*     width: 30px; */

    float: right;

    background-color: #e11a36;

    height: 100%;

    padding: 8px;

}



.catalog img {

    display: block;

    margin: 0 auto;

}



.left-bg {

    background-image: url(../images/categlog/b1.png);

    background-repeat: no-repeat;

    background-size: contain;

}



.right-bg {

    background-image: url(../images/categlog/b2.png);

    background-repeat: no-repeat;

    background-size: contain;

}



.cutting-list ul {

    margin-top: 30px;

}



.cutting-list ul li {

    list-style: none;

    width: 16.66666%;

    float: left;

    border: 1px solid #262626;

    height: 180px;

    text-align: center;

    padding: 12px;

    font-weight: 500;

}



.cutting-list ul li img {

    display: block;

    margin: 0 auto;

}



.cutting-list ul li span {

    color: #989898;

    font-weight: 400;

}



.dark {

    padding-top: 70px;

}



.dark ul li {

    border: 1px solid #d6d6d6;

    color: #000000;

}



.dark ul li span {

    color: #000000;

}



.working-list ul {

    margin-top: 5px;

}



.working-list ul li {

    width: 25%;

    padding: 5px;

    float: left;

    margin-bottom: 5px;

}



.cutting h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.cutting h2 b {

    font-family: var(--ind-bold);

}



.process-list ul {

    margin: 30px 0;

}



.process-list ul li {

    width: 100%;

    text-align: center;

    display: block;

    font-size: 18px;

}



.factory-image {

    height: 615px;

    width: 100%;

    background-color: #f4f4f4;

    background-image: url(../images/cutting/img.png);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

}



.cutting-image {

    height: 615px;

    width: 100%;

    background-color: #f4f4f4;

    background-image: url(../images/cutting/img1.png);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

}



.main-process-box {

    margin-bottom: 15px;

    min-height: 240px;

}



.main-process-box img {

    margin-right: auto;

    width: 60px;

}



.main-process-box h5 {

    font-weight: bold;

    margin: 20px 0;

    font-size: 22px;

}



.main-process-box p {

    font-size: 16px;

}



.gallery-box {

    display: flex;

}



.flex_50 {

    padding: 0 5px;

    margin-bottom: 10px;

}



.key-skils {

    width: 100%;

    color: #fff;

    background-color: #e11a36;

    padding: 70px 0;

    min-height: 440px;

}



.key-skils .heading-text {

    align-items: center;

    justify-content: center;

    border-right: 1px solid #e0445a;

    /* display: flex; */

    min-height: 250px;

    /* margin-bottom: 30px; */

    padding: 15px;

    padding-top: 0;

    display: flex;

}



.key-skils .heading-text h1 {

    font-size: 54px;

    font-weight: bold;

    margin-bottom: 30px;

}



.key-skils .heading-text p {

    font-size: 18px;

    font-weight: 300;

    font-family: var(--robo);

}



.key-skils ul li {

    font-size: 20px;

    font-weight: 200;

    font-family: var(--robo);

    margin-bottom: 30px;

}



.key-skils ul li i {

    height: 30px;

    width: 30px;

    text-align: center;

    background-color: #fff;

    border-radius: 5px;

    color: #e11a36;

    margin-right: 10px;

    line-height: 30px;

    margin-top: 7px;

}



.key-skils ul li div {

    display: table-cell;

    vertical-align: top;

}



.key-skils ul li .text {

    font-size: 20px;

    font-weight: 200;

    font-family: var(--robo);

    /* margin-bottom: 30px; */

}



.style-image {

    height: 615px;

    width: 100%;

    background-color: #f4f4f4;

    background-image: url(../images/design-development/img.png);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

}



.design-development h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.design-development h2 b {

    font-family: var(--ind-bold);

}



.final-finish h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.final-finish h2 b {

    font-family: var(--ind-bold);

}



.ff-process ul {

    margin: 10px 0;

}



.ff-process ul li {

    float: left;

    width: 16.6666%;

    min-height: 150px;

    text-align: center;

    padding: 8px;

}



.finish-bg {

    height: 615px;

    width: 100%;

    background-color: #f4f4f4;

    background-image: url(../images/final-finish/img1.png);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

}



.thread-trimming h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.thread-trimming h2 b {

    font-family: var(--ind-bold);

}



.thread-trimming p {

    font-family: var(--ind-light);

    font-size: 22px;

    margin-bottom: 30px;

}



.final-finish h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.final-finish h2 b {

    font-family: var(--ind-bold);

}



.final-finish p {

    font-size: 22px;

    text-align: center;

    font-family: var(--ind-light);

}



.ff-process ul li .number {

    height: 60px;

    width: 60px;

    text-align: center;

    line-height: 60px;

    font-size: 22px;

    display: block;

    margin: 0 auto;

    border-radius: 50px;

    border: 2px solid #cccccc;

    margin-bottom: 10px;

}



.ff-process ul li span {

    font-weight: bold;

    font-size: 12px;

    text-transform: capitalize;

}



.main-process-involved {

    background-color: #000000;

    /* min-height: 920px; */

    background-image: url(../images/final-finish/img2.png);

    background-attachment: fixed;

}



.main-process-involved h2,

.cworking-gallery h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #ffffff;

    margin-bottom: 30px;

    font-size: 42px;

}



.main-process-involved h2 b {

    font-family: var(--ind-bold);

}



.cworking-gallery h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.cworking-gallery h2 b {

    font-family: var(--ind-bold);

}



.mpi-box {

    background-color: #ffffff;

    min-height: 528px;

    padding: 30px;

    margin-bottom: 30px;

}



.mpi-box li {

    margin-bottom: 20px;

}



.mpi-box li h3 {

    font-size: 20px;

    margin-bottom: 10px;

    font-weight: 600;

}



.store-matrial h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.store-matrial h2 b {

    font-family: var(--ind-bold);

}



.store-matrial p {

    font-size: 20px;

    margin-bottom: 30px;

}



.sm-box {

    margin-bottom: 10px;

}



.sm-box img {

    margin: 0 auto;

}



.sm-box h4 {

    font-weight: bold;

    margin-bottom: 10px;

}



.sm-box p {

    font-size: 18px;

}



.how-it-works h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-med);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.how-it-works p {

    font-family: var(--ind-light);

    font-size: 18px;

    margin-bottom: 20px;

}



.how-it-works ul li {

    font-family: var(--ind-light);

    margin-bottom: 5px;

    font-size: 18px;

}



.how-it-works ul li:before {

    content: '- ';

}



.how-it-works img {

    display: block;

    margin-bottom: 30px;

}



.how-it-works img.right {

    margin-left: auto;

}



.sewing .cworking-gallery img {

    margin-bottom: 20px;

    max-width: 100%;

    width: 100%;

}



.sewing .cworking-gallery .flex_50 {

    padding: 0 10px

}



.sewing .cworking-gallery .container {

    padding: 0;

}



.swing-department h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.swing-department h2 b {

    font-family: var(--ind-bold);

}



.swing-department ul li {

    font-size: 18px;

    margin-bottom: 10px;

}



.sewing-bg {

    height: 600px;

    width: 100%;

    background-color: #f4f4f4;

    background-image: url(../images/sewing/img.png);

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-size: cover;

    background-position: center;

}



.service-using {

    background-color: #f1f1f1;

}



.service-using h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.service-using h2 b {

    font-family: var(--ind-bold);

}



.su-box {

    margin-top: 40px;

    color: #000000;

}



.su-box img {

    display: block;

    margin: 0 auto;

    margin-bottom: 20px;

}



.su-box h4 {

    font-family: var(--ind-med);

    margin-bottom: 10px;

}



.women-worker {

    background-color: #fff;

    margin-bottom: 30px;

}



.women-worker img {

    margin-bottom: 30px;

    ;

}



.women-worker h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-light);

    color: #000000;

    margin-bottom: 30px;

    font-size: 42px;

}



.women-worker h2 b {

    font-family: var(--ind-bold);

}



.women-worker p {

    font-size: 18px;

    margin-bottom: 10px;

    font-family: var(--ind-light);

}



.women-worker ul li {

    font-size: 18px;

    margin-bottom: 10px;

    font-family: var(--ind-light);

}



.women-worker ul li:before {

    content: '- ';

    color: #000;

}



.swing-department .owl-carousel .owl-dots.disabled,

.swing-department .owl-carousel .owl-nav.disabled {

    display: block;

    left: 0;

}



.swing-department .owl-carousel .owl-nav .owl-next,

.swing-department .owl-carousel .owl-nav .owl-prev {

    position: absolute;

    right: 8px;

    bottom: 8px;

    line-height: 55px;

    font-size: 22px;

    background-color: #ccc;

    text-align: center;

    border: 2px solid;

    outline: 8px solid #ccc;

}



.swing-department .owl-carousel .owl-nav .owl-next {

    width: 60px;

    height: 60px;

}



.swing-department .owl-carousel .owl-nav .owl-prev {

    width: 60px;

    height: 60px;

    right: 78px;

}



.text-left h2,

.text-left p {

    text-align: left;

    padding: 0;

}



.text-left img {

    margin-right: auto;

    margin-bottom: 10px;

}



.exhibition {

    background-color: #f4f4f4;

}



.exhibition h2 {

    text-transform: uppercase;

    font-weight: bold;

    font-family: var(--ind-bold);

    color: #000000;

    margin-bottom: 10px;

    font-size: 42px;

}



.exhibition h3 {

    color: #000000;

    text-transform: uppercase;

    font-family: var(--ind-med);

    margin-bottom: 25px;

}



.collection-item-messe {

    width: 100%;

    padding-top: 15px;

    padding-bottom: 15px;

    -webkit-box-flex: 0;

    -webkit-flex: 0 auto;

    -ms-flex: 0 auto;

    flex: 0 auto;

    text-align: center;

    /* min-height: 550px; */

}



.div-messe {

    /*
	height: 505px;

    margin: 0px 15px;

    padding-right: 30px;
	*/

    padding-bottom: 20px;

    padding-left: 30px;

    background-color: #fff;
	

}



.messe-link {

    width: 100%;

}



.w-inline-block {

    max-width: 100%;

    display: inline-block;

}



.messe-link {

    width: 100%;

}



.messe-titel {

    margin-top: 30px;

    margin-bottom: 5px;

    color: #333;

    font-size: 19px;

    line-height: 30px;

    font-weight: 600;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    text-align: center;

}



.messe-untertitel {

    margin-top: 0px;

    margin-bottom: 30px;

    font-family: 'Avertastd webfont', sans-serif;

    font-size: 16px;

    font-weight: 300;

    text-align: center;

}



.messe-text {

    display: block;

    margin-bottom: 13px;

    font-family: 'Avertastd webfont', sans-serif;

}



.messe-text.bold {

    margin-bottom: 2px;

    font-weight: 600;

}



.messe-text.datum {

    display: inline-block;

    margin-left: 0px;

    letter-spacing: 0.5px;

}



.messe-text.datum.bindestrich {

    margin-right: 5px;

    margin-left: 5px;

}



.messe-bild {

    height: 170px;

    margin-right: 0px;

    margin-left: 0px;

    border-bottom: 1.5px solid #eee;

    /* background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/example-bg.png"); */

    background-position: 50% 50%;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: scroll;

}



.clients {

    background-color: #f4f4f4;

}



.clients h2 {

    text-transform: uppercase;

    font-weight: bold;

    color: #000000;

    font-family: var(--ind-light);

    margin-bottom: 30px;

    font-size: 42px;

}



.clients h2 b {

    font-family: var(--ind-bold);

}



#client-carousel {

    background-color: #fff;

    padding: 30px 10px;

}



.unterster-text {

    font-family: 'Avertastd webfont', sans-serif;

    font-size: 17px;

    font-weight: 400;

    text-align: center;

}



@media screen and (max-width: 1199px) {

    .membership-list li {

        width: 25%;

    }

}



@media screen and (max-width: 991px) {

    .membership-list li {

        width: 25%;

    }

}



@media screen and (max-width: 768px) {

    .membership-list ul li,

    .condition-list ul li,

    .certificate-list ul li,

    .cutting-list ul li,

    .working-list ul li,

    .ff-process ul li {

        width: 50%;

    }

    .certificates h2,

    .complince h2,

    .transportation-text {

        font-size: 32px;

    }

    .transportation-text,

    .catalog ul li,

    .catalog ul li a {

        width: 100%;

    }

    .safty img {

        margin-bottom: 30px;

    }

    .certificate-list li {

        height: 145px;

    }

    .main-type {

        margin-bottom: 30px;

    }

    .left-bg,

    .right-bg {

        background-size: cover;

    }

    .gallery-box {

        display: block;

    }

    .text-left h2,

    .text-left p {

        text-align: center;

    }

    .text-left img {

        display: block;

        margin: 0 auto;

    }

}