body {
    font-family: 'Gotham';
}

.subFontA {
    font-family: 'AdobeCaslon';
}

.subFontB {
    font-family: 'GothamNarrow';
}

b, strong {
    font-weight: 700;
}

i, em {
    font-style: italic;
}

blockquote {
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}

a:link,
a:visited {
    text-decoration: none;
}


body[data-lang="ar"] * {
    letter-spacing: 0 !important;
}



/* FACES */
.faceA {
    color: #fff;
    
    font-weight: 900;
    letter-spacing: 3px;
}

body[data-lang="en"] .faceA {
    letter-spacing: 9px;
}

.faceB {
    color: #cac5c5;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.030em;
}

.faceC {
    color: #fff;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: -0.050em;
}

.faceD {
    color: #282624;
    font-size: 22px;
    font-weight: 700;
}

.faceE {
    color: #f64138;
    font-size: 22px;
    font-weight: 800;
}

.faceF {
    color: #282624;
    font-size: 14px;
    font-weight: 600;
}

.faceG {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.040em;
}

.faceH {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.040em;
}

.faceI {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.060em;
}

.faceJ {
    color: #000000;
    font-size: 11px;
    font-weight: 600;
}

.faceK {
    color: #fff;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: 0.26em;
}

.faceL {
    color: #a0a0a0;
    font-size: 22px;
    font-weight: 500;
}

.faceM {
    color: #242120;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.2em;
}

.faceN {
    color: #b5b5b5;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 3px;
}

.faceO {
    color: #282624;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: 12px;
}

.faceP {
    color: #282624;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.faceQ {
    color: #282624;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 12.889em; /* Tasarıma göre yapılacak */
}


/* bosta */
.faceR {
    color: #282624;
    font-size: 20px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: 2px;
}

.faceS {
    color: #282624;
    font-size: 27px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 4px;
}

.faceT {
    color: #bdbdbd;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 14.286em; /* Tasarıma göre yapılacak */
}

.faceU {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 10px;
}

.faceV {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}

.faceW {
    color: #535353;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 3px;
}

.faceX {
    color: #727272;
    font-size: 12px;
    font-weight: 600;
}

.faceY {
    color: #575757;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 20.000em; /* Tasarıma göre yapılacak */
}

.faceZ {
    color: #fff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 20.000em; /* Tasarıma göre yapılacak */
}

.faceAA {
    color: #f64138;
    font-size: 42px;
    font-weight: 900;
    letter-spacing: 13px;
}

.faceBB {
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 0.1em;
}

.faceCC {
    color: #f64138;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
}

.faceDD {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.010em;
}

.faceEE {
    color: #282424;
    font-size: 35px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 3px;
}

.faceFF {
    color: #282424;
    font-size: 42px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 3px;
}

.faceGG {
    color: #7d1d1d;
    font-size: 12px;
    font-weight: 900;
}

