@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&subset=latin-ext');

header {
    width: calc(100% - 120px);
    height: 80px;
    min-height: 80px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;
    background-color: #000;
    position: fixed;
    z-index: 9999;
}

/* header div.menu-lang {
    display: flex;
    justify-content: flex-end;
    align-items: center;
} */

header ul.m-menu {
    max-height: 80px;
}

header ul.languages {
    display: flex;
    align-items: center;
}
header ul.languages li a {
    color: rgba(255, 255, 255, .6);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 2.6px;
    padding: 10px;
}
header ul.languages li#active a,
header ul.languages li a:hover {
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
}


div.top {
    position: relative;
}
div.top > h1 {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3.4px;
}


div.home-offer {
    padding: 70px 0 53px 0;
}
div.home-offer > h1,
h1.contentheading {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 3.5px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin: 0 0 40px 0;
}
div.home-offer > h1::before,
div.home-offer > h1::after,
h1.contentheading::before,
h1.contentheading::after {
    content: " ";
    width: 62px;
    height: 2px;
    display: table;
    background-color: #000;
    margin: 0 auto 15px;
}
div.home-offer > h1::after,
h1.contentheading::after {
    margin: 16px auto 0;
}

div.home-offer div.content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #CCC;
}
div.home-offer div.content:last-of-type {
    border: 0;
}
div.home-offer div.content div.text,
div.home-offer div.content div.photo {
    width: 50%;
    margin: 0 auto;
}
div.home-offer div.content div.text div {
    margin: 0 auto;
    padding: 0 40px;
}
div.home-offer div.content div.text div h2 {
    color: #000;
    font-size: 24px;
    font-weight: normal;
    line-height: 100%;
}
div.home-offer div.content div.text div h2::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 21px 0 15px 1px;
}
div.home-offer div.content div.text div p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0.5px;
    text-align: left;
}
div.home-offer div.content div.text div a,
div.carlex-offer div.content.content-10 div.text div a,
div.carlex-offer div.content.content-12 div.text div a,
a.carlex-realization.more,
a.carlex-realization.back,
a.carlex-contact.map,
a.carlex-contact.contact {
    display: table;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background-color: #000;
    border: 2px solid #000;
    position: relative;
    padding: 8px 24px 8px 13px;
    margin: 49px 0 0 0;
}
a.carlex-contact.contact {
    padding: 8px 13px;
}
div.home-offer div.content div.text div a::after,
div.carlex-offer div.content.content-10 div.text div a::after,
div.carlex-offer div.content.content-12 div.text div a::after,
a.carlex-realization.more::after,
a.carlex-realization.back::after,
a.carlex-contact.map::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #FFF;
    position: absolute;
    top: 12px;
    right: 13px;
    transform: rotate(-90deg);
}
div.home-offer div.content div.text div a:hover,
div.carlex-offer div.content.content-10 div.text div a:hover,
div.carlex-offer div.content.content-12 div.text div a:hover,
a.carlex-realization.more:hover,
a.carlex-realization.back:hover,
a.carlex-contact.map:hover,
a.carlex-contact.contact:hover {
    color: #000;
    text-decoration: none;
    background-color: #FFF;
}
div.home-offer div.content div.text div a:hover::after,
div.carlex-offer div.content.content-10 div.text div a:hover::after,
div.carlex-offer div.content.content-12 div.text div a:hover::after,
a.carlex-realization.more:hover::after,
a.carlex-realization.back:hover::after,
a.carlex-contact.map:hover::after {
    border-top-color: #000;
}

div.home-offer div.content.content-01 div.text div {
    max-width: 570px;
}
div.home-offer div.content.content-02 div.text div {
    max-width: 505px;
}
div.home-offer div.content.content-03 div.text div {
    max-width: 445px;
}
div.home-offer div.content.content-03 div.text div.en {
    max-width: 480px;
}
div.home-offer div.content.content-04 div.text div {
    max-width: 550px;
}
div.home-offer div.content.content-05 div.text div {
    max-width: 550px;
}
div.home-offer div.content.content-06 div.text div {
    max-width: 540px;
}
div.home-offer div.content.content-07 div.text div img#maritime {
    margin-bottom: 75px;
}


div.partners {
    text-align: center;
    margin: 0 auto 85px;
}
div.partners h1 {
    color: #656565;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 100%;
    text-transform: uppercase;
    margin: 36px 0 2px 0;
}
div.partners div.logos {
    max-width: 80%;
    margin: 15px auto 0;
    border-top: 1px solid #adadad
}
div.partners div.logos img {
    margin: 15px 0;
}


