/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************
                     _                            __           _   
                    (_)_ __ ___  _ __   ___ _ __ / _| ___  ___| |_ 
                    | | '_ ` _ \| '_ \ / _ \ '__| |_ / _ \/ __| __|
                    | | | | | | | |_) |  __/ |  |  _|  __/ (__| |_ 
                    |_|_| |_| |_| .__/ \___|_|  |_|  \___|\___|\__|
                                |_|                                
/*************************************************************************************/
/*************************************************************************************/
/*********************IMPERFECT COMUNICAZIONE WWW.IMPERFECT.IT************************/
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/
/*************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*, *::after, *::before {
  box-sizing: border-box;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body {
  line-height: 1.5;
  min-height: 100vh;
  scroll-behavior: smooth;
}

input, button, textarea, select {
  font-family: inherit;
}

@font-face {
  font-family: "arsenale_whiteregular";
  src: url("../fonts/arsenale_white-trial-webfont.woff2") format("woff2"), url("../fonts/arsenale_white-trial-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --font-icons: "Font Awesome 5 Free";
  --font-body: "Raleway", sans-serif;
  --font-title: "arsenale_whiteregular";
  --color-dark: #1B1B1B;
  --color-light: #FAFBFA;
  --color-primary: #07cbf3;
  --color-primary-gradient-light-01: #07cbf3;
  --color-primary-gradient-light-02: #E8F0fD;
  --color-primary-gradient-dark-01: #051938;
  --color-complementary: #EDCA2D;
  --color-complementary-darken-01: #E3BB09;
  --color-alert: #A70909;
  --color-confirm: #0B5619;
  --color-attention: #B57815;
  --transition-time: 150ms;
}

.bg_image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.bello_image{
max-width:100%
}

.cover_image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

html, body {
  font-size: 16px;
}

body {
  font-family: var(--font-body);
}



#site_footer {
  background: linear-gradient(90deg,  #31bdd6, #23a6d5, #23d5ab);
  background-size: 300% 300%;
  animation: gradient 15s ease infinite;


}



@keyframes gre2 {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}




body{
  /* background: linear-gradient(90deg,  #31bdd6, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh; */

   background: #05cbf3;
  }
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }








a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: var(--color-primary);
}
a:hover {
  text-decoration: none;

}
a:focus {
  outline: none;
}
p, ul {
  font-size: 1.125rem;
}

p {
  margin-bottom: 1.4375rem;
}

strong, b {
  font-weight: 700;
}

em, i {
  font-style: italic;
}

del {
  text-decoration: line-through;
}

ins, u {
  text-decoration: underline;
}

small, .small {
  font-size: 80%;
}

/** HEADINGS **/
h1, h2, h3, h4, h5 {
  font-family: var(--font-title);
  font-weight: 400;
  word-wrap: break-word;
}

h2 {
  line-height: 0.5;
  text-transform: uppercase;
}
h2 span {
  font-family: var(--font-body);
  font-weight: 700;
}


.site_nav_active #site_nav_open {
 color: var(--color-primary) !important;
}




@media only screen and (min-width: 992px) {
  p, ul {
    font-size: 1.4375rem;
  }

  p {
    margin-bottom: 1.75rem;
  }
}








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

  .btn_big {
    font-size: 1.4rem !important;
    padding: 2rem 2rem !important;
  }
  


  #site_footer {
    padding: 32px 0 0px 0 !important;
    color: var(--color-light);
    font-size: 1.8375rem;
    /*padding: 3.125rem;
    */text-align: center;
    height: 500px !important;
    border-radius: 88% 62% 20% 143% / 17% 16% 5% 0% !important;
  
    -webkit-border-radius: 88% 62% 20% 143% / 17% 16% 5% 0% !important;
    -moz-border-radius: 88% 62% 20% 143% / 17% 16% 5% 0% !important;
    -ms-border-radius: 88% 62% 20% 143% / 17% 16% 5% 0% !important;
    -o-border-radius: 88% 62% 20% 143% / 17% 16% 5% 0% !important;

    margin: -273px 0 0 0 !important;
}

.site_footer_inner {
  font-size: 1.2rem !important;
  position: relative;
  margin: 60px 0 0 0;
}


.esempio_image {
  /* right: 45px !important; */
  right: 104px !important;
  top: 71.25rem !important;

}


