/**
 * Theme Name: Astra child
 * Template: astra
 */

body{
	line-height:  1.54em;
	font-size:  18px;
}

*{
	line-height:  1.54em;
}

ul.small-margin{
	margin-left:  30px;
}

.almost-full{
	max-width:  900px;
}

.slick-slider .case-study{
	/*max-width:  400px;*/
	padding:  20px;
	padding-right: 100px;
	padding-left: 100px;
	padding-top:  0px;
	padding-bottom:  0px;
	margin-bottom:  0px;
}

.titlebox{
	border-radius:  20px;
	margin-bottom:  20px;
	background:  #f7f6f6;
	/*min-height:  250px;*/
	max-width:  350px;	
	margin:  auto;
	height:  100%;
}

.titlebox2{
	border-radius:  20px;
	background:  #f0f0f0;
	display:  block;
	max-width:  330px;
	margin:  auto;
	margin-bottom:  80px;
}

.titlebox2 .title{
	padding-top:  20px;
	padding-bottom:  20px;
	text-align:  center;
}

.iconrow .icon{
	max-height:  60px;
}

.iconrow strong{
	font-size:  1.1em;
}

.imagebox3{
	margin-bottom:  40px;
	min-height:  160px;
}

.imagebox3 .icon{
	max-height:  80px;
	margin-bottom:  20px;
}

.imagebox3 strong{
	font-size:  1.1em;
}

.checkbox2{
	padding:  15px;
	border-radius:  30px;
	background:  #f0f0f0;
}

.checkbox .icon, .checkbox2 .icon{
	max-height:  60px;
}

.checkbox2 strong{
	font-size:  1.1em;
}

.checkbox2{
	margin-bottom:  40px;
}

.iconrow, .checkbox{
	margin-bottom:  60px;
}

.big-margin-bottom{
	margin-bottom:  60px;
}

.imagebox .number{
	font-weight:  bold;
	font-size:  30px;
	color:  #96bf0d;
	padding-left:  30px;
	padding-bottom:  30px;
}

.imagebox .icon{
	height:  130px;
}

.imagebox p.bold{
	font-size:  1.1em;
}

.imagebox img{
	max-height:  200px;
	display:  block;
	margin:  auto;
	margin-bottom:  40px;
	height: 150px;
}

.imagebox{
		max-width:  350px;
}


.imagebox, .imagebox2{
	background:  #fff;
	padding:  30px;
	border-radius:  20px;
	height:  100%;

	margin:  auto;
}

.imagebox2{
	padding-bottom:  400px;
	position:  relative;
	max-width:  550px;
}

.imagebox2 .title{
	margin-bottom:  30px;
	max-width:  400px;
	font-size:  1.1em;
}

.imagebox2 .bottom-image{
	position:  absolute;
	bottom:  30px;
	left:  30px;
	right:  30px;
}

.imagebox2 .icon{
	max-width: 90px;
}

.imagebox2 ul li{
	margin-bottom:  1em;
}

.banner{
	height:  500px;
	background-size:  cover;
	background-position:  center center;
}

.titlebox .title{
	padding:  20px;
	border-radius:  20px;
	font-weight:  bold;
	background:  rgb(224, 221, 221);
	font-size:  1.1em;
	
}

.titlebox .text{
	padding:  20px;
}

h4{

}

.border-bottom-radius{
	border-radius:  0px 0px 30px 30px;
	overflow:  hidden;
}

.site-navigation a{
	text-transform:  uppercase;
	color:  #535252;
	font-weight:  bold;
	border-bottom:  3px solid transparent;
	padding-left:  .5em !important;
	padding-right:  .5em !important;
	font-size:  16px;
	line-height:  40px;
}

header .custom-logo-link img{
	width:  180px !important;
	max-width:  180px !important;
	padding-bottom:  20px;
}

a:hover{
	color:  #96bf0d;
}

.cky-notice-btn-wrapper .cky-btn{
	margin-top: 10px;
	margin-right: 5px;
}


#ast-mobile-popup .site-navigation ul{
	background-color:  #fff !important;
}

#ast-mobile-popup .site-navigation ul li{
	margin-left:  0px;
}

#ast-mobile-popup .site-navigation ul li a{
	text-align:  left;
	line-height:  40px;
	padding-left: 20px !important;
}