p.text-semi,
span.text-semi {
    font-weight: 500;
}


footer {
    background-color: #000;
}
footer div.container {
    max-width: 940px;
    margin: 0 auto;
    padding: 45px 0 22px 0;
}

footer div.bottom-menu {
    display: flex;
    justify-content: space-between;
}
footer div.bottom-menu > div h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 0 0 11px 0;
}

footer div.bottom-menu > div:first-of-type ul.menu > li.parent,
footer div.bottom-menu > div:last-of-type ul.menu > li:not(.parent),
footer div.bottom-menu > div:last-of-type ul.menu > li.parent > a {
    display: none;
}

footer div.bottom-menu > div:first-of-type ul.menu,
footer div.bottom-menu > div:last-of-type ul.menu {
    padding: 8px 0 0 0;
    border-top: 1px solid #7a7a7a;
}
footer div.bottom-menu > div:first-of-type ul.menu {
    margin-right: 60px;
}
footer div.bottom-menu > div:first-of-type ul.menu li {
    width: 50%;
    float: left;
    margin: 3px 0;
}
footer div.bottom-menu > div:last-of-type ul.menu li.parent li {
    float: left;
    width: 33%;
    margin: 3px 0;
}

footer div.bottom-menu > div ul.menu li a {
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 300;
}
footer div.bottom-menu > div ul.menu li:not(.parent).active > a,
footer div.bottom-menu > div ul.menu li a:hover {
    color: #FFF;
    text-decoration: none;
}

footer ul.social-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 73px 0 23px 0;
}
footer ul.social-menu li {
    margin: 0 7px;
}
footer ul.social-menu li a img {
    opacity: .5;
    transition: all .5s;
}
footer ul.social-menu li a:hover img {
    opacity: 1;
}

footer div.copyright > p {
    color: #6b6b6b;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}
footer div.copyright > p #w-p {
    max-height: 10px;
    margin: -2px 0 0 3px;
}


h1.contentheading {
    margin: 70px 0 0 0;
}

div.jfdefaulttext,
div.jfdefaulttext + br {
    display: none !important;
}


/* COOPERATION */

div.carlex-cooperation {
    margin: 0 0 73px 0;
}

div.carlex-cooperation div.content {
    padding: 0 40px;
    margin: 0 auto;
}
div.carlex-cooperation div.content.photo,
div.carlex-offer div.content.photo {
    padding: 0;
}

div.carlex-cooperation div.content h2,
div.carlex-offer div.content h2 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0.6px;
    text-align: center;
}
div.carlex-cooperation div.content h2::after,
div.carlex-cooperation div.content.content-04 h3::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 21px auto 15px;
}
div.carlex-cooperation div.content p,
div.carlex-certification div.content p,
div.carlex-offer div.content p {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 34px;
    letter-spacing: 0.5px;
    text-align: center;
}

div.carlex-cooperation div.content.content-01,
div.carlex-certification div.content.content-01,
div.carlex-offer div.content.content-01 {
    max-width: 650px;
    margin: 61px auto 59px;
}
div.carlex-cooperation div.content.content-02 {
    max-width: 650px;
    margin: 68px auto 59px;
}
div.carlex-cooperation div.content.content-03 {
    max-width: 650px;
    margin: 68px auto 59px;
}
div.carlex-cooperation div.content.content-04 {
    padding: 68px 0 66px 0;
    background-color: #fafafa;
}
div.carlex-cooperation div.content.content-04 h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0 0 33px 0;
}
div.carlex-cooperation div.content.content-04 h2::after {
    display: none;
}
div.carlex-cooperation div.content.content-04 h3 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .45px;
    text-transform: uppercase;
    text-align: center;
}
div.carlex-cooperation div.content.content-04 h3::after {
    margin: 16px auto;
}
div.carlex-cooperation div.content.content-04 h3:last-of-type::after {
    display: none;
}


/* CERTIFICATION */

div.carlex-certification div.logos {
    max-width: 80%;
    display: block;
    text-align: center;
    padding: 45px 0;
    margin: 70px auto 0;
    border-top: 1px solid #adadad;
    border-bottom: 1px solid #adadad;
}
div.carlex-certification div.logos img {
    margin: 15px 30px;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, .15);
    transition: all .5s;
}
div.carlex-certification div.logos img:hover {
    box-shadow: 3px 5px 10px rgba(0, 0, 0, .35);
}

div.carlex-certification div.content p:not(:last-of-type) {
    padding: 0 0 20px 0;
}

div.carlex-certification div.content.content-01 {
    margin: 61px auto 63px;
    padding: 0 40px;
}


