html,
body {
touch-action: pan-x pan-y;
background-color: rgba(4, 39, 62, 1);
overflow-x: hidden;
width: 100%;
}
.customButton {
Width: 155.83px;
Height: 50px;
background: #9DC3E5;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
}
/*------------------------------------- font style -------------------------------------*/
h1 {
font-family: 'Raleway';
font-style: normal;
font-weight: 800;
font-size: 70px;
line-height: 87.5px;
}
h2 {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 30px;
line-height: 37.5px;
}
h3 {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
h4 {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17.5px;
}
p {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 25px;
}
@media (max-width: 900px) {
h1 {
font-family: 'Raleway';
font-style: normal;
font-weight: 800;
font-size: 48px;
line-height: 60px;
}
p {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
}
li {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 25px;
}
/*------------------------------------- Navbar -------------------------------------*/
.logo {
max-width: 8em;
}
.customNavbar {
min-width: 100%;
/*min-height: 97px;*/
position: absolute;
background-color: rgba(4, 39, 62, 1);
padding-top: 25px;
padding-bottom: 25px;
z-index: 2;
}
.customNavbar.dark-nav {
background-color: rgba(2, 22, 36, 1);
}
.btn-menu-navbar {
color: white;
font-family: 'Raleway';
font-size: 20px;
font-style: normal;
font-weight: 500;
}
.btn-menu-navbar:hover {
color: #9DC3E5;
font-weight: 600;
}
.btn-navbar {
color: #04273E;
width: 210px;
height: 50px;
background: #9DC3E5;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: none;
font-family: 'Raleway';
font-size: 14px;
font-weight: 600;
}
.btn-navbar:hover {
color: #9DC3E5;
background: rgb(4, 39, 62, 1);
border: 1px solid #9DC3E5;
}
.btn-navbar-2 {
background: rgba(155, 183, 34, 1) !important;
color: white;
width: 12em;
height: 2em;
box-shadow: 3px 8px 24px rgba(0, 0, 0, 0.1);
border-radius: 31px;
border: none;
}
.btn-navbar-site-startup {
color: rgb(4, 39, 62, 1);
width: 210px;
height: 50px;
background: #9DC3E5;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: none;
font-family: 'Raleway';
font-size: 14px;
font-weight: 600;
}
.btn-navbar-site-startup:hover{
color: #9DC3E5;
background: rgb(4, 39, 62, 1);
border: 1px solid #9DC3E5;
}
.navbarFilter {
filter: invert(1);
}
.navbarSpacer {
height: 97px;
}
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
box-shadow: none;
}
@media (max-width: 900px) {
.btn-navbar-site-startup {
color: white;
width: 337px;
height: 50px;
/*background: #3CBCA2;*/
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: none;
font-family: 'Raleway';
font-size: 14px;
font-weight: 600;
}
.flag-navbar {
height: 3em;
margin-top: 0.5em;
margin-left: 1em;
}
}
/*------------------------------------- Pagina "Home" -------------------------------------*/
.sectionDecorationHome {
height: 15em;
position: relative;
margin-bottom: -5em;
}
span{
font-weight: bold;
}
.decorationElementHome {
position: absolute;
left: 5em;
top: -5em;
}
.decorationBubbleHome {
position: absolute;
right: 5em;
top: 10em;
}
.rowSectionCosaFacciamo {
position: relative;
}
.bubbleCosaFacciamoUp {
width: 14em;
position: absolute;
left: -20em;
top: 0em;
}
.spanCosaFacciamo {
border: 1px solid #888;
border-radius: 2em;
color: rgba(255, 255, 255, 1);
}
.spanImage {
width: 100%;
}
.bubbleCosaFacciamoDown {
margin-right: 5em;
height: 4em;
width: 5em;
text-align: right;
}
.customHeader {
min-height: 800px;
min-width: 100%;
background-color: rgba(2, 22, 36, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.btnHome {
background-color: rgba(2, 22, 36, 1);
width: 175px;
height: 50px;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: 1px solid;
font-family: 'Raleway';
color: rgba(230, 238, 247, 1);
font-weight: 600;
font-size: 14px;
line-height: 16.44px;
text-align: center;
}
.customFacciamoService {
min-height: 360px !important;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.customLavoriamoService {
min-height: 400px;
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.sectionStartup {
min-height: 200px;
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.sectionStartupBaloon {
position: relative;
height: 400px;
}
.startupBaloon {
position: absolute;
}
.margin-bottom-mobile {
margin-bottom: 12em;
}
.margin-bottom-tablet {
margin-bottom: 6em;
}
@media (max-width: 900px) {
.customFacciamoService {
min-height: 200px !important;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.customLavoriamoService {
min-height: 200px !important;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
}
@media (max-width: 361px) {
.customHeader {
min-height: 20em;
min-width: 100%;
background-color: rgba(2, 22, 36, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
}
/*------------------------------------- Pagina "Chi Siamo" -------------------------------------*/
.customAboutUs {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.imageAboutImage {
position: relative;
width: 41em;
margin-top: -3em;
left: -0.5em
}
.customH1Container {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
}
.boxHeaderAbout {
background-color: #E6EEF7;
border-radius: 20px;
width: 90%;
margin-top: 1em;
z-index: 0;
}
.boxPiccoloHeaderAbout {
background-color: #355A75;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
height: 11em;
width: 80%;
position: relative;
top: -2em;
z-index: 2;
}
.decorationAboutUs1 {
position: relative;
top: 35em;
left: 8em;
}
.decorationAboutUs2 {
position: relative;
top: 5em;
left: 4em;
}
.decorationAboutUs3 {
position: relative;
top: 22em;
}
.decorationAboutUs4 {
position: relative;
top: 3em;
right: 15em;
}
.decorationAboutUs5 {
position: relative;
left: 11.8em;
bottom: 8.4em;
z-index: 0;
}
.decorationAboutUs6 {
position: relative;
left: 15em;
bottom: 4em;
}
.decorationAboutUs7 {
position: relative;
left: 13em;
bottom: 7em;
z-index: 0;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -3.8em;
top: -7.6em;
}
.decorationAboutUs9 {
position: relative;
width: 1.5em;
left: -2.4em;
top: -7.9em;
}
.decorationAboutUs10 {
position: relative;
width: 1.5em;
left: -3em;
top: -8.9em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 70px;
text-align: center;
color: #BBDFE0;
z-index: 5;
}
.numberHeaderAbout2 {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 70px;
text-align: center;
color: #C1BFD9;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 70px;
text-align: center;
color: #E9DCC6;
z-index: 5;
}
.textHeaderAbout {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 125%;
text-align: center;
color: #FFFFFF;
}
.decorationAboutBubble2 {
position: absolute;
height: 3em;
left: 73em;
top: -10em;
}
.decorationAboutBubble3 {
position: absolute;
height: 8em;
left: 23em;
top: -36em;
}
.decorationAboutBubble4 {
position: absolute;
height: 3em;
left: 51em;
top: 5em;
}
.btnAbout {
background-color: rgba(230, 238, 247, 1);
width: 210px;
height: 50px;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: 1px solid #04273E;
font-family: 'Raleway';
color: rgba(4, 39, 62, 1);
font-weight: 600;
font-size: 14px;
text-align: center;
}
.btnAbout:hover {
background-color: #04273E;
color: white;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
}
.numberSectionAbout {
position: relative;
top: 2em;
left: -3em;
font-family: 'Raleway';
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
}
.marginSectionAbout {
margin-top: -2em;
}
.customCardFounder {
box-sizing: border-box;
align-items: center;
padding: 30px 44px;
gap: 23px;
background: #04273E;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
min-height: 18.6em;
}
.customCardFounderClay {
box-sizing: border-box;
align-items: center;
padding: 30px 44px;
gap: 23px;
background: #04273E;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
min-height: 18.6em;
}
.customCardH2 {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 27.5px;
}
.customCardH4 {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17.5px;
color: rgba(255, 255, 255, 0.5);
}
.customCardP {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.active-page {
text-decoration: 4px underline;
text-decoration-color: #9DC3E5;
}
.customSectionAboutLine {
height: 23em;
position: relative;
margin-top: 6em;
margin-left: 5em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
left: 7%;
top: -30em;
width: 76%;
height: 62em;
}
.customBallAboutOne {
position: absolute;
left: 4%;
top: -0.6em;
}
.customBallCardOne {
position: absolute;
top: 4.4em;
left: 4%;
}
.customBallAboutTwo {
position: absolute;
right: calc(50% + 3.5em);
top: -0.5em
}
.customBallCardTwo {
position: absolute;
top: 4.4em;
right: calc(50% - 13em);
}
.customBallAboutThree {
position: absolute;
right: 15%;
top: -0.5em
}
.customBallCardThree {
position: absolute;
top: 4.4em;
right: -6%;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 15em;
}
/* Desktop - 2560-1440 */
@media (min-width: 1600px) and (max-width: 2560px) {
.customAboutUs {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.imageAboutImage {
position: relative;
width: 44em;
margin-top: -3em;
left: 4em;
bottom: -0.1em;
}
.customH1Container {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
}
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
}
.boxHeaderAbout {
background-color: #E6EEF7;
border-radius: 20px;
width: 90%;
margin-top: 1em;
z-index: 0;
}
.boxPiccoloHeaderAbout {
background-color: #355A75;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
height: 11em;
width: 80%;
position: relative;
top: -2em;
z-index: 2;
}
.decorationAboutUs1 {
position: relative;
top: 35em;
left: 8em;
}
.decorationAboutUs2 {
position: relative;
top: 5em;
left: 4em;
}
.decorationAboutUs3 {
position: relative;
top: 22em;
}
.decorationAboutUs4 {
position: relative;
top: 0em;
right: 8em;
}
.decorationAboutUs5 {
position: relative;
left: 16em;
bottom: 8.5em;
z-index: 0;
}
.decorationAboutUs6 {
position: relative;
left: 15em;
bottom: 4em;
}
.decorationAboutUs7 {
position: relative;
left: 24em;
bottom: 6.7em;
z-index: 0;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -3.8em;
top: -7.6em;
}
.decorationAboutUs9 {
position: relative;
width: 1.5em;
left: -2.4em;
top: -7.9em;
}
.decorationAboutUs10 {
position: relative;
width: 1.5em;
left: -3em;
top: -8.9em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 70px;
text-align: center;
color: #BBDFE0;
z-index: 5;
}
.numberHeaderAbout2 {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 70px;
text-align: center;
color: #C1BFD9;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 70px;
text-align: center;
color: #E9DCC6;
z-index: 5;
}
.textHeaderAbout {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 125%;
text-align: center;
color: #FFFFFF;
}
.decorationAboutBubble2 {
position: absolute;
height: 3em;
left: 73em;
top: -10em;
}
.decorationAboutBubble3 {
position: absolute;
height: 8em;
left: 23em;
top: -36em;
}
.decorationAboutBubble4 {
position: absolute;
height: 3em;
left: 51em;
top: 5em;
}
.btnAbout {
background-color: rgba(230, 238, 247, 1);
width: 210px;
height: 50px;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: 1px solid #04273E;
font-family: 'Raleway';
color: rgba(4, 39, 62, 1);
font-weight: 600;
font-size: 14px;
text-align: center;
}
.btnAbout:hover {
background-color: #04273E;
color: white;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
}
.numberSectionAbout {
position: relative;
top: 2em;
left: -3em;
font-family: 'Raleway';
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
}
.marginSectionAbout {
margin-top: -2em;
}
.customCardFounder {
box-sizing: border-box;
align-items: center;
padding: 30px 44px;
gap: 23px;
background: #04273E;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
min-height: 18.6em;
}
.customCardFounderClay {
box-sizing: border-box;
align-items: center;
padding: 30px 44px;
gap: 23px;
background: #04273E;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
min-height: 18.6em;
}
.customCardH2 {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 27.5px;
}
.customCardH4 {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17.5px;
color: rgba(255, 255, 255, 0.5);
}
.customCardP {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.active-page {
text-decoration: 4px underline;
text-decoration-color: #9DC3E5;
}
.customSectionAboutLine {
height: 23em;
position: relative;
margin-top: 6em;
margin-left: 5em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
left: 7%;
top: -30em;
width: 76%;
height: 62em;
}
.customBallAboutOne {
position: absolute;
left: 4%;
top: -0.6em;
}
.customBallCardOne {
position: absolute;
top: 4.4em;
left: 4%;
}
.customBallAboutTwo {
position: absolute;
right: calc(50% + 3.5em);
top: -0.5em
}
.customBallCardTwo {
position: absolute;
top: 4.4em;
right: calc(50% - 13em);
}
.customBallAboutThree {
position: absolute;
right: 15%;
top: -0.5em
}
.customBallCardThree {
position: absolute;
top: 4.4em;
right: -6%;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 15em;
}
}
/* Desktop - resolution 1360x768 */
@media (max-device-width: 1480px) and (max-device-height: 900px) {
.customCardFounder {
box-sizing: border-box;
align-items: center;
padding: 30px 44px;
gap: 23px;
background: #04273E;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
min-height: 18.6em;
}
.customCardFounderClay {
box-sizing: border-box;
align-items: center;
padding: 30px 44px;
gap: 23px;
background: #04273E;
border: 1px solid #FFFFFF;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
border-radius: 20px;
min-height: 21.6em;
padding-top: 4em;
}
}
/* Tablet - iPad Air */
@media (min-width: 780px) and (max-width: 900px) {
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
background-image: url(/img/about_header.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boxHeaderAbout {
position: relative;
background-color: #E6EEF7;
width: 100%;
margin-top: -13em;
z-index: 0;
}
.imageAboutImage {
position: relative;
top: -13.2em;
left: 3em;
margin-bottom: -23em;
}
.decorationAboutUsStatic1 {
position: relative;
height: 6.5em;
top: -21em;
left: -0.5em;
}
.decorationAboutUsStatic2 {
position: relative;
height: 7em;
top: -3em;
left: 13em;
}
.decorationAboutUsStatic3 {
position: relative;
height: 7em;
top: -15em;
left: -14em;
}
.decorationAboutUsMobile1Big {
position: relative;
height: 2em;
top: 13em;
left: 37.5em;
}
.decorationAboutUsMobile2Big {
position: relative;
height: 1em;
top: 12.8em;
left: 39.7em;
}
.decorationAboutUsMobile3Big {
position: relative;
height: 2em;
top: 10em;
left: 1em;
}
.decorationAboutUsMobile4Big {
position: relative;
height: 1em;
top: 11.5em;
left: -2.5em;
}
.decorationAboutUsMobile2 {
position: relative;
top: 35em;
left: 8em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: left;
color: #04273E;
top: -6.5em;
left: 5.6em;
}
.numberHeaderAbout2 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: center;
color: #04273E;
top: -10.5em;
left: -0.3em;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: right;
color: #04273E;
top: 2.4em;
left: -6.6em;
}
.textHeaderAboutClient {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -13em;
left: -18.5em;
}
.textHeaderAboutStartup {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
width: 17em;
top: 4.8em;
left: 40em;
padding-left: 6em;
padding-right: 4em;
}
.textHeaderAboutInvestment {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -21em;
left: -0.5em;
}
.decorationAboutBubble1 {
position: absolute;
width: 5em;
transform: rotate(166deg);
left: 34em;
top: -21em;
}
.decorationAboutBubble2 {
position: absolute;
height: 1.5em;
left: 45em;
top: -30em;
}
.decorationAboutBubble3 {
position: absolute;
height: 5em;
left: 42em;
top: -47em;
}
.decorationAboutBubble4 {
position: absolute;
height: 2em;
left: 23em;
top: 5em;
}
.decorationAboutBubble5 {
position: absolute;
left: 44em;
top: -1em;
}
.customSectionAboutLine {
height: 51em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
transform: rotate(0deg);
left: 30%;
top: 2em;
width: 30%;
height: 35em;
}
.customBallAboutOne {
position: absolute;
left: 14em;
top: 2em;
}
.customBallCardOne {
position: absolute;
top: 2.2em;
left: 55%;
width: 15em;
}
.customBallAboutTwo {
position: absolute;
right: calc(50% + 0.2em);
top: 18em
}
.customBallCardTwo {
position: absolute;
top: 18em;
left: 55%;
width: 15em;
}
.customBallAboutThree {
position: absolute;
left: 40.5%;
top: 34em
}
.customBallCardThree {
position: absolute;
top: 34em;
left: 55%;
width: 15em;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 4em;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: -2em;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -2.8em;
top: -5.9em;
}
.decorationAboutUs8-2 {
position: relative;
width: 1.5em;
left: -2.8em;
top: -5.8em;
}
.decorationAboutUs8-3 {
position: relative;
width: 1.5em;
left: -2.8em;
top: -5.8em;
}
.decorationSectionAboutTeam {
height: 20em;
position: relative;
margin-bottom: -13em;
}
.decorationAboutTeamBubble {
position: absolute;
width: 5em;
transform: rotate(76deg);
left: 3em;
top: 0.5em;
}
}
/* Tablet - iPad Mini */
@media (min-width: 768px) and (max-width: 1024px) {
.imageAboutImage {
position: relative;
top: -13.2em;
left: 2em;
margin-bottom: -23em;
}
.decorationAboutUsStatic1 {
position: relative;
height: 6.5em;
top: -21em;
left: -0.5em;
}
.decorationAboutUsStatic2 {
position: relative;
height: 7em;
top: -3em;
left: 13em;
}
.decorationAboutUsStatic3 {
position: relative;
height: 7em;
top: -15em;
left: -14em;
}
.decorationAboutUsMobile1Big {
position: relative;
height: 2em;
top: 13em;
left: 37.5em;
}
.decorationAboutUsMobile2Big {
position: relative;
height: 1em;
top: 12.8em;
left: 39.7em;
}
.decorationAboutUsMobile3Big {
position: relative;
height: 2em;
top: 10em;
left: 1em;
}
.decorationAboutUsMobile4Big {
position: relative;
height: 1em;
top: 11.5em;
left: -2.5em;
}
.decorationAboutUsMobile2 {
position: relative;
top: 35em;
left: 8em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: left;
color: #04273E;
top: -6.5em;
left: 4.6em;
}
.numberHeaderAbout2 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: center;
color: #04273E;
top: -10.5em;
left: -0.3em;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: right;
color: #04273E;
top: 2.4em;
left: -5.6em;
}
.textHeaderAboutClient {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -13em;
left: -18.5em;
}
.textHeaderAboutStartup {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
width: 17em;
top: 4.8em;
left: 38em;
padding-left: 6em;
padding-right: 4em;
}
.textHeaderAboutInvestment {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -21em;
left: -0.5em;
}
.decorationAboutBubble1 {
position: absolute;
width: 5em;
transform: rotate(166deg);
left: 34em;
top: -21em;
}
.decorationAboutBubble2 {
position: absolute;
height: 1.5em;
left: 45em;
top: -30em;
}
.decorationAboutBubble3 {
position: absolute;
height: 5em;
left: 42em;
top: -47em;
}
.decorationAboutBubble4 {
position: absolute;
height: 2em;
left: 23em;
top: 5em;
}
.decorationAboutBubble5 {
position: absolute;
left: 44em;
top: -1em;
}
.customSectionAboutLine {
height: 51em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
transform: rotate(0deg);
left: 30%;
top: 2em;
width: 30%;
height: 35em;
}
.customBallAboutOne {
position: absolute;
left: 14em;
top: 2em;
}
.customBallCardOne {
position: absolute;
top: 2.2em;
left: 55%;
width: 15em;
}
.customBallAboutTwo {
position: absolute;
right: calc(50% + 0.2em);
top: 18em
}
.customBallCardTwo {
position: absolute;
top: 18em;
left: 55%;
width: 15em;
}
.customBallAboutThree {
position: absolute;
left: 40.5%;
top: 34em
}
.customBallCardThree {
position: absolute;
top: 34em;
left: 55%;
width: 15em;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 4em;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: -2em;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -2.8em;
top: -5.9em;
}
.decorationAboutUs8-2 {
position: relative;
width: 1.5em;
left: -2.8em;
top: -5.8em;
}
.decorationAboutUs8-3 {
position: relative;
width: 1.5em;
left: -2.8em;
top: -5.8em;
}
.decorationSectionAboutTeam {
height: 20em;
position: relative;
margin-bottom: -13em;
}
.decorationAboutTeamBubble {
position: absolute;
width: 5em;
transform: rotate(76deg);
left: 3em;
top: 0.5em;
}
}
/* Mobile - Extra-large - iPhone 13 */
@media (min-width: 427px) and (max-width: 767px) {
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
background-image: url(/img/about_header.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boxHeaderAbout {
position: relative;
background-color: #E6EEF7;
width: 25em;
margin-top: -15em;
z-index: 0;
}
.numberSectionAbout {
position: relative;
top: 2em;
left: -2em;
font-family: 'Raleway';
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
}
.imageAboutImage {
position: relative;
width: 26em;
top: -11.8em;
left: -1.5em;
margin-bottom: -23em;
}
.decorationAboutUsStatic1 {
position: relative;
height: 6.5em;
top: -12em;
left: 11.5em;
}
.decorationAboutUsStatic2 {
position: relative;
height: 7em;
top: -4.5em;
left: 14.5em;
}
.decorationAboutUsStatic3 {
position: relative;
height: 7em;
top: -16.5em;
left: 1em;
}
.decorationAboutUsMobile1Big {
position: relative;
height: 2em;
top: 17em;
left: 20em;
}
.decorationAboutUsMobile2Big {
position: relative;
height: 1em;
top: 17.6em;
left: 18.5em;
}
.decorationAboutUsMobile3Big {
position: relative;
height: 2em;
top: 12em;
left: 9em;
}
.decorationAboutUsMobile4Big {
position: relative;
height: 1em;
top: 14em;
left: 9em;
}
.decorationAboutUsMobile2 {
position: relative;
top: 35em;
left: 8em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: left;
color: #04273E;
top: -6.8em;
left: 1.8em;
}
.numberHeaderAbout2 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: center;
color: #04273E;
top: -4.5em;
left: 2.7em;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: right;
color: #04273E;
top: 1.5em;
left: -2.9em;
}
.textHeaderAboutClient {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -13.5em;
padding-left: 17em;
padding-right: 6em;
left: -15.3em;
}
.textHeaderAboutStartup {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: 3em;
left: 9em;
padding-left: 11.5em;
padding-right: 13em;
}
.textHeaderAboutInvestment {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -9em;
left: 5em;
}
.decorationAboutBubble1 {
position: absolute;
width: 4em;
transform: rotate(167deg);
left: 16em;
top: -37em;
}
.decorationAboutBubble2 {
position: absolute;
height: 1.5em;
left: 19em;
top: -21em;
}
.decorationAboutBubble3 {
position: absolute;
height: 5em;
left: 15em;
top: -43em;
}
.decorationAboutBubble4 {
position: absolute;
height: 2em;
left: 10em;
top: 5em;
}
.decorationAboutBubble5 {
position: absolute;
left: 20em;
top: -8.5em;
}
.customSectionAboutLine {
height: 51em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
transform: rotate(0deg);
left: 3.1em;
top: 2em;
width: 30%;
height: 35em;
}
.customBallAboutOne {
position: absolute;
left: 3em;
top: 2em;
}
.customBallCardOne {
position: absolute;
top: 2em;
left: 7.2em;
width: 15em;
}
.customBallAboutTwo {
position: absolute;
left: 3em;
top: 18em
}
.customBallCardTwo {
position: absolute;
top: 18em;
left: 7.2em;
width: 15em;
}
.customBallAboutThree {
position: absolute;
left: 3em;
top: 34em
}
.customBallCardThree {
position: absolute;
top: 34em;
left: 7.2em;
width: 15em;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 4em;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: -2em;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -2.7em;
top: -12.4em;
}
.decorationAboutUs8-2 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -11em;
}
.decorationAboutUs8-3 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -10.8em;
}
.decorationSectionAboutTeam {
height: 20em;
position: relative;
margin-bottom: -14em;
}
.decorationAboutTeamBubble {
position: absolute;
width: 4em;
transform: rotate(76deg);
left: 1em;
top: 0.5em;
}
}
/* Mobile - large */
@media (max-width: 426px) {
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
background-image: url(/img/about_header.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boxHeaderAbout {
position: relative;
background-color: #E6EEF7;
width: 100%;
margin-top: -15em;
z-index: 0;
}
.numberSectionAbout {
position: relative;
top: 2em;
left: -2em;
font-family: 'Raleway';
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
}
.imageAboutImage {
position: relative;
width: 26em;
top: -11.8em;
left: -1.5em;
margin-bottom: -23em;
}
.decorationAboutUsStatic1 {
position: relative;
height: 6.5em;
top: -12em;
left: 11.5em;
}
.decorationAboutUsStatic2 {
position: relative;
height: 7em;
top: -4.5em;
left: 14.5em;
}
.decorationAboutUsStatic3 {
position: relative;
height: 7em;
top: -16.5em;
left: 1em;
}
.decorationAboutUsMobile1Big {
position: relative;
height: 2em;
top: 17em;
left: 20em;
}
.decorationAboutUsMobile2Big {
position: relative;
height: 1em;
top: 17.6em;
left: 18.5em;
}
.decorationAboutUsMobile3Big {
position: relative;
height: 2em;
top: 12em;
left: 9em;
}
.decorationAboutUsMobile4Big {
position: relative;
height: 1em;
top: 14em;
left: 9em;
}
.decorationAboutUsMobile2 {
position: relative;
top: 35em;
left: 8em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: left;
color: #04273E;
top: -6.8em;
left: 1.8em;
}
.numberHeaderAbout2 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: center;
color: #04273E;
top: -4.5em;
left: 2.7em;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: right;
color: #04273E;
top: 1.5em;
left: -2.9em;
}
.textHeaderAboutClient {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -13.5em;
padding-left: 17em;
padding-right: 6em;
left: -15.3em;
}
.textHeaderAboutStartup {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: 3em;
left: 9em;
padding-left: 11.5em;
padding-right: 13em;
}
.textHeaderAboutInvestment {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -9em;
left: 5em;
}
.decorationAboutBubble1 {
position: absolute;
width: 4em;
transform: rotate(167deg);
left: 16em;
top: -37em;
}
.decorationAboutBubble2 {
position: absolute;
height: 1.5em;
left: 19em;
top: -21em;
}
.decorationAboutBubble3 {
position: absolute;
height: 5em;
left: 15em;
top: -43em;
}
.decorationAboutBubble4 {
position: absolute;
height: 2em;
left: 10em;
top: 5em;
}
.decorationAboutBubble5 {
position: absolute;
left: 20em;
top: -8.5em;
}
.customSectionAboutLine {
height: 51em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
transform: rotate(0deg);
left: 30%;
top: 2em;
width: 30%;
height: 35em;
}
.customBallAboutOne {
position: absolute;
left: 2.9em;
top: 2em;
}
.customBallCardOne {
position: absolute;
top: 2em;
left: 75%;
width: 15em;
}
.customBallAboutTwo {
position: absolute;
right: calc(50% + -1.2em);
top: 18em
}
.customBallCardTwo {
position: absolute;
top: 18em;
left: 75%;
width: 15em;
}
.customBallAboutThree {
position: absolute;
left: 2.9em;
top: 34em
}
.customBallCardThree {
position: absolute;
top: 34em;
left: 75%;
width: 15em;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 4em;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: -2em;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -2.7em;
top: -12.4em;
}
.decorationAboutUs8-2 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -11em;
}
.decorationAboutUs8-3 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -10.8em;
}
.decorationSectionAboutTeam {
height: 20em;
position: relative;
margin-bottom: -14em;
}
.decorationAboutTeamBubble {
position: absolute;
width: 4em;
transform: rotate(76deg);
left: 1em;
top: 0.5em;
}
}
/* Mobile - normal */
@media (max-width: 400px) {
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
background-image: url(/img/about_header.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boxHeaderAbout {
position: relative;
background-color: #E6EEF7;
width: 100%;
margin-top: -15em;
z-index: 0;
}
.imageAboutImage {
position: relative;
width: 26em;
top: -13.7em;
left: -2.5em;
margin-bottom: -23em;
}
.decorationSectionFacciamo {
height: 3rem;
position: relative;
margin-bottom: -10em;
}
.decorationAboutUsStatic1 {
position: relative;
height: 6.5em;
top: -12em;
left: 11.5em;
}
.decorationAboutUsStatic2 {
position: relative;
height: 7em;
top: -6.5em;
left: 13.5em;
}
.decorationAboutUsStatic3 {
position: relative;
height: 7em;
top: -18.5em;
left: 1em;
}
.decorationAboutUsMobile1Big {
position: relative;
height: 2em;
top: 16em;
left: 19em;
}
.decorationAboutUsMobile2Big {
position: relative;
height: 1em;
top: 16.6em;
left: 17.5em;
}
.decorationAboutUsMobile3Big {
position: relative;
height: 2em;
top: 10em;
left: 9em;
}
.decorationAboutUsMobile4Big {
position: relative;
height: 1em;
top: 12em;
left: 9em;
}
.decorationAboutUsMobile2 {
position: relative;
top: 35em;
left: 8em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: left;
color: #04273E;
top: -8em;
left: 1.8em;
}
.numberHeaderAbout2 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: center;
color: #04273E;
top: -4.5em;
left: 2.7em;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: right;
color: #04273E;
top: 0.2em;
left: -2.2em;
}
.textHeaderAboutClient {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -16em;
padding-left: 11em;
padding-right: 11em;
left: -8.3em;
}
.textHeaderAboutStartup {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: 0.5em;
left: 9.3em;
padding-left: 10em;
padding-right: 12em;
}
.textHeaderAboutInvestment {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -9em;
left: 5em;
}
.decorationAboutBubble1 {
position: absolute;
width: 5em;
transform: rotate(167deg);
left: 14em;
top: -41em;
}
.decorationAboutBubble2 {
position: absolute;
height: 1.5em;
left: 19em;
top: -21em;
}
.decorationAboutBubble3 {
position: absolute;
height: 5em;
left: 15em;
top: -43em;
}
.decorationAboutBubble4 {
position: absolute;
height: 2em;
left: 10em;
top: 5em;
}
.decorationAboutBubble5 {
position: absolute;
left: 18em;
top: -8.5em;
}
.customSectionAboutLine {
height: 51em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
transform: rotate(0deg);
left: 30%;
top: 2em;
width: 30%;
height: 35em;
}
.customBallAboutOne {
position: absolute;
left: 1.9em;
top: 2em;
}
.customBallCardOne {
position: absolute;
top: 2em;
left: 75%;
width: 15em;
}
.customBallAboutTwo {
position: absolute;
right: calc(50% + -1.2em);
top: 18em
}
.customBallCardTwo {
position: absolute;
top: 18em;
left: 75%;
width: 15em;
}
.customBallAboutThree {
position: absolute;
left: 24%;
top: 34em
}
.customBallCardThree {
position: absolute;
top: 34em;
left: 75%;
width: 15em;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 4em;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: -2em;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -2.7em;
top: -13.5em;
}
.decorationAboutUs8-2 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -11em;
}
.decorationAboutUs8-3 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -13.2em;
}
.decorationSectionAboutTeam {
height: 20em;
position: relative;
margin-bottom: -14em;
}
.decorationAboutTeamBubble {
position: absolute;
width: 4em;
transform: rotate(76deg);
left: 1em;
top: 0.5em;
}
}
/* Mobile - normal */
@media (max-width: 375px) {
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
background-image: url(/img/about_header.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boxHeaderAbout {
position: relative;
background-color: #E6EEF7;
width: 100%;
margin-top: -15em;
z-index: 0;
}
.imageAboutImage {
position: relative;
width: 26em;
top: -14.1em;
left: -3em;
margin-bottom: -23em;
}
.decorationAboutUsStatic1 {
position: relative;
height: 6.5em;
top: -12em;
left: 11.5em;
}
.decorationAboutUsStatic2 {
position: relative;
height: 7em;
top: -6.5em;
left: 12.5em;
}
.decorationAboutUsStatic3 {
position: relative;
height: 7em;
top: -18.5em;
left: 1em;
}
.decorationAboutUsMobile1Big {
position: relative;
height: 2em;
top: 16em;
left: 18em;
}
.decorationAboutUsMobile2Big {
position: relative;
height: 1em;
top: 16.6em;
left: 16.5em;
}
.decorationAboutUsMobile3Big {
position: relative;
height: 2em;
top: 10em;
left: 9em;
}
.decorationAboutUsMobile4Big {
position: relative;
height: 1em;
top: 12em;
left: 9em;
}
.decorationAboutUsMobile2 {
position: relative;
top: 35em;
left: 8em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: left;
color: #04273E;
top: -8em;
left: 1.8em;
}
.numberHeaderAbout2 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: center;
color: #04273E;
top: -4.5em;
left: 2.7em;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: right;
color: #04273E;
top: 0.5em;
left: -2.1em;
}
.textHeaderAboutClient {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -16em;
padding-left: 11em;
padding-right: 11em;
left: -7.7em;
}
.textHeaderAboutStartup {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: 0.9em;
left: 8.7em;
padding-left: 10em;
padding-right: 12em;
}
.textHeaderAboutInvestment {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -9em;
left: 5em;
}
.decorationAboutBubble1 {
position: absolute;
width: 5em;
transform: rotate(167deg);
left: 14em;
top: -41em;
}
.decorationAboutBubble2 {
position: absolute;
height: 1.5em;
left: 19em;
top: -21em;
}
.decorationAboutBubble3 {
position: absolute;
height: 5em;
left: 15em;
top: -43em;
}
.decorationAboutBubble4 {
position: absolute;
height: 2em;
left: 10em;
top: 5em;
}
.decorationAboutBubble5 {
position: absolute;
left: 18em;
top: -8.5em;
}
.customSectionAboutLine {
height: 51em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
transform: rotate(0deg);
left: 30%;
top: 2em;
width: 30%;
height: 35em;
}
.customBallAboutOne {
position: absolute;
left: 1.4em;
top: 2em;
}
.customBallCardOne {
position: absolute;
top: 2em;
left: 75%;
width: 15em;
}
.customBallAboutTwo {
position: absolute;
right: calc(50% + -1.2em);
top: 18em
}
.customBallCardTwo {
position: absolute;
top: 18em;
left: 75%;
width: 15em;
}
.customBallAboutThree {
position: absolute;
left: 1.4em;
top: 34em
}
.customBallCardThree {
position: absolute;
top: 34em;
left: 75%;
width: 15em;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 4em;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: -2em;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -2.7em;
top: -14.5em;
}
.decorationAboutUs8-2 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -11em;
}
.decorationAboutUs8-3 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -14.4em;
}
.decorationSectionAboutTeam {
height: 20em;
position: relative;
margin-bottom: -14em;
}
.decorationAboutTeamBubble {
position: absolute;
width: 4em;
transform: rotate(76deg);
left: 1em;
top: 0.5em;
}
}
/* Mobile - normal */
@media (max-width: 361px) {
.customAboutUsHeader {
min-height: 800px;
min-width: 100%;
background-image: url(/img/about_header.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boxHeaderAbout {
position: relative;
background-color: #E6EEF7;
width: 100%;
margin-top: -15em;
z-index: 0;
}
.imageAboutImage {
position: relative;
width: 26em;
top: -14.1em;
left: -3em;
margin-bottom: -23em;
}
.decorationAboutUsStatic1 {
position: relative;
height: 6.5em;
top: -12em;
left: 11.5em;
}
.decorationAboutUsStatic2 {
position: relative;
height: 7em;
top: -6.5em;
left: 12.5em;
}
.decorationAboutUsStatic3 {
position: relative;
height: 7em;
top: -18.5em;
left: 1em;
}
.decorationAboutUsMobile1Big {
position: relative;
height: 2em;
top: 16em;
left: 18em;
}
.decorationAboutUsMobile2Big {
position: relative;
height: 1em;
top: 16.6em;
left: 16.5em;
}
.decorationAboutUsMobile3Big {
position: relative;
height: 2em;
top: 10em;
left: 9em;
}
.decorationAboutUsMobile4Big {
position: relative;
height: 1em;
top: 12em;
left: 9em;
}
.decorationAboutUsMobile2 {
position: relative;
top: 35em;
left: 8em;
}
.numberHeaderAbout1 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: left;
color: #04273E;
top: -8em;
left: 1.8em;
}
.numberHeaderAbout2 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: center;
color: #04273E;
top: -4.5em;
left: 2.7em;
}
.numberHeaderAbout3 {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 28.18px;
text-align: right;
color: #04273E;
top: 0.5em;
left: -1.5em;
}
.textHeaderAboutClient {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -16em;
padding-left: 11em;
padding-right: 11em;
left: -7.3em;
}
.textHeaderAboutStartup {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: 0.9em;
left: 9.3em;
padding-left: 10em;
padding-right: 12em;
}
.textHeaderAboutInvestment {
position: relative;
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14.09px;
text-align: center;
color: #04273E;
top: -9em;
left: 5em;
}
.decorationAboutBubble1 {
position: absolute;
width: 5em;
transform: rotate(167deg);
left: 14em;
top: -41em;
}
.decorationAboutBubble2 {
position: absolute;
height: 1.5em;
left: 19em;
top: -21em;
}
.decorationAboutBubble3 {
position: absolute;
height: 5em;
left: 15em;
top: -43em;
}
.decorationAboutBubble4 {
position: absolute;
height: 2em;
left: 10em;
top: 5em;
}
.decorationAboutBubble5 {
position: absolute;
left: 18em;
top: -8.5em;
}
.customSectionAboutLine {
height: 51em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customAboutLine {
position: relative;
transform: rotate(0deg);
left: 30%;
top: 2em;
width: 30%;
height: 35em;
}
.customBallAboutOne {
position: absolute;
left: 1em;
top: 2em;
}
.customBallCardOne {
position: absolute;
top: 2em;
left: 5em;
width: 15em;
}
.customBallAboutTwo {
position: absolute;
left: 1em;
top: 18em
}
.customBallCardTwo {
position: absolute;
top: 18em;
left: 5em;
width: 15em;
}
.customBallAboutThree {
position: absolute;
left: 1em;
top: 34em
}
.customBallCardThree {
position: absolute;
top: 34em;
left: 5em;
width: 15em;
}
.customAboutUsLine {
min-width: 100%;
background-color: rgba(4, 39, 62, 1);
background-repeat: no-repeat;
background-size: cover;
color: rgba(255, 255, 255, 1);
margin-bottom: 4em;
}
.titleNumberListAbout {
list-style-type: none;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 125%;
color: #FFFFFF;
margin-bottom: -2em;
}
.decorationAboutUs8 {
position: relative;
width: 1.5em;
left: -2.7em;
top: -14.5em;
}
.decorationAboutUs8-2 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -12.2em;
}
.decorationAboutUs8-3 {
position: relative;
width: 1.5em;
left: -2.6em;
top: -15.4em;
}
.decorationSectionAboutTeam {
height: 20em;
position: relative;
margin-bottom: -14em;
}
.decorationAboutTeamBubble {
position: absolute;
width: 4em;
transform: rotate(76deg);
left: 1em;
top: 0.5em;
}
}
/*------------------------------------- Pagina "Servizi" -------------------------------------*/
.headerServiceCustom {
height: 20em;
position: relative;
margin-bottom: -10em;
}
.decorationHeaderService1 {
position: absolute;
right: 0em;
top: 1em;
}
.decorationHeaderService2 {
position: absolute;
left: 10em;
top: 4em;
}
.decorationSectionFacciamo {
height: 20em;
position: relative;
margin-bottom: -10em;
}
.decorationSectionLavoriamo {
height: 10em;
position: relative;
margin-bottom: -10em
}
.decorationServiceBubble1 {
position: absolute;
right: 9em;
top: 11em;
z-index: 0;
}
.decorationServiceBubble2 {
position: absolute;
left: 18em;
top: -4em;
}
.decorationServiceBubble3 {
position: absolute;
left: 19em;
top: -13.5em;
height: 1.5em;
}
.decorationServiceBubble4 {
position: absolute;
left: -12%;
top: 50em
}
.btnService {
background-color: rgba(4, 39, 62, 1);
width: 175px;
height: 50px;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: 1px solid;
font-family: 'Raleway';
color: rgba(230, 238, 247, 1);
font-weight: 600;
font-size: 14px;
line-height: 16.44px;
text-align: center;
}
.negative-margin-index {
margin-left: -6em !important;
}
.negative-margin-index-service {
margin-top: -4em;
margin-left: 7em !important;
}
.boxService {
border: 1px solid #ffff;
color: rgba(255, 255, 255, 1);
background-color: rgba(4, 39, 62, 1);
z-index: 2;
}
/* .boxService:hover {
color: #242331;
background-color: #E6EEF7;
z-index: 2;
} */
.card-service-h2 {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 25px;
}
.card-service-number-h {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 25px;
color: rgba(255, 255, 255, 1);
}
.card-service-p {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 97%;
line-height: 17.5px;
}
.card-service-number-p {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
font-size: 97%;
line-height: 17.5px;
color: rgba(255, 255, 255, 1);
}
.customNumberOne {
position: absolute;
left: 0%;
top: -1em;
}
.customCardOne {
position: absolute;
top: 5em;
left: 2%;
}
.customNumberTwo {
position: absolute;
right: calc(50% + 0em);
top: 16em
}
.customCardTwo {
position: absolute;
top: 22em;
right: calc(50% - 9em);
}
.customNumberThree {
position: absolute;
right: 0%;
top: 37.5em
}
.customCardThree {
position: absolute;
top: 43em;
right: -11%;
}
.customServiceLavoriamoLine {
height: 85em;
position: relative;
margin-top: -20em;
margin-left: 5em;
width: calc(100% - 15em)
}
.customServiceLine {
position: relative;
right: 0em;
top: 0em;
width: 100%;
}
@media (min-width: 1600px) and (max-width: 2100px) {
.decorationHeaderService1 {
position: absolute;
width: 48em;
right: 0em;
top: 4em;
}
.negative-margin-index-service {
margin-top: -1.5em;
margin-left: 1em !important;
}
.decorationServiceBubble1 {
position: absolute;
right: 26em;
top: 11em;
z-index: 0;
}
.customCardOne {
position: absolute;
top: 5em;
left: -1%;
}
.customNumberTwo {
position: absolute;
right: calc(50% + 0em);
top: 22em
}
.customCardTwo {
position: absolute;
top: 28em;
right: calc(50% - 15em);
}
.customNumberThree {
position: absolute;
right: 0%;
top: 48.5em
}
.customCardThree {
position: absolute;
top: 55.5em;
right: -11%;
}
.decorationServiceBubble4 {
position: absolute;
left: -9%;
top: 51em;
}
}
@media (min-width: 990px) and (max-width: 1370px) {
.decorationHeaderService1 {
position: absolute;
right: 0em;
top: 4em;
}
.negative-margin-index-service {
margin-top: -1.5em;
margin-left: 1em !important;
}
.decorationServiceBubble1 {
position: absolute;
right: 13em;
top: 10.5em;
z-index: 0;
}
.customNumberTwo {
position: absolute;
right: calc(50% + -2em);
top: 16em
}
.customNumberThree {
position: absolute;
right: 0%;
top: 32em
}
.customCardThree {
position: absolute;
top: 37.5em;
right: -11%;
}
.decorationServiceBubble4 {
position: absolute;
left: -14%;
top: 50em;
}
}
@media (max-width: 900px) {
.negative-margin-index-service {
margin-top: 0em;
margin-left: 0em !important;
}
.negative-margin-index {
margin-left: 0em !important;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.customServiceLavoriamoLine {
height: 66em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customServiceLine {
position: relative;
left: 30%;
top: 2em;
width: 30%;
height: 41em;
}
.customNumberOne {
position: absolute;
left: 13.9em;
top: 2em;
}
.customCardOne {
position: absolute;
top: 2em;
left: 67%;
width: 15em;
}
.customNumberTwo {
position: absolute;
right: calc(50% + -4.3em);
top: 20em
}
.customCardTwo {
position: absolute;
top: 20em;
left: 67%;
width: 15em;
}
.customNumberThree {
position: absolute;
left: 38%;
top: 39.5em
}
.customCardThree {
position: absolute;
top: 40em;
left: 67%;
width: 15em;
}
}
@media (min-width: 427px) and (max-width: 767px) {
.customServiceLavoriamoLine {
height: 66em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customServiceLine {
position: relative;
left: 30%;
top: 2em;
width: 30%;
height: 41em;
}
.customNumberOne {
position: absolute;
left: 2.9em;
top: 2em;
}
.customCardOne {
position: absolute;
top: 2em;
left: 75%;
width: 15em;
}
.customNumberTwo {
position: absolute;
right: calc(50% + -5.6em);
top: 20em
}
.customCardTwo {
position: absolute;
top: 20em;
left: 75%;
width: 15em;
}
.customNumberThree {
position: absolute;
left: 2.2em;
top: 39.5em
}
.customCardThree {
position: absolute;
top: 40em;
left: 75%;
width: 15em;
}
.decorationServiceBubble3 {
position: absolute;
left: 22em;
top: -9.3em;
height: 1.5em;
}
}
@media (max-width: 426px) {
.customServiceLavoriamoLine {
height: 66em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customServiceLine {
position: relative;
left: 30%;
top: 2em;
width: 30%;
height: 41em;
}
.customNumberOne {
position: absolute;
left: 2.9em;
top: 2em;
}
.customCardOne {
position: absolute;
top: 2em;
left: 75%;
width: 15em;
}
.customNumberTwo {
position: absolute;
right: calc(50% + -5.6em);
top: 20em
}
.customCardTwo {
position: absolute;
top: 20em;
left: 75%;
width: 15em;
}
.customNumberThree {
position: absolute;
left: 2.2em;
top: 39.5em
}
.customCardThree {
position: absolute;
top: 40em;
left: 75%;
width: 15em;
}
.decorationServiceBubble3 {
position: absolute;
left: 22em;
top: -9.3em;
height: 1.5em;
}
}
@media (max-width: 420px) {
.customServiceLavoriamoLine {
height: 66em;
position: relative;
margin-top: 0em;
margin-left: 0em;
width: calc(100% - 15em)
}
.customServiceLine {
position: relative;
left: 30%;
top: 2em;
width: 30%;
height: 41em;
}
.customNumberOne {
position: absolute;
left: 1.9em;
top: 2em;
}
.customCardOne {
position: absolute;
top: 2em;
left: 75%;
width: 15em;
}
.customNumberTwo {
position: absolute;
right: calc(50% + -5.7em);
top: 20em
}
.customCardTwo {
position: absolute;
top: 20em;
left: 75%;
width: 15em;
}
.customNumberThree {
position: absolute;
left: 16%;
top: 39.5em
}
.customCardThree {
position: absolute;
top: 40em;
left: 75%;
width: 15em;
}
.decorationServiceBubble3 {
position: absolute;
left: 20em;
top: -10.5em;
height: 1.5em;
}
}
@media (max-width: 380px) {
.decorationServiceBubble2 {
position: absolute;
left: 17em;
top: -3em;
}
.decorationServiceBubble3 {
position: absolute;
left: 17em;
top: -14em;
height: 1.5em;
}
.customNumberOne {
position: absolute;
left: 1em;
top: 2em;
}
.customCardOne {
position: absolute;
top: 2em;
left: 80%;
width: 15em;
}
.customCardTwo {
position: absolute;
top: 20em;
left: 80%;
width: 15em;
}
.customNumberThree {
position: absolute;
left: 6%;
top: 39.5em
}
.customCardThree {
position: absolute;
top: 39.5em;
left: 80%;
width: 15em;
}
}
@media (max-width: 375px) {
.decorationServiceBubble2 {
position: absolute;
left: 17em;
top: -3em;
}
.decorationServiceBubble3 {
position: absolute;
left: 17em;
top: -14em;
height: 1.5em;
}
.customNumberOne {
position: absolute;
left: 1.4em;
top: 2em;
}
.customCardOne {
position: absolute;
top: 2em;
left: 5.7em;
width: 15em;
}
.customCardTwo {
position: absolute;
top: 20em;
left: 5.7em;
width: 15em;
}
.customNumberThree {
position: absolute;
left: 0.8em;
top: 39.5em
}
.customCardThree {
position: absolute;
top: 39.5em;
left: 5.7em;
width: 15em;
}
}
@media (max-width: 361px) {
.decorationServiceBubble2 {
position: absolute;
left: 17em;
top: -4em;
}
.decorationServiceBubble3 {
position: absolute;
left: 17em;
top: -11.3em;
height: 1.5em;
}
.customNumberOne {
position: absolute;
left: 1em;
top: 2em;
}
.customCardOne {
position: absolute;
top: 2em;
left: 5.7em;
width: 15em;
}
.customCardTwo {
position: absolute;
top: 20em;
left: 5.7em;
width: 15em;
}
.customNumberThree {
position: absolute;
left: 0.4em;
top: 39.5em;
}
.customCardThree {
position: absolute;
top: 39.5em;
left: 5.7em;
width: 15em;
}
}
/*------------------------------------- Pagina "Portfolio" -------------------------------------*/
.customTag {
display: inline-block;
padding: 9px 19px;
margin-right: 4px;
margin-top: 4px;
gap: 8px;
height: 33px;
background: rgba(255, 255, 255, 0.2);
border-radius: 5px;
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 15px;
}
/*------------------------------------- Componente "Contact Form" -------------------------------------*/
.contactFormSection {
background-color: #9DC3E5;
border-bottom-left-radius: 22em;
border-top-right-radius: 17em;
text-align: left;
margin-top: 14em;
}
.customContactOk {
display: none;
background-color: rgba(255, 255, 255, 0.9);
color: rgba(2, 22, 36, 1);
text-align: start;
font-style: normal;
font-weight: 400;
font-size: 14px;
}
@media (max-width: 900px) {
.contactFormSection {
background-color: #9DC3E5;
border-bottom-right-radius: 30em;
border-bottom-left-radius: 0em;
border-top-right-radius: 4em;
border-top-left-radius: 4em;
text-align: left;
margin-top: 5em;
padding-bottom: 4em;
}
}
/*------------------------------------- Pagina "Candidatura" -------------------------------------*/
.customCandidaturaSection {
height: 14em;
position: relative;
margin-bottom: -10em;
}
.customCandidaturaSectionFooter {
height: 15em;
position: relative;
margin-bottom: -10em;
}
.decorationCandidaturaDesk {
position: absolute;
right: -3em;
top: -2em;
}
.decorationCandidaturaMobile {
position: absolute;
left: calc(100% - 4em);
top: 1em;
height: 2em;
}
.decorationCandidatura1 {
position: absolute;
left: -9em;
top: 1em;
width: 2em
}
.decorationCandidatura2 {
position: absolute;
left: -6em;
top: 3em;
width: 5em
}
.customCandidaturaForm,
.customContactForm {
width: 100%;
background-color: #3A4856;
color: white;
box-shadow: 0px 80.6px 105.701px rgba(51, 51, 51, 0.1);
border-radius: 20px;
margin-left: 0em;
margin-right: 0em !important;
}
.customContactForm {
position: relative;
}
.input-custom,
.input-custom:focus {
background-color: rgba(10, 10, 20, .3);
color: #E6EEF7;
border-color: rgba(255, 255, 255, .3);
}
.CandidaSectionBtn {
text-decoration: none;
color: white;
}
.CandidaSectionBtn:hover {
color: #9DC3E5;
}
.customStartupOk {
display: none;
background-color: rgba(255, 255, 255, 0.9);
color: rgba(2, 22, 36, 1);
text-align: start;
font-style: normal;
font-weight: 400;
font-size: 14px;
}
@media (min-width: 1200px) {
.customContactForm {
top: -12em;
margin-bottom: -12em;
}
}
@media (min-width: 425px) and (max-width: 1200px) {
.customCandidaturaSection {
height: 11em;
position: relative;
margin-bottom: -10em;
}
.customCandidaturaForm {
width: 93%;
background-color: #3A4856;
color: white;
box-shadow: 0px 80.6px 105.701px rgba(51, 51, 51, 0.1);
border-radius: 20px;
margin-left: 2em;
margin-right: 1em !important;
}
}
@media (min-width: 427px) and (max-width: 767px) {
.customCandidaturaForm {
width: 93%;
background-color: #3A4856;
color: white;
box-shadow: 0px 80.6px 105.701px rgba(51, 51, 51, 0.1);
border-radius: 20px;
margin-left: 0.8em;
margin-right: 1em !important;
}
.decorationCandidaturaMobile {
position: absolute;
left: calc(100% - 1em);
top: 1em;
height: 2em;
}
}
@media (max-width: 426px) {
.customCandidaturaForm {
width: 93%;
background-color: #3A4856;
color: white;
box-shadow: 0px 80.6px 105.701px rgba(51, 51, 51, 0.1);
border-radius: 20px;
margin-left: 0.8em;
margin-right: 1em !important;
}
.decorationCandidaturaMobile {
position: absolute;
left: calc(100% - 1em);
top: 1em;
height: 2em;
}
}
@media (max-width: 420px) {
.customCandidaturaForm {
width: 93%;
background-color: #3A4856;
color: white;
box-shadow: 0px 80.6px 105.701px rgba(51, 51, 51, 0.1);
border-radius: 20px;
margin-left: 0.8em;
margin-right: 1em !important;
}
.decorationCandidaturaMobile {
position: absolute;
left: calc(100% - 4em);
top: 3em;
height: 2em;
}
}
/*------------------------------------- Pagina "PortfolioDettaglio" -------------------------------------*/
.btnPortfolio {
background-color: rgba(230, 238, 247, 1);
width: 210px;
height: 50px;
box-shadow: 0px 24px 34px rgba(32, 70, 100, 0.1);
border-radius: 10px;
border: 1px;
border-color: rgba(4, 39, 62, 1);
font-family: 'Raleway';
color: rgba(4, 39, 62, 1);
font-weight: 600;
font-size: 14px;
line-height: 16.44px;
text-align: center;
}
.navbar-lang-picker.dropdown-menu {
background-color: rgba(4, 39, 62, 1);
min-width: 5em;
left: 0em;
}
.navbar-lang-picker .dropdown-item:hover {
background-color: rgba(4, 39, 62, 1);
}
.dropdown-item {
text-align: center;
}
.darker-header-on-index {
border-bottom-right-radius: 20em;
}
.light-subtitle {
color: #9DC3E5;
}
@media (max-width: 1024px) {
.navbar-lang-picker.dropdown-menu {
min-width: 5em;
top: 3.6em;
left: 21.9em;
}
}
@media (max-width: 800px) {
.navbar-lang-picker.dropdown-menu {
min-width: 5em;
top: 3.6em;
left: 20.3em;
}
}
@media (max-width: 590px) {
.navbar-lang-picker.dropdown-menu {
min-width: 5em;
top: 3.5em;
left: 8.4em;
}
}
/*------------------------------------- Componente "Footer" -------------------------------------*/
.footerCustom {
width: 100%;
color: white;
margin-top: 4em;
}
.footerDecoration {
height: 1px;
width: 100%;
background-color: grey;
}
.footerText {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
}
.number-with-dots li {
list-style-type: decimal-leading-zero;
padding-left: 1em;
position: relative;
}
.number-with-dots .dot-a {
position: absolute;
display: block;
width: 1.5em;
height: 1.5em;
background-image: url('/img/bubble_4_desktop.svg');
background-repeat: no-repeat;
background-size: 1.5em;
left: -1em;
top: 0.25em;
}
.number-with-dots .dot-b {
position: absolute;
display: block;
width: 1.5em;
height: 1.5em;
background-image: url('/img/bubble_6_desktop.svg');
background-repeat: no-repeat;
background-size: 1.5em;
left: -2em;
top: -0.5em;
}
.policy a,
.policy a:visited {
color: white;
}
.customServiceFacciamoDecoration {
position: absolute;
left: -12%;
top: 50em
}
/*------------------------------------- Componente "CandidaSection" -------------------------------------*/
.customCandidaHeader {
min-height: 600px;
min-width: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.bubbleSection {
position: relative;
right: -8em;
top: -18em;
z-index: 0;
}
.decorationSix {
position: relative;
left: -20em;
top: 3em;
z-index: 2;
}
.decorationDex {
position: relative;
right: -20em;
top: -2em;
z-index: 0;
}
.boxCandidaBlu {
position: absolute;
background: rgba(142, 168, 192, 1);
border-radius: 10px;
width: 80%;
height: 14em;
margin-top: 1em;
z-index: 1;
}
.boxCandida {
position: relative;
top: 5em;
right: -11em;
background: linear-gradient(to right,#9DC3E5 0%, #04273E 50%);
color: white;
border-radius: 10px;
height: 4em;
border: none;
width: 30em;
}
.boxCandida:hover{
color: #04273E;
background: #9DC3E5;
}
.textBoxCandida {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 125%;
text-align: center;
}
@media (max-width: 428px) {
.bubbleSection {
position: relative;
right: -8em;
top: -15em;
width: 18%;
}
.decorationDex {
position: relative;
right: -10em;
top: 0.5em;
height: 25em;
z-index: 0;
}
.boxCandidaBlu {
position: absolute;
background: rgba(142, 168, 192, 1);
border-radius: 10px;
width: 87%;
height: 19em;
margin-top: 1em;
z-index: 1;
}
.boxCandida {
position: relative;
top: -1em;
left: 0.3em;
background-color: #04273E;
color: white;
border-radius: 10px;
height: 5em;
width: 19em;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.bubbleSection {
position: relative;
right: 3em;
top: -17em;
width: 10%;
}
.decorationDex {
position: relative;
right: -12em;
top: -2em;
z-index: 0;
height: 25em;
}
.boxCandidaBlu {
position: absolute;
background: rgba(142, 168, 192, 1);
border-radius: 10px;
width: 87%;
height: 19em;
margin-top: -4em;
z-index: 1;
}
.boxCandida {
position: relative;
top: -1em;
left: 0.3em;
background-color: #04273E;
color: white;
border-radius: 10px;
height: 5em;
width: 19em;
}
}
@media (min-width: 990px) and (max-width: 1370px) {
.decorationSix {
position: relative;
left: -16em;
top: 3em;
z-index: 2;
}
.boxCandida {
position: relative;
top: 5em;
right: -11em;
background-color: #04273E;
color: white;
border-radius: 10px;
height: 4em;
width: 26em;
}
.decorationDex {
position: relative;
right: -14em;
top: -2.8em;
z-index: 0;
}
}
@media (min-width: 1600px) and (max-width: 2100px) {
.decorationSix {
position: relative;
left: -25em;
top: 3em;
z-index: 2;
}
.decorationDex {
position: relative;
right: -30em;
top: -2em;
z-index: 0;
}
.boxCandida {
position: relative;
top: 5em;
right: -19em;
background-color: #04273E;
color: white;
border-radius: 10px;
height: 4em;
width: 32em;
}
}
/*------------------------------------- Componente "sliderPortfolio" ------------------------------------*/
.rowSlider {
position: relative;
z-index: 0;
padding-bottom: 1em;
width: 100%;
}
.rowSlider-rowCarousel .slick-slide {
/* margin-top: 5em; */
z-index: 1;
position: relative;
cursor: pointer;
}
.rowSlider-rowCarousel .slick-slide.partially-visible {
opacity: 0.5;
transform: scale(0.95);
}
.rowSlider-card {
background: rgba(4, 39, 62, 1);
border: 1px solid #888;
border-radius: 2em;
height: 30em;
}
.sliderCardText {
font-size: 80%;
}
.rowSlider-image {
margin-bottom: -3em;
width: calc(100% + 1em);
}
.decorationSlider1 {
position: absolute;
bottom: 2em;
left: 4em;
}
.decorationSlider2 {
position: absolute;
top: -5em;
right: 1em;
}
/* Desktop - resolution 2560x1440 */
@media (max-device-width: 2560px) and (max-device-height: 1440px) {
.rowSlider-image {
margin-bottom: -3em;
width: calc(100% + 2em);
}
.rowSlider-rowCarousel {
margin-top: 1em;
}
.rowSlider-card {
height: 37em;
}
}
/* Desktop - resolution 1920x1080 */
@media (max-device-width: 1920px) and (max-device-height: 1080px) {
.rowSlider-image {
margin-bottom: -3em;
width: calc(100% + 1.6em);
}
.rowSlider-rowCarousel {
margin-top: 1em;
}
.rowSlider-card {
height: 30em;
}
}
/* Desktop - Surface Pro 7 horizontal */
@media (max-device-width: 1370px) and (max-device-height: 768px) {
.rowSlider-card {
height: 28em;
min-width: 18.5em;
}
}
/* Tablet - Surface Pro 7 vertical */
@media (min-width: 900px) and (max-width: 1400px) {
.rowSlider-rowCarousel {
margin-top: 1em;
}
}
/* Tabelt - iPad Air */
@media (min-width: 780px) and (max-width: 900px) {
.rowSlider-rowCarousel {
margin-top: 2em;
}
}
/* Tablet - iPad Mini */
@media (min-width: 500px) and (max-width: 780px) {
.rowSlider-rowCarousel {
margin-top: 2em;
}
}
@media (min-width: 427px) and (max-width: 767px) {
.rowSlider {
padding-bottom: 1em;
margin-top: -4em;
width: 20em;
left: 1em;
}
.rowSlider-card {
height: 28em;
min-width: 18.5em;
}
.rowSlider-image {
margin-bottom: -3em;
width: calc(100% + 1em);
}
}
/* Mobile - iPhone 12 Pro */
@media (max-width: 426px) {
.rowSlider {
padding-bottom: 1em;
margin-top: -4em;
width: 20em;
left: 1em;
}
.rowSlider-card {
height: 28em;
min-width: 18.5em;
}
.rowSlider-image {
margin-bottom: -3em;
width: calc(100% + 1em);
}
}
/* Mobile - iPhone 12 Pro */
@media (max-width: 400px) {
.rowSlider {
padding-bottom: 1em;
margin-top: -4em;
width: 20em;
left: 0.2em
}
.rowSlider-card {
height: 28em;
min-width: 18.5em;
}
.rowSlider-image {
margin-bottom: -3em;
width: calc(100% + 1em);
}
}
/* Mobile S */
@media (max-width: 375px) {
.rowSlider-rowCarousel {
margin-top: 1em;
}
.rowSlider {
padding-bottom: 1em;
margin-top: -4em;
width: 20em;
left: -0.2em;
}
.rowSlider-card {
height: 28em;
min-width: 18.5em;
}
}
/* Mobile S */
@media (max-width: 361px) {
.rowSlider-rowCarousel {
margin-top: 1em;
}
.rowSlider {
padding-bottom: 1em;
margin-top: -4em;
width: 20em;
left: -0.2em;
}
.rowSlider-card {
height: 28em;
min-width: 17em;
}
}
/*------------------------------------- Pagina "Privacy" ------------------------------------*/
.table {
color: white;
}