/* GENERAL */

* {
   box-sizing: border-box;
}	
	
body {
	margin: 0;
	font-family: 'Encode Sans', sans-serif;
	text-rendering: optimizeLegibility;
	background: #004872;
	font-size: 18px;
	color: #004872;
}

a {
	text-decoration: none;
	padding-bottom: 0;
	
}

a:active,
a:focus {
	outline: none;
	text-decoration:none;
}

.align-left {
	text-align:left;
}

.align-center {
	text-align:center;
}

.align-right {
	text-align:right;
}

ul{
	padding:0;
	margin:0;
	list-style-type:none;
}


/* NAVBAR */

.reveals {
  cursor: pointer;
  padding-right:27px!important;
}

.topmenu {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 25px;
	/*background-color:rgba(0,72,114,0.8);*/
	color:white;
	width: 100%;
	box-sizing: border-box;	
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
}

.menu-top {
	width:100%;
	max-width:1200px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.topmenu .flags {
	color: white;
	height: 50px;
	line-height: 55px;
	font-size: 24px;
	float: right;
	font-weight: bold;
}

.flags-right:first-child {
  margin-right: 10px	
}

.topmenu nav {
	float: left;
}

.topmenu nav ul{
	margin: 0;
	padding: 0;
	display: flex;
}

.topmenu nav ul li{
	list-style: none;
	position: relative;
}


.topmenu nav ul li ul{
	position: absolute;
	left: 0;
	background-color: #fbfbfb;
	display: none;
}

.topmenu nav ul li.selected ul{
	display: block;
}

.topmenu nav ul li ul li{
	display: block;
	width: 200px;
}

.topmenu nav ul li a {
   height: 15vh;
   line-height: 15vh;
   padding: 0 6px;
   color: #004872;
   text-decoration: none;
   display: block;
   font-size: 30px;
   margin: 0 3px;
   transition:1s;
}

.flag-mob {
	display: none;
}

.topmenu nav ul li a:hover{
   color:#0583bc;
   border-bottom:3px solid #0583bc;
}

.topmenu nav ul li a.active{
   /*color:#e20079;
   border-bottom:1px solid #e20079;*/
   color:#0583bc;
   border-bottom:3px solid #0583bc;
}

.toggle-nav {
	color: #fff;
	float: left;
	line-height: 50px;
	font-size: 24px;
	cursor: pointer;
	display: none;
}

.topmenu nav ul li.submenu::before {
    content: '\f107';
    font-family: fontAwesome;
    position: absolute;
    line-height: 50px;
    color: inherit;
    right: 8px;
}

.topmenu nav ul li.selected.submenu::before {
    content: '\f106';
}

.flags {
	display:none;
}

.logo-nav {
	width:150px;
	height:auto;
	/*position:fixed;*/
	/*top:-13px;
	top:5px;
	right:25px;*/
}

.logo-nav img {
	width:100%;
}

.fa-bars::before {
    color: white;
}

/* HEADER */

header {
	width:100%;
	display:block;
	/*background:linear-gradient(20deg, #002941, #e20079);*/
}

.header-home-bg {
	width:100%;
	height:100vh!important;
	overflow:hidden;
	clear:both;
	text-align:center;
}

.header-contatti-bg, .header-prezzi-bg, .header-web-bg, .header-graphic-bg {
	width: 100%;
	height: 500px;
	overflow: hidden;
	clear: both;
	text-align: center;
	border-bottom:3px solid #ffffff;
}

.header-contatti-bg {
	background: url(../images/header/page/santi_design_contatti-2.jpg);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.header-prezzi-bg {
	background: url(../images/header/page/santi_design_prezzi.jpg);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.header-web-bg {
	background: url(../images/header/page/santi_design_web-design.jpg);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.header-graphic-bg {
	background: url(../images/header/page/santi_design_graphic.jpg);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-size: auto;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.header-page-bg-opacity {
	width: 100%;
	height:500px;
	background-color: rgba(0, 0, 0, 0.5);
	padding-top: 200px;
}

.header-page-bg-opacity h3 {
	/*margin-top: 200px;*/
	font-size:40px;
	color:white;
}

.logo-header {
	width: 100%;
	height: 30vh;
	display: flex;
	position: absolute;
	top: 20vh;
	left:0;
}

.logo-header img {
	width: 30vh;
	margin: auto;
}

.under-header{
	width:100%;
	height:200px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:380px;;
}

.under-header-inner {
	width:200px;
	height:200px;
	margin:auto;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	background-color:rgba(255, 255, 255, 0.8);
}

.under-header-inner img {
	width:100%;
	height:auto;
	margin:auto;
}

.header-page-bg-opacity {
  width: 100%;
  height: 500px;
  background-color: rgba(0, 0, 0, 0.5);
  padding-top: 200px;
}

.header-page-bg-opacity h3 {
	font-family: "Bowlby One", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(38px,10vw,90px);
	text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
	letter-spacing: 3px;
	margin:0;
}

/* CONTENT */

.wrapper {
	/*background-color:#002941;*/
	background-color:#004872;
	color: #fff;
	margin:0;
	overflow:hidden;
}

.wrapper-transparent {
	color: #004872;
	margin:0;
	overflow:hidden;
}

.row {
	width:100%;
	height:auto;
	/*padding:0 25px;*/
	display:flex;
	flex-direction:row;
}

.row:after {
	content: "";
	display: flex;
	flex-direction:row;
	clear: both;
}

.row-column {
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
}

.row-column:after {
	content: "";
	display: flex;
	flex-direction:column;
	clear: both;
}

/*HOME CONTENT*/

.inner-row-services {
	width:100%;
	height:auto;
	background:url(../images/services/background/santi_design_background_services_pc_home-02.jpg);
	background-size:cover;
	background-position: center;
}

.inner-row-services-opacity {
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:rgba( 0, 72, 114, 1);
	/*background-color:rgba( 7, 131 , 188, 0.5);*/
	color:white;
}

.card-wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 50px 25px 18px 25px;
}

/*.card-services {
	width:45%;
	max-width: 600px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-shrink: 0;
}*/

.card-services {
	width:25%;
	max-width: 600px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-shrink: 0;
}

.card-title {
	margin-bottom:18px;
	font-size:25px;
	/*color: #f6e71b;*/
	color:#ffff00;
}

.card-title em {
	font-weight:600;
}

.uppercase {
	text-transform: uppercase;
}

.card-square {
	width:200px;
	height:200px;
	display:flex;
	flex-shrink: 0;
	border-radius:50%;
	background-color:rgba(255, 255, 255, 0.7);
}

.card-square img {
	margin:auto;
}

.first-second-img {
	width:100%;
	height:auto;
}

.last-img {
	width:100px;
	height:auto;
	/*width:auto;
	height:100px;*/
}

.title-sec-2 {
	font-family: "Bowlby One", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 100%;
	margin: 150px 0 50px 0;
	text-align:center;
	font-size: clamp(45px,12vw,90px);
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow:4px 4px 0 rgba(0, 0, 0, 0.5);
}

.text-sec-2 {
	width:70%;
	max-width:1200px;
	display:flex;
	flex-direction:column;
	margin-bottom:100px;
	justify-content:center;
	align-items:center;
	text-align:center;
	line-height: 1.2em;
}

.text-sec-2 span {
	font-family: "Bowlby One", sans-serif;
	font-size:35px;
	color:white;
	text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
	margin-top: 20px;
	line-height: 1.2em;
}

.inner-row-home {
	padding:50px 25px 50px 25px;
	width:100%;
}

.home-one-column-flex {
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.card-2-in-a-row {
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	margin-bottom:50px;
	max-width:1200px;
}

.card-2-in-a-row-inner {
	width:90%;
	margin-bottom:50px;
	padding: 0 15px;
}

.card-2-in-a-row-inner img {
	width:200px;
	height:auto;
	background-color:#004872;
	padding:10px;
	border-radius:50%;
	box-shadow: 0 0 15px #ffffff;
    margin-top: 15px;
	z-index: 2;
	position: relative;
}

.card-2-in-a-row-inner em {
	font-size:25px;
	font-weight:600;
}

.card-2-in-a-row-inner article {
	padding:10px;
	background:linear-gradient(45deg, rgba(0, 72, 114, 0.2), rgba(0, 72, 114, 0.8));
	z-index: 1;
	position: relative;
	margin-top:-20px;
}


.align-right {
	text-align:right;
	margin:0 0 0 auto;
}

.bg-gradiente-1 {
	/*background: linear-gradient(20deg, #efefef, #fff);*/
	background: linear-gradient(20deg, #004872, #1d70b7);
}

.card-gallery-home {
	width:100%;
	max-width:1000px;
	height:auto;
	display:flex;
	justify-content:center;
	gap:0 20px;
	margin: 50px auto;
}

.card-gallery-home-2 {
	width:100%;
	max-width:3000px;
	height:auto;
	display:flex;
	justify-content:center;
	gap:0 20px;
	margin: 50px auto;
}

.box-gallery-home {
	width:/*240px*/ 230px;
	height:auto;
	/*padding:0 10px;*/
}

.box-gallery-home:first-child {
	margin:0;
}

.box-gallery-home a {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	/*color:#004872;*/
	color:#ffff00;
	transition:1s;
}

.box-gallery-home a:hover, .card-link-2:hover {
	filter: grayscale(100%);
}

.box-gallery-home a img {
	width:100%;
	height:100%;
}

.box-gallery-home a span {
	margin:20px 0 0 0;
}

.card-title-2 {
	margin-bottom:30px;
	text-align:center;
}

.card-title-2 span {
	font-weight:600;
	line-height:2em;
}

.card-link-2{
	/*color:#004872;*/
	color:#0583bc;
	transition:1s;
}

.dir-column {
	flex-direction:column;
}

.offer-box-left-bg-1, .offer-box-left-bg-2, .offer-box-right-1, .offer-box-right-2 {
	width:100%;
	height:400px;
	display:flex;
	padding:20px;
}

.offer-box-left-bg-1 {
	justify-content:flex-start;
	align-items:flex-end;
	background:url(../images/contents/home/santi_design_web_graphic_design_project_home_2500.avif) no-repeat;
	background-size:cover;
	background-position:center center;
}

.offer-box-left-bg-2 {
	justify-content:flex-start;
	align-items:flex-end;
	background:url(../images/contents/home/santi_design_web_graphic_design_analyses-02_home_2500.avif) no-repeat;
	background-size:cover;
	background-position:center right;
}

.offer-box-right-1 {
	justify-content:flex-end;
	align-items:flex-end;
	background:url(../images/contents/home/santi_design_web_graphic_design_maintenance_home_2500.avif) no-repeat;
	background-size:cover;
	background-position:center center;
}

.offer-box-right-2 {
	justify-content:flex-end;
	align-items:flex-end;
	background:url(../images/contents/home/santi_design_web_graphic_design_strategy_home_2500.avif) no-repeat;
	background-size:cover;
	background-position:center center;
}

.offer-box-left-bg-1 span, .offer-box-left-bg-2 span, .offer-box-right-1 span, .offer-box-right-2 span {
	color:white;
	font-style:italic;
	font-weight: 900;
	text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.5);
	font-size:35px!important;
	padding: 6px;
}

/* PAGE CONTENT */

.margin-t-100px {
	margin-top:100px;
}

.margin-b-50px {
	margin-bottom:50px;
}

.inner-row-services-2 {
	width:100%;
	height:auto;
}

.bg-2 {
	background:url(../images/contents/pagine/santi-design_web-design-1.jpg);
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
}

.bg-2-1 {
	width:100%;
	height:100vh;
	background:url(../images/contents/pagine/santi-design_web-design-1.jpg);
	background-size:100vh auto;
	background-position:center top!important;
	background-attachment:fixed;
	position:fixed!important;
	top:0;
	left:0;
	z-index:-1;
}

.bg-3 {
	background:url(../images/contents/pagine/Santi-design_prezzi.jpg);
	background-size:cover;
	background-position:bottom center;
	background-attachment:fixed;
}

.bg-4 {
	background:url(../images/contents/pagine/santi-design_graphic-design.jpg);
	background-size:cover;
	background-position:bottom center;
	background-attachment:fixed;
}

.bg-grdiente-2 {
	background:rgba(255, 255, 255, 0.8);
}

.gap-20-wide {
	gap:20px;
}

.inner-row-page {
	padding:0 25px;
	width:100%;
}

.tabella-1 {
	max-width:800px;
	min-width:300px;
	width:80%;
	height:auto;
	margin:auto;
}

.tabella-1 ul {
	width:100%;
	list-style:none;
}

.tabella-1 ul li {
	display:flex;
	line-height:2em;
	padding:0 10px;
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
	border-top:2px solid #FFF;
}

.tabella-1 ul li:last-child {
	border-bottom:2px solid #FFF;
}

.titolo-tabella {
	background:#004872;
	/*color:#f6e71b;*/
	color:#ffff00;
	font-weight:500;
}

.testo-tabella {
	font-size:16px;
}

.colonna-1, .colonna-2 {
	width:50%;
}

.colonna-1 {
	border-right:2px solid #FFF;
}

.colonna-2 {
	padding-left:10px;
}

.info-servizio{
	width:80%;
	min-height: 2em;
	font-size:14px;
	margin:0 auto 50px auto;
}

.info-servizio strong{
	text-transform:uppercase;
	line-height: 2em;
}

.info-servizio ul{
	list-style-type:disc;
}

.info-servizio ul li{
	margin:10px 0;
	text-align:justify;
}

.card-page {
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	margin-bottom:50px;
	max-width:1200px;
}

.card-page-inner {
	width:100%;
	text-align:justify;
}

.card-page-inner-center {
	text-align:center;
}

.card-page-inner article {
	margin-bottom:50px;
}

.card-page-inner img {
	width:200px;
	height:auto;
	background-color:rgba(0, 72, 114, 0.8);
	padding:10px;
	border-radius:50%;
}

.card-page-inner em {
	font-size:25px;
	font-weight:600;
}

.card-contact {
	width:100%;
	height:auto;
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
	max-width:1200px;
}

.card-contact-inner {
	width:200px;
	text-align:center;
}

.card-contact-inner em {
	font-size:25px;
	font-weight:600;
}

.contact-image {
	width:200px;
	height:200px;
	background-color:rgba(0, 72, 114, 0.8);
	padding:10px;
	border-radius:50%;
}

.contact-image img {
	width:180px;
	height:auto;
}

/* Cookie bar */

.banner-privacy {
	z-index:2;
	position:fixed;
	bottom:-100%;
	left:20px;
	width:500px;
	height:200px;
	background: linear-gradient(0deg, #004872, rgba(5, 131, 188, 0.9));
	color:white;
	border-radius:20px;
	padding:20px;
	font-size:14px;
	transition:400ms;
	z-index: 9999;
}

.banner-privacy.show {
	bottom:20px;
}

.banner-privacy a {
	color:#002941;
}

.banner-privacy a:hover {
	color:#9ec109;
}

.banner-button {
	font-family: 'Roboto Condensed', sans-serif;
	text-rendering: optimizeLegibility;
	font-size: 18px;
	color:white;
	position:absolute;
	left:20px;
	bottom:20px;
	padding:5px 20px;
	background:#002941;
    display: inline-block;
    cursor: pointer;
	text-align:center;
	border-radius:5px;
	border:none;
	-webkit-appearance:none!important;
	-moz-appearance:none!important;
	-ms-appearance:none!important;
	-o-appearance:none!important;
	appearance:none!important;
}

.banner-button:hover {
	background:#004872;
	color:#9ec109;
}

/* FOOTER */

.footer {
	width: 100%;
	height:auto;
	min-height:500px;
	overflow: hidden;
	display:flex;
	flex-direction:column;
	background-color:#004872;
}

.footer a {
	color:#0583bc;
	transition:0.5s;
}

.footer a:hover {
	/*color:#f6e71b;*/
	color:#ffff00;
}

.inner-footer {
	width:100%;
	margin:25px 0 0 0;
	padding:0 25px 25px 25px;
	display:flex;
	justify-content:space-around;
}

.footer-half {
	width:45%;
}

.footer-half h1 {
	/*color:#f6e71b;*/
	color:#ffff00;
	border-bottom:1px solid #002941;
	font-weight:600;
}

.ul-padding, .footer-half h1 {
	padding-left:20px;
}

.footer ul li {
	line-height:25px;
	margin-bottom:20px;
}

.footer ul li:last-child {
	margin-bottom:0;
}

.info-container {
	width:100%;
	font-size:14px;
	background-color:#002941;
	text-align:center;
	padding:20px 0;
	margin-top:auto;
}

.info-container ul li {
	display:flex;
	justify-content:center;
	align-items:center;
}

.info-container ul li span {
	/* padding:0 20px 0 0;
	border-right:1px solid white; */
}

.info-container ul li a {
	padding:0 0 0 20px;
}

/* RESPONSIVE */

@media only screen and (max-width: 3500px) { 

/* NAVIGATION */

.topmenu {
	padding: 0 20px;
	/*background-color:rgba(0,72,114,0.9);*/
}

.flags {
	display: none;	
}

.flag-mob {
	display:none;
	height: 55px;
	line-height: 50px;
}

.mob-menu {
	display: inline-block;	
}

.toggle-nav {	
	display: block;
	color: #6c7156;	
}

.topmenu nav {
	position: absolute;
	width: 100%;
	height: calc(100vh - 50px);
	/*background-color:rgba(0,72,114,0.9);*/
	top: 50px;
	left: -20%;
	transition: 0.5s;
	/*padding-top: 70px;*/
}


.topmenu nav.open {
	left: -120%;
}

.bg-skew {
	width: 100%;
	height:calc(100vh - 50px);
	background: rgba(255,255,0,0.9);
	transform:skewX(-10deg);
}

.topmenu nav ul {
	display: block;
	text-align: right;
}

.topmenu nav ul li {
    margin-top: 1px;
	transform: skewX(10deg)
}

.topmenu nav ul li a {
	border-bottom: 1px solid rgba(0,0,0,.2);
	width: 200px;
	margin: 0 10% 0 auto;	
}

.topmenu nav ul li.selected ul {
	position: relative;
	background: #fbfbfb;
	color: black;
}

.topmenu nav ul li ul li {
	width: 100%;
}

.topmenu nav ul li.submenu:before{
	content: '\f107';
	font-family: fontAwesome;
	position: absolute;
	line-height: 50px;
	color: inherit;
	right: 5px;
}

.topmenu nav ul li.selected.submenu:before{
	content: '\f106';
}

.reveals {
  padding-right:10px!important;
}

.logo-nav {
	content:url(../images/logo/logo-2022-solo-scritta.png);
	width:auto;
	height:40px;
	right:25px;
	z-index:3;
	/*display:none;*/
}

}

@media screen and (max-width: 1050px) {
 
.card-gallery-home {
    flex-wrap:wrap;
	padding:0 20px;
}

.box-gallery-home {
    margin:20px 0 0 0;
}

.box-gallery-home:first-child {
    margin:20px 0 0 0;
}

}

@media screen and (min-width: 1200px) {
 


}

@media only screen and (min-width: 992px) and (max-width: 1199.98px) {



}

@media only screen and (min-width: 768px) and (max-width: 991.98px) {



}

@media only screen and (max-width: 767.98px) {
	
/* PAGE CONTENT */

.card-contact {
	flex-direction:column;
	gap:50px;
	align-items:center;
}

}

@media only screen and (min-width: 576px) and (max-width: 767.98px) {
	
/*FOOTER */

.footer-half h1 {
    font-size: 30px;
}

}

@media only screen and (orientation:portrait) and (max-width: 575.98px) {

/* SLIDE */

/*.slide1, .slide2, .slide3 {
	background-size:90%!important;
}*/

/* Cookie */

.dialog-box {
	left:5%;
	right:5%;
	width:90%;
}

.banner-privacy {
	width:auto;
	right:20px
}

/* HOME CONTENT */
	
.row {
	min-height:100vh;
}

.inner-row-services-opacity {
	min-height:100vh;
}

.min-h-auto{
	min-height:200px;
	height:auto;
}

.inner-row-services-opacity {
	flex-direction:column;
	align-items: center;
	justify-content: flex-start;
}
	
.card-wrapper {
	flex-direction: column;
	align-items: center;
	gap:50px;
}

.card-services {
	width: 80%;
}

.card-services:last-child {
	/*margin-bottom: 50px;*/
}

.card-square {
	/*width:150px;
	height:150px;*/
	margin-top:5px;
}

.first-second-img {
	width: 100%;
	height: auto;
}

.last-img {
	width:100%;
	height: auto;
}

.card-2-in-a-row-inner, .align-right, .card-page-inner {
	width:100%;
    text-align: center;
}

.card-gallery-home {
    flex-wrap:wrap;
}

.box-gallery-home {
    margin:20px 0 0 0;
}

.box-gallery-home:first-child {
    margin:20px 0 0 0;
}

/* PAGE CONTENT */

.card-contact {
	flex-direction:column;
	gap:50px;
	align-items:center;
}

/* FOOTER */

.footer {
	background-position: left top;
	background-size:100%;
}

.inner-footer {
    flex-direction:column;
    align-items: center;
	padding:0 10px 25px 10px;
}

.footer-half {
    width: 100%;
}

.footer-half h1 {
    font-size: 30px;
}

.info-container {
	padding:20px 10px;
}

.info-container ul li {
	flex-direction:column;
}

.info-container ul li span {
	border:none;
}

.info-container ul li span, .info-container ul li a {
	padding:0;
}

}

@media only screen and (orientation:landscape) and (max-height: 768px) {
	
/* HEADER */

/*.logo-header{
	top: 20vh;
}
.image {
  padding-top: 75vh!important;
}

.logo-header {
	height: 50vh;
	top: 20vh;
}

.logo-header img {
	width: 50vh;
}*/
	
}

/* FINE RESPONSIVE */

/* SLIDER */

.st-slider {
	box-sizing:content-box;
	color:white;
}

.image {
  width: 100%;
  height:100vh;
  padding-top:50vh;
}
.radio {
  display: none;
}
.images {
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.images-inner {
  width: 500%;
  transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.image-slide {
  width: 20%;
  float: left;
}

.image-slide h3 {
	font-family: "Bowlby One", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:clamp(38px,10vw,90px);
	text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
	letter-spacing:3px;
}

.image-slide span em {
	font-style: normal;
	font-size:clamp(16px,3vw,30px);
	/*text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);*/
	letter-spacing:3px;
}

.image-slide,
.fake-radio,
.radio-btn {
  transition: all 0.5s ease-out;
}

.fake-radio {
  float: right;
}

/* Move slides overflowed container */
#slide1:checked ~ .images .images-inner {
  margin-left: 0;
}
#slide2:checked ~ .images .images-inner {
  margin-left: -100%;
}
#slide3:checked ~ .images .images-inner {
  margin-left: -200%;
}




/* Color of bullets */
#slide1:checked ~ div .fake-radio .radio-btn:nth-child(1),
#slide2:checked ~ div .fake-radio .radio-btn:nth-child(2),
#slide3:checked ~ div .fake-radio .radio-btn:nth-child(3) {
  background: red;
}
.radio-btn {
  width: 9px;
  height: 9px;
  border-radius: 5px;
  background: gray;
  display: inline-block !important;
  margin: 0 1px;
  cursor: pointer;
}
/* Color of bullets - END */




/* Text of slides */
#slide1:checked ~ .labels .label:nth-child(1),
#slide2:checked ~ .labels .label:nth-child(2),
#slide3:checked ~ .labels .label:nth-child(3) {
  opacity: 1;
}

.label {
	opacity: 0;
	position: absolute;
	top:200px;
	left:20px;
}
/* Text of slides - END */



/* Calculate AUTOPLAY for BULLETS */
@keyframes bullet {
  0%, 33.32333333333334%	{
    background: red;
  }
  33.333333333333336%, 100% {
    background: gray;
  }
}


#play1:checked ~ div .fake-radio .radio-btn:nth-child(1) {
  animation: bullet 12300ms infinite -1000ms;
}

#play1:checked ~ div .fake-radio .radio-btn:nth-child(2) {
  animation: bullet 12300ms infinite 3100ms;	
}

#play1:checked ~ div .fake-radio .radio-btn:nth-child(3) {
  animation: bullet 12300ms infinite 7200ms;	
}
/* Calculate AUTOPLAY for BULLETS - END */




