﻿.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
	.BoxOnlyMob {display:none}
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.bg-header-1 {background: rgb(7,7,84); background: linear-gradient(90deg, rgba(7,7,84,1) 0%, rgba(31,31,167,1) 40%, rgba(255,255,255,1) 100%);}
.SlideTextResp {border:0px solid red; position:relative;top:-100px}
.SlideTextResp1 {}
.displayNoMob {border:0px solid red; position:relative;top:-300px}
.HomeChisiamoResp {border:0px solid red; position:relative;top:-300px}
.TextSlideBox {font-size:30px;padding: 20px;line-height:30px}

@media (max-width: 972px) {
	.displayNoMob {display:none !important}
	.SlideTextResp {display:none !important}
	.SlideTextResp1 {}
	.HomeChisiamoResp {border:0px solid red; position:relative;top:-300px}
	.negative-top-margin {bottom: 0px;}
	.TextSlideBox {font-size:24px;padding: 20px;line-height:30px}
	.BoxOnlyMob {margin-top:100px}
	.ServiziOnlyMob {position:relative;top:-280px}
	.FooterOnlyMob {position:relative;top:-280px !important}
}







/* ###########################################   */
html {scroll-behavior: smooth;}

/*the arrow*/
.arrow:before, .arrow:after{
  content:"";
  position:absolute;
    border-right: 8px solid #FACC00;
    border-bottom: 8px solid #FACC00;
    width: 50px;
    height: 50px;
	margin-left: -25px;
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
}

/*the shadow*/
.arrow:after{
  border-color: #000;
  z-index:-1;
  filter:blur(5px);
}


/*the arrow*/
.arrow-up:before, .arrow-up:after{
  content:"";
  position:absolute;
    border-right: 8px solid #FACC00;
    border-bottom: 8px solid #FACC00;
    width: 50px;
    height: 50px;
	margin-left: -25px;
	margin-top:30px;
  transform: rotate(225deg) !important;
  -webkit-transform: rotate(225deg) !important;
}

/*the shadow*/
.arrow-up:after{
  border-color: #000;
  z-index:-1;
  filter:blur(5px);
}





.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}


/* ################################### */