/*

* Eduard Stefan Template

* Copyright 2017

* www.eduardstefan.com

*/

/* Base Things

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

*, *:after, *:before {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



img {

  border: 0;

}



html {

  font-size: 62.5%;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  scroll-behavior: smooth;

}



@font-face {

  font-family: 'Myriad Pro';

  font-style: normal;

  font-weight: 400;

  src: local("Myriad Pro Regular"), url("../fonts/MYRIADPRO-REGULAR.woff") format("woff");

}



@font-face {

  font-family: 'Myriad Pro';

  font-style: normal;

  font-weight: 600;

  src: local("Myriad Pro Semibold"), url("../fonts/MYRIADPRO-SEMIBOLD.woff") format("woff");

}



@font-face {

  font-family: 'Myriad Pro';

  font-style: normal;

  font-weight: 700;

  src: local("Myriad Pro Bold"), url("../fonts/MYRIADPRO-BOLD.woff") format("woff");

}



body {

  line-height: 1.6;

  font-weight: 400;

  font-family: "Myriad Pro", sans-serif;

  color: #555555;

  margin: 0;

  padding: 0;

}



h1, h2, h3, h4, h5, h6, p, a {

  margin: 0;

  font-weight: normal;

  line-height: 1.5em;

  text-decoration: none;

  font-size: 16px;

}



.container {

  max-width: 1366px;

  margin: 0 auto;

}



header {

  background: #FFFFFF;

  -webkit-box-shadow: 0px 0px 50px rgba(0, 110, 88, 0.1);

          box-shadow: 0px 0px 50px rgba(0, 110, 88, 0.1);

  padding: 20px;

  position: -webkit-sticky;

  position: sticky;

  top: 0;

  z-index: 99;

}



header .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



header .container .lime-bar {

  width: calc(100% - 40px);

  height: 4px;

  background-color: #2a6654;

  position: absolute;

  top: 20px;

  left: 20px;

}



header .container > a {

  margin-top: -4.45px;

  z-index: 9;

  background-color: #fff;

  padding: 0 24px;

  margin-left: 24px;

}



header .container .nav {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



header .container .nav a {

  font-weight: 600;

  color: #555555;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



header .container .nav a:hover {

  color: #F15D2A;

}



header .container .nav a:not(:first-child) {

  margin-left: 24px;

}



header .container .nav a:last-child {

  background-color: #F15D2A;

  padding: 12px 16px;

  -webkit-box-shadow: 0px 0px 25px rgba(241, 93, 42, 0.5);

          box-shadow: 0px 0px 25px rgba(241, 93, 42, 0.5);

  border-radius: 3px;

  color: #fff;

  line-height: 1em;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



header .container .nav a:last-child:hover {

  -webkit-box-shadow: 0px 0px 20px #f15d2a;

          box-shadow: 0px 0px 20px #f15d2a;

  padding: 12px 24px;

}



hero {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(0, 1fr))[2];

      grid-template-columns: repeat(2, minmax(0, 1fr));

  background: #E5F0EE;

  min-height: calc(100vh - 105.56px);

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  grid-gap: 40px;

}



hero .left {

  padding-left: 40px;

  max-width: 663px;

  margin-left: auto;

}



hero .left h1 {

  font-weight: bold;

  color: #006E58;

  margin-bottom: 24px;

  font-size: 36px;

}



hero .left h3 {

  font-size: 18px;

  margin-bottom: 24px;

}



hero .left .buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



hero .left .buttons a {

  font-weight: 600;

  padding: 16px 24px;

  border-radius: 3px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  line-height: 1em;

}



hero .left .buttons a:first-child {

  background: #F15D2A;

  -webkit-box-shadow: 0px 0px 25px rgba(241, 93, 42, 0.5);

          box-shadow: 0px 0px 25px rgba(241, 93, 42, 0.5);

  color: #fff;

}



hero .left .buttons a:first-child:hover {

  -webkit-box-shadow: 0px 0px 20px #f15d2a;

          box-shadow: 0px 0px 20px #f15d2a;

}



hero .left .buttons a:last-child {

  background: #fff;

  color: #006E58;

  margin-left: 24px;

}



hero .left .buttons a:last-child:hover {

  color: #F15D2A;

}



hero .right {

  background-repeat: no-repeat;

  background-size: contain;

  background-position: bottom;

  background-image: url(../img/casa.png);

  height: 100%;

  width: 100%;

}



#riscuri {

  background: #006E58;

  padding: 40px;

}



#riscuri .container {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(0, 1fr))[2];

      grid-template-columns: repeat(2, minmax(0, 1fr));

  grid-gap: 40px;

  -webkit-box-align: stretch;

      -ms-flex-align: stretch;

          align-items: stretch;

}



#riscuri .container h3 {

  font-weight: bold;

  color: #fff;

  font-size: 24px;

  margin-bottom: 40px;

  letter-spacing: 0.015em;

}



#riscuri .container .left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



#riscuri .container .left .riscuri {

  display: -ms-grid;

  display: grid;

  grid-gap: 40px;

}



#riscuri .container .left .riscuri .inner {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(0, 1fr))[2];

      grid-template-columns: repeat(2, minmax(0, 1fr));

  grid-gap: 40px;

}



#riscuri .container .left .riscuri .riscuri-box {

  background: #fff;

  border-radius: 3px;

  padding: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



#riscuri .container .left .riscuri .riscuri-box h4 {

  font-weight: bold;

  color: #F15D2A;

  font-size: 24px;

  width: 1px;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  word-break: break-word;

}



#riscuri .container .left .riscuri .riscuri-box > img {

  width: 48px;

  height: 48px;

}



#riscuri .container .left .riscuri .riscuri-box .lista {

  margin-top: 16px;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: minmax(0, 1fr);

      grid-template-columns: minmax(0, 1fr);

  grid-gap: 16px;

  width: 100%;

}



#riscuri .container .left .riscuri .riscuri-box .lista .item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}



#riscuri .container .left .riscuri .riscuri-box .lista .item img {

  margin-top: 2px;

}



#riscuri .container .left .riscuri .riscuri-box .lista .item h5 {

  width: 1px;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  margin-left: 8px;

  font-weight: 600;

  color: #006E58;

  font-size: 18px;

}



#riscuri .container .left .riscuri .riscuri-box .lista .item p {

  width: 100%;

  margin-top: 4px;

}



#riscuri .container .right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



#riscuri .container .right .boxes {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  width: calc(100% + 40px);

  margin-right: -40px;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



#riscuri .container .right .boxes > :not(:first-child) {

  margin-top: 40px;

}



#riscuri .container .right .boxes > p {

  color: #fff;

  font-size: 14px;

}



#riscuri .container .right .boxes .avantaj-box {

  background: #BED730;

  padding-top: 16px;

  padding-left: 16px;

  border-radius: 5px 0 0 5px;

  margin-bottom: 16px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#riscuri .container .right .boxes .avantaj-box:hover .inner-box {

  -webkit-transform: translateY(-8px);

          transform: translateY(-8px);

  -webkit-box-shadow: 0px 4px 50px rgba(190, 215, 48, 0.25);

          box-shadow: 0px 4px 50px rgba(190, 215, 48, 0.25);

}



#riscuri .container .right .boxes .avantaj-box .inner-box {

  background: #fff;

  border-radius: 5px 0 0 5px;

  padding: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: -16px;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#riscuri .container .right .boxes .avantaj-box .inner-box .mobile {

  display: none;

}



#riscuri .container .right .boxes .avantaj-box .inner-box img {

  width: 80px;

  height: 80px;

  margin-right: 24px;

}



#riscuri .container .right .boxes .avantaj-box .inner-box .content {

  width: 1px;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



#riscuri .container .right .boxes .avantaj-box .inner-box .content h6 {

  color: #006E58;

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 8px;

  line-height: 1em;

}



#riscuri .container .right .boxes .avantaj-box .inner-box .content img {

  width: 16px;

  height: 16px;

  -webkit-filter: grayscale(1);

          filter: grayscale(1);

  opacity: 0.5;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



#riscuri .container .right .boxes .avantaj-box .inner-box .content img:hover {

  -webkit-filter: none;

          filter: none;

  opacity: 1;

}



#riscuri .container .right .boxes .avantaj-box .inner-box .content p {

  width: 100%;

  color: #555555;

}



.cta {

  padding: 40px;

}



.cta .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.cta .container .left {

  width: calc(50% + 20px);

  padding: 40px;

  border-radius: 10px;

  background: #F15D2A;

}



.cta .container .left h3 {

  color: #fff;

  font-size: 32px;

  font-weight: bold;

  letter-spacing: 0.015em;

  margin-bottom: 24px;

}



.cta .container .left form {

  background: #fff;

  padding: 40px;

  border-radius: 5px;

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: minmax(0, 1fr);

      grid-template-columns: minmax(0, 1fr);

  grid-gap: 16px;

}



.cta .container .left form .fields {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(0, 1fr))[2];

      grid-template-columns: repeat(2, minmax(0, 1fr));

  grid-gap: 40px;

  margin-bottom: 24px;

}



.cta .container .left form .fields label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}



.cta .container .left form .fields label img {

  width: 16px;

  height: 16px;

  margin-right: 8px;

  margin-top: 3px;

}



.cta .container .left form .fields label p {

  width: 1px;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

  font-size: 16px;

  font-weight: 600;

}



.cta .container .left form .fields label input, .cta .container .left form .fields label select {

  width: 100%;

  font-size: 18px;

  padding: 12px 12px 8px 12px;

  border: 0;

  border-radius: 0;

  border-bottom: 1px solid #55555540;

  font-family: 'Myriad Pro', sans-serif;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  margin-top: auto;

}



.cta .container .left form > label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.cta .container .left form > label input {

  margin-right: 8px;

}



.cta .container .left form > label a {

  color: #555555;

  font-weight: 600;

}



.cta .container .left form button {

  background: #F15D2A;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

  justify-content: center;

  padding: 16px 24px;

  border-radius: 3px;

  border: 0;

  -webkit-box-shadow: 0px 0px 15px rgba(241, 93, 42, 0.5);

          box-shadow: 0px 0px 15px rgba(241, 93, 42, 0.5);

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  cursor: pointer;

  gap: 30px;

  max-width: 500px;
  
  margin: auto;

}



.cta .container .left form button:hover {

  -webkit-box-shadow: 0px 0px 20px #f15d2a;

          box-shadow: 0px 0px 20px #f15d2a;

}



.cta .container .left form button p {

  font-weight: 600;

  font-size: 18px;

  color: #fff;

  font-family: 'Myriad Pro', sans-serif;

}



.cta .container .left form button img {

  width: 24px;

  height: 24px;

}



.cta .container .right {

  width: calc(50% - 20px);

  background: #BED730;

  padding: 40px 40px 40px 0;

  border-radius: 0 10px 10px 0;

  -webkit-box-shadow: 0px 4px 50px rgba(190, 215, 48, 0.25);

          box-shadow: 0px 4px 50px rgba(190, 215, 48, 0.25);

}



.cta .container .right .inner {

  background: #fff;

  border-radius: 0 10px 10px 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.cta .container .right .inner img {

  width: 240px;

  height: auto;

  margin-top: -80px;

}



.cta .container .right .inner h5 {

  color: #F15D2A;

  font-size: 32px;

  font-weight: bold;

  margin-bottom: -16px;

  margin-top: 40px;

}



.cta .container .right .inner h6 {

  padding: 40px;

  color: #006E58;

  font-weight: bold;

  font-size: 28px;

  text-align: center;

}



footer {

  margin-top: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



footer .first {

  padding: 40px 64px;

  background: #e5e5e5;

}



footer .first .container {

  display: -ms-grid;

  display: grid;

  -ms-grid-columns: (minmax(0, 1fr))[3];

      grid-template-columns: repeat(3, minmax(0, 1fr));

  grid-gap: 40px;

}



footer .first .container .col {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}



footer .first .container .col a {

  color: #555555;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



footer .first .container .col a:hover {

  color: #006E58;

}



footer .first .container .col :first-child {

  font-weight: 600;

  font-size: 15px;

}



footer .first .container .col :not(:first-child) {

  font-size: 14px;

  margin-top: 8px;

}



footer .second {

  padding: 24px 64px;

  position: relative;

}



footer .second .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



footer .second .container .gray-bar {

  width: calc(100vw - 40px);

  height: 4px;

  background-color: #e5e5e5;

  position: absolute;

  top: 34px;

  left: 20px;

}



footer .second .container .left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  z-index: 2;

  margin-left: -24px;

  padding-left: 24px;

}



footer .second .container .left h6 {

  font-size: 16px;

  font-weight: 600;

  background: #fff;

  margin-left: -24px;

  padding-left: 24px;

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  padding-right: 24px;

}



footer .second .container .left h6 + p {

  margin-top: 8px;

  font-size: 14px;

}



footer .second .container .left .links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-top: 8px;

}



footer .second .container .left .links a, footer .second .container .left .links p {

  font-size: 14px;

}



footer .second .container .left .links p {

  margin: 0 8px;

}



footer .second .container .left .links a {

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  color: #555555;

}



footer .second .container .left .links a:hover {

  color: #006E58;

}



footer .second .container .right {

  z-index: 2;

}



footer .second .container .right h6 {

  padding: 0 24px 8px 24px;

  background: #fff;

  border-left: 4px solid #e5e5e5;

  border-right: 4px solid #e5e5e5;

  border-bottom: 4px solid #e5e5e5;

  margin-top: 10px;

  font-weight: 600;

}



.content.pagina{

  padding: 40px;

}

.content.pagina h3{

  font-weight: bold;

  font-size: 32px;

  margin-bottom: 16px;

  color: #006E58 !important;

}

.content.pagina h1, .content.pagina h2, .content.pagina h3, .content.pagina h4, .content.pagina h5, .content.pagina h6, .content.pagina p{

  font-family: 'Myriad Pro', sans-serif;

  color: #555555;

}

.content.pagina a{

  color: #006E58;

  font-weight: bold;

  transition: all 0.3s ease;

}

.content.pagina a:hover{

  color: #F15D2A;

}

.help-block {
    color: red;
}

@media all and (min-width: 1446px) {

  a.avantaj-box {

    border-radius: 5px !important;

    margin-right: 16px;

  }

  a.avantaj-box .inner-box {

    border-radius: 5px !important;

    margin-right: -16px;

  }

}



@media all and (max-width: 1024px) {

  body {

    padding-bottom: 64px;

  }

  header .nav {

    padding-top: 12px;

  }

  hero {

    padding: 40px 0 0;

    -ms-grid-columns: minmax(0, 3fr) minmax(0, 2fr);

        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);

  }

  hero .left {

    padding-bottom: 40px;

  }

  hero .left h1 {

    font-size: 28px;

  }

  hero .left h1, hero .left h3 {

    margin-bottom: 16px;

  }

  hero .left .buttons {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

  hero .left .buttons a {

    width: 100%;

  }

  hero .left .buttons a:last-child {

    margin: 16px 0 0 0;

  }

  hero .right {

    background-position: 105% 110%;

  }

  #riscuri .container {

    -ms-grid-columns: minmax(0, 1fr);

        grid-template-columns: minmax(0, 1fr);

  }

  .cta .container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

        -ms-flex-direction: column-reverse;

            flex-direction: column-reverse;

  }

  .cta .container .left {

    width: 100%;

  }

  .cta .container .right {

    width: 100%;

    width: calc(100% - 80px);

    border-radius: 10px 10px 0 0;

    padding: 40px 40px 0 40px;

  }

  .cta .container .right .inner {

    border-radius: 10px 10px 0 0;

  }

  .cta .container .right .inner h6 {

    font-size: 24px;

    padding: 24px 40px 40px 40px;

  }

  footer .second .container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

  footer .second .container .right h6 {

    padding: 12px 24px;

    border: 4px solid #e5e5e5;

  }

}



@media all and (max-width: 767px) {

  header .container {

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

  }

  header .container > a {

    margin: -4.45px 0 8px 20px;

  }

  header .container > a img{

    max-height: 48px;

  }

  header .container .nav {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    padding: 0;

    margin-top: 12px;

  }

  header .container .nav a:not(:first-child) {

    margin: 8px 0 0 0;

  }

  .menu_d{
    display: none;
  }
  header .container .nav a:last-child {
      box-shadow: 0 0;
      border-radius: 0;
  }
  header .container .nav a:last-child:hover {
      box-shadow: 0 0;
      padding: 12px 16px;
  }


  hero {

    -ms-grid-columns: minmax(0, 1fr);

        grid-template-columns: minmax(0, 1fr);

    min-height: 100px;

    padding: 0;

    position: relative;

  }

  hero .left {

    padding: 20px;

    z-index: 2;

  }

  hero .left h1 {

    font-size: 24px;

  }

  hero .left .buttons a {
      width: auto;
  }

  hero .left .buttons a:last-child {

    margin: 0;

  }

  hero .left .buttons a:first-child {

    display: none;

  }

  hero .right {

    position: absolute;

    opacity: 0.5;

    width: 50vw;

    height: calc(100vh - 108px);

    bottom: 0;

    left: 50vw;

    z-index: 1;

    background-image: none;

  }

  #riscuri {

    padding: 20px;

  }

  #riscuri .container h3 {

    font-size: 20px;

    margin-bottom: 20px;

  }

  #riscuri .container .left .riscuri {

    grid-gap: 20px;

  }

  #riscuri .container .left .riscuri .inner {

    grid-gap: 20px;

    -ms-grid-columns: minmax(0, 1fr);

        grid-template-columns: minmax(0, 1fr);

  }

  #riscuri .container .right .boxes {

    width: calc(100% + 20px);

    margin-right: -20px;

  }

  #riscuri .container .right .boxes > p {

    padding-right: 20px;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box {

    padding: 20px;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box > img {

    width: 48px;

    height: 48px;

    margin-right: 16px;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box h6.mobile {

    color: #006E58;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 0;

    margin-top: 4px;

    line-height: 1em;

    width: 1px;

    -webkit-box-flex: 1;

        -ms-flex-positive: 1;

            flex-grow: 1;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box img.mobile {

    width: 16px;

    height: 16px;

    margin: 0;

    -webkit-filter: grayscale(1);

            filter: grayscale(1);

    opacity: 0.5;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box img.mobile:hover {

    -webkit-filter: none;

            filter: none;

    opacity: 1;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box .content {

    width: 100%;

    margin-top: 12px;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box .content h6, #riscuri .container .right .boxes .avantaj-box .inner-box .content img.tippy-item {

    display: none;

  }

  #riscuri .container .right .boxes .avantaj-box .inner-box .mobile {

    display: block;

  }

  .cta {

    padding: 20px 20px 0;

  }

  .cta .container .right {

    width: 100%;

    padding: 20px 20px 0;

  }

  .cta .container .right .inner {

    padding: 20px;

  }

  .cta .container .right .inner h5 {

    margin: 0 0 8px 0;

    font-size: 20px;

  }

  .cta .container .right .inner h6 {

    padding: 0;

    font-size: 16px;

  }

  .cta .container .left {

    margin-left: -20px;

    margin-right: -20px;

    width: calc(100% + 40px);

    border-radius: 0;

    padding: 20px;

  }

  .cta .container .left h3 {

    font-size: 24px;

  }

  .cta .container .left form {

    padding: 20px;

  }

  .cta .container .left form .fields {

    -ms-grid-columns: minmax(0, 1fr);

        grid-template-columns: minmax(0, 1fr);

    grid-gap: 20px;

    margin-bottom: 0;

  }

  .cta .container .left form .fields label p {

    font-size: 14px;

  }

  .alert.alert-success {

      font-size: 1.5em;

  }
  
  footer {

    margin: 0;

  }

  footer .first {

    padding: 20px;

  }

  footer .first .container {

    -ms-grid-columns: minmax(0, 1fr);

        grid-template-columns: minmax(0, 1fr);

    grid-gap: 20px;

  }

  footer .second {

    padding: 20px;

  }

  footer .second .container {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  footer .second .container .left {

    margin: 0;

    padding: 0;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }

  footer .second .container .left h6 {

    margin: 0;

    padding: 0 16px;

    margin-top: 4px;

  }

  footer .second .container .left p {

    text-align: center;

    margin-top: 16px !important;

  }

  footer .second .container .left .links {

    margin-top: 16px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

  footer .second .container .left .links p {

    display: none;

  }

  footer .second .container .right h6 {

    margin-top: 16px;

  }

  .content.pagina{

      padding: 20px;

  }

}



.tippy-box {

  background: transparent;

}



.tippy-box .tippy-content {

  background: #E5F0EE;

  padding: 24px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  border-radius: 5px;

}



.tippy-box .tippy-content h6 {

  width: 100%;

  font-weight: 600;

  color: #006E58;

  margin-bottom: 8px;

}



.tippy-box .tippy-content p {

  color: #006E58;

}



.tippy-box .tippy-content h6.iu {

  font-weight: 600;

}



.tippy-box .tippy-content h6.iu + ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  list-style: none;

  margin: 0;

  padding: 0;

  width: 100%;

}



.tippy-box .tippy-content h6.iu + ul li {

  margin: 8px 0 0 0;

  padding: 0;

  width: calc(50% - 20px);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.tippy-box .tippy-content h6.iu + ul li img {

  width: 16px;

  height: 16px;

  margin-right: 8px;

}



.tippy-box .tippy-content h6.iu + ul li p {

  width: 1px;

  -webkit-box-flex: 1;

      -ms-flex-positive: 1;

          flex-grow: 1;

}



.tippy-box .tippy-content h6.iu + ul + p {

  margin-top: 12px;

}



.tippy-box[data-placement^='top'] > .tippy-arrow::before {

  border-top-color: #E5F0EE;

}



.tippy-box[data-placement^='bottom'] > .tippy-arrow::before {

  border-bottom-color: #E5F0EE;

}



.tippy-box[data-placement^='left'] > .tippy-arrow::before {

  border-left-color: #E5F0EE;

}



.tippy-box[data-placement^='right'] > .tippy-arrow::before {

  border-right-color: #E5F0EE;

}

@media(max-width: 480px){
  #riscuri .container .right .boxes {
      width: 100%;
      margin-right: auto;
  }
  #riscuri .container .right .boxes .avantaj-box {
      background: transparent;
      padding-top: 0;
      padding-left: 0;
  }
  #riscuri .container .right .boxes .avantaj-box .inner-box {
      border-radius: 5px;
  }
}

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