/* G E N E R A L */
.footer-page {margin-top:0px;}

/* P A G E - G A L L E R Y */

.page-gallery {position:relative;width:100%;height:auto;padding:200px 0px 180px 80px;background-color: var(--color-secondary);}
.grid-gallery {position:relative;width:calc(100% - 160px);height:auto;top:60px;}
.item-gallery {position:relative;width:calc(33% - 10px);height:300px;display: inline-block;margin:0px 10px 10px 0px;border-radius:5px;}

.title-prj {opacity:0;margin-top:20px;font-family:Degular;font-size:0px;line-height:34px;font-weight:600;letter-spacing:1px;text-align:center;color:#F4F1ED;}
.ctn-tag-prj {position:relative;width:100%;height:auto;margin:10px auto 0px auto;text-align: center;}
.tag-prj {opacity:0;font-family:Degular;font-size:0px;border-radius:5px;letter-spacing:1px;text-transform:uppercase;color:#0F1A20;background-color:rgba(255,251,247,.8);margin:20px 5px 0px 5px;padding:5px 10px 5px 10px;}
.point {position:relative;width:0px;height:0px;border-radius:50px;margin:200px auto 0px auto;background:#F4F1ED; -webkit-transition:.4s;transition:.4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}

.item-gallery:hover .title-prj {font-size:40px;margin-top:20px;}
.item-gallery:hover .tag-prj {font-size:14px;}
.item-gallery:hover .title-prj,.item-gallery:hover .tag-prj {opacity:1;-webkit-transition:.4s;transition:.4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.item-gallery:hover .point {width:60px;height:60px;margin:130px auto 0px auto;background-image:url(../img/btn/icon-view.webp);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:.4s;transition:.4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}

.prj_fcsm {background-image:url(../img/projets/fcsm/cover__w__fcsm.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_beeateam {background-image:url(../img/projets/beeateam/cover__w__beeateam.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_horae {background-image:url(../img/projets/horae/cover__w__horae.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_delta {background-image:url(../img/projets/delta/cover__w__delta.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_esart {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_vineo {background-image:url(../img/projets/vineo/cover__w__vineo.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_isart {background-image:url(../img/projets/isart/cover__w__isart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_nft {background-image:url(../img/projets/nft/cover__w__nft.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_rejv {background-image:url(../img/projets/rejv/cover__w__rejv.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}


.prj_fcsm:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/fcsm/cover__w__fcsm.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_beeateam:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/beeateam/cover__w__beeateam.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_horae:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/horae/cover__w__horae.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_delta:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/delta/cover__w__delta.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_esart:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_vineo:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/vineo/cover__w__vineo.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_isart:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/isart/cover__w__isart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_nft:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/nft/cover__w__nft.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.prj_rejv:hover {background-image:linear-gradient(180deg,#1e1f21cf 0%,#1e1f2100 100%),url(../img/projets/rejv/cover__w__rejv.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}

/* P A G E - S E R V I C E S */

.page-services {position:relative;width:100%;height:auto;padding:200px 0px 0px 80px;background-color: var(--color-secondary);}
.srv_page {position: relative;width:100%;left:-80px;height:auto;padding:160px 0px 160px 80px;border-bottom:1px solid var(--color-primary);}
.srv_text {position: relative;width:700px;height:auto;}
.srv_icon {position: relative;width:200px;height:200px;border-radius:50%;background:var(--color-accent);left:900px;top:-220px;}
.page-services h4 {font-weight:200;opacity:.5;margin-top:-160px;}
.srv_grid {position: relative;width:calc(100% - 160px);height:auto;margin-top:-40px;}
.srv_item {position: relative;display: inline-block;width:calc(33% - 10px);height:200px;margin:0px 10px 10px 0px;border-radius:5px;filter: grayscale(1);-webkit-transition:1s;transition:1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.srv_item:hover {filter: grayscale(0);-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}

.srv_icon_1 {background-image:var(--img-srv-branding);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.srv_icon_2 {background-image:var(--img-srv-web);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.srv_icon_3 {background-image:var(--img-srv-print);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.srv_icon_4 {background-image:var(--img-srv-event);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.srv_icon_5 {background-image:var(--img-srv-socialmedia);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.srv_icon_6 {background-image:var(--img-srv-calligraphy);background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:.2s;transition:.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}

.srv_1_1 {background-image:url(../img/projets/fcsm/cover__w__fcsm.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_1_2 {background-image:url(../img/projets/rejv/cover__w__rejv.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_1_3 {background-image:url(../img/projets/horae/cover__w__horae.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_2_1 {background-image:url(../img/projets/beeateam/cover__w__beeateam.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_2_2 {background-image:url(../img/projets/delta/cover__w__delta.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_2_3 {background-image:url(../img/projets/vineo/cover__w__vineo.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_3_1 {background-image:url(../img/projets/isart/cover__w__isart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_3_2 {background-image:url(../img/projets/isart/cover__w__isart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_3_3 {background-image:url(../img/projets/isart/cover__w__isart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_4_1 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_4_2 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_4_3 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_5_1 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_5_2 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_5_3 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_6_1 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_6_2 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}
.srv_6_3 {background-image:url(../img/projets/esart/cover__w__esart.webp);background-position:center;background-repeat:no-repeat;background-size:cover;}

/* P A G E - P R O C E S S */

.page-process {position:relative;width:100%;height:auto;padding:200px 0px 180px 80px;}
.process_box {position: relative;width:40%;height:auto;padding:80px 0px 80px 0px;}
.process_box .number-big {font-size:100px;font-weight:800;color:var(--color-accent);}
.process_box .title-big {position:relative;font-size:50px;line-height:50px;top:-20px;}
.process_box p {position:relative;top:-30px;}
.process_padding {margin-left:30%;}
.process_icon_1 {position:absolute;width:220px;height:220px;top:120px;left:110%;background:var(--font-color);border-radius:50%;}
.process_icon_2 {position:absolute;width:220px;height:220px;top:120px;left:-40%;background:var(--font-color);border-radius:50%;}
.icon_orange {background:var(--color-accent);}
.process_skyline {position: relative;width:100px;top:0px;height:1px;background:var(--color-primary);}

.process_img_1 {background-image:var(--img-process-1);background-position:center;background-repeat:no-repeat;background-size:cover;}
.process_img_2 {background-image:var(--img-process-2);background-position:center;background-repeat:no-repeat;background-size:cover;}
.process_img_3 {background-image:var(--img-process-3);background-position:center;background-repeat:no-repeat;background-size:cover;}
.process_img_4 {background-image:var(--img-process-4);background-position:center;background-repeat:no-repeat;background-size:cover;}
.process_img_5 {background-image:var(--img-process-5);background-position:center;background-repeat:no-repeat;background-size:cover;}
.process_img_6 {background-image:var(--img-process-6);background-position:center;background-repeat:no-repeat;background-size:cover;}






















/* __________________________________________________ */
/* __________________________________________________ */
/* __________________________________________________ */
/* __________________________________________________ */
/* _________    M E D I A - Q U E R I E S    _________*/
/* __________________________________________________ */
/* __________________________________________________ */
/* __________________________________________________ */
/* __________________________________________________ */

@media all and (max-width:1000px) {

    /* P A G E - G A L L E R Y */
    .page-gallery {padding:160px 0px 100px 15px;}
    .grid-gallery {width:calc(100% - 40px);top:20px;}
    .item-gallery {width:calc(100% - 15px);height:150px;}
    .item-gallery:hover .title-prj {font-size:26px;margin-top:20px;}
    .ctn-tag-prj {margin:0px auto 0px auto;}
    .item-gallery:hover .tag-prj {font-size:12px;padding:2px 5px 2px 5px;}
    .item-gallery:hover .point {width:0px;height:0px;}

    /* P A G E - S E R V I C E S */
    .page-services {padding:160px 0px 100px 15px;}
    .srv_page {left:-15px;padding:180px 0px 60px 15px;}
    .srv_text {width:calc(100% - 40px);}
    .srv_icon {width:120px;height:120px;left:0px;top:-450px;}
    .page-services h4 {font-size:24px;margin-top:-120px;}
    .srv_grid {width:auto;margin-top:-20px;padding-bottom:0px;height:100px;overflow-x:scroll;overflow-y:hidden;white-space: nowrap;}
    .srv_item {position: relative;display: inline-block;width:calc(70% - 10px);height:100px;margin:0px 10px 10px 0px;}
    .page-services ::-webkit-scrollbar {height:0px;}

    /* P A G E - P R O C E S S */
    .page-process {padding:160px 0px 100px 15px;}
    .process_box {width:calc(100% - 80px);top:40px;padding:140px 0px 20px 0px;}
    .process_box .number-big {position:relative;font-size:50px;left:140px;top:-90px;}
    .process_box .title-big {font-size:30px;line-height:30px;top:-40px;}
    .process_box p {top:-40px;}
    .process_padding {margin-left:0%;}
    .process_icon_1 {width:120px;height:120px;top:20px;left:0px;}
    .process_icon_2 {width:120px;height:120px;top:20px;left:0px;}
    .process_skyline {width:100%;}





}