/* OFFER - STUDIO */

div.carlex-offer.studio {
    margin: 0 0 73px 0;
}

div.carlex-offer.studio div.content.content-02,
div.carlex-offer.studio div.content.content-04 {
    margin: 70px 0 0 0;
}
div.carlex-offer.studio div.content.content-02 h2,
div.carlex-offer.studio div.content.content-04 h2 {
    text-transform: uppercase;
    margin: 0 0 70px 0;
}
div.carlex-offer.studio div.content.content-02 h2::before,
div.carlex-offer.studio div.content.content-04 h2::before,
div.carlex-offer.studio div.content.content-02 h2::after,
div.carlex-offer.studio div.content.content-04 h2::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
}
div.carlex-offer.studio div.content.content-02 h2::before,
div.carlex-offer.studio div.content.content-04 h2::before  {
    margin: 0 auto 23px;
}
div.carlex-offer.studio div.content.content-02 h2::after,
div.carlex-offer.studio div.content.content-04 h2::after {
    margin: 21px auto 0;
}
div.carlex-offer.studio div.content.content-02 > div,
div.carlex-offer.studio div.content.content-04 > div {
    background-color: #fafafa;
}
div.carlex-offer.studio div.content.content-02 > div > p,
div.carlex-offer.studio div.content.content-04 > div > p {
    max-width: 550px;
    margin: 0 auto;
    padding: 61px 0 59px 0;
}

div.carlex-offer.studio div.content.content-03,
div.carlex-offer.studio div.content.content-05,
div.carlex-offer.studio div.content.content-06 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0 0 0;
}
div.carlex-offer.studio div.content.content-03 div.text,
div.carlex-offer.studio div.content.content-05 div.text,
div.carlex-offer.studio div.content.content-06 div.text, 
div.carlex-offer.studio div.content.content-03 div.photo,
div.carlex-offer.studio div.content.content-05 div.photo,
div.carlex-offer.studio div.content.content-06 div.photo {
    width: 50%;
    margin: 0 auto;
}
div.carlex-offer.studio div.content.content-03 div.text div,
div.carlex-offer.studio div.content.content-05 div.text div,
div.carlex-offer.studio div.content.content-06 div.text div {
    max-width: 520px;
    margin: 0 auto;
    padding: 0 40px;
}
div.carlex-offer.studio div.content.content-05 div.text div {
    max-width: 460px;
}
div.carlex-offer.studio div.content.content-05 div.text div.en {
    max-width: 425px;
}
div.carlex-offer.studio div.content.content-03 div.text div h2,
div.carlex-offer.studio div.content.content-05 div.text div h2,
div.carlex-offer.studio div.content.content-06 div.text div h2 {
    text-align: left;
}
div.carlex-offer.studio div.content.content-03 div.text div h2::after,
div.carlex-offer.studio div.content.content-05 div.text div h2::after,
div.carlex-offer.studio div.content.content-06 div.text div h2::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 21px 0 15px 1px;
}
div.carlex-offer.studio div.content.content-03 div.text div p,
div.carlex-offer.studio div.content.content-05 div.text div p,
div.carlex-offer.studio div.content.content-06 div.text div p {
    text-align: justify;
}


/* OFFER - BODYKIT */

div.carlex-offer.bodykit div.content.content-02,
div.carlex-offer.bodykit div.content.content-03,
div.carlex-offer.bodykit div.content.content-04 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0 0 0;
}
div.carlex-offer.bodykit div.content.content-02 div.text,
div.carlex-offer.bodykit div.content.content-03 div.text,
div.carlex-offer.bodykit div.content.content-04 div.text, 
div.carlex-offer.bodykit div.content.content-02 div.photo,
div.carlex-offer.bodykit div.content.content-03 div.photo,
div.carlex-offer.bodykit div.content.content-04 div.photo {
    width: 50%;
    margin: 0 auto;
}
div.carlex-offer.bodykit div.content.content-02 div.text div,
div.carlex-offer.bodykit div.content.content-03 div.text div,
div.carlex-offer.bodykit div.content.content-04 div.text div {
    max-width: 570px;
    margin: 0 auto;
    padding: 0 40px;
}
div.carlex-offer.bodykit div.content.content-02 div.text div.en {
    max-width: 500px;
}
div.carlex-offer.bodykit div.content.content-03 div.text div {
    max-width: 510px;
}
div.carlex-offer.bodykit div.content.content-03 div.text div.en {
    max-width: 480px;
}
div.carlex-offer.bodykit div.content.content-04 div.text div.en {
    max-width: 510px;
}
div.carlex-offer.bodykit div.content.content-02 div.text div h2,
div.carlex-offer.bodykit div.content.content-03 div.text div h2,
div.carlex-offer.bodykit div.content.content-04 div.text div h2 {
    text-align: left;
}
div.carlex-offer.bodykit div.content.content-02 div.text div h2::after,
div.carlex-offer.bodykit div.content.content-03 div.text div h2::after,
div.carlex-offer.bodykit div.content.content-04 div.text div h2::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 21px 0 15px 1px;
}
div.carlex-offer.bodykit div.content.content-02 div.text div p,
div.carlex-offer.bodykit div.content.content-03 div.text div p,
div.carlex-offer.bodykit div.content.content-04 div.text div p {
    text-align: justify;
}

