@charset "UTF-8";
/* CSS Document */
html{
scroll-behavior: smooth;
}
body{
font-family: 'Raleway', sans-serif;
font-size: 16px;
line-height: 1.3;
color: #000;
}
.titolo{
font-family: 'Bebas Neue', sans-serif;
}
h1{
font-size: 3.6rem;
}
h2{
font-size: 3.3rem;
}
.bi{
font-size: 2rem!important;
}
.tx-giallo{
color: #FFD500
}
.bg-giallo{
background: #FFD500;
}
.bordo-giallo{
border: 2px solid #FFD500;
}
.tx-verde1{
color: #2DAE73;
}
.bg-verde1{
background: #2DAE73;
}
.tx-verde2, a{
color: #00FF5F;
}
a:hover{
color: #FFD500
}
a.tx-nero:hover{
color: #000;
}
.bordo-verde{
border: 2px solid #00FF5F;
}
.bg-sfumato{
background: linear-gradient(280deg, #FFD500 11%, #2DAE73 71%)
}
.bg-nero{
background: #000;
}
.tx-nero{
color: #000;
}
.bordo-nero{
border: 2px solid #000;
}
.btn-primary{
display: inline-block;
background: #2DAE73;
color: #fff;
font-weight: bold;
padding: 14px 25px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
text-decoration: none;
font-size: 1.2rem;
}
.btn-primary:hover{
background: linear-gradient(280deg, #FFD500 11%, #2DAE73 71%);
color: #000;
}
.btn-secondary{
display: inline-block;
background: transparent;
color: #000;
font-weight: bold;
padding: 14px 25px;
text-decoration: none;
font-size: 1.2rem;
border: 2px solid #000;
}
.btn-secondary:hover{
background: #000;
color: #fff;
}
header{
background: url("../img/header.jpg")no-repeat;
background-size: cover;
background-position: bottom center
}
ul{
list-style: none;
padding-left: 45px
}
ul li{
position: relative
}
ul li:before{
content: '';
position: absolute;
left: -40px;
top: 0;
height: 25px;
width: 25px;
}
ul li.energy:before{
background-image: url("data:image/svg+xml,");
}
ul li.installazione:before{
background-image: url("data:image/svg+xml,");
}
ul li.garanzia:before{
background-image: url("data:image/svg+xml,");
}
ul li.shield:before{
background-image: url("data:image/svg+xml,");
}
ul li.check:before{
background-image: url("data:image/svg+xml,");
}
.bi{
font-size: 3rem;
}
.modal-header{
border-bottom: 2px solid #000!important;
}
.bollino{
position: absolute;
background: #000;
color: #FFD500;
font-weight: bold;
height: 120px;
width: 120px;
border-radius: 100%;
padding: 30px 5px;
text-align: center;
left: -60px;
top: -40px;
font-size: 1rem;
text-transform: uppercase;
}
@media(max-width:991px){
header{
background: #fff;
}
header .col-lg-6.text-white{
color: #000!important
}
h1{
font-size: 3rem;
}
h2{
font-size: 2.7rem;
}
.bollino{
position: static;
height: auto;
width: auto;
border-radius: 0;
padding: 3px 6px;
display: inline-block;
font-size: 1.1rem;
}
}