@charset "UTF-8";
/* Stili di base */
a {outline:none!important}
p,li {
    color: rgba(255,255,255,0.75);
    font-size: 20px;
    line-height: 36px
}
h1,h2,h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 50px;
    font-weight: 100;
    line-height: 50px;    
    color: rgba(77,168,168,.95);
    text-transform: uppercase;   
}
h2,h3 {
    font-size: 26px;
    line-height: 30px;    
}
strong, b {color:rgba(77,168,168,.95)}




/* Stili personalizzati */
.txt-bianco {color:rgba(255,255,255,0.60)}
.rounded {border-radius: 8.00rem!important; border: 2px solid rgba(77,168,168,.95); padding:4px}
.txt-small {font-size: 90%!important; line-height: 130%!important}
.clients-op {opacity: 0.8}
.fadeScroll {opacity:1}
.team h3 {font-size:21px; line-height:23px}
.nascondi {display: none}


/* Generici da riutilizzare */
.box-testo {
    background:rgb(33, 37, 41) url("../img/bg-logo.png") no-repeat left top; 
    background-size:25%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.box-testo-chiaro {
    background:rgba(240,240,240,1.00) url("../img/bg-servizi1-dx.jpg") no-repeat right bottom; 
    background-size:auto 100%;
    border-top: 1px solid #FCFCFC;
}
.box-testo-chiaro .txt-bianco {color: rgba(0,0,0,0.75)}
.box-testo-chiaro h1,h2,h3,b,strong {color: rgba(45,140,140,1.00)}
.box-testo-chiaro p,li {color: rgba(0,0,0,0.95);}
.box-testo-verde {
    background:rgba(77,168,168,1); 
    background-size:auto 100%;
    /*border-top: 1px solid #FCFCFC;*/
}
.box-testo-verde h1,
.box-testo-verde h2,
.box-testo-verde h3 {color: rgba(255,255,255,0.75);}
.no-bg {background-image:none}



/* calssi per rollover */
.hover-event-lab a {
    cursor: default
}
.hover-event-lab img {
    position: relative;
    padding: 10px;
    /*opacity: 0.6;*/
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.hover-event-lab img:hover {
    opacity: 1;
    padding: 0px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;     
	/*-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    transition-delay: 350ms;*/
}
.hover-link {
    /*-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;	
    transition: opacity 0.3s ease-in-out;*/
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.hover-link:hover {
    opacity:0.6;
}





/* Personalizzazione menù di navigazione */
/* Logo */
.logo img {max-width: 150px}
.logo .logo-small {display: none}

.navbar {
    background: #121416; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#121416, #212529); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#121416, #212529); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#121416, #212529); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#121416, #212529); /* Standard syntax */
}
.navbar a{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 100;
    font-size: 110%
}
.navbar.py-4 {padding: 24px 0!important}
.nav-link.active {
    font-weight: 400;
    color: #4da8a8!important;
}
.nav-link,
.dropdown-item {
    text-transform: uppercase;

}
.dropdown-menu {
    background-color: #212529;
}
.dropdown-item {
    color:rgba(255,255,255,.55);
}
.navbar-toggler {
    border:none!important;
}



/* Slide show - Carousel */
#homeCarousel {
    background: url("../img/bg-slider.jpg");
    /*background-color:rgb(51, 196, 196);*/
    background-color:rgb(0, 0, 0);
    background-repeat: repeat-x;
    background-position: left;
    background-size: auto 100%;
}
.carousel-item {
    /*transition: transform 2s ease, opacity .5s ease-out;*/
}
.carousel-caption h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 80px;
    font-weight: 100;
    line-height: 80px;    
    color: rgba(0,0,0,.20);
    text-transform: uppercase;   
}

.carousel-caption h5 span {color:rgba(255,255,255,.60);}
.carousel-caption p {color:#666666}

.carousel-caption {
    top:inherit!important; 
    bottom: 15%;
    left: 0;
    right: 0;
    padding-top:0;
    padding-bottom:0;
    text-align: left;
    border-radius: 0px;
    font-size: 100%;
    vertical-align: baseline;
    /*background: #FFF*/
}
.carouselEventlab.slide1 {background: url("../img/slide1.jpg")}
.carouselEventlab.slide2 {background: url("../img/slide2.jpg")}
.carouselEventlab.slide3 {background: url("../img/slide4.jpg")}
.carouselEventlab.slide4 {background: url("../img/about.jpg")}
.carouselEventlab.slide5 {background: url("../img/portfolio.jpg")}
.carouselEventlab.slide6 {background: url("../img/contatti.jpg")}

.carouselEventlab.slide1,
.carouselEventlab.slide2,
.carouselEventlab.slide3, 
.carouselEventlab.slide4, 
.carouselEventlab.slide5,
.carouselEventlab.slide6
{
    max-width:100%;
    height: 1000px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: auto 100%;
}





/* Card lavori home page */
.card.card-event-lab {
    max-width: 100%;
    background: none;
    border: none;
}
.card.card-event-lab p {
    font-size: 16px;
    line-height: 27px;
}
.card-event-lab .rounded-circle {
    border: 2px solid rgba(77,168,168,.95); 
    width: 80%; 
}
.card-event-lab .card-body {
    padding-left: 0;
    padding-right: 0;
}
.card.card-event-lab {margin-bottom: 20px}


/* Icone ricetta sezione about */
.card.ricetta-img {
    max-width: 100%;
    margin: 0 auto!important;
}
.card.ricetta-img img {
    max-width: 60%;
    position: relative;
    padding: 8px;
}







/* Cont footer */
.cont-footer {
    background: #121416;
    background: -webkit-linear-gradient(#121416, #212529);
    background: -o-linear-gradient(#121416, #212529);
    background: -moz-linear-gradient(#121416, #212529);
    background: linear-gradient(#121416, #212529);
}
.cont-footer p {font-size: 16px; line-height: 26px}
.cont-footer a {
    color: rgba(255,255,255,0.75);
    text-decoration: none;
}







/* coockie */ 

#cookieChoiceInfo {
	background: #121416;
    background: -webkit-linear-gradient(#121416, #212529);
    background: -o-linear-gradient(#121416, #212529);
    background: -moz-linear-gradient(#121416, #212529);
    background: linear-gradient(#121416, #212529);
    opacity: 0.95;
	color: rgba(255,255,255,1.00);
	padding:60px 155px 90px 155px!important;
	font-size:20px!important;
	line-height:30px;
    font-weight: lighter!important;
}
#cookieChoiceInfo div {
    padding-bottom: 40px;
}

#cookieChoiceInfo a {
	padding:16px 25px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	margin-left:8px !important;
	color:#000;
	background:#CBCBCB;
    font-weight:400;
	font-size:14px!important;
    text-transform: uppercase;
    text-decoration: none!important;
}
#cookieChoiceInfo #cookieChoiceDismiss {
	color:#FFF;
	background:rgba(77,168,168,1.00);
	line-height:2.5em
}












/* Modifiche responsive  */

@media (max-width:1201px) {   
    p                             {font-size: 18px; line-height: 32px}
    h2,h3                         {font-size: 23px; line-height: 26px}
    .carousel-caption h5          {font-size: 68px; line-height: 68px}
    .carousel-caption h5 span     {}

}
@media (max-width:993px) {   
    h1                            {font-size: 40px; line-height: 40px}
    h2,h3                         {font-size: 23px; line-height: 26px}
    .cont-footer p                {font-size: 15px; line-height: 24px}
    .carousel-caption h5          {font-size: 55px; line-height: 58px}
    .carousel-caption h5 span     {}
    .box-testo.py-5               {padding-top: 20px!important; padding-bottom: 20px!important}
    .box-testo-chiaro             {background-image: none}
    .img-servizi                  {max-width: 50%; margin: 0 auto!important;}
    .card-event-lab img           {max-width: 40%; margin: 0 auto!important;}
    .servizi                      {text-align: center!important}
    .ultimo                       {order: 6}
    .card.card-event-lab          {max-width:70%; margin-left: auto; margin-right: auto}
    .card.ricetta-img img         {max-width:40%}
    #cookieChoiceInfo             {padding:60px 25px 90px 25px!important;}
    
}
@media (max-width:769px) { 
    h1                            {font-size: 40px; line-height: 40px}
    h2,h3                         {font-size: 23px; line-height: 26px}
    p,li,.card.card-event-lab p   {font-size: 17px; line-height: 30px}
    .cont-footer p                {font-size: 14px; line-height: 23px}
    .d-none                       {display:inherit!important}
    
    .carousel-caption             {top:inherit!important; bottom: 8%; padding: 10px 0 30px 0; /*background:rgba(77,168,168,.90);*/ padding-top: 40px; text-align: left;}
    .carousel-caption h5          {font-size: 40px; line-height: 42px; font-weight: 200;}
    .carousel-caption h5 span     {}
    
    .logo .logo-big               {display: none}
    .logo .logo-small             {display: inherit}
    .logo img                     {max-width: 70px; padding-left: 0px}
    .navbar-collapse .navbar-nav  {padding: 20px 10px 0 10px}
    .box-testo                    {background-size:35%;}
    .img-servizi                  {max-width: 70%; margin: 0 auto!important;}
    .cont-footer div              {text-align: center!important}
    .social-network               {margin-top:52px; margin-bottom:22px}
    img.img-small-home            {width: 90%}
    .card.card-event-lab          {max-width:95%; margin-left: auto; margin-right: auto}


}
@media (max-width:577px) {
    .acapo                        {display: none}
    h1                            {font-size: 36px; line-height: 36px}
    h2,h3                         {font-size: 21px; line-height: 24px;}    
    p,li,.card.card-event-lab p   {font-size: 15px; line-height: 27px}
    
    .carousel-caption             {top:inherit!important; bottom: 10%; padding: 20px 10px 9px 10px!important; background:rgba(51,196,196,.80); padding-top: 40px; text-align: left; right:27%}
    
    .carousel-caption h5          {font-size: 30px; line-height: 32px; color: rgba(0,0,0,.65)}
    .carousel-caption h5 span     {color:rgba(255,255,255,.70)}
    
    .logo img                     {max-width: 80px; padding-left: 10px}
    /*.navbar.py-4                {padding: 12px 0!important}*/
    .box-testo.py-5,
    .box-testo-chiaro.py-5        {padding-top: 12px!important; padding-bottom: 6px!important}
    .img-servizi                  {max-width: 77%; margin: 0 auto!important;}
    .img-clienti                  {max-width: 40%; margin: 0 auto!important;}
    img.img-small-home            {width: 70%}
    
    .carouselEventlab.slide1      {background: url("../img/slide-mobile1.jpg")}
    .carouselEventlab.slide2      {background: url("../img/slide-mobile2.jpg")}
    .carouselEventlab.slide3      {background: url("../img/slide-mobile4.jpg")}
    .carouselEventlab.slide4      {background: url("../img/about-mobile.jpg")}
    .carouselEventlab.slide5      {background: url("../img/portfolio-mobile.jpg")}
    .carouselEventlab.slide6      {background: url("../img/contatti-mobile.jpg")}
    
    .carouselEventlab.slide1,
    .carouselEventlab.slide2,
    .carouselEventlab.slide3,
    .carouselEventlab.slide4,
    .carouselEventlab.slide5,
    .carouselEventlab.slide6
    {background-position: center; background-size: auto 100%;}
    #cookieChoiceInfo             {padding:25px 15px 35px 15px!important; font-size:15px!important; line-height: 24px}
    #cookieChoiceInfo a           {padding:8px 8px!important; font-size:14px!important; line-height: 24px; 	
                                   margin-left:px!important; display: block; margin-bottom: 8px!important; text-transform: uppercase}
    #cookieChoiceInfo div         {padding-bottom: 20px}

    
}
@media (max-width:416px) {
    h1                            {font-size: 28px; line-height: 32px}
    h2,h3                         {font-size: 20px; line-height: 22px}    
    .carousel-caption             {top: 8%;}
    /*.logo img                   {max-width: 70px}
    .navbar.py-4                  {padding: 12px 0!important}*/
    .img-servizi                  {max-width: inherit; margin: inherit}    
    .card-event-lab img           {max-width: 58%; margin: 0 auto!important;}
    .card.ricetta-img img         {max-width: 58%}
    .card.card-event-lab          {max-width: 100%}

}
/*
                 xs
576px	Small    sm      
≥576px	Medium   md
≥768px	Large    lg
≥992px	X-Large  xl
≥1200px	XX-Large xxl
≥1400px

*/