#ast-mobile-popup .site-navigation a:hover, #ast-mobile-popup .site-navigation .current-menu-item a{
	color:  #96bf0d;
}

.green{
	color:  #96bf0d;
}

#ast-desktop-header .site-navigation li{
	margin-left:  15px;
}

#ast-desktop-header .site-navigation .current-menu-item a{
	border-bottom:  3px solid #96bf0d;
	color:  #96bf0d;

}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item{
	line-height: 40px;
}

.main-header-menu .menu-link, .main-header-menu>a{
	transition:  none;
}

#ast-desktop-header .site-navigation a:hover, #ast-desktop-header .site-navigation a:focus{
	border-bottom:  3px solid #96bf0d;
	color:  #96bf0d;
}


.container-fluid{
	max-width:  1240px;
	padding-left:  20px !important;
	padding-right:  20px !important;
}

.small{
	font-size:  .9em;
}


h1,h2,h3,h4{
	line-height:  1.35em;
	margin-bottom:  30px;
}

h4{
	line-height: 1.5em;
}

.highlighted{
	font-size:  23px;
}

h1{
	font-size:  45px !important;
}

h2{
	font-size:  35px !important;
}

h3{
	font-size:  28px !important;
}

h4{
	font-size:  24px !important;
}

.front-bg{
	transform-style: preserve-3d;
}

.back-bg{
	transform: translateZ(-10px)
}

.section-title{
	font-size:  2.2em;
}

p{
	margin-bottom:  1em;
}

.section{
	padding-top:  90px;
	padding-bottom:  90px;
}

#our-partners-idexpertise .whitebox{
	height:  100%;
	margin-bottom:  0px;
}

#our-partners-idexpertise .whitebox .title{
	color: #535252;
}


.secondary-title{
	font-weight:  normal;
	opacity:  .5;
}

.alert{
	padding:  .75rem 1.25rem;
	border-radius:  .25rem;
}

.alert-success{
	background:  #d4edda;
	color:  #155724;
}

.subtitle{
	font-size:  1.1em;
	margin-top:  10px;
	margin-bottom:  30px;
}

.bg{
	background-size:  cover;
	background-position:  center center;
	background-repeat:  no-repeat;
}

.whitebox{
	padding:  30px;
	background:  #fff;
	border-radius:  20px;
	min-height:  200px;
	margin-bottom:  30px;
}

.whitebox .icon{
	max-height:  60px;
}

.whitebox .title{
	color:  #6a8c01;
	margin-bottom:  1em;
	font-size:  1.1em;

}


.btn-primary{
	background:  #96bf0d;
	color:  #fff !important;
	padding:  15px 30px;
	font-size:  20px;
	font-weight:  bold;
	border-radius:  40px;
	min-width:  200px;
	text-align:  center;
	text-transform:  none;
	letter-spacing:  0px;
	font-family:  Montserrat, sans-serif;
	box-shadow:  0px 15px 25px -10px rgba(0, 0, 0, 0.5);
	transition:  all 0.2s ease-in-out;
	
}

.btn-primary:hover{
	transform: scale(1.04);
}

img.beveled{
	border-radius:  20px;
}

.holographic-card {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 15px;
  transition: all 0.5s ease;
}

.holographic-card::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    0deg, 
    transparent, 
    transparent 30%, 
    rgba(255,255,255,0.3)
  );
  transform: rotate(-45deg);
  transition: all 0.5s ease;
  opacity: 0;
}

.holographic-card:hover {
  transform: scale(1.02);
  box-shadow: 0 0 20px rgba(255,255,255,0.5);
}

.holographic-card:hover::before {
  opacity: 1;
  transform: rotate(-45deg) translateY(100%);
}

.zoom{
	overflow:  hidden;
	border-radius: 20px;
}

.zoom img{
	transition: all 0.4s ease-in-out;
	display:  block;
}

.zoom img:hover{
	transform: scale(1.1);
}

.beveled-image:hover img{
	transform: scale(1.01);
	box-shadow: 0px  25px 40px -5px rgba(0,0,0, 0.3);	
}

.beveled, .beveled-image img{
	box-shadow:  0px 15px 25px -10px rgba(0, 0, 0, 0.5);
	transition:  all 0.2s ease-in-out;
	border-radius: 30px;
}