div.carlex-offer.bodykit div.content.content-05 {
    margin: 70px auto;
    padding: 68px 0 62px 0;
    background-color: #fafafa;
}
div.carlex-offer.bodykit div.content.content-05 h2::after,
div.carlex-offer.sewing-plant div.content.content-14 h2::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 21px auto 15px;
}
div.carlex-offer.bodykit div.content.content-05 p {
    max-width: 650px;
    margin: 0 auto;
    padding: 0 40px;
}

div.carlex-offer.bodykit div.content.content-06,
div.carlex-offer.sewing-plant div.content.content-16,
div.carlex-offer.steering-wheel div.content.content-06 {
    margin: 70px 0 0 0;
}
div.carlex-offer.bodykit div.content.content-06 h2,
div.carlex-offer.sewing-plant div.content.content-16 h2,
div.carlex-offer.steering-wheel div.content.content-06 h2 {
    text-transform: uppercase;
    margin: 0;
}
div.carlex-offer.bodykit div.content.content-06 h2::before,
div.carlex-offer.bodykit div.content.content-06 h2::after,
div.carlex-offer.sewing-plant div.content.content-16 h2::before,
div.carlex-offer.sewing-plant div.content.content-16 h2::after,
div.carlex-offer.steering-wheel div.content.content-06 h2::before,
div.carlex-offer.steering-wheel div.content.content-06 h2::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
}
div.carlex-offer.bodykit div.content.content-06 h2::before,
div.carlex-offer.sewing-plant div.content.content-16 h2::before,
div.carlex-offer.steering-wheel div.content.content-06 h2::before {
    margin: 0 auto 23px;
}
div.carlex-offer.bodykit div.content.content-06 h2::after,
div.carlex-offer.sewing-plant div.content.content-16 h2::after,
div.carlex-offer.steering-wheel div.content.content-06 h2::after {
    margin: 21px auto 0;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 70px 0 50px 0;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization {
    max-width: 640px;
    display: flex;
    flex-direction: column;
    flex-basis: 33.33%;
}

div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo {
    position: relative;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization:hover div.photo::after,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization:hover div.photo::after,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization:hover div.photo::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, .3);
    transition: all .5s;
}