/* Calculate AUTOPLAY for SLIDES */
@keyframes slide {
  0%, 25.203252032520325%	{ margin-left: 0; }
  33.333333333333336%, 58.53658536585366%	{ margin-left: -100%; }
  66.66666666666667%, 91.869918699187%	{ margin-left: -200%; }
}


.st-slider > #play1:checked ~ .images .images-inner {
  animation: slide 12300ms infinite;	
}
/* Calculate AUTOPLAY for SLIDES - END */





/* Calculate AUTOPLAY for CAPTION */
@keyframes caption {
  0%, 33.32333333333334%	{
    opacity: 1;
  }
  33.333333333333336%, 100% {
    opacity: 0;
  }
}


#play1:checked ~ .labels .label:nth-child(1) {
  animation: caption 12300ms infinite -1000ms;
}

#play1:checked ~ .labels .label:nth-child(2) {
  animation: caption 12300ms infinite 3100ms;	
}

#play1:checked ~ .labels .label:nth-child(3) {
  animation: caption 12300ms infinite 7200ms;	
}
/* Calculate AUTOPLAY for CAPTION - END */
/* MIO */

.slide1 {
	/*background:url(../images/header/slide/santi_design_home_slide_1_progettazione-1.jpg);
	background:url(../images/header/slide/santi_design_home_slide_1_progettazione-72dpi-01a.jpg);*/
	background:url(../images/header/slide/santi_design_home_slide_1_progettazione-72dpi-01a.avif);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.slide2 {
	/*background:url(../images/header/slide/santi_design_home_slide_2_grafica_120dpi.jpg);
	background:url(../images/header/slide/santi_design_home_slide_2_social-media_72dpi-01.jpg);*/
	background:url(../images/header/slide/santi_design_home_slide_2_social-media_72dpi-01.avif);
	background-position:center center;
	/*background-size:450px 450px;*/
	background-size:cover;
	background-repeat:no-repeat;
}

.slide3 {
	/*background:url(../images/header/slide/santi_design_home_slide_3_branding.jpg);
	background:url(../images/header/slide/santi_design_home_slide_3_branding-72dpi-01.jpg);*/
	background:url(../images/header/slide/santi_design_home_slide_3_branding-72dpi-01.avif);
	background-position:center center;
	/*background-size:450px 450px;*/
	background-size:cover;
	background-repeat:no-repeat;
}

.slide4 {
	background:url(../images/header/slide/santi_design_home_slide_3_social_120dpi.jpg);
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.image h3 {
	margin:0;
}

/* TRANSIZIONE ORIZZONTALE */

 /* Overlay di transizione */
  .page-transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background:#004872; /*#004872*/ /* Assicurati che il colore di sfondo sia uguale alla pagina */
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 1.0s ease-in-out; /* Transizione più fluida */
  }

  /* Attiva l'animazione di entrata */
  .page-transition-active {
    transform: translateX(0);
  }