.beveled:hover{
	transform: scale(1.01);
	box-shadow: 0px  25px 40px -5px rgba(0,0,0, 0.3);
}

.btn-primary:hover{
	background:  #6a8c01;

}

.btn-short{
	padding-left:  40px;
	padding-right:  40px;
	min-width: 240px;
}

.right-arrow{
	padding-right:  70px;
	position:  relative;
	line-height:  inherit;
}



.right-arrow:before{
	content:  " ";
	position:  absolute;
	background-image:  url('images/CONTATTI/3/Freccia.png');
	background-repeat:  no-repeat;
	background-size:  contain;
	background-position:  center center;
	top:  50%;
	margin-top:  -10px;
	right:  30px;
	width:  30px;
	height:  20px;

}



.btn-secondary{
	font-size:  20px;
	font-weight:  bold;
	font-family:  Montserrat, sans-serif;
}

.dark-green{
	color:  rgb(106, 140, 1);
}

.case-study{
	margin-bottom:  90px;
}

.case-study h3{
	margin-bottom:  15px;
}

.case-study img{
	margin-bottom:  35px;
}

strong, .bold, .title{
	font-family:  Montserrat, sans-serif;
}

.footer-menu a{
	margin-bottom:  40px;
	font-size:  .9em;
}

.social-icon{
	height:  30px;
}

.social-icons-container{
	text-align:  right;
	margin-top:  30px;
}

#site-footer .social-icon{
	margin-right:  40px;
}

.btn-secondary span{
	vertical-align:  middle;
}

a{
	display:  inline-block;
	color:  #96bf0d;
}

.ast-primary-header-bar{
	background-color:  #f5f5f5;
	background-color:  #e7e7e769;
}



.gray-bg{
	background-color:  #f5f5f5;
	/*background-color:  #e7e7e769;*/
}

/*
.home #page{
	background-image:   url("images/LAVORA CON NOI/1/Grafica1.png");
	background-size:  contain;
	background-repeat:  no-repeat;
	background-position:  top right;
	background-size:  300px;
}
*/


.bottom-left-waves{
	background-image:  url("images/HOMEPAGE/6/Grafica 6-7 (1920 x 1800 px).png");
	background-size:  contain;
	background-repeat:  no-repeat;
	background-position:  bottom -150px left -20px;
}

.center-left-waves{
	background-image:  url("images/HOMEPAGE/6/Grafica 6-7 (1920 x 1800 px).png");
	background-size:  contain;
	background-repeat:  no-repeat;
	background-position:  center left;
}

.center-right-waves{
	background-image:  url("images/LAVORA CON NOI/1/Grafica1.png");
	background-size:  contain;
	background-repeat:  no-repeat;
	background-position:  center right -40px;
}


.bottom-right-waves{
	background-image:  url("images/HOMEPAGE/1/Grafica Home(1920 x 1800 px).png");
	background-size:  contain;
	background-repeat:  no-repeat;
	background-position:  bottom right -40px;
}

.top-left-waves{
	background-image:  url("images/CASE STUDIES/1/Grafica 1.png");
	background-size:  contain;
	background-repeat:  no-repeat;
	background-position:  top left;
}

.top-right-waves{
	background-image:  url("images/HOMEPAGE/6/Grafica (1920 x 1800 px).png");
	background-size:  contain;
	background-repeat:  no-repeat;
	background-position:  top right -40px;
}

.top-left-dots{
	background-image:  url("images/HOMEPAGE/6/Grafica (1920 x 1800 px) copia 3.png");
	background-size:  auto 100px;
	background-repeat:  no-repeat;
	background-position:  top left 20px;
}

.bottom-right-dots{
	background-image:  url("images/HOMEPAGE/6/Grafica (1920 x 1800 px) copia 2.png");
	background-size:  auto 100px;
	background-repeat:  no-repeat;
	background-position:  bottom 20px right 20px;
}


.top-left-minimal-dots{
	background-image:  url("images/RICERCA E SVILUPPO/1/dots1.png");
	background-size:  auto 70px;
	background-repeat:  no-repeat;
	background-position:  top left 20px;
}

.bottom-right-minimal-dots{
	background-image:  url("images/RICERCA E SVILUPPO/1/dots2.png");
	background-size:  auto 50px;
	background-repeat:  no-repeat;
	background-position:  bottom 20px right 20px;
}



