body{  
	background: #FFFFFF;
}
 

.bg-black{ 
	background: #000000 !important;
}

/* topbar */
 
#topbar {
  background: #fff; 
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
}

#topbar .contact-info a {
  line-height: 1;
  color: #555;
}

#topbar .contact-info a:hover {
  color: #50d8af;
}

#topbar .contact-info i {
  color: #50d8af;  
  padding: 4px;
}

#topbar .contact-info i { 
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #e9e9e9;
}
#topbar .contact-info i:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}
 

#topbar .social-links a { 
   padding: 4px 10px; 
  display: inline-block;
  line-height: 1px;
  border-left: 1px solid #e9e9e9;
}
  
#topbar .social-links a img { 
height: 20px;
width: 20px; 
}

#topbar .social-links a:hover {
transform: scale(1.3);
}

#topbar .social-links a:first-child {
  border-left: 0;
}
#topbar .social-links a:last-child { 
	padding-right: 0;
}


.navbar{
	z-index: 99999999999 !important;
}
/* NAVBAR */

.navbar-brand img{
max-height: 80px;
height: auto;
}

#NavBar1 .nav-link { 
padding: 18px;
font-size: 16px;
font-weight:400;
text-decoration: none;
text-transform: uppercase;
color: #2b394f;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
 

#NavBar1 .link_social{
padding: 5px;
margin-top: 10px; 
}

#NavBar1 .nav-link:hover{
color: #edce00;
}

#NavBar1 .nav-link.active{
font-weight: bold;
color: #edce00;
}
 
.link_social img{ width: 30px; height: 30px; }



.color_logo1 { color: #2B394F; }
.color_logo2 { color: #EDCE00; }

.bgcolor_logo1 { background: #2B394F; }
.bgcolor_logo2 { background: #EDCE00; }

.boxcall{  
  font-size: 2.5rem;
  font-weight: 200;
  line-height: 1.2;
}

.mt-4_5{
	
  margin-top: 2rem !important;
}
 
.boxinfo{  
cursor:  pointer;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
background-color: #2B394F !important;	
color: #fff !important;	
text-align: center !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.boxinfo:hover{
background-color: #EDCE00 !important;
color: #2B394F !important;  
transform: scale(1.1);
}


/* TESTIMONIAL */

.testimonial-box{
	background: #FFFFFF;
}

.testimonial{
    margin: 20px;
    border: 1px solid #000000;
	
}

.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}

.testimonial-content .testimonial-icon{
    width: 50px;
    height: 45px;
    background: #ff4242;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #e41212;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}  
 

/* CARD */


.card-post {
	background: #ffffff;
	border: 4px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}

.card-post .card-img {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	z-index: 1;
}

.card-post .card-img img {
	width: 100%;
	height: auto;
	display: block;
}

.card-post .card-title {
	position: absolute;
    top: 15px;
    left: -3px;
    background: #1ABC9C;
    padding: 6px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px; 
}


.card-post .card-desc {
	padding: 1.3rem;
}

.card-post .card-desc h4 {
	color: #000000;
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 0;
}

.card-post .card-desc p {
	color: #747373;
    font-size: 14px;
	font-weight: 400; 
	line-height: 1.5;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0;
	font-family: 'Raleway', sans-serif;
}

.card-post .btn-card{
	background-color: #1ABC9C;
	color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    padding: .84rem 2.14rem;
    font-size: .81rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    margin: 0;
    border: 0;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word; 
}

.card-post .btn-card:hover {
    background: orange;
}

.card-post a.btn-card {
    text-decoration: none;
    color: #fff;
}



/* GALLERY */



.img_gallery {
	cursor: pointer;
  height: 100%;  
  overflow: hidden;
}


.img_gallery img {
	opacity: 0.6; 
}


.img_gallery:hover img {
	opacity: 1; 
}





/* FOOTER */



.img_footer{
	cursor: pointer;
	max-width: 120px;
	height: auto;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.txt_footer{
	padding: 10px;
	text-align: left;
	color:white;
	border-top: 1px solid white;
}



#footer {
	background: #343a40;
	color:#FFFFFF;
	
}

#footer .contact-info a {
  line-height: 1;
  color: #FFFFFF;
}

#footer .contact-info a:hover {
  color: #efc319;
}

#footer .contact-info i {
  color: #50d8af;  
  padding: 4px;
}

#footer .contact-info i { 
  padding-left: 15px;
  margin-left: 15px;
  border-left: 1px solid #e9e9e9;
}
#footer .contact-info i:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: 0;
}