.esempio_image {
  position: absolute;
  /* margin: 7rem auto 0px 9.5rem !important; */
  width: 10.5rem !important;

}
  

.esempio_fronte, .esempio_retro {
  margin-bottom: 1.0625rem !important;
  
}
  


  .progetto_image {
    padding: 81px 0 0 0;
    /* position: absolute; */
    /* bottom: 35px; */
    height: auto;
    max-width: 100%;
    margin: -12px 0 -62px 0;
}


  .call_first_line {
    color: var(--color-primary);
    font-size: 1.55rem !important;
    margin-bottom: 2.625rem;
    padding-left: 0rem;
    margin-top: -10px;
  }


  .bello_image {
    width: 84% !important;
}




#partecipa {
  padding-bottom: 14rem !important;
  text-align: center;
}

  .esempio_fronte .caption, .esempio_retro .caption {
   
    margin-top: 0.25rem !important;
}


  .section_bg_1 {
    background-image: url(../img/bg/top-left.svg);
    background-position: top -350px right -63px !important;
    background-repeat: no-repeat;
}


  h2 {
    font-size: 6.375rem;
  }
  h2 span {
    font-size: 2.075rem;
  }
}








@media only screen and (min-width: 595px) and (max-width: 990px) {

.bello_image {
    width: 58% !important;
}

}


@media only screen and (min-width: 576px) and (max-width: 1919px) {
  h2 {
    font-size: calc(70px + (100vw - 576px) / 924 * 166);
  }
  h2 span {
    font-size: calc(30px + (100vw - 576px) / 924 * 30);
  }
}
@media only screen and (min-width: 1500px) {
  h2 {
    font-size: 12.75rem;
  }
  h2 span {
    font-size: 3.75rem;
  }
  
}
figure {
  background-color: var(--color-light);
  text-align: center;
}
figure img {
  display: block;
  margin: auto;
}

button, input[type=submit], input[type=reset] {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  transition: all 250ms;
  -webkit-tap-highlight-color: transparent;
}
button:hover, input[type=submit]:hover, input[type=reset]:hover {
  cursor: pointer;
}
button:focus, input[type=submit]:focus, input[type=reset]:focus {
  outline: none;
}
button:disabled:hover, input[type=submit]:disabled:hover, input[type=reset]:disabled:hover {
  cursor: not-allowed;
}

.button_wrapper {
  display: block;
  margin-top: 3.5625rem;
}

.button {
  border: none;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  padding: 1rem 1rem;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.15s;
}
.button:hover {
  cursor: pointer;
  text-decoration: none;
  background-color: #1B1B1B;
}

.btn_big {
  font-size: 2.275rem;
  padding: 2.5rem 4.6875rem;
}


.btn_blue {
  background-color: var(--color-primary);
  color: var(--color-light);
}

.btn_white {
  background-color: var(--color-light);
  color: var(--color-primary);
}

@media only screen and (min-width: 992px) {
  .button {
    font-size: 1.4375rem;
  }
}
@media only screen and (min-width: 1500px) {
  .btn_big {
    font-size: 2.875rem;
    padding: 2.5rem 4.6875rem;
  }
}
.container {
  margin: 0 auto;
   padding: 0 1.5rem; 
  width: 100%;
}

.container_header{
  margin: 0 auto;
  /* padding: 0 1.5rem; */
  width: 100%;
}

@media only screen and (min-width: 992px) {
  .container {
     padding: 0 3.75rem; 
  }
  .container_header{
    margin: 0 auto;
    /* padding: 0 1.5rem; */
    width: 100%;
  }
}
html, body {
  height: 100%;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-primary);
  color: var(--color-dark);
}

main {
  position: relative;
  z-index: 10;
}

.mobile_hidden {
  display: none;
}

body.site_nav_active {
  overflow: hidden;
}

@media only screen and (min-width: 992px) {
  .mobile_hidden {
    display: block;
  }

  .desktop_hidden {
    display: none;
  }
}
#site_header {
  padding: 1.5625rem 0;
  position: relative;
  transition: all 250ms;
  width: 100%;
  z-index: 1000;
  
}

.site_header_inner {
  align-items: center;
  display: flex;
  flex: 0 1 auto;
  justify-content: space-between;
  padding: 0 3.75rem;
}