#site-footer{
	background:  #f5f5f5;
	/*margin-top:  60px;*/
	border-radius:  30px;
}

#site-footer a{
	color:  #535252;
}

#site-footer a:hover{
	color: #96bf0d;
}

#site-footer h3{
	font-size:  1.1em !important;
}

.email{
	padding-left:  35px;
	background-image:  url("images/HOMEPAGE/7/Grafica (1920 x 1800 px) copia 3.png");
	background-repeat:  no-repeat;
	background-position:  center left;
	background-size:  24px;
}

.phone{
	padding-left:  35px;
	background-image:  url("images/HOMEPAGE/7/Grafica (1920 x 1800 px) copia 2.png");
	background-repeat:  no-repeat;
	background-position:  center left;
	background-size:  18px;
}

.scopri{
	margin-top:  30px;
}

.iconbox{
	font-weight:  bold;
}

img{
	max-width:  100%;
}

.iconbox{
	min-height:  150px;
	background-size:  140px;
	background-repeat:  no-repeat;
	background-position: center left;
	padding-left:  180px;
	display:flex;
  	align-items: center;
  	max-width:  450px;
}

.graybox{
	padding:  20px;
	border-radius:  30px;
	padding-left:  120px;
	background-size:  65px;
	background-repeat:  no-repeat;
	background-position: top 20px left 30px;
	background-color:  rgb(238 237 237);
	font-size:  16px;
	height:  100%;
}

.contactbox{
	background:  #f5f5f5;
	padding:  20px;
	border-radius:  30px;
	margin-bottom:  40px;
	max-width:  380px;
	display:  block;
	color:  #535252;
}

.contactbox .row{
	min-height:  60px;
}

.contactbox img{
	max-width: 40px;
}

.graybox.healthcare{
	background-size:  52px;
	background-position: top 20px left 34px;
}

.graybox h4{
	margin-bottom:  10px;
}

.graybox a{
	color:  rgb(83, 82, 82);
	background-image:  url("images/CHI SIAMO/3/freccia.png");
	padding-right:  22px;
	background-size:  auto 18px;
	background-repeat:  no-repeat;
	background-position:  top 3px right 3px;
}


.scropri span{
	display: inline-block;
}

.scopri:hover span{
	margin-left:  3px;
	margin-bottom: 3px;
}

.graybox a:hover{
	background-position: top 3px right 0px;
}

.graybox p{
	min-height: 125px;
}

.black-link{
	color:  rgb(83, 82, 82);
}

#content .ast-container{
	max-width:  100%;
	padding:  0px !important;
}

.border-radius{
	border-radius:  30px;
}

#primary{
	padding:  0px !important;
	margin:  0px !important;
}

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

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

.big-section{
	padding-top:  120px;
	padding-bottom: 120px;
}

.very-big-section{
	padding-bottom: 160px; padding-top: 160px;
}

.margin-bottom{
	margin-bottom:  30px;
}

.margin-bottom-desktop{
	margin-bottom:  30px;
}

.lefticonbox{
	margin-bottom:  70px;
}

.lefticonbox .icon{
	max-height:  80px;
}

.servizi-image{
	width:  350px;
}

#our-partners-idexpertise .whitebox .icon{
	max-height: 70px;
	max-width: 100%;
}

.up {
    opacity: 0;
    /*filter: blur(5px);*/
    transform: translateY(50%);
    transition: all 1s;
}

.left{
	    opacity: 0;
    /*filter: blur(5px);*/
    transform: translateX(-100%);
    transition: all 1s;
}

.leftend{
	    opacity: 1;
    filter: blur(0);
    transform: translateX(0);
}

.upend {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0);
}

.scale {
	transform: scale(0);
  transition: all 1s;
}
.scaleend {
  transform: scale(1);
}

#masthead.fixed{
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 9999;
	background: #f5f5f5;
}

#masthead.fixed .ast-primary-header-bar{
	background: #f5f5f5;
}

@media screen and (max-width:  1150px){
	#ast-desktop-header{
		display:  none;
	}
}