div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo-full,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo-full,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo-full {
    font-size: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo-full div img,
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo-full div span,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo-full div img,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo-full div span,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo-full div img,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo-full div span {
    height: 0;
    font-size: 0;
    padding: 0;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo-full.active,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo-full.active,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo-full.active {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7);
    visibility: visible;
    opacity: 1;
    transition: all .5s;
    z-index: 9999;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo-full.active div img,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo-full.active div img,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo-full.active div img {
    height: auto;
    align-self: center;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo-full div,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo-full div,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo-full div {
    position: relative;
    margin: 0 20px;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.photo-full.active div span,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.photo-full.active div span,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.photo-full.active div span {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    font-size: 20px;
    font-weight: normal;
    z-index: 9;
    padding: 20px 27px;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
}

div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.text,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.text,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.text div h3,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.text div h3,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.text div h3 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.text div h4,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.text div h4,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.text div h4 {
    color: #000;
    font-size: 15px;
    font-weight: normal;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.text div a,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.text div a,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.text div a {
    display: table;
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background-color: #000;
    border: 2px solid #000;
    position: relative;
    padding: 8px 24px 8px 13px;
    margin: 0 0 0 15px;
    white-space: nowrap;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.text div a::after,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.text div a::after,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.text div a::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #FFF;
    position: absolute;
    top: 12px;
    right: 13px;
    transform: rotate(-90deg);
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.text div a:hover,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.text div a:hover,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.text div a:hover {
    color: #000;
    text-decoration: none;
    background-color: #FFF;
}
div.carlex-offer.bodykit div.content.content-06 div.realizations div.realization div.text div a:hover::after,
div.carlex-offer.sewing-plant div.content.content-16 div.realizations div.realization div.text div a:hover::after,
div.carlex-offer.steering-wheel div.content.content-06 div.realizations div.realization div.text div a:hover::after {
    border-top-color: #000;
}


/* OFFER - SEWING PLANT */

div.carlex-offer.sewing-plant div.content.content-02,
div.carlex-offer.sewing-plant div.content.content-02 img {
    position: relative;
}
div.carlex-offer.sewing-plant div.content.content-02 div.text {
    max-width: 485px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 0 0 100px;
}
div.carlex-offer.sewing-plant div.content.content-02 div.text h2,
div.carlex-offer.sewing-plant div.content.content-02 div.text p {
    color: #FFF;
    text-align: justify;
}
div.carlex-offer.sewing-plant div.content.content-02 div.text h2::after,
div.carlex-offer.sewing-plant div.content.content-03 div.text div h2::after,
div.carlex-offer.sewing-plant div.content.content-05 div.text div h2::after,
div.carlex-offer.sewing-plant div.content.content-04 h2::before,
div.carlex-offer.sewing-plant div.content.content-04 h2::after,
div.carlex-offer.sewing-plant div.content.content-09 h2::before,
div.carlex-offer.sewing-plant div.content.content-09 h2::after,
div.carlex-offer.sewing-plant div.content.content-10 div.text div h2::after,
div.carlex-offer.sewing-plant div.content.content-12 div.text div h2::after,
div.carlex-offer.steering-wheel div.content.content-03 div.text div h2::after,
div.carlex-offer.steering-wheel div.content.content-04 div.text div h2::after,
div.carlex-offer.styling-emblems div.content.content-03 div.text div h2::after,
div.carlex-offer.styling-emblems div.content.content-05 div.text div h2::after,
div.carlex-offer.exhaust-system div.content.content-03 div.text div h2::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 21px 0 15px 0;
}

div.carlex-offer.sewing-plant div.content.content-03,
div.carlex-offer.sewing-plant div.content.content-05,
div.carlex-offer.sewing-plant div.content.content-10,
div.carlex-offer.sewing-plant div.content.content-12 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0;
}
div.carlex-offer.sewing-plant div.content.content-03 div.text,
div.carlex-offer.sewing-plant div.content.content-03 div.photo,
div.carlex-offer.sewing-plant div.content.content-05 div.text,
div.carlex-offer.sewing-plant div.content.content-05 div.photo,
div.carlex-offer.sewing-plant div.content.content-10 div.text,
div.carlex-offer.sewing-plant div.content.content-10 div.photo,
div.carlex-offer.sewing-plant div.content.content-12 div.text,
div.carlex-offer.sewing-plant div.content.content-12 div.photo {
    width: 50%;
    margin: 0 auto;
}
div.carlex-offer.sewing-plant div.content.content-03 div.text div,
div.carlex-offer.sewing-plant div.content.content-05 div.text div,
div.carlex-offer.sewing-plant div.content.content-10 div.text div,
div.carlex-offer.sewing-plant div.content.content-12 div.text div {
    max-width: 570px;
    margin: 0 auto;
    padding: 0 40px;
}
div.carlex-offer.sewing-plant div.content.content-03 div.text div {
    max-width: 530px;
}
div.carlex-offer.sewing-plant div.content.content-05 div.text div {
    max-width: 550px;
}
div.carlex-offer.sewing-plant div.content.content-10 div.text div,
div.carlex-offer.sewing-plant div.content.content-12 div.text div {
    max-width: 530px;
}
div.carlex-offer.sewing-plant div.content.content-10 div.text div.en,
div.carlex-offer.sewing-plant div.content.content-12 div.text div.en {
    max-width: 470px;
}
div.carlex-offer.sewing-plant div.content.content-03 div.text div h2,
div.carlex-offer.sewing-plant div.content.content-05 div.text div h2,
div.carlex-offer.sewing-plant div.content.content-10 div.text div h2,
div.carlex-offer.sewing-plant div.content.content-12 div.text div h2 {
    text-align: left;
}
div.carlex-offer.sewing-plant div.content.content-03 div.text div p,
div.carlex-offer.sewing-plant div.content.content-05 div.text div p,
div.carlex-offer.sewing-plant div.content.content-10 div.text div p,
div.carlex-offer.sewing-plant div.content.content-12 div.text div p {
    text-align: justify;
}

div.carlex-offer.sewing-plant div.content.content-04 h2,
div.carlex-offer.sewing-plant div.content.content-09 h2 {
    text-transform: uppercase;
    margin: 0;
}
div.carlex-offer.sewing-plant div.content.content-04 h2::before,
div.carlex-offer.sewing-plant div.content.content-09 h2::before {
    margin: 0 auto 23px
}
div.carlex-offer.sewing-plant div.content.content-04 h2::after,
div.carlex-offer.sewing-plant div.content.content-09 h2::after {
    margin: 21px auto 0
}

div.carlex-offer.sewing-plant div.content.content-06 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #fafafa;
    padding: 70px 40px;
}
div.carlex-offer.sewing-plant div.content.content-06 div {
    padding: 20px 40px;
    border-right: 2px solid #d1d1d1;
}
div.carlex-offer.sewing-plant div.content.content-06 div:last-of-type {
    border-right: 0;
}
div.carlex-offer.sewing-plant div.content.content-06 div h2 {
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 0 15px 0;
}
div.carlex-offer.sewing-plant div.content.content-06 div p {
    font-size: 16px;
    line-height: 28px;
}

div.carlex-offer.sewing-plant div.content.content-07 p {
    max-width: 650px;
    font-weight: 600;
    padding: 70px 40px;
    margin: 0 auto;
}

div.carlex-offer.sewing-plant div.content.content-09 {
    padding: 70px 0;
}

div.carlex-offer.sewing-plant div.content.content-10 {
    padding: 0;
}

div.carlex-offer.sewing-plant div.content.content-12 {
    padding: 70px 0 0 0;
}
div.carlex-offer.sewing-plant div.content.content-10 div.text div a,
div.carlex-offer.sewing-plant div.content.content-12 div.text div a {
    padding: 8px 30px 8px 13px;
    cursor: pointer;
}
div.carlex-offer.sewing-plant div.content.content-10 div.text div a::after,
div.carlex-offer.sewing-plant div.content.content-12 div.text div a::after {
    top: 6px;
    transform: rotate(0deg);
}
div.carlex-offer.sewing-plant div.content.content-10 div.text div a.active::after,
div.carlex-offer.sewing-plant div.content.content-12 div.text div a.active::after {
    top: 10px;
    transform: rotate(180deg);
}

div.carlex-offer.sewing-plant div.content.content-11,
div.carlex-offer.sewing-plant div.content.content-13 {
    display: none;
    padding: 68px 0 66px 0;
    background-color: #fafafa;
    transition: all .5s;
}
div.carlex-offer.sewing-plant div.content.content-11 h2,
div.carlex-offer.sewing-plant div.content.content-13 h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0 0 33px 0;
}
div.carlex-offer.sewing-plant div.content.content-11 h3,
div.carlex-offer.sewing-plant div.content.content-13 h3 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .45px;
    text-transform: uppercase;
    text-align: center;
}
div.carlex-offer.sewing-plant div.content.content-11 h3:not(:last-of-type)::after,
div.carlex-offer.sewing-plant div.content.content-13 h3:not(:last-of-type)::after  {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 16px auto;
}

div.carlex-offer.sewing-plant div.content.content-14 {
    margin: 70px auto 0;
    padding: 68px 0 62px 0;
    background-color: #fafafa;
}
div.carlex-offer.sewing-plant div.content.content-14 p {
    max-width: 650px;
    margin: 0 auto;
    padding: 0 40px;
}

div.carlex-offer.sewing-plant div.content.content-15 {
    position: relative;
}
div.carlex-offer.sewing-plant div.content.content-15 div.text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    background-color: rgba(0, 0, 0, .5);
    padding: 20px 0;
}
div.carlex-offer.sewing-plant div.content.content-15 div.text h3 {
    color: #FFF;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    flex-basis: 33.33%;
    text-align: center;
}