#logo {
  display: block;
  float: left;
  margin: 20px auto;
  text-align: center;
  width: 250px;
  height: 73px;
  position: relative;
  vertical-align: middle;
  width: 27%;

}

#logo:active img.yellow {
  left: -2px !important;
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}

#logo img {
  position: absolute;
  top: 5px;
  left: 0;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}






#site_brand a, #site_brand img {
  display: block;
}
#site_brand img {
  height: auto;
}
#site_brand h1, #site_brand p {
  margin-bottom: 0;
}

.header_fixed #site_header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;


}

.header_off_top #site_header {
  background-color: rgba(var(--color-light), 1);
  padding: 0;
  background-color: #fff;

}

@media only screen and (max-width: 991px) {
  #site_brand img {
    width: 5rem;
  }
}
@media only screen and (min-width: 992px) {
  #site_header {
    position: fixed;
    top: 0;
  }
}
#site_nav {
  z-index: 1000;
}
#site_nav ul {
  font-size: 1rem;
  list-style: none;
}
#site_nav ul li {
  padding-bottom: 0.3125rem;
  position: relative;
}

#site_nav ul li a {
  font-weight: 600;
  color: var(--color-primary);
  display: block;
  padding: 0.625rem 0;
  position: relative;
}
#site_nav ul li.current::after {
  bottom: 0;
  content: url("../img/nav.svg");
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}


.header_off_top #site_nav ul li.current::after {
 
  content: url("../img/nav-off.svg") !important;

}



.header_off_top #site_nav ul li a {
  color: var(--color-primary);

}


.header_off_top #site_nav ul li.current::after {
  content: url("../img/nav-off.svg") !important;
  


}



@media only screen and (max-width: 991px) {
  #site_nav_open {
    color: var(--color-light);
    cursor: pointer;
    font-size: 0.8125rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 1.875rem 0 0;
    position: relative;
    text-transform: uppercase;
    z-index: 11;
  }




  .header_off_top #site_nav_open{
    color: var(--color-primary) !important;
  }


  #site_nav_open span {
    top: 0.6875rem;
  }
  #site_nav_open span, #site_nav_open span::before, #site_nav_open span::after {
    background: currentColor;
    content: "";
    cursor: pointer;
    display: block;
    height: 0.125rem;
    position: absolute;
    right: 0;
    transition: all 250ms ease-in-out;
    width: 1.5rem;
  }
  #site_nav_open span::before {
    top: -0.5rem;
  }
  #site_nav_open span::after {
    bottom: -0.5rem;
  }

  #site_nav {
    background-color: white;
    clear: both;
    display: none;
    left: 0;
    max-height: calc(100vh - 47px);
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
  }
  #site_nav ul li {
    flex-basis: 100%;
    text-align: center;
    width: 100%;
  }
  #site_nav ul li a {
    color: var(--color-primary);
  }




  body.site_nav_active #site_header {
    background-color: #fff;
  }
  body.site_nav_active #site_nav {
    background-color: var(;--color-light);
    display: block;
 
  }
  body.site_nav_active #site_nav_open span {
    background: transparent;
  }
  body.site_nav_active #site_nav_open span::before, body.site_nav_active #site_nav_open span::after {
    top: 0;
  }
  body.site_nav_active #site_nav_open span::before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  body.site_nav_active #site_nav_open span::after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
}
@media only screen and (min-width: 992px) {
  #site_nav_open {
    display: none;
  }


  #site_nav ul li a {
    color: var(--color-light);
  }

  #site_nav {
    position: relative;
  }
  #site_nav ul {
    align-items: center;
    display: flex;
  }
  #site_nav ul li {
    position: relative;
  }
  #site_nav ul li a {
    display: block;
    padding: 0.625rem 0.78125rem;
  }
  #site_nav ul li:hover {
    cursor: pointer;
  }
}

/* new */

#site_footer {
  color: var(--color-light);
  font-size: 1.3375rem;
  padding: 3.125rem;
  text-align: center;
  height: 500px;
  background: var(--color-primary);
  border-radius: 87% 62% 20% 133% / 89% 84% 6% 5%;
  margin: -273px 0 0 0;
}




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



  #site_footer {
        color: var(--color-light);
        font-size: 1.3375rem;
        padding: 3.125rem;
        text-align: center;
        height: 500px;
        background: var(--color-primary);
        border-radius: 87% 62% 20% 133% / 89% 84% 6% 5%;
 
        margin: -273px 0 0 0;
  
}