@media screen and (min-width:  992px){
	.hidden-desktop{
		display: none;
	}
}

	#digitalizziamo-progetti{
		background-size: 550px;background-position: bottom -130px left -20px
	}

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

	.slick-slider .case-study{
		padding-right: 20px;
		padding-left: 20px;
	}

	.scopri{
		font-size: 18px;
	}

	.checkbox2{
		padding: 10px;
	}

	.whitebox .icon{
		max-height: 45px;
		margin-top: 5px;
		max-width: 50px;
	}

	#our-partners-idexpertise .whitebox .icon{
		
		
	}

	.imagebox .icon{
		height: 110px;
	}

	.lefticonbox .icon{
		max-height:  70px;
	}


	.titlebox .title{
		padding: 15px;
	}

	.titlebox .text{
		padding: 15px;
	}

	.checkbox2 .icon, .checkbox .icon{
		width: 40px;
	}

	.checkbox2 strong{
		font-size: 1em;
	}

	.imagebox3 .icon{
		max-height: 70px;
	}

	.whitebox{
		min-height:  auto;
		padding: 15px;
	}

	.phoneimg{
		width: 260px !important;
	}

	.whitebox .title{
		font-size: 1em;
	}

	.imagebox2{
		padding-bottom:  30px;
	}

	.imagebox2 .bottom-image{
		position:  static;
		padding-top:  20px;
	}

	.margin-bottom-desktop{
		margin-bottom:  0px;
	}

	.hidden-mobile{
		display: none;
	}

	#digitalizziamo-progetti{
		background-size: 430px;background-position: bottom -130px left -20px
	}

	#section-lavora-con-noi{
		background-size: 340px !important;
	}

	#first-section-lavora-con-noi .bottom-left-waves{
		background-size: 480px;
	}

	#section-contatti{
		background-size: 260px !important;
	}

	.contactbox{
		padding: 15px;
	}

	.email{
		padding-left:  28px;
		background-size:  20px;
	}

	.hidden-bg-mobile{
		background-image: none !important;
	}

	.padding-bottom-mobile{
		padding-bottom: 60px;
	}

	.margin-bottom-mobile{
		margin-bottom: 60px;
	}

	.phone{
		padding-left:  28px;
		background-size:  15px;
	}

	.text-left-mobile{
		text-align: left !important;
	}

/*
	.servizi-image{
		max-width: 150px !important;
	}
	*/

	#first-servizi-section, #first-case-studies-section, #first-ricerca-sviluppo-section{
		padding-bottom: 40px !important;
	}

	.section-image{
		margin-left: 0px !important;
	}

	.graybox p{
		min-height: auto;
	}

	#site-footer{
		font-size: .75em;
		padding-top: 40px;
	}

	.container-fluid{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.top-left-dots{
		background: none;
	}

	.bottom-right-dots{
		background: none;
	}

	.bottom-right-minimal-dots{
		background: none;
	}

	.top-left-minimal-dots{
		background: none;
	}

	.beveled-image{
		display: inline-block;
	}


	.no-padding-bottom-mobile{
		padding-bottom: 0px !important;
	}

	.bottom-right-waves{
		background-size: 390px;
	}

	h1{
		font-size: 32px !important;
	}

	h2{
		font-size: 24px !important;
	}

	h3{
		font-size:  24px !important;
	}

	h4{
		font-size:  24px !important;
	}

	.case-study{
		margin-bottom:  0px;
	}

	.big-section{
		padding-top:  60px;
		padding-bottom:  60px;
	}

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

	.no-padding-bottom-mobile{
		padding-bottom:  0px !important;
	}

	.no-margin-bottom-mobile{
		margin-bottom:  0px !important;
	}

	div[class*=col-lg]{
		padding-bottom:  2em;
	}

	div[class*=col-lg] .section-title{
		padding-top:  0px !important;
	}

	.highlighted{
		font-size: 18px;
	}

	.btn-primary{
		font-size: 18px;
		padding: 10px 20px;
	}

	.section{
		padding-bottom:  50px;
		padding-top: 50px;
	}

	#trasformazione-digitale-section .scopri{
		margin-top: 40px !important;
	}

	.very-big-section{
		padding-top: 70px;
		padding-bottom: 70px;
	}

	#site-footer .social-icons-container{
		text-align:  left;
		margin-top:  0px;
	}

	#site-footer .social-icon{
		margin-right:  30px;
	}

	#site-footer .footer-menu a{
		margin-bottom: 0px;
	}

	.hidden-mobile{
		display:  none !important;
	}
}