/***************** RESET ********************/



 label {



     color: white;



 }



 .home-arrow {



    position: relative;



    z-index: 3;



    bottom: 60px;



    left: 50%;



    margin-left: -16px;



    width: 32px;



    height: 32px;



    font-size: 32px;



    text-align: center;



    color: #222;



 }



 .max-content-width {



         max-width: 90%;



     margin: auto;



 }



 .form-footer textarea:focus,



 .form-footer input:focus {



     color: #fff;



 }



 .form-footer .col-md-6 input {



     width: 98%;



 }



 .form-checkbox {



     height: 15px;



     width: 15px;



 }



 .form-footer input,



 .form-footer select,



 .form-footer textarea {



     color: #fff;



 }



 .form-button {



     width: 200px;



     margin: auto;



 }



 /* #content p {



     font-size: 18px;



 } */



 .blue {



     color: #3f261b;



 }



 .bg-blue {



     background-color: #4d4d4d !important;



 }



 .bg-green {



     background-color: #7CA432 !important;



 }



 .bg-white {



     background-color: #fff !important;



 }



 .bg-gradient {



     background: linear-gradient(45deg, rgba(124, 164, 50, 1) 0%, rgba(19, 150, 232, 1) 100%);



 }



 .green {



     color: #7ca432 !important;



 }



 .white {



     color: #fff !important;



 }



 .radius {



     border-radius: 25px;



 }



 .border1 {



     border: 2px solid red;



 }



 .border2 {



     border: 2px solid blue;



 }



 .border3 {



     border: 2px solid blueviolet;



 }



 .border4 {



     border: 2px solid green;



 }



 .border5 {



     border: 2px solid orange;



 }



 .logo img {



     height: 80px;



     margin: 50px 0 0 40px;



 }



 /*----------------------------------------------------------



   HEADER HEADER HEADER HEADER HEADER HEADER



   ----------------------------------------------------------*/



 #header-wrap .logo h1 {



     font-size: 4.5rem;



 }



 .header-animated-image {



     position: absolute;



 }



 /*Scatola*/



 .header-scatola {



     top: 45%;



     left: 30%;



 }



 .header-scatola img {



     height: 250px;



 }



 /*Canon*/



 .header-canon {



     top: 20%;



     right: 25%;



 }



 .header-canon img {



     height: 80px;



 }



 /*Libro*/



 .header-libro {



     top: 15%;



     left: 15%;



 }



 .header-libro img {



     height: 140px;



 }



 /*Profumo*/



 .header-profumo {



     left: 10%;



     top: 10%;



 }



 .header-profumo img {



     height: 80px;



 }



 /*Scarpa*/



 .header-scarpa {



     top: 35%;



     left: 30%;



     z-index: 1;



 }



 .header-scarpa img {



     height: 120px;



 }



 /*Telefono*/



 .header-telefono {



     left: 13%;



     top: 5%;



 }



 .header-telefono img {



     height: 80px;



 }



 /*Valigia*/



 .header-valigia {



     left: 30%;



     top: 0;



 }



 .header-valigia img {



     height: 200px;



 }



 /*-----------------------------------------------------------



 BEONBUY BLUE BACKGROUND SECTION



 ------------------------------------------------------------- */



 .beonbuy-blue-background {



     background-image: url("../images/background-decorazione-beon.png");



     background-size: cover;



     background-repeat: no-repeat;



     background-position: center;



     height: 743px;



     padding-top: 270px;



 }



 .beonbuy-blue-background .beonbuy-blue-logo img {



     max-height: 80px;



 }



 /*** SECOND SECTION TRE CERCHI ***/



 .cerchio-container {



     margin: auto;



 }



 .cerchio-container img {



     max-height: 150px;



 }



 /*** GEO BOY Section ***/



 .valiggia-container {



     height: 0;



 }



 .valiggia-animation-image {



     position: relative;



     height: 100px;



 }



 /*----------- FOOTER ------------*/



 .footer-beon-form {



     padding: 40px;



 }



 #template-contactform input,



 #template-contactform select,



 #template-contactform textarea {



     background-color: #6e707c;



     border: none;



 }



 footer .footer-social img {



     height: 50px;



 }



 footer .widget img {



     height: 40px;



 }



 footer h4 {



     color: #fff;



 }



 footer .widget a {



     color: whitesmoke;



 }



 footer .widget a:hover {



     color: #999;



 }



 footer .logo-footer img {



     max-height: 50px;



     margin: 25px;



 }



 .img-background-form-footer {



    background-image: url("../images/footer-image/footer-rip.png");



    background-size: initial;



    background-repeat: repeat-x;



    background-position: left;



    height: 200px;



    margin-top: 50px;



 }



 @media screen and (min-width: 992px) {



     footer .footer-social {



         float: right;



     }



     .footer-contatti {



         display: flex;



     }



     .footer-contacts-container {



         float: right;



     }



     .footer-logo-container {



         float: left;



     }



 }



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



     /*----------------------------------



      HEADER HEADER HEADER HEADER HEADER HEADER



      ------------------------------------*/



      header {



          height: 50vh;



      }



      a.bg-gradient {



        font-size: 12px;



      }



     #header-wrap .logo h1 {



         font-size: 3.5rem;



     }



     .logo img {



         height: 60px;



     }



     /*--------------------------------------



   FOOTER FOTTER FOOTER FOOTER



   ----------------------------------------*/



     footer .row {



         text-align: center;



     }



     .footer-contacts-container,



     .footer-logo-container {



         text-align: center;



     }



     .footer-contatti {



         margin: auto;



     }



     .valiggia-animation-image {



         position: relative;



         left: -150px;



         top: 100px;



         height: 100px;



     }



     /*--------------------------------------



        CONTENT CONTENT CONTENT CONTENT



        ----------------------------------------*/



     .sistema-3-section .col-12,



     .sistema-2-section .col-12 {



         margin-bottom: 20px;



     }



 }



 @media screen and (max-width: 1200px) and (min-width:996px) {



     .valiggia-animation-image {



         position: relative;



         left: -300px;



         top: 240px;



         height: 200px;



     }



 }



 @media screen and (min-width: 1200px) {



     .valiggia-animation-image {



         position: relative;



         left: -360px;



         top: 200px;



         height: 200px;



     }



 }



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



     #header-wrap .logo h1 {



         font-size: 2.5rem;



     }



 }