/* OFFER - STEERING WHEEL */

div.carlex-offer.steering-wheel div.content.content-03,
div.carlex-offer.steering-wheel div.content.content-04 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0 0 0;
}
div.carlex-offer.steering-wheel div.content.content-03 div.text,
div.carlex-offer.steering-wheel div.content.content-04 div.text,
div.carlex-offer.styling-emblems div.content.content-03 div.text,
div.carlex-offer.styling-emblems div.content.content-05 div.text,
div.carlex-offer.exhaust-system div.content.content-03 div.text,
div.carlex-offer.steering-wheel div.content.content-03 div.photo,
div.carlex-offer.steering-wheel div.content.content-04 div.photo,
div.carlex-offer.styling-emblems div.content.content-03 div.photo,
div.carlex-offer.styling-emblems div.content.content-05 div.photo,
div.carlex-offer.exhaust-system div.content.content-03 div.photo {
    width: 50%;
    margin: 0 auto;
}
div.carlex-offer.steering-wheel div.content.content-03 div.text div,
div.carlex-offer.steering-wheel div.content.content-04 div.text div,
div.carlex-offer.styling-emblems div.content.content-03 div.text div,
div.carlex-offer.styling-emblems div.content.content-05 div.text div,
div.carlex-offer.exhaust-system div.content.content-03 div.text div {
    max-width: 570px;
    margin: 0 auto;
    padding: 0 40px;
}
div.carlex-offer.steering-wheel div.content.content-03 div.text div.en {
    max-width: 550px;
}
div.carlex-offer.steering-wheel div.content.content-04 div.text div {
    max-width: 480px;
}
div.carlex-offer.steering-wheel div.content.content-04 div.text div.en {
    max-width: 490px;
}
div.carlex-offer.styling-emblems div.content.content-03 div.text div {
    max-width: 510px;
}
div.carlex-offer.styling-emblems div.content.content-05 div.text div {
    max-width: 520px;
}
div.carlex-offer.exhaust-system div.content.content-03 div.text div {
    max-width: 495px;
}
div.carlex-offer.steering-wheel div.content.content-03 div.text div h2,
div.carlex-offer.steering-wheel div.content.content-04 div.text div h2,
div.carlex-offer.styling-emblems div.content.content-03 div.text div h2,
div.carlex-offer.styling-emblems div.content.content-05 div.text div h2,
div.carlex-offer.exhaust-system div.content.content-03 div.text div h2 {
    text-align: left;
}
div.carlex-offer.steering-wheel div.content.content-03 div.text div p,
div.carlex-offer.steering-wheel div.content.content-04 div.text div p,
div.carlex-offer.styling-emblems div.content.content-03 div.text div p,
div.carlex-offer.styling-emblems div.content.content-05 div.text div p,
div.carlex-offer.exhaust-system div.content.content-03 div.text div p {
    text-align: justify;
}
div.carlex-offer.steering-wheel div.content.content-05 {
    margin: 70px 0 0 0;
    padding: 68px 0 66px 0;
    background-color: #fafafa;
}
div.carlex-offer.steering-wheel div.content.content-05 h2 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0 0 33px 0;
}
div.carlex-offer.steering-wheel div.content.content-05 h3 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: .45px;
    text-transform: uppercase;
    text-align: center;
}
div.carlex-offer.steering-wheel div.content.content-05 h3:not(:last-of-type)::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 16px auto;
}