.faceHH {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.faceII {
    color: #000;
    font-size: 17px;
    font-weight: 700;
}

.faceJJ {
    color: #22202b;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.faceKK {
    color: #fbfbfb;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.090em;
}

.faceLL {
    color: #fbfbfb;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 3px;
}

.faceMM {
    color: #d6d6d6;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.faceNN {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 2px;
}

.faceOO {
    color: #242120;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.18em;
}

.facePP {
    color: #282624;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.faceQQ {
    color: #282624;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}

.faceRR {
    color: #f9423a;
    font-size: 70px;
    font-weight: 900;
    letter-spacing: 5px;
}

.faceSS {
    color: #7e7c7a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.070em;
}

.faceTT {
    color: #282624;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 0.020em;
}

.faceUU {
    color: #282624;
    font-size: 9px;
    font-weight: 700;
}

.faceVV {
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.faceWW {
    color: #bdbdbd;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 4px;
}

.faceXX {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.faceYY {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.15em;
}

.faceZZ {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.25em;
}

.faceAAA {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.2em;
}

.faceBBB {
    color: #000;
    font-size: 12px;
    font-weight: 600;
}

.faceCCC {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.faceDDD {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.040em;
}

.faceEEE {
    color: #fff;
    font-size: 58px;
    font-weight: 900;
    letter-spacing: 15px;
}

.faceFFF {
    color: #858282;
    font-size: 16px;
    font-weight: 500;
}

.faceGGG {
    color: #282828;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 6px;
}

.faceHHH {
    color: #282624;
    font-size: 22px;
    font-weight: 400;
}

.faceIII {
    color: #fff;
    font-size: 52px;
    font-weight: 400;
    letter-spacing: 0.26em;
}

.faceJJJ {
    color: #282624;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0.030em;
}

.faceKKK {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.040em;
}

.faceLLL {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}

.faceMMM {
    color: #fa9691;
    font-size: 12px;
    font-weight: 500;
}

.faceNNN {
    color: #282624;
    font-size: 12px;
    font-weight: 600;
}

.faceOOO {
    color: #f64138;
    font-size: 24px;
    font-weight: 800;
}

.facePPP {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.040em;
}

.faceQQQ {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.faceRRR {
    color: #e53d36;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 5px;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.faceSSS {
    color: #858282;
    font-size: 18px;
    font-weight: 500;
}

.faceTTT {
    color: #282424;
    font-size: 30px;
    font-weight: 700;
}

.faceUUU {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}





/* LINKS */
.linkA {
    color: #a0a0a0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.080em;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
}

    .linkA:hover {
        color: #fff;
    }

body[data-lang="ar"] .linkA {
    letter-spacing: 0;
}

.linkB {
    color: #bfbfbf;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
}

    .linkB:hover {
        color: #282624;
    }


body[data-lang="ar"] .linkB {
    letter-spacing: 0;
}

.linkC {
    color: #c7c7c7;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 1px;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

.linkD {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.040em;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}

    .linkD:hover {
        color: #f9423a;
    }

.linkE {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 3px;
}

.linkF {
    color: #242120;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 2px;
}

.linkG {
    color: #000000;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
}

.linkH {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.030em;
}

.linkI {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.050em;
}

.linkJ {
    color: #fa9691;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.050em;
    transition: color 0.5s;
    -webkit-transition: color 0.5s;
}

    .linkJ:hover {
        color: #fff;
    }

.linkK {
    color: #fbfbfb;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.050em;
}

.linkL {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}





@media all and (max-width: 767px) {
    .faceG {
        font-size: 14px;
        letter-spacing: 0.010em;
    }

    .faceI {
        font-size: 14px;
        letter-spacing: 0.010em;
    }

    .faceH {
        font-size: 24px;
    }


    /* menu opener */
    .menu.opener .faceWW {
        font-size: 14px;
        letter-spacing: 3px;
    }

    .menu.opener .linkD {
        font-size: 14px;
    }

    .menu.opener .faceRRR {
        font-size: 14px;
        letter-spacing: 1px;
    }
    /* end - menu opener */



    .personInfo.opener .faceM {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.020em;
    }

    .personInfo.opener .faceNNN {
        font-size: 12px;
        font-weight: 500;
    }



    /* showcase */
    .showcase .faceK {
        font-size: 28px;
        letter-spacing: 5px;
    }

    .faceIII {
        font-size: 28px;
        letter-spacing: 5px;
    }

    .showcase .linkA {
        font-size: 14px;
        letter-spacing: 1px;
    }
    /* end - showcase */



    /* location container */
    .locationContainer .faceAA {
        font-size: 24px;
        font-weight: 900;
        letter-spacing: 5px;
    }

    .locationContainer .faceW {
        color: #b5b5b5;
        font-size: 18px;
        font-weight: 500;
    }

    .locationContainer .faceU {
        color: #282624;
        font-size: 18px;
        font-weight: 900;
        letter-spacing: 5px;
    }

    .locationContainer .linkE {
        color: #000;
    }
    /* end - location container */



    /* default */
    #default .faceA {
        font-size: 26px;
        letter-spacing: 2px;
    }

    #default .faceB {
        font-size: 16px;
        font-weight: 400;
    }

    #default .faceC {
        font-size: 25px;
    }

    #default .faceD {
        font-size: 24px;
    }

    #default .faceE {
        font-size: 24px;
    }

    #default .faceF {
        color: #282624;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0.010em;
    }

    #default .faceVV {
        font-size: 21px;
        letter-spacing: 0.005em;
    }

    #default .faceXX {
        font-size: 14px;
        font-weight: 500;
    }

    #default .faceQQ {
        font-size: 18px;
    }

    #default .faceRR {
        font-size: 48px;
    }

    #default .faceSS {
        font-weight: 600;
    }

    #default .faceTT {
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 0;
    }

    #default .faceFFF {
        font-size: 14px;
    }

    #default .faceGGG {
        font-size: 26px;
        letter-spacing: 5px;
    }

    #default .faceHHH {
        font-size: 18px;
    }

    #default .faceSSS {
        font-size: 16px;
    }
    /* end - default */




    /* projectDetail */
    #projectDetail .faceA {
        font-size: 26px;
        letter-spacing: 4px;
    }

    #projectDetail .faceDD {
        font-size: 14px;
    }

    #projectDetail .faceEE {
        font-size: 28px;
        font-weight: 600;
    }

    #projectDetail .faceTTT {
        font-size: 26px;
        font-weight: 600;
    }

    #projectDetail .faceFF {
        font-size: 36px;
    }

    #projectDetail .faceBBB {
        font-size: 14px;
        font-weight: 500;
    }

    #projectDetail .faceGG,
    #projectDetail .faceHH {
        font-size: 14px;
    }

    #projectDetail .faceJJ {
        font-size: 12px;
    }


    #projectDetail .faceMM {
        font-size: 18px;
    }

    #projectDetail .faceKK {
        font-size: 18px;
        letter-spacing: 0.1160em;
    }

    #projectDetail .faceII {
        font-size: 16px;
        font-weight: 500;
    }

    #projectDetail .linkF {
        font-size: 9px;
        font-weight: 600;
    }

    #projectDetail .faceEEE {
        font-size: 26px;
        letter-spacing: 0.190em;
    }

    #projectDetail .faceOOO {
        font-size: 14px;
        font-weight: 600;
    }

    #projectDetail .faceKKK {
        font-size: 14px;
        font-weight: 500;
    }
    /* end - projectDetail */



    /* projects */
    #projects .faceO {
        font-size: 30px;
        font-weight: 500;
        letter-spacing: 3px;
    }
    /* end - projects */



    /* contact */
    #contact .faceBB {
        font-size: 18px;
    }

    #contact .faceLL {
        font-size: 18px;
    }

    #contact .faceAAA {
        font-size: 18px;
    }
    /* End - contact */


    /* socialResponsibility */
    #socialResponsibility .faceJJJ {
        font-size: 19px;
    }
    /* End - socialResponsibility */




    footer .linkI {
        font-size: 15px;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {

    .faceG {
        font-size: 22px;
        letter-spacing: 0.0010em;
    }

    .faceI {
        font-size: 22px;
        font-weight: 600;
        letter-spacing: 0.00010em;
    }

    .faceH {
        font-size: 36px;
    }



    /* menu opener */
    .menu.opener .faceWW {
        font-size: 32px;
        letter-spacing: 5px;
    }

    .menu.opener .linkC {
        font-size: 22px;
        letter-spacing: 3px;
    }

    .menu.opener .linkD {
        font-size: 32px;
        letter-spacing: 5px;
    }
    /* end - menu opener */



    /* showcase */
    .showcase .faceK {
        letter-spacing: 0.2em;
    }

    .showcase .faceAAA {
        font-size: 24px;
    }

    .showcase .linkA {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
    }
    /* end - showcase */



    /* titleContent */
    .titleContent .faceGGG {
        font-size: 40px;
    }

    .titleContent .titleContent .faceHHH {
        font-size: 25px;
    }
    /* end - titleContent */



    /* location container */
    .locationContainer .faceAA {
        font-size: 45px;
    }

    .locationContainer .faceW {
    }

    .locationContainer .faceU {
    }
    /* end - location container */



    /* default */
    #default .faceA {
        font-size: 69px;
    }

    #default .faceB {
        font-weight: 400;
    }

    #default .faceC {
    }

    #default .faceD {
        font-size: 30px;
    }

    #default .faceE {
        font-size: 30px;
    }

    #default .faceF {
        color: #282624;
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.025em;
    }

    #default .faceQQ {
        font-size: 23px;
    }

    #default .faceRR {
        font-size: 75px;
    }

    #default .faceSS {
        font-size: 15px;
    }

    #default .faceTT {
        font-size: 28px;
    }

    #default .faceVV {
        font-size: 30px;
    }

    #default .faceXX {
        font-size: 22px;
        font-weight: 500;
    }
    /* end - default */




    /* projectDetail */
    #projectDetail .faceA {
        font-size: 69px;
    }

    #projectDetail .faceEE {
        font-size: 32px;
    }

    #projectDetail .faceFF {
        font-size: 40px;
    }

    #projectDetail .faceBBB {
        font-size: 22px;
        font-weight: 500;
    }

    #projectDetail .faceGG {
        font-size: 18px;
        font-weight: 800;
    }

    #projectDetail .faceHH {
        font-size: 18px;
    }

    #projectDetail .faceJJ {
        font-size: 22px;
    }

    #projectDetail .faceKK {
        font-size: 29px;
        letter-spacing: 0.140em;
    }

    #projectDetail .faceMM {
        font-size: 29px;
    }

    #projectDetail .faceOO {
        font-size: 22px;
    }

    #projectDetail .linkF {
        font-size: 17px;
    }

    #projectDetail .faceII {
        font-size: 30px;
        font-weight: 600;
    }

    #projectDetail .faceDD {
        font-size: 30px;
        letter-spacing: 0;
    }

    #projectDetail .faceEEE {
        font-size: 69px;
        letter-spacing: 0.190em;
    }

    #projectDetail .faceKKK {
        font-size: 22px;
        font-weight: 500;
    }
    /* end - projectDetail */



    /* contact */
    #contact .faceBB {
        font-size: 30px;
    }

    #contact .faceLL {
        font-size: 30px;
    }

    #contact .faceAAA {
        font-size: 24px;
    }

    #contact .faceCC {
        font-size: 24px;
    }

    #contact .linkK {
        font-size: 30px;
    }
    /* end - contact */



    /* socialResponsibility */
    #socialResponsibility .faceJJJ {
        font-size: 20px;
    }
    /* end - socialResponsibility */




    /* footer */
    footer .faceMMM {
        font-size: 14px;
    }

    footer .linkI {
        font-size: 15px;
    }

    footer .linkJ {
        font-size: 14px;
    }
    /* end - footer */
}

@media all and (min-width: 1024px) and (max-width: 1199px) {

    .faceA {
        font-size: 50px;
        letter-spacing: 12px;
    }

    .faceC {
    }

    .faceK {
        font-size: 50px;
        letter-spacing: 0.20em;
    }
}

@media all and (min-width: 1200px) and (max-width: 1399px) {
}