.copyright{  
	border-top: 1px solid white; 
	background: #343a40;
	color:#FFFFFF;
	padding: 25px;
	text-align: center;
}
 
    
@media only screen and (max-width: 450px) {
	
#SlideHome {
    
content:url("https://images.squarespace-cdn.com/content/v1/53fc9913e4b007ade6ca9283/1441896272584-YGVAB8DE43HXRDVU4V0S/ke17ZwdGBToddI8pDm48kLxnK526YWAH1qleWz-y7AFZw-zPPgdn4jUwVcJE1ZvWEtT5uBSRWt4vQZAgTJucoTqqXjS3CfNDSuuf31e0tVH-2yKxPTYak0SCdSGNKw8A2bnS_B4YtvNSBisDMT-TGt1lH3P2bFZvTItROhWrBJ0/400x400-light.gif");
	}
	
#Slide1 { display: none; }
	
.boxcall{
font-size: 1.5rem;
font-weight: 100;
line-height: 1;
}
	
.boxcall_main{	
margin-top: 20px;
}
	
	
	  
.nav_social { 
display: inline-block;
}

.nav_social>li {
display: inline-block;
}

	
}

@media screen and (min-width: 1280px) {
	.container-fluid {
	width: 1280px;
	}
}
 

 /* COVER */

.txt_cover a{
text-decoration: none !important;
}

.txt_cover a:hover{
text-decoration: none !important;
}


.txt_cover{
display: inline-flex;
font: bold 24px/45px Helvetica, Sans-Serif; 
padding: 10px;
margin: 10px; 
}

.cover-title{
font-size: 50px !important; 
}

.cover-dark{   
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7); 
}


.cover-info{   
background: rgb(23, 162, 184);
background: rgba(23, 162, 184, 0.7); 
	
}

.cover-danger{   
background: rgb(220, 53, 69);
background: rgba(220, 53, 69, 0.7); 
}

.cover-success{   
background: rgb(40, 167, 69);
background: rgba(40, 167, 69, 0.7); 
}

.cover-warning{   
background: rgb(255,193,7);
background: rgba(255,193,7, 0.7); 
}



 
.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #232323;
	overflow: hidden;
	position: fixed;
    bottom: 30px;
	right: 30px;
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
} .cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: #000000;
	box-sizing: border-box; 
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	background: #3E9B67;
}

@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}


.card_label_sx{
position: absolute;
top: 8px;
left: 15px;
width: max-content;   
text-align: center;
padding: 5px; 
font-weight: 500;
font-size: 20px;
line-height: 35px;
z-index: 999 !important; 
}

 .card_label_dx{
position: absolute;
top: 8px;
right: 15px;
width: max-content; 
padding: 5px; 
text-align: center;
font-weight: 500;
font-size: 20px;
line-height: 35px;
z-index: 99999 !important; 
}
 


@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}

.slider {
  background: pr;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%; 
}
.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  height: 100px;
  width: 250px;
	
}



	 
	
	.card2 i{
		display: none;
	}
	.card2 .btn-sm{
		font-size: 8px;
	}
	
	#carousle_box1{
		display: none;
	}
  

.card2 { 
    background: #000;
	cursor: pointer;
}
.card2 .image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.card2 .image img {
    width: 100%;
    transition: .5s;
}
.card2:hover .image img {
    opacity: .5;
    transform: translateX(30%);/*100%*/
}
.card2 .details {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;/*100%*/
    height: 100%; 
    transition: .5s;
    transform-origin: left;
    transform: perspective(2000px) rotateY(-90deg);
}
.card2:hover .details {
    transform: perspective(2000px) rotateY(0deg);
}
.card2 .details .center {
    padding: 20px;
    text-align: center; 
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



	 
	
.card3 i{ display: none; }
	
.card3 .btn-sm{ font-size: 8px;	}
	  
.card3 { 
    background: #000;
	cursor: pointer;
}

.card3 .image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.card3 .image img {
    width: 100%;
    transition: .5s;
}

.card3 .details {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;/*100%*/
    height: 100%; 
    transition: .5s;
    transform-origin: left;
    transform: perspective(2000px) rotateY(-90deg);
}
/*
.card3:hover .image img {
    opacity: .5;
    transform: translateX(30%); 
}
.card3:hover .details {
    transform: perspective(2000px) rotateY(0deg);
}
*/
.card3 .details .center {
    padding: 20px;
    text-align: center; 
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.card3.prova1 .image img {
    opacity: .5;
    transform: translateX(30%); 
}
.card3.prova1 .details {
    transform: perspective(2000px) rotateY(0deg);
}



#div_cookie{
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
width: 100%; 
padding: 10px;
background: black;
color:white;
}