@charset "UTF-8";
/* CSS Document */

body {
    overflow-x: hidden;
}

h1,h2,h3,h4,p {
    font-family: 'Poppins', sans-serif;
}
.navbar-default {
    background-color: #fff;
    box-shadow: 1px 1px 5px #434343;
}
.item img{
    aspect-ratio: 4/3;
    object-fit: cover;
}
.fonav {
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    color: #101010;
    font-weight: 400;
}

.logo {
    width: 50%;
    margin-top: 0px;
    margin-bottom: 500px;

}



.ombra {
    box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.50);
}

h1 {
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 25px;
    color: #3A2D21;
    font-family: 'Poppins', sans-serif;
}

h2 {
    font-size: 30px;
    
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
    color: #7F6B4F;

}



h4 {
    font-size: 40px;
    
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: center;
    color: #0D0D0D;
    padding-top: 0px;
}

.pbianco {
    font-size: 22px;
    color: #FFFFFF;
}

.pbiancot {
    font-size: 25px;
    color: #FFFFFF;
    font-weight: 600px;
}

.titolo{
    font-size:40px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}

.titolocontatti{
    font-family: 'Poppins', sans-serif;
    font-size:30px;
    border-bottom: 2px solid #ee7373;
    padding-top:40px;
}

.btn-bianco{
    border:3px solid #FFFFFF;
    background-color: transparent; 
    color:#fff;
    border-radius:50px;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

.btn-bianco:hover{
    border:3px solid #FFFFFF;
    background-color: #fff; 
    color:#ee7373;
    border-radius:50px;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}

.testo {
    font-size: 22px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.testo2 {
    font-size: 26px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}


.testodx {
    font-size: 17px;
    
    margin: auto;
    margin-top: 10px;
    text-align: right;

}

.box{
    padding-left:10rem;
    padding-right:10rem;
    padding-top:15rem;
    padding-bottom:5rem;
}

.box-video{
    padding-left:10rem;
    padding-right:10rem;
    padding-top:5rem;
    padding-bottom:5rem;
}

.box-2sez{
    padding-top:20rem;
    padding-bottom:20rem;
}
.box-foot{
    padding-top:6rem;
    padding-bottom:6rem;
}

.boxseconde{
    padding-left:5rem;
    padding-right:5rem;
    padding-top:5rem;
    padding-bottom:5rem;
    margin-left:10rem;
    margin-right:10rem;
    margin-top:10rem;
    margin-bottom:10rem;
}

.backesterni {
    background-image: url(../img/backesterni.jpg);
    background-position: center;
    background-size: cover;
}

.backinterni {
    background-image: url(../img/backinterni.jpg);
    background-position: center;
    background-size: cover;
}

.titslogan{
    font-size: 94px;
}

.white{
    color:#fff;
}

.testosx {
    font-size: 17px;
    
    margin: auto;
    margin-top: 10px;
    text-align: left;
    ;
}

.spazio {
    margin-bottom: 0px;
    margin-top: 60px;
}

.bb {
    background: #fff;
    color: #444;
    padding: 100px 0 150px 0;
    background-image: url(img/motore);
    width: 40
}

.tcontatti {
    font-size: 24px;
    
    margin-top: 0px;
    margin-bottom: 25px;
    text-align: center;

}

.tfoot {
    font-size: 13px;
    
    color: #1C1C1C;
    margin-top: 0px;
}

.parallax {
    background-image: url(../img/parallax.jpg);
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.btn-default {
    color: #ee7373;
    font-weight: 800;
    font-size: 25px;
    background-color: #fff;
    border: 3px solid #ee7373;
}

.btn-default:hover {
    color: #fff;
    font-weight: 800;
    font-size: 25px;
    background-color: #ee7373;
    border: 3px solid #ee7373;
    text-decoration: none !important;
}

.back1sez {
    background-image: url(../img/back1.jpg);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: top left;
    height: 120vh;
}

.back2 {
    background-image: url(../img/back2.jpg);
    background-position: center;
    background-size: cover;
}



a {
    color: #1B1B1B;
    text-decoration: none !important;
}

body,
html,
.main {
    height: 100%;
}


.center {
    display: block;
    margin: auto;
    margin-bottom: 60px
}

.freccia {
    background-image: url(../img/freccdx.png);
    height: 100px;

}

strong{
    font-weight: 600;
}

.carousel-control {
    opacity: 1;
}


p {
    font-family: 'Yantramanav', sans-serif;
}

.imgsez {
    margin-top: 130px;
}

div.gallery {
    margin: 50px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
    margin-top: 50px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: max;
}

div.desc {
    padding: 15px;
    text-align: center;
    background-color: rgba(236, 236, 236, 1.00);
}

.photogallery {
    background-size: cover;
    padding: 0;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -webkit-transition: all ease-in-out 0.40s;
    -moz-transition: all ease-in-out 0.40s;
    -o-transition: all ease-in-out 0.40s;
    -ms-transition: all ease-in-out 0.40s;
    transition: all ease-in-out 0.40s;
}

.photogallery:hover {
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
}

.hover-photogallery {
    height: 300px;
}

.redback {
    background-color: #FDE9E9;
}

.redback2 {
    background-color: #FEF9F2;
}

.strum {
    display: block;
    margin: auto;
}

.redback3 {
    background-color: #ee7373;
}

.redback4 {
    background-color: #ACACAC;
    border-top: 4px;
    border-color: #A7A7A7;
}

.icn {
    display: block;
    margin: 0 auto;
    width: 80px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.icnscop {
    display: block;
    margin: 0 auto;
    width: 140px;
    padding-bottom: 5px;
    padding-top: 20px;
}

.right {
    position: absolute;
    right: 40px;
}

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

.back1sez {
    background-image: url(../img/back1.jpg);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: top left;
    height: 130vh;
}

.titslogan{
    font-size: 80px;
}
}


@media only screen and (max-width: 1460px) {
.box{
    padding-left:5rem;
    padding-right:5rem;
    padding-top:8rem;
    padding-bottom:8rem;
}
.back1sez {
    background-image: url(../img/back1.jpg);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: top left;
    height: 120vh;
}
.titslogan{
    font-size: 70px;
}
}

@media only screen and (max-width: 1300px) {
.back1sez {
    background-image: url(../img/back1.jpg);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: top left;
    height: 170vh;
}
}



@media only screen and (max-width: 1150px) {
  .box{
    padding-left:2rem;
    padding-right:2rem;
    padding-top:8rem;
    padding-bottom:8rem;
}

.box-2sez{
    padding-top:8rem;
    padding-bottom:8rem;
}
.box-foot{
    padding-top:6rem;
    padding-bottom:6rem;
}
.back1sez {
    background-image: url(../img/back1.jpg);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: top left;
    height: 120vh;
}
.boxseconde{
    padding-left:2rem;
    padding-right:2rem;
    padding-top:5rem;
    padding-bottom:5rem;
    margin-left:2rem;
    margin-right:2rem;
    margin-top:2rem;
    margin-bottom:2rem;
}
}

@media only screen and (max-width: 770px) {
    .back1sez {
    background-image:;
    background-size: cover;
    background-repeat:no-repeat;
    background-position: top left;
    height: auto;
}
    }