/*--- Start Variabili custom ---------------------------------*/


@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');

:root {
	--main-color: #003b5e;
	--accent-color: #9f297a;
	--main-font: 'Roboto', sans-serif;
	--alt-font: 'Poppins',sans-serif;
	--accent-font: 'Nanum Pen Script', cursive;
	--body-font-size: 16px;
	--blog-prima: rgb(64 153 255);
	--blog-prima-rgb: 64 153 255;
	--blog-seconda: #8bc34a;
	--blog-terza: #ff9800;

}
  
/* utilizzo: var(--nome-variabile); */

/*--- Variabili custom applicate ---------------------------------*/

body {
  font-size: var(--body-font-size);
  font-family: var(--main-font);
}

.border-color-main-color {
	border-color: var(--main-color) !important
}

.btn, .mfp-close, .slider-vertical .swiper-number-pagination, .tooltip-inner, .home-spa-salon .tp-tab-title {
  font-family: var(--main-font);
}

.text-main-color {
  color: var(--main-color)
}

.prima .text-main-color {
  color: var(--blog-prima)
}
.seconda .text-main-color {
  color: var(--blog-seconda)
}
.terza .text-main-color {
  color: var(--blog-terza)
}

.text-accent-color {
  color: var(--accent-color)
}

.bg-main-color {
  background-color: var(--main-color)
}


.bg-main-color-transparent {
    background-color: var(--main-color);
    opacity: .5 !important;
}

.prima .bg-color-transparent {
	background-color: var(--blog-prima);
	opacity: .2;
}
.seconda .bg-color-transparent {
	background-color: var(--blog-seconda);
	opacity: .2;
}
.terza .bg-color-transparent {
	background-color: var(--blog-terza);
	opacity: .2;
}

.bg-accent-color {
  background-color: var(--accent-color)
}

.main-font {
  font-family: var(--main-font) !important
}

.accent-font {
  font-family: var(--accent-font) !important
}

.alt-font {
  font-family: var(--alt-font) !important
}

.btn.btn-main-color {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}

.btn.btn-main-color:focus, .btn.btn-main-color:hover {
    background: 0 0;
    color: var(--main-color);
}


/*--- Variabili custom applicate ---------------------------------*/



h2 {
    font-size: 2.8rem;
    line-height: 3.8rem;
}

.bg-gradient-bianco {
    background-image: linear-gradient(to top, #ffffff05, #ffffff, #ffffff);
}



b, strong {
    font-weight: 800;
}

.alt-font strong {
    font-weight: 900;
}

.overlap-image {
    margin-bottom: -120px;
}




/* immagini per mobile ----------------- */

.img-mobile{
   display: none;
}

@media only screen and (max-width: 778px){
   .img-desktop{
     display: none;
   }

   .img-mobile{
     display: block;
   }
}

/* immagini per mobile ----------------- */

.bg-header-digenn {
        background: #ffffff;
    border-bottom: 2px solid #9f297a;
}

.logo-quadrato {
    height: 150px;
    max-height: 150px!important;
    position: absolute;
    background: #ffffff;
    padding: 10px;
    border-radius: 20px;
    transition: 4s;
    box-shadow: 0 0 15px #003b5e99;
}

.sticky .logo-quadrato {
    display:none !important;
	transition: 4s;
}
.footer-digital-agency.footer-light a:hover {
    color: #296fe7;
}

.bg-gradient-fast-blue-purple {
    background-image: linear-gradient(to right top,#30447e,#296fe7);
}

h5 {
    font-size: 2rem;
    line-height: 2.4rem;
}

@media (max-width: 767px) {
    .bg-header-digenn {
    border-bottom: 2px solid #ffffff94;
}
}

.bg-moduli-contatti {
    background-image: linear-gradient(to right top, rgb(239 141 14), rgb(153 32 127));
}



.text-gradient-sky-blue-pink-2 {
    background: linear-gradient(to right top, rgb(239 141 14), rgb(153 32 127));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 767px) {
    .navbar.navbar-boxed {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 991px) {
    .navbar.navbar-boxed {
        padding-left: 15px;
        padding-right: 15px;
    }
}


h1 {
	font-size: 4.7rem;
}

@media (max-width: 991px) {
	[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse {
		max-width: 100vw;
	}
}

body {
	max-width: 100vw;
}