/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: May 31 2021 | 19:55:15 */ /***********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE IMAGE ****************/ /***********************************************************************************************************************************************/ /******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Apr 19 2021 | 13:29:47 */ /****VARIABLES****/ /*COLORS*/ /***********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE IMAGE ****************/ /***********************************************************************************************************************************************/ /*********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE IMAGE **************/ /*********************************************************************************************************************************************/ .landing_page_image { padding-top: 60px; /***********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE WHTP ****************/ /***********************************************************************************************************************************************/ } .landing_page_image .wpb_column, .landing_page_image .vc_column-inner, .landing_page_image .wpb_wrapper { height: 100%; } .landing_page_image #landing_page_image { height: 80vh; } .landing_page_image #landing_page_image figure, .landing_page_image #landing_page_image div { display: flex; flex-direction: unset; align-items: center; justify-content: center; height: 100%; } .landing_page_image #landing_page_image figure img, .landing_page_image #landing_page_image div img { max-height: 70%; width: auto; height: inherit; object-fit: cover; } .landing_page_image .decoration.landing_page_top { position: absolute; top: 10%; z-index: 1; } .landing_page_image .decoration.landing_page_bottom { display: none; } .landing_page_image .catchy_phrase_landing_page { margin-top: -50px; padding: 0 25px; } div.landing_page_whtp { overflow: visible !important; /***********************************************************************************************************************************************/ /************************************************************************************ PROJECTS-SERVICES-APPROACH ****************/ /***********************************************************************************************************************************************/ } div.landing_page_whtp div.wpb_raw_code { margin: 20px 0 50px; } div.landing_page_whtp div.wpb_raw_code div.wpb_wrapper { flex-direction: row-reverse; } .landing_page_psa { /******************************************************************************************************************* PRE-ORIGAMI ******/ display: flex; flex-direction: column; align-items: center; justify-content: space-between; /***********************************************************************************************************************************************/ /*************************************************************************************** SERVICES DESCRITPION *******************/ /***********************************************************************************************************************************************/ } .landing_page_psa > .pre-origami { position: absolute; height: 100%; background: #fff8f0; transition: all 200ms ease; /******************************************************************************************************************* TITLE ******/ } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; height: auto; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(1) { width: 100%; height: auto; z-index: 1; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(1) .wpb_wrapper { filter: drop-shadow(0px 0px 20px rgba(50, 50, 0, 0)); transition: all 200ms ease; transition-delay: 300ms; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(2) { height: auto; z-index: 0; width: 100%; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(2) .wpb_wrapper { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); filter: drop-shadow(0px 0px 20px rgba(50, 50, 0, 0)); transition: all 200ms ease; transition-delay: 100ms; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up { display: flex; flex-direction: row; align-items: unset; justify-content: unset; width: 100%; height: 45px; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up div.middle { background: #fff8f0; height: 100%; width: 100%; clip-path: polygon(0% 0%, 100% 0%, 0% 100%); } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_down { height: 40vh; width: 100%; background: #fff8f0; margin-top: -45px; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 80%); background-image: url('https://ironbellystudios.com/wp-content/uploads/2021/01/FRV_Deer_wolves_gradient.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; } .landing_page_psa > .pre-origami.displayed { background: transparent; } .landing_page_psa > .pre-origami.displayed > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(1) .wpb_wrapper { filter: drop-shadow(0px 0px 20px rgba(50, 50, 0, 0.8)); } .landing_page_psa > .pre-origami.displayed > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(2) .wpb_wrapper { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); filter: drop-shadow(0px 0px 20px rgba(50, 50, 0, 0.5)); } .landing_page_psa .psa_title { height: auto; margin-bottom: 45px; /******************************************************************************************************************* GALLERY ******/ } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; align-items: unset; justify-content: center; margin-top: 10vh; } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column { text-align: center; } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); transition: all 300ms ease; transition-delay: 350ms; } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper h2 { text-shadow: 0px 0px 16px #f28a35; } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p { filter: drop-shadow(0px 0px 6px #fefefe) drop-shadow(0px 0px 1px #ff9600); } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { clip-path: polygon(0 0, 90% 0, 100% 35%, 100% 100%, 10% 100%, 0 65%); -webkit-clip-path: polygon(0 0, 90% 0, 100% 35%, 100% 100%, 10% 100%, 0 65%); font: 200 13pt 'Josefin Sans'; line-height: 1; display: inline-block; text-decoration: none; text-transform: uppercase; background-color: #dec89b; color: #404040; margin-top: 5px; padding: 5px 10px 3px; cursor: pointer; user-select: none; border: none; transition: all 200ms ease; } @media only screen and (min-width: 700px) { .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { font: 300 13pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1280px) { .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { font: 300 15pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1800px) { .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { font: 300 16pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 2300px) { .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { font: 300 18pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 3800px) { .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { font: 300 25pt 'Josefin Sans'; line-height: 1; } } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a:hover { background: #ffb854; } @media only screen and (min-width: 700px) { .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { padding: 7px 12px 3px; } } @media only screen and (min-width: 1280px) { .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { padding: 8px 20px 4px; } } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column.displayed div.wpb_wrapper { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides { /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; overflow-x: scroll; overflow-y: hidden; margin-bottom: 10px; background: transparent !important; border: none !important; box-shadow: none; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides::-webkit-scrollbar { /* Chrome Safari */ display: none; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides * { background: transparent !important; user-select: none; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul { display: flex; white-space: nowrap; height: auto; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li { display: initial !important; margin-right: 20px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > a { filter: drop-shadow(1px 2px 2px rgba(50, 50, 0, 0.3)); } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li:first-child { margin-left: 30px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li:last-child { padding-right: 30px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li img { -webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%); clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%); height: 45vh; width: 45vh; object-fit: cover; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div { padding: 20px 0; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div h2 { font: 500 22pt 'Teko'; line-height: 1; text-transform: uppercase; white-space: pre-line; } @media only screen and (min-width: 700px) { .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div h2 { font: 500 25pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 1280px) { .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div h2 { font: 500 28pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 2300px) { .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div h2 { font: 500 40pt 'Teko'; line-height: 1; } } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div h2 a { color: #de5516; text-decoration: none; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div p { white-space: pre-line; } .landing_page_psa .caroussel_nav { display: none; } .landing_page_psa ol.flex-control-nav, .landing_page_psa ul.flex-direction-nav { display: none !important; } .landing_page_services { /*********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE APPROACH ***************/ /*********************************************************************************************************************************************/ } .landing_page_services > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up div.middle { clip-path: polygon(0% 0%, 100% 0%, 100% 100%); } .landing_page_services > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_down { background-image: url('https://ironbellystudios.com/wp-content/uploads/2021/01/archi_BG_GRADIENT.jpg'); clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); } .landing_page_services .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper h2 { text-shadow: 0px 0px 16px #fff8f0; } .landing_page_services div.services_description div.serv_categories { display: none; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul { /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; display: flex; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul::-webkit-scrollbar { /* Chrome Safari */ display: none; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li { position: relative; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li:before { display: block; content: ''; background-color: #fff8f0; width: 39.8vh; height: 39.8vh; position: absolute; top: 2.6vh; left: 2.6vh; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li img { width: 45vh; height: 45vh; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.2)); } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li > ul > li { padding: 0 12px; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li > ul > li a { color: #de5516; transition: all 200ms ease; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li > ul > li a:hover { color: #ffb854; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li > ul > li:nth-of-type(2) { display: none; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li:first-child { margin-left: 25px; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li:last-child { padding-right: 25px; } .landing_page_approach { padding-bottom: 100px; } .landing_page_approach > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_down { background-image: url('https://ironbellystudios.com/wp-content/uploads/2021/01/base_gradient_2.jpg'); } .approach_description { margin-top: -100px !important; /*********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE CLIENTS ***************/ /*********************************************************************************************************************************************/ } .approach_description div.decoration { display: none; } .approach_description div.categories div.wpb_wrapper > ul { /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; display: flex; flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; } .approach_description div.categories div.wpb_wrapper > ul::-webkit-scrollbar { /* Chrome Safari */ display: none; } .approach_description div.categories div.wpb_wrapper > ul > li { position: relative; } .approach_description div.categories div.wpb_wrapper > ul > li:before { display: block; content: ''; background-color: #fff8f0; width: 39.8vh; height: 39.8vh; position: absolute; top: 2.6vh; left: 2.6vh; } .approach_description div.categories div.wpb_wrapper > ul > li img { width: 45vh; height: 45vh; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.2)); } .approach_description div.categories div.wpb_wrapper > ul > li ul li { padding: 0 12px; } .approach_description div.categories div.wpb_wrapper > ul > li ul li ul { display: none; } .approach_description div.categories div.wpb_wrapper > ul > li:first-child { margin-left: 25px; } .approach_description div.categories div.wpb_wrapper > ul > li:last-child { padding-right: 25px; } .landing_page_clients { display: flex; flex-direction: column; align-items: unset; justify-content: unset; /*********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE TESTIMONIALS ***************/ /*********************************************************************************************************************************************/ } .landing_page_clients > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up div.middle { clip-path: polygon(0% 0%, 100% 0%, 100% 100%); } .landing_page_clients > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_down { background-image: url('https://ironbellystudios.com/wp-content/uploads/2021/01/empathy_BG_gradient.jpg'); clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper { display: flex; flex-direction: unset; align-items: unset; justify-content: center; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul { display: flex; flex-direction: unset; align-items: flex-start; justify-content: unset; /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; white-space: break-spaces; overflow-x: scroll; overflow-y: hidden; margin-bottom: 30px !important; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul::-webkit-scrollbar { /* Chrome Safari */ display: none; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li { display: flex; flex-direction: column-reverse; align-items: unset; justify-content: unset; margin-left: 10px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li a { color: #404040; text-decoration: none; text-transform: uppercase; width: 115px; line-height: 1; margin-top: 5px; text-shadow: 1px 1px 3px #fff8f0; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul { display: flex; flex-direction: unset; align-items: center; justify-content: center; width: 150px; height: 150px; background-color: #dec89b; clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li { display: flex; flex-direction: unset; align-items: center; justify-content: center; background-color: #fff8f0; width: 144px; height: 144px; text-align: center; clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li > img { width: 70%; height: 70%; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1)); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li ul { display: none; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(2n) { position: relative; margin-top: 120px; margin-left: -27px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:first-child { margin-left: 30px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:last-child { padding-right: 30px; } div.testimonials div.services_description .wpb_wrapper { /***********************************************************************************************************************************************/ /************************************************************************************ TRANSITIONS ****************/ /***********************************************************************************************************************************************/ } div.testimonials div.services_description .wpb_wrapper div.decoration { margin: 20px 0 40px; } div.testimonials div.services_description .wpb_wrapper div.decoration div.wpb_wrapper { justify-content: center; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper { width: 100%; height: 360px; padding: 0 30px; transform-origin: center center -100px; transition: all 200ms ease; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper.up { -webkit-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); opacity: 0; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p { text-transform: inherit; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(1), div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(2) { font: 400 19pt 'Teko'; line-height: 1; text-transform: uppercase; color: #808080; } @media only screen and (min-width: 700px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(1), div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(2) { font: 400 25pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 3800px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(1), div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(2) { font: 400 45pt 'Teko'; line-height: 1; } } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(1) strong, div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(2) strong { color: #de5516; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { clip-path: polygon(0 0, 90% 0, 100% 35%, 100% 100%, 10% 100%, 0 65%); -webkit-clip-path: polygon(0 0, 90% 0, 100% 35%, 100% 100%, 10% 100%, 0 65%); font: 200 13pt 'Josefin Sans'; line-height: 1; display: inline-block; text-decoration: none; text-transform: uppercase; background-color: #dec89b; color: #404040; margin-top: 5px; padding: 5px 10px 3px; cursor: pointer; user-select: none; border: none; transition: all 200ms ease; } @media only screen and (min-width: 700px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { font: 300 13pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1280px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { font: 300 15pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1800px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { font: 300 16pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 2300px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { font: 300 18pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 3800px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { font: 300 25pt 'Josefin Sans'; line-height: 1; } } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a:hover { background: #ffb854; } @media only screen and (min-width: 700px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { padding: 7px 12px 3px; } } @media only screen and (min-width: 1280px) { div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p a { padding: 8px 20px 4px; } } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:nth-of-type(3) { margin: 20px 0; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper p:last-child { margin-top: 20px; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1)); } div.image_transitoire div.vc_column-inner > div.wpb_wrapper { padding: 0 7px; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper > div.character, div.image_transitoire div.vc_column-inner > div.wpb_wrapper > div.hexagone { display: none; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper > div.decoration { margin: 10px 0 35px; } div.image_transitoire.one div.vc_column-inner > div.wpb_wrapper > div:nth-of-type(1), div.image_transitoire.one div.vc_column-inner > div.wpb_wrapper > div:nth-of-type(5) { display: none; } div.image_transitoire.one div.vc_column-inner > div.wpb_wrapper > div.decoration .diamond.medium { margin-left: -10px; margin-right: 0; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(1) { margin: 20px 0 30px; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(4) { margin: 30px 0 40px; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(4) div.wpb_wrapper { flex-direction: row-reverse; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(1) { margin-bottom: 40px; margin-top: 20px; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(1) div.wpb_wrapper { flex-direction: row-reverse; justify-content: center; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(4) { margin-left: -7px; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(1) { margin-bottom: 40px; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(4) { margin-right: -7px; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(4) div.wpb_wrapper { flex-direction: row-reverse; } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper { /***********************************************************************************************************************************************/ /*********************************************************** OOOOOOOO OOOOOO OOOOOO ******************************************/ /*********************************************************** OO OO OO OO OO ******************************************/ /*********************************************************** OO OO OO OO OO ******************************************/ /*********************************************************** OO OO OO OO OO ******************************************/ /*********************************************************** OO OOOOO OOOOOO ******************************************/ /***********************************************************************************************************************************************/ } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(1) { display: none; } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper > div.decoration:nth-of-type(4) { margin-left: -7px; margin-bottom: 40px; } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper > div.catchy_phrase { display: none; } @media only screen and (min-width: 700px) { /***********************************************************************************************************************************************/ /*********************************************************** OO OOOOOOO OOOOOO OOOOOO *********************************/ /*********************************************************** OO OO OO OO OO OO OO *********************************/ /*********************************************************** OO OO OOOOOO OO OO *********************************/ /*********************************************************** OO OO OO OO OO OO *********************************/ /*********************************************************** OO OOOOOOOO OOOOO OOOOOO *********************************/ /***********************************************************************************************************************************************/ .landing_page_image { padding-top: 80px; /***********************************************************************************************************************************************/ /************************************************************************************ PROJECTS-SERVICES-APPROACH ****************/ /***********************************************************************************************************************************************/ } .landing_page_image #landing_page_image figure div img { max-height: 95%; } .landing_page_image .catchy_phrase_landing_page { margin-top: 0px; } .landing_page_psa { /***********************************************************************************************************************************************/ /************************************************************************************ SERVICES DESCRIPTION ****************/ /***********************************************************************************************************************************************/ } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column h3 { font-size: 50pt; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul { margin: 15px 0 !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li { margin-right: 30px; } .landing_page_services div.services_description div.serv_definition div.wpb_wrapper > ul > li > ul li { padding: 0 17px; } .approach_description div.categories div.wpb_wrapper > ul > li ul li { padding: 0 17px; /***********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE CLIENTS ****************/ /***********************************************************************************************************************************************/ } .landing_page_clients .clients > div > .wpb_wrapper { /***********************************************************************************************************************************************/ /************************************************************************************ TESTIMONIALS ****************/ /***********************************************************************************************************************************************/ } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(2n) { margin-top: 115px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(2n) h5 { margin-left: -12px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(2n) ul { margin-left: -12px; margin-top: 40px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul { width: 200px; height: 200px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li { width: 194px; height: 194px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li a { width: 150px; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper { height: 200px; } } @media only screen and (min-width: 1280px) { /***********************************************************************************************************************************************/ /*********************************************************** OO OOOOOO OOOOOO OOOOOO **********************************/ /*********************************************************** OO OO OO OO OO OO OO **********************************/ /*********************************************************** OO OOOOOO OO OO OO OO **********************************/ /*********************************************************** OO OO OO OO OO OO OO **********************************/ /*********************************************************** OO OOOOO OOOOOO OOOOOOO **********************************/ /***********************************************************************************************************************************************/ .landing_page_image { width: 100% !important; /*********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE WHTP **************/ /*********************************************************************************************************************************************/ } .landing_page_image #landing_page_image { height: 100%; } .landing_page_image #landing_page_image figure div img { max-height: 100%; } .landing_page_image .decoration.landing_page_top { top: 40%; } .landing_page_image .decoration.landing_page_bottom { display: block; position: absolute; right: 0px; top: 60%; } .landing_page_image .catchy_phrase_landing_page { position: absolute; top: 62%; right: 0vh; text-align: left; } .landing_page_image .catchy_phrase_landing_page div p { width: 300px; } div.landing_page_whtp { width: 200px !important; /***********************************************************************************************************************************************/ /************************************************************************************ PROJECTS-SERVICES-APPROACH ****************/ /***********************************************************************************************************************************************/ } div.landing_page_whtp div.wpb_raw_code { margin: 0; position: absolute; top: 60%; right: 5px; } div.landing_page_whtp div.wpb_raw_code div.wpb_wrapper { flex-direction: row; } .landing_page_psa { flex-direction: unset; align-items: unset; /************************************************************************************************************ CAROUSSEL POPUP_LINK **************/ } .landing_page_psa:before { background: linear-gradient(90deg, rgba(255, 248, 240, 0.3) 0%, #fff8f0 50%); } .landing_page_psa .wpb_column { height: 100%; /*********************************************************************************************************** PRE-ORIGAMI ************/ } .landing_page_psa > .pre-origami { background: #fff8f0; top: 0px; /*********************************************************************************************************** TITLE ************/ } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper { flex-direction: unset; justify-content: unset; height: 100%; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(1) { height: 100%; width: auto; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(2) { display: flex; height: 100%; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code:nth-of-type(2) .wpb_wrapper { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up { flex-direction: column; position: absolute; width: 110px; height: 100%; } .landing_page_psa > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_down { height: 100%; width: 110vh; margin-top: 0; clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%); } .landing_page_psa .psa_title { margin-left: 12vh; flex-shrink: 0; width: auto; /*********************************************************************************************************** GALLERY ************/ } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper { height: 100%; margin-top: -30px; } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column { text-align: left; } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper { -webkit-transform: translateX(-150%); -ms-transform: translateX(-150%); transform: translateX(-150%); } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column.displayed div.wpb_wrapper { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery { height: 100%; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides { height: 100% !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul { /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; display: block; padding: 0 10px !important; overflow: hidden; height: 100%; margin-left: 40px !important; width: calc(118vh + 40px); } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul::-webkit-scrollbar { /* Chrome Safari */ display: none; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul * { transition: none; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li { display: flex; flex-direction: row; align-items: unset; justify-content: unset; display: flex !important; height: 25vh; cursor: pointer; opacity: 1; margin-right: 0px !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:nth-of-type(2n) { margin-top: -4vh !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:nth-of-type(2n) > a, .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:nth-of-type(2n) > div { transform-origin: center center -90px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:first-child { margin-left: 0 !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:nth-of-type(2n-1) { margin-left: 20vh !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:nth-of-type(2n-1):not(:first-child) { margin-top: 12px !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:last-child { padding-right: 0px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li > a { transform-origin: center center -50px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li > a img { -webkit-clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); width: 25vh; min-width: 100%; min-height: 100%; max-height: 100%; max-width: 100%; object-fit: cover; transition: all 200ms ease; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li:hover a { color: #ffb854; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li > div { display: flex; flex-direction: column; align-items: unset; justify-content: center; max-width: 55vh; padding: 0 20px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides ul > li > div h2 a { transition: color 200ms ease; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides .popup_link div { background-color: #ffb854 !important; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides .popup_link.open:hover div { background-color: #de5516 !important; } .popup_link { -webkit-transform: translateY(110%); -ms-transform: translateY(110%); transform: translateY(110%); display: flex; flex-direction: unset; align-items: center; justify-content: center; width: 100%; width: 800px; height: 80px; position: absolute; bottom: 0; left: calc(50% - 400px); filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.4)); transition: all 200ms ease; /************************************************************************************************************ CAROUSSEL NAV **************/ } .popup_link.open { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); } .popup_link.open div:nth-of-type(2) { flex-grow: 1; } .popup_link.open div:nth-of-type(2) span { -webkit-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); opacity: 1; } .popup_link.open:hover { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .popup_link.open:hover div { background-color: #de5516 !important; transition: all 200ms ease; } .popup_link div { background-color: #ffb854 !important; height: 100%; transition: all 200ms ease 200ms; } .popup_link div:first-child { clip-path: polygon(0% 100%, 100% 100%, 100% 0%); -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 0%); width: 80px; } .popup_link div:last-child { clip-path: polygon(0% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 100%, 0% 100%); width: 80px; } .popup_link div:nth-of-type(2) { display: flex; flex-direction: unset; align-items: center; justify-content: center; font: 500 22pt 'Teko'; line-height: 1; text-transform: uppercase; color: #fff8f0; } .popup_link div:nth-of-type(2) span { -webkit-transform: rotate3d(1, 0, 0, -180deg); -ms-transform: rotate3d(1, 0, 0, -180deg); transform: rotate3d(1, 0, 0, -180deg); transform-origin: center center 20px; opacity: 0; transition: all 200ms ease 200ms; } .landing_page_psa div.caroussel_nav { display: block; width: auto; /***********************************************************************************************************************************************/ /************************************************************************************ SERVICES DESCRIPTION ****************/ /***********************************************************************************************************************************************/ } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration { margin: 50px 0px 50px 60px; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper { flex-direction: column-reverse; height: 220px; cursor: pointer; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper span { transition: all 200ms ease; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper span.large { display: flex; flex-direction: unset; align-items: center; justify-content: center; z-index: 2; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper span.large span { -webkit-transform: none; -ms-transform: none; transform: none; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper span.medium { z-index: 1; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper span.line { width: 2pt; height: 100px; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper span.diamond.small { clip-path: polygon(0% 0%, 100% 0%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%); background: transparent; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper:hover span.medium { margin-bottom: -25px; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration div.wpb_wrapper:hover span.line { height: 0px; } .landing_page_psa div.caroussel_nav div.vc_column-inner > div.wpb_wrapper div.decoration:last-child { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .landing_page_services > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up div.middle { clip-path: polygon(0% 0%, 0% 100%, 100% 100%); } div.services_description .wpb_wrapper { display: flex; margin: 0 20px; align-items: center; /***********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE APPROACH ****************/ /***********************************************************************************************************************************************/ } div.services_description .wpb_wrapper div.serv_categories { display: block; } div.services_description .wpb_wrapper div.serv_categories ul { -webkit-transform: translateY(45%); -ms-transform: translateY(45%); transform: translateY(45%); display: flex; flex-direction: column; align-items: flex-end; justify-content: left; width: 100%; transition: none; } div.services_description .wpb_wrapper div.serv_categories ul li { font: 400 19pt 'Teko'; line-height: 1; text-transform: uppercase; margin: 0px 7px 7px 0; padding: 5px 7px 1px; background: #404040; color: #fff8f0; user-select: none; cursor: pointer; transform-origin: right; transition: all 200ms ease; } div.services_description .wpb_wrapper div.serv_categories ul li:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } div.services_description .wpb_wrapper div.serv_categories ul li.active { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 1; background: #ffb854; } div.services_description .wpb_wrapper div.serv_definition { height: 100%; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul { /* Firefox */ scrollbar-width: none; /* IE 10+ */ -ms-overflow-style: none; display: block; height: 100%; overflow: hidden; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul::-webkit-scrollbar { /* Chrome Safari */ display: none; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li { display: flex; flex-direction: row; align-items: center; transition: none; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li:before { display: none; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li:first-child { margin-left: 0px; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li:last-child { padding-right: 0px; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li a { transform-origin: center center -50px; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li a img { margin: 5% 0px 0% 1%; transition: all 200ms ease; width: 35vh; height: 35vh; background: #fff8f0; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1)); } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li > ul { transition: none; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li > ul > li { width: 500px; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li > ul > li:last-child { display: inline-block; white-space: break-spaces; color: #404040; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li:hover a img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li:hover ul li a { color: #ffb854; } div.landing_page_approach { margin-right: -20vh; } div.landing_page_approach > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up div.middle { clip-path: polygon(0% 0%, 0% 100%, 100% 100%); } div.landing_page_approach > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_down { clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%); width: 85vh; } div.landing_page_approach .psa_title { width: 85vh; } div.landing_page_approach .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper h2 { text-shadow: none; } div.approach_description { margin-top: 0px !important; /***********************************************************************************************************************************************/ /************************************************************************************ LANDING PAGE CLIENTS ****************/ /***********************************************************************************************************************************************/ } div.approach_description * { transition: all 200ms ease; } div.approach_description div.decoration { display: block; position: absolute; z-index: 2; top: calc(50% + 170px); } div.approach_description div.decoration span.diamond:first-child { margin-left: 30px; margin-right: -20px; } div.approach_description div.categories { height: 100%; } div.approach_description div.categories div.wpb_wrapper > ul { margin: -80px 100px 0; height: calc(100% + 80px); overflow: visible; } div.approach_description div.categories div.wpb_wrapper > ul > li { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; cursor: pointer; } div.approach_description div.categories div.wpb_wrapper > ul > li:before { display: none; } div.approach_description div.categories div.wpb_wrapper > ul > li:first-child { margin-left: 0px; } div.approach_description div.categories div.wpb_wrapper > ul > li:last-child { padding-right: 0px; } div.approach_description div.categories div.wpb_wrapper > ul > li.displayed img, div.approach_description div.categories div.wpb_wrapper > ul > li.displayed > ul > li { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } div.approach_description div.categories div.wpb_wrapper > ul > li img { -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.15)); height: 300px; width: 300px; z-index: 1; } div.approach_description div.categories div.wpb_wrapper > ul > li > ul { height: 100%; position: absolute; width: 100%; } div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li { -webkit-transform: rotateY(90deg); -ms-transform: rotateY(90deg); transform: rotateY(90deg); color: #de5516; position: relative; top: calc(50% + 150px); padding: 12px; } div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul { display: block; position: absolute; top: -200px; opacity: 0; user-select: none; padding: 0 40px; width: 100%; } div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li { color: #404040; padding: 0; } div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child { width: 100%; margin-top: 40px; text-align: center; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); } div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { clip-path: polygon(0 0, 90% 0, 100% 35%, 100% 100%, 10% 100%, 0 65%); -webkit-clip-path: polygon(0 0, 90% 0, 100% 35%, 100% 100%, 10% 100%, 0 65%); font: 200 13pt 'Josefin Sans'; line-height: 1; display: inline-block; text-decoration: none; text-transform: uppercase; background-color: #ffb854; color: #404040; margin-top: 5px; padding: 5px 10px 3px; cursor: pointer; user-select: none; border: none; transition: all 200ms ease; } div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a:hover { background: #ffb854; } div.approach_description div.categories div.wpb_wrapper > ul > li:hover img { -webkit-transform: translateY(-75%); -ms-transform: translateY(-75%); transform: translateY(-75%); } div.approach_description div.categories div.wpb_wrapper > ul > li:hover h4 { -webkit-transform: translateY(75%); -ms-transform: translateY(75%); transform: translateY(75%); } div.approach_description div.categories div.wpb_wrapper > ul > li:hover > ul > li h4 { color: transparent; } div.approach_description div.categories div.wpb_wrapper > ul > li:hover > ul > li ul { opacity: 1; } .landing_page_clients { /***********************************************************************************************************************************************/ /************************************************************************************ TESTIMONIALS ****************/ /***********************************************************************************************************************************************/ } .landing_page_clients > .pre-origami > .vc_column-inner > .wpb_wrapper .wpb_raw_code .wpb_wrapper .origami_up div.middle { clip-path: polygon(0% 0%, 0% 100%, 100% 100%); } .landing_page_clients .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column h3 { line-height: 1; } .landing_page_clients .clients { margin-left: 70px; margin-right: 70px; } .landing_page_clients .clients > div > .wpb_wrapper { width: 820px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list { height: 100%; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul { margin: 0 !important; flex-wrap: wrap; width: 750px; overflow: hidden; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li { margin: 0px 25px 0 0; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul { width: 230px; height: 230px; transition: background 200ms ease; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li:nth-of-type(3n-1) > ul { clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li { width: 224px; height: 224px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li img { transition: all 200ms ease; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul > li ul { display: none; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:first-child { margin-left: 0px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:last-child { padding-bottom: 150px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(2n) { flex-direction: column-reverse; margin-top: 0px; margin-left: 0px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(2n) > ul { margin-left: 0px; margin-top: 0px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(3n) { margin-right: 0; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(3n-1) { position: relative; top: 150px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(3n-1) > ul { clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(3n-1) > ul > li { clip-path: polygon(0 0, 75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:not(.active):hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:not(.active):hover > ul { background-color: #f26a35; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li.active > ul { background-color: #de5516; } div.testimonials div.services_description .wpb_wrapper { margin: 0; margin-right: 300px; /***********************************************************************************************************************************************/ /************************************************************************************ TRANSITIONS ****************/ /***********************************************************************************************************************************************/ } div.testimonials div.services_description .wpb_wrapper div.decoration div.wpb_wrapper { flex-direction: column; } div.testimonials div.services_description .wpb_wrapper div.decoration div.wpb_wrapper .line { margin: 20px 0 0; width: 1.5pt; height: 50px; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper { flex-direction: column; align-items: flex-start; width: 500px; margin-left: 40px; transform-origin: center center -100px; transition: all 200ms ease; padding: 0; height: auto; } div.testimonials div.services_description .wpb_wrapper div.wpb_text_column div.wpb_wrapper.up { -webkit-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); transform: rotate3d(1, 0, 0, 90deg); opacity: 0; } div.image_transitoire { display: block; margin: 0 -94px 0 -150px; z-index: 2; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: unset; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper > div { display: flex; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.decoration { display: block !important; margin: unset; position: relative; top: 0px; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.decoration:nth-of-type(2) { margin-right: -50px; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.decoration .diamond.medium { margin-left: unset !important; margin-right: 12px !important; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { display: block !important; position: relative; width: 600px; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.catchy_phrase a { text-decoration: none; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.catchy_phrase a:hover { color: #ffb854; transition: color 200ms ease; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.catchy_phrase:nth-of-type(2) { margin-left: -250px; width: 300px; top: -50px; text-align: right; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.catchy_phrase:nth-of-type(5) { top: 175px; margin-left: -150px; width: 400px; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.character { display: block; z-index: 1; height: 100%; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.character div.vc_single_image-wrapper { -webkit-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%); display: flex; height: 100%; align-items: center; transition: all 300ms ease; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.character div.vc_single_image-wrapper img { height: 85%; width: auto; filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.15)); } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.character.displayed div.vc_single_image-wrapper { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.decoration:last-child .diamond:first-child, div.image_transitoire div.vc_column-inner > div.wpb_wrapper .diamond:last-child { background: #fff8f0; } div.image_transitoire.two { margin-left: 0; margin-right: -95px; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.decoration:first-child { margin: 0 0 0 -50px; top: 0px; left: 0px; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { top: -90px; width: 450px; margin-right: -150px; margin-left: 0; text-align: left; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.character { margin: 250px 0 0 -350px; height: auto; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.character div.vc_single_image-wrapper img { height: auto; width: 500px; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.decoration:last-child { margin: 0 0 0 -50px; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.decoration:last-child div.wpb_wrapper { flex-direction: row; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.decoration:last-child div.wpb_wrapper .diamond.medium { margin-right: 0px !important; } div.image_transitoire.three { margin-right: -94px; margin-left: 0px; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper div.decoration:first-child { margin: 0; top: 150px; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper div.character { margin: 0 0 0 -150px; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper div.character div.vc_single_image-wrapper img { height: 50%; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper div.decoration:last-child { margin-left: -150px; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper div.decoration:last-child .diamond.small { margin-left: 12px; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { margin-left: -200px; width: 400px; top: -120px; left: 0px; z-index: 2; text-align: left; } div.image_transitoire.four { margin-right: -87px; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper div.decoration:first-child { top: -200px; margin-bottom: 0px; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper div.character { margin: 0 -100px 0 0px; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { margin: 0 0 0 -50px; top: 10px; width: 400px; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper div.catchy_phrase a { text-decoration: none; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper div.catchy_phrase a:hover { color: #ffb854; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper div.decoration:nth-of-type(4) div.wpb_wrapper { flex-direction: row; } div.image_transitoire.four div.vc_column-inner > div.wpb_wrapper div.decoration:nth-of-type(4) div.wpb_wrapper .diamond.medium { margin-left: -12px !important; } div.image_transitoire.five { margin-left: -150px; margin-right: 0px; z-index: 1; } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper div.decoration:first-child { top: -250px; } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper div.character { margin-right: -50px; } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper div.character div.vc_single_image-wrapper img { height: 50%; } div.image_transitoire.five div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { top: -160px; margin-left: -290px; margin-right: 50px; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 700px) { .popup_link div:nth-of-type(2) { font: 500 25pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 1280px) { .popup_link div:nth-of-type(2) { font: 500 28pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 2300px) { .popup_link div:nth-of-type(2) { font: 500 40pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 700px) { div.services_description .wpb_wrapper div.serv_categories ul li { font: 400 25pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 3800px) { div.services_description .wpb_wrapper div.serv_categories ul li { font: 400 45pt 'Teko'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 700px) { div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { font: 300 13pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 1280px) { div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { font: 300 15pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 1800px) { div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { font: 300 16pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 2300px) { div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { font: 300 18pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 3800px) { div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { font: 300 25pt 'Josefin Sans'; line-height: 1; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 700px) { div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { padding: 7px 12px 3px; } } @media only screen and (min-width: 1280px) and only screen and (min-width: 1280px) { div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { padding: 8px 20px 4px; } } @media only screen and (min-width: 1800px) { /***********************************************************************************************************************************************/ /*********************************************************** OOOOOOO OOOOOO OOOOOO OOOOOO *********************************/ /*********************************************************** OO OO O OO OO OO OO OO *********************************/ /*********************************************************** OO OOOO OO OO OO OO *********************************/ /*********************************************************** OO O OO OO OO OO OO *********************************/ /*********************************************************** OOOOOOOO OOOOO OOOOOO OOOOOO *********************************/ /***********************************************************************************************************************************************/ div.approach_description div.decoration { top: calc(50% + 200px); } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li { margin-top: 25px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li:nth-of-type(2n) { margin-top: 25px; } } @media only screen and (min-width: 2300px) { /***********************************************************************************************************************************************/ /*********************************************************** OOOOOO OOOOOO OOOOOO OOOOOO *********************************/ /*********************************************************** O OO OO OO OO OO OO OO *********************************/ /*********************************************************** OOOO OOOOO OO OO OO OO *********************************/ /*********************************************************** O OO OO OO OO OO OO OO *********************************/ /*********************************************************** OOOOO OOOOOO OOOOOO OOOOOO *********************************/ /***********************************************************************************************************************************************/ .landing_page_image .catchy_phrase_landing_page div p { width: 400px; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { width: 700px; } .popup_link { width: 1200px; height: 100px; left: calc(50% - 600px); } .popup_link div:first-child, .popup_link div:last-child { width: 100px; } .popup_link div:nth-of-type(2) { font-size: 25pt; } div.services_description .wpb_wrapper div.serv_categories ul li { font-size: 25pt; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li > ul > li { width: 700px; } div.approach_description div.categories div.wpb_wrapper > ul > li img { width: 350px; height: 350px; } div.approach_description div.categories div.wpb_wrapper > ul > li > ul > li ul li:last-child a { font-size: 18pt; padding: 10px 12px 5px; } .landing_page_clients .clients { margin-left: 125px; margin-right: 125px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul { width: 820px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li h5 { font-size: 26pt; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul { width: 250px; height: 250px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul li { width: 244px; height: 244px; } } @media only screen and (min-width: 3800px) { .landing_page_image #landing_page_image figure div img { max-height: 80%; } .landing_page_image .catchy_phrase_landing_page div p { width: 550px; } div.image_transitoire div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { width: 800px; } .landing_page_psa .psa_gallery .vc_column-inner > .wpb_wrapper div.wpb_gallery div.wpb_gallery_slides > ul > li > div h2 { font-size: 60pt; } .popup_link { width: 1500px; height: 130px; left: calc(50% - 750px); } .popup_link div:first-child, .popup_link div:last-child { width: 130px; } .popup_link div:nth-of-type(2) { font-size: 35pt; } .landing_page_psa .psa_title .vc_column-inner > .wpb_wrapper .wpb_text_column div.wpb_wrapper p a { font-size: 30pt; padding: 16px 40px 8px; } div.services_description .wpb_wrapper div.serv_categories ul li { font-size: 40pt; padding: 10px 14px 2px; } div.services_description .wpb_wrapper div.serv_definition div.wpb_wrapper > ul > li > ul > li { width: 1000px; } div.approach_description div.categories div.wpb_wrapper > ul > li img { width: 500px; height: 500px; } div.approach_description div.categories div.wpb_wrapper > ul > li ul li { top: calc(50% + 250px); } div.approach_description div.categories div.wpb_wrapper > ul > li ul li:last-child a { font-size: 25pt; padding: 14px 13px 6px; } div.approach_description div.categories div.wpb_wrapper > ul > li ul li ul { top: -300px; } .landing_page_clients .clients { margin-left: 250px; margin-right: 250px; } .landing_page_clients .clients > div > .wpb_wrapper { width: 1120px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul { width: 1120px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li h5 { font-size: 35pt; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li h5 a { text-shadow: 2px 2px 6px #fff8f0; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul { width: 350px; height: 350px; } .landing_page_clients .clients > div > .wpb_wrapper .clients_list .wpb_wrapper > ul > li > ul li { width: 344px; height: 344px; } div.testimonials div.services_description .wpb_wrapper { margin-right: 350px; } div.image_transitoire.two div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { width: 850px; } div.image_transitoire.three div.vc_column-inner > div.wpb_wrapper div.catchy_phrase { width: 600px; } div.approach_description div.decoration { top: calc(50% + 300px); } }