#partecipa {
  padding-top: 5rem!important;
  padding-bottom: 29rem !important;
  text-align: center;
}


.esempio_image {
  position: absolute;
  right: 40px;
  top: 90.25rem;
  /* width: 18.75rem; */
}

}





.site_footer_inner {
  position: relative;
  margin: 60px 0 0 0;
}

.site_footer_social a {
  display: inline-block;
  margin: 0 0.25rem;
}

@media only screen and (max-width: 1499px) {
  .site_footer_social {
    margin-top: 2.5rem;
  }
}
@media only screen and (min-width: 1500px) {
  .site_footer_social {
    position: absolute;
    inset: 0 0 0 auto;
  }
}
.gam {
  /* bottom: 7.5rem; */
  color: var(--color-light);
  font-size: 1.3125rem;
  max-width: 22.375rem;
  /* position: fixed; */
  /* right: 5rem; */
  text-align: center;

  margin: 20px 0 47px 0;
  display: inline-block;
  font-weight:600;
}

.gam_image {
  height: auto;
  margin-top: 1.4375rem;
}

@media only screen and (max-width: 991px) {
  .gam {
    /* bottom: 1.875rem; */
    font-size: 1rem;
    max-width: 9.375rem;
    /* right: 1.875rem; */

         /* bottom: 1.875rem; */
         font-size: 1.25rem;
         max-width: 34.375rem;
       
    
  }

  .gam_image {
    width: 4.6875rem;
  }
}
.section_bg_1 {
  background-image: url(../img/bg/top-left.svg);
  background-position: top -350px right 20px;
  background-repeat: no-repeat;
}

.section_bg_2 {
  background-image: url(../img/bg/bottom.svg);
  background-position: top left -100px;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) {
  .section_bg_1 {
    background-position: top -350px right 700px;
  }
}
#call {
  padding: 10rem 0 5.5rem;
  position: relative;
}

.call_image {
  height: auto;
  max-width: 100%;
}




.call_inner {
  max-width: 56.25rem;
  margin: 63px 0 0 0;
}

.call_first_line {
  color: var(--color-primary);
  font-size: 1.75rem;
  margin-bottom: 2.625rem;
  padding-left: 0rem;
  margin-top: -32px;
}



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


.call_first_line {
  color: var(--color-primary);
  font-size: 1.7rem;
  margin-bottom: 2.625rem;
  padding-left: 0rem;
  margin-top: -10px;
}

}




@media only screen and (min-width: 992px) {
  #call {
    padding: 15rem 0 7.5rem;
  }

  .call_first_line {
    font-size: 2.475rem;
  }
}
@media only screen and (min-width: 1200px) {
  #call {
    padding: 15rem 0 20rem;
  }
}
@media only screen and (max-width: 1499px) {
  .call_image {
    margin-top: 25rem;
  }
}
@media only screen and (min-width: 1500px) {
  .call_image {
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#progetto {
  color: var(--color-light);
  padding: 1.875rem 0 3.75rem;
  position: relative;
  text-align: right;
}

.progetto_inner {
  max-width: 56.25rem;
}

.progetto_image {
  height: auto;
  max-width: 100%;
}

.progetto_title {
  margin-bottom:0rem
}

@media only screen and (min-width: 992px) {
  #progetto {
    padding: 1.875rem 0 7.5rem;
  }
}
@media only screen and (min-width: 1500px) {
  .progetto_image {
    position: absolute;
    right: 0rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#regolamento {
  padding: 5rem 0 8.75rem;
}
#regolamento li {
  list-style: disc inside;
}

.regolamento_inner {
  max-width: 65rem;
}

.regolamento_title {
  margin-bottom: 0rem;
}

.regolamento_text {
  max-width: 54.375rem;
}

.regolamento_list {
  margin-bottom: 1.75rem;
}
.regolamento_list span {
  font-size: 1.4375rem;
}




@media only screen and (min-width: 992px) {
  #regolamento {
    padding: 6.25rem 0 8.75rem;
  }

  .regolamento_image {
    display:block;
    position: absolute;
    right: 0;
    top: 300%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
}