/* OFFER - STYLING EMBLEMS */

div.carlex-offer.styling-emblems div.content.content-03,
div.carlex-offer.styling-emblems div.content.content-05,
div.carlex-offer.exhaust-system div.content.content-03 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 70px 0;
}
div.carlex-offer.styling-emblems div.content.content-06,
div.carlex-offer.exhaust-system div.content.content-04 {
    margin: 0 0 73px 0;
}


/* REALIZATIONS */

div.carlex-realizations {
    margin: 0 0 63px 0;
}

div.carlex-realizations div.content > h2 {
    color: #656565;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 2.7px;
    line-height: 100%;
    text-transform: uppercase;
    text-align: center;
    padding: 28px 0 27px 0;
    margin: 70px 0 0 0;
    background-color: #FAFAFA;
}
div.carlex-realizations div.content > h3 {
    width: 100%;
    color: #656565;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2.2px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 6px 0 4px 0;
    margin: 63px 0 0 0;
}

div.carlex-realizations div.content.content-02,
div.carlex-realizations div.content.content-03,
div.carlex-realizations div.content.content-04 {
    border-bottom: 1px solid #CCC;
    margin: 0;
}
div.carlex-realizations div.content.content-03,
div.carlex-realizations div.content.content-04 {
    margin: 50px 0 0 0;
}