@media only screen and (min-width: 1200px) {
  #regolamento {
    padding: 12.5rem 0 15rem;
  }
}





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


  .logo-dimensions {
    min-width: 200px !important ;
    width: 200px !important;
}

  .regolamento_image {
 display:none;
  }

}


#esempio {
  color: #000;
  padding: 1.25rem 0 0rem;
  position: relative;
}

/* .esempio_title {
  color: var(--color-primary);
  margin-bottom: 4.0625rem;
} */

.esempio_title {
margin-bottom:0rem;
}


.esempio_fronte_retro {
  display: flex;
  flex-wrap: wrap;
}

.esempio_fronte, .esempio_retro {
  margin-bottom: 4.0625rem;
  margin-right: 1.875rem;
  max-width: 36.875rem;
  text-align: left;
  text-transform: uppercase;
}
.esempio_fronte img, .esempio_retro img {
  height: auto;
  max-width: 100%;
}
.esempio_fronte .caption, .esempio_retro .caption {
  color: #7E8190;
  display: block;
  font-size: 1rem !important;
  font-weight: 300 !important;
   margin-top: 0.25rem; 
}

.esempio_image {
  height: auto;
  max-width: 100%;
}

.esempio_text {
  /* margin-top: 2.5rem; */
  max-width: 59.0625rem;
}



@media only screen and (min-width: 992px) {
  #esempio {
    padding: 2.5rem 0 7.5rem;
  }
}


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


  .bello_image {
    width: 42%;
}


  .esempio_image {
    margin: 2.5rem auto 0 2.5rem;
    width: 17.5rem;
  }

  .esempio_text {
    margin-bottom: 5.75rem; 
 }

 .esempio_title {
  margin-bottom: 0rem; 
}


}


@media only screen and (min-width: 1200px) {
  #esempio {
    padding: 6rem 0 7.5rem;
  }

  .esempio_text {
     margin-bottom: 5.75rem; 
     max-width: 75%;
  }
}


@media screen and (min-width: 992px) and (max-width: 1499px) {
  .esempio_image {
    position: absolute;
    right: 40px;
    top: 6.25rem;
    width: 18.75rem;
  }




}


@media screen and (min-width:991px) and (max-width: 1500px) {

  #site_footer {
     color: var(--color-light);
     font-size: 1.8375rem;
     padding: 3.125rem;
     text-align: center;
     height:570px;
     background:var(--color-primary);
     border-radius: 86% 58% 47% 133% / 89% 84% 6% 1%;
     -webkit-border-radius: 86% 58% 47% 133% / 89% 84% 6% 1%;
     -moz-border-radius: 86% 58% 47% 133% / 89% 84% 6% 1%;
     -ms-border-radius: 86% 58% 47% 133% / 89% 84% 6% 1%;
     -o-border-radius: 86% 58% 47% 133% / 89% 84% 6% 1%;
}


  .site_footer_inner {
    font-size: 1.3rem;
    position: relative;
    margin: 60px 0 0 0;
}
}


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

  
  

#partecipa {
  padding-bottom: 40rem;
  background: #fff;
}





}



@media only screen and (min-width: 539px) and (max-width: 575px) {

  .esempio_image {
    position: absolute;
    right: 170px !important;
    top: 79.25rem !important;
    width: 9.75rem !important;
}
}





@media only screen and (min-width: 1500px) {
  .esempio_image {
    bottom: -33.25rem;
    position: absolute;
    right: 4rem;
    width: 23.25rem;
  }
}


#partecipa {
  padding-bottom:5rem;
  text-align: center;
}

@media only screen and (min-width: 992px) {
  #partecipa {
    padding-bottom: 32rem;
  }
}


@media only screen and (min-width: 1200px) {
  #partecipa {
    padding-bottom:32rem;
  }
}






@media screen and (min-width: 1400px) and (max-width: 1500px) {


  .bello_image {
    width: 69%;
}

  .call_image {
    position: absolute;
    right: 1rem;
    margin-top: -26rem;
}



  .progetto_image {
    position: absolute;
    right: 1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

      width: 35%;
  }


  .regolamento_image {
    /* display: block; */
    position: absolute;
 
    top: 380%;
    display: none;
  
  
  }

  .esempio_image {
    position: absolute;
    right: 40px;
    top: 78.25rem;
    width: 18.75rem;
}





}



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

  #site_nav ul {
    font-size: 0.85rem;
    list-style: none;
    margin: 22px -48px 0 0px;
  }

}








@media screen and (min-width: 991px) and (max-width: 1400px) {


  .bello_image {
    width: 54%;
}

  .call_image {
    position: absolute;
    right: 1rem ;
    margin-top: -19rem ;
    width: 30%;
}



  .progetto_image {
    position: absolute;
    left: 4rem;
    top: 67%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

      width: 35%;

      -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
  }


  .regolamento_image {
    /* display: block; */
    position: absolute;
 
    top: 380%;
    display: none;
  
  
  }

  .esempio_image {
    position: absolute;
    right: 40px;
    top: 82.25rem;
    width: 18.75rem;
}



.section_bg_1 {
  background-image: url(../img/bg/top-left.svg);
  background-position: top -506px right 484px;
  background-repeat: no-repeat;
}


.call_first_line {
  font-size: 1.96rem;
}


}



@media screen and (min-width: 1400px) and (max-width: 2200px) {

  .bello_image {
    width: 69%;
  }
}


@media screen and (min-width: 991px) and (max-width: 1376px) {

  .esempio_image {
    position: absolute;
    right: 16px !important;
    top: 103.25rem !important;
    width: 18.75rem !important;
}
}


@media screen and (min-width: 581px) and (max-width: 991px) {

  .esempio_image {
    left: 4px;
    top: 99.25rem !important;
    width: 12.75rem !important;
}
}




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



  .container_header {
    padding: 14px 0 14px 0;
    margin: 0 auto;
   
    }


  .logo-dimensions {
    min-width: 300px !important;
    width: 300px !important;
}

  h2 {
    font-size: 17.75rem;
    }

  /* h2 {
    font-size: 15.75rem;
  }
  h2 span {
    font-size: 4.75rem;
  } */

  p, ul {
    font-size: 2rem;
  }

  p {
    margin-bottom: 2rem;
  }

  em{font-size:1.5rem}


  #call {
    padding: 23rem 0 20rem;
    }


  .call_first_line {
    font-size: 3.6rem;
    }


  .call_image {
    position: absolute;
    right: 7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 30%;
            
  }



  .progetto_image {
    position: absolute;
    right: 7rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);

      width: 40%;
  }


  .regolamento_image {
    display:block;
    position: absolute;
    right: 7rem;
    top: 250%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


.esempio_image {
  height: auto;
  max-width: 100%;
}



.esempio_fronte img, .esempio_retro img {
 width: 88%;
 max-width: 88%;
 top: 7rem;
  }


  .esempio_fronte, .esempio_retro {
    width: 44%;
    margin-right: 0.875rem;
    max-width:44%;
  
    }


.esempio_fronte .caption, .esempio_retro .caption {
  color: #7E8190;
  display: block;
  font-size: 2rem;
  font-weight: 700;
   /* margin-top: 2.25rem;  */
}





  
  .section_bg_1 {
    background-image: url(../img/bg/top-left.svg);
    background-position: top -280px right 987px;
    background-repeat: no-repeat;
  }
  
  .section_bg_2 {
    background-image: url(../img/bg/bottom.svg);
    background-position: top left -100px;
    background-repeat: no-repeat;
  }

  #site_nav ul {
    font-size: 1.5rem;
    list-style: none;
  }


  .progetto_inner {
    max-width: 56.25rem;
    margin: 0 0 0 300px;
}




#site_footer {
  padding: 1px 0 0px 0;
  color: var(--color-light);
  font-size: 1.8375rem;
  /* padding: 3.125rem; */
  text-align: center;
  height: 500px;
  background: var(--color-primary);
  border-radius: 87% 62% 20% 133% / 89% 84% 6% 5%;
  margin: -273px 0 0 0;
}






.button {
  border: none;
  display: inline-block;
  font-size: 1.825rem;
  font-weight: 700;
  padding: 2rem 3rem;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.15s;
}


.btn_big {
  font-size: 3.3rem;
  padding: 3rem 5rem;
}


#partecipa{
  background: #fff;
}



.gam {
  /* bottom: 7.5rem; */
  color: var(--color-light);
  font-size: 1.5125rem;
  max-width: 24.375rem;

}


}


.esempio_image {
  z-index: 11;
}



/*# sourceMappingURL=style.css.map */