div.carlex-realizations div.content.realizations {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
div.carlex-realizations div.content.realizations a {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 33.33%;
    margin: 20px 0 8px 0;
}
div.carlex-realizations div.content.realizations a div.photo {
    position: relative;
}
div.carlex-realizations div.content.realizations a div.text {
    padding: 13px 0 0 0;
    text-align: center;
}
div.carlex-realizations div.content.realizations a div.text h4,
div.carlex-realizations div.content.realizations a div.text h5,
div.carlex-realizations div.content.realizations a div.text h6 {
    color: #656565;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .9px;
    line-height: 100%;
}
div.carlex-realizations div.content.realizations a div.text h5 {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .7px;
    padding: 5px 0 0 0;
}
div.carlex-realizations div.content.realizations a div.text h6 {
    padding: 6px 0 0 0;
}
div.carlex-realizations div.content.realizations a div.text h4::before {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 10px auto 24px;
}
div.carlex-realizations div.content.realizations a:hover {
    text-decoration: none;
}
div.carlex-realizations div.content.realizations a:hover div.text h4,
div.carlex-realizations div.content.realizations a:hover div.text h5,
div.carlex-realizations div.content.realizations a:hover div.text h6 {
    color: #000;
}
div.carlex-realizations div.content.realizations a:hover div.photo::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, .2);
    transition: all .5s;
}


/* REALIZATION */

div.carlex-realization {
    margin: 70px 0 73px 0;
}

div.carlex-realization div.imglist > img:not(:last-of-type) {
    margin: 0 0 8px 0;
}

div.carlex-realization > p:last-of-type {
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
}

a.carlex-realization.more,
a.carlex-realization.back {
    margin: 0 5px;
}
a.carlex-realization.back {
    padding: 8px 13px 8px 24px;
    cursor: pointer;
}
a.carlex-realization.back::after {
    left: 13px;
    right: inherit;
    transform: rotate(-270deg);    
}


/* CONTACT */

/* div.carlex-contact {
    padding: 30px 0 73px 0;
}
div.carlex-contact div.content {
    display: flex;
    align-items: flex-start;
    padding: 40px 50px 40px 110px;
    border-bottom: 1px solid #CCC;
}

div.carlex-contact div.content div.text {
    width: 360px;
    padding: 20px 40px 20px 0;
}
div.carlex-contact div.content div.text > h2,
div.carlex-contact div.content div.text > h3 {
    color: #000;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 100%;
}
div.carlex-contact div.content div.text > h3 {
    font-size: 20px;
    font-weight: 600;
    padding: 8px 0 0 0;
}
div.carlex-contact div.content div.text > h3 span {
    color: #6a6a6a;
}
div.carlex-contact div.content div.text > h3::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 22px 0 17px 1px;
}
div.carlex-contact div.content div.text > p {
    font-size: 18px;
    line-height: 32px;
}
div.carlex-contact div.content div.text > p a {
    color: #000 !important;
}

div.carlex-contact div.content div.persons {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 400px);
    border-left: 1px solid #CCC;
}
div.carlex-contact div.content div.persons div.person {
    width: 365px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 40px;
}
div.carlex-contact div.content div.persons div.person > img {
    align-self: center
}
div.carlex-contact div.content div.persons div.person > h2 {
    color: #000;
    font-size: 23px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 28px 0 23px 0;
}
div.carlex-contact div.content div.persons div.person > h3 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    padding: 27px 0 11px 0;
}
div.carlex-contact div.content div.persons div.person > h4 {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 100%;
}
div.carlex-contact div.content div.persons div.person > h4::after {
    content: " ";
    display: table;
    width: 32px;
    height: 2px;
    background-color: #CCC;
    margin: 23px 0 24px 1px;
}
div.carlex-contact div.content div.persons div.person > p {
    color: #606060;
    padding: 24px 0 8px 0;
}
div.carlex-contact div.content div.persons div.person > span {
    color: #606060;
    font-size: 14px;
}
div.carlex-contact div.content div.persons div.person > a:not(.carlex-contact) {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    line-height: 100%;
    margin: 0 0 4px 0;
}
div.carlex-contact div.content div.persons div.person > a:first-of-type:not(.carlex-contact) {
    margin: 0 0 13px 0;
}
div.carlex-contact div.content div.persons div.person > a.carlex-contact.contact {
    cursor: pointer;
    margin: 32px 0 0 0;
}

div.carlex-contact div.content.content-03 > div {
    display: flex;
    width: 50%;
}
div.carlex-contact div.content.content-03 div.persons {
    width: auto;
}
div.carlex-contact div.content.content-03 div.text.text-02 {
    padding: 20px 40px;
} */


div.message-sent {
    text-align: center;
    padding: 70px 20px;
}
/*
     FILE ARCHIVED ON 15:03:16 Sep 20, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 14:29:27 Dec 01, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.084
  exclusion.robots: 0.091
  exclusion.robots.policy: 0.074
  esindex: 0.019
  cdx.remote: 87.479
  LoadShardBlock: 258.535 (3)
  PetaboxLoader3.datanode: 670.707 (5)
  PetaboxLoader3.resolve: 176.525 (3)
  load_resource: 615.071 (2)
*/