.m-auto{
    margin: 0 auto;
}
.img-box-2 {
  border: 8px solid #A9C9FF;
  border-radius: 9999px;
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
 #inCima > div > .row {
    display: flex;
    align-items: center;
 }
.col-sm-6 img {
  margin-top: 60px;
  max-width: 300px;
}
.list-service h5,
h3.sub-form{
    color: #1F3664;
    font-weight: normal;
    line-height: inherit;
}


h4.sezione-servizi {
  color: #1F3664;
  font-weight: 600;
  text-align: center;
  font-size:50px;
  font-family: "Voltaire";
  text-transform: inherit;
  margin-top:100px;
  margin-bottom:50px;
}
span.divider-titolo,
span.divider-titolo-dx {
  content: '';
  display: block;
  width: 80px;
  height: 6px;
  margin:auto;
  border-radius: 300px;
  background: #fec851;
  margin-bottom: 40px;
  margin-top: -30px;
}
span.divider-titolo-dx{
    margin: inherit;
}

.col-sm-5-premi img {
  max-width:60%;
}

h2.section-1 {
  line-height: 1.1;
  font-size: 50px;
  color: #ffffff;
  text-transform: inherit;
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: 'Voltaire';
}
p.text-section-1 {
  color: #ffffff;
}
span.line-divider {
  content: '';
  display: block;
  width: 80px;
  height: 6px;
  margin-right: 15px;
  border-radius: 300px;
  background: #fec851;
  margin-bottom: 30px;
}
span.line-divider-2 {
  content: '';
  display: block;
  width:40px;
  height: 6px;
  margin-right: 15px;
  border-radius: 300px;
  background: #fec851;
  margin-bottom: 30px;
}
h3.parlano-di-noi {
  color: #1F3664!important;
  font-weight: 600;
  text-align: center;
  font-size:50px;
  font-family: "Voltaire";
  text-transform: inherit;
  margin-top:100px;
  margin-bottom:50px;
  text-align: center;
}

.page-section-perchenoi {
  background-color: #2c4d8c;
}

h2.sezione-servizi,
h2.title-2 {
  color: #1F3664;
  font-weight: 600;
  text-align: center;
  font-size:40px;
  font-family: "Voltaire";
  text-transform: inherit;
  margin-top:100px;
  margin-bottom:50px;
}

h3.title-3{
    color: #203664;
    text-transform: inherit;
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 40px;
}
.row-inv img {
    float: right;
}
.img-round img {
    max-width: 90%;
    border-radius: 20px;
    margin: 0;
    filter: drop-shadow(5px 5px 0px rgb(5 42 65 / 10%));
}
span.divider-btn {
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  margin:auto;
  border-radius: 300px;
  background: #e09505;
  margin-top: 30px;
}

.line {
    display: flex;
    align-items: center;
}

.line:before {
    content: '';
    display: block;
    width: 30px;
    height: 6px;
    margin-right: 15px;
    border-radius: 300px;
    background: #fec851!important;
}


.mb-sm-40  {
  margin-bottom: 30px;
}
.col-md-12 {
  margin-bottom:30px;
}
.col-sm-5 img {
  max-width: 60%;
}
.page-section-perchenoi {
  background-color: #2c4d8c;
}
.col-md-12-blue {
    background-color: #2c4d8c;
}
h2.sezione-perchenoi {
  background-color:transparent;
  color: #fff;
  font-weight: 600;
  text-align: center;
  font-size:50px;
  font-family: "Voltaire";
  text-transform: inherit;
  margin-top:100px;
  margin-bottom:50px;
}
.certification section {
  font-family: "Voltaire";
/*  padding: 120px 0 50px 0!important;*/
}


.page-section .bg-blue {
  padding: 100px 0 100px 0!important
}

/* Desktop css*/
.moreless-div{
    text-align: left;
    padding-top: 10px;

}
.moreless-button{
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1em;
    text-align: center;
    width: 100%;
    font-family: 'Poppins';
    border-bottom: 4px solid #ffc74b;
}
.moreless-button i {
    margin-left: 10px;
}
.moreless-button:focus,
.moreless-button:active,
.moreless-button:hover{
    text-decoration: none!important;
}
.list-service h5,
h3.sub-form{
    color: #e09505;
}
h6.cit,
h6.cit-light{
    font-size: 1.4em;
    margin-top: 40px;
    font-weight: 600;
}
h6.cit{
    color: #e09505;
}
h6.cit-light{
    color: #FEC851;
}
#cro .row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cto-img{
    clip-path: polygon(21% 21%, 87% 12%, 92% 91%, 10% 85%);
}
.img_box{
   filter: drop-shadow(0.7em 0.7em 0px #fff0d8);
}
img.scroll-dx,
img.scroll-sx {
    position: absolute;
    max-height: 400px;
    transition: all 2s ease-in-out;
}
span.list-title-li {
    font-size: 1.2em;
    font-weight: 800;
    text-transform: uppercase;
    color: #bfe0fc;
}
.c-light{
    color: #bfe0fc;
}
button#submit:hover {
    background: #ffaf00 !important;
}
.t-shad{
    text-shadow: -3px 3px 0px #ffffff;
    color: #e09505;
    font-weight: 600;
}
#graph {
  display:block;
}
#graph-mobile {
  display:none;
}
#seoicons {
  display:none;
}
nav.sticky-nav {
   padding-top: 7px;
   padding-bottom: 0px;
   z-index: 15;
}
section.page-section {
    padding: 100px 0;
}
.bg-blu-2{
    background: #2c4d8c;
}
h4, h6{
    color: #FEC851
}
.main-nav{
    position: fixed;
}
.flex-col{
    display: flex;
    flex-direction: column;
}
.justify-content-center{
    justify-content: center;
    display: flex;
}
.align-items-center{
    align-items: center;
    display: flex;
}

.open-slide {
    margin-top: -100px;
    background: url('https://www.mgvision.com/images/mgvision-ux-cover-01.webp');
    background-size:100%;
    background-position:top center;
    background-attachment:fixed;
    background-repeat: no-repeat;
    height:120vh;
}
.open-slide:before {
    background: url('https://www.mgvision.com/images/mgvision-ux-cover-01.jpg');
    background-size:100%;
    background-position:top center;
    background-attachment:fixed;
    background-repeat: no-repeat;
    content: '';
    width: 100%;
    height: 120vh;
    position: absolute;
    z-index: -1;
}
@supports (-webkit-touch-callout: none) {
    .open-slide{
background: none;
    }
  .open-slide:before {
    background: url('https://www.mgvision.com/images/mgvision-ux-cover-ios.jpg');
    background-attachment: unset;
    background-position:top center;
  }
}
.container-open{
    padding-top: 10%;
    width:100%;
    height: 120vh;
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: end;
    padding-bottom: 8vh;
    text-shadow: 3px 5px 10px #000;
    font-family:'Voltaire';
}

.container-open h1{
    font-size: 55px;
    line-height: 75px;
    color: #fec851;
    margin: 15px;
    text-shadow: 3px 3px 2px #000f1c;
    font-weight: 600;
    max-width: 150vh;
}
.container-open h2 {
    margin-bottom: 15px;
    font-size: 2.5em;
    margin-top: 0;
    font-weight: 600;
}

.container-open h3{
    font-size: 30px;
    margin-bottom: 0px;
}
.container-open p{
    font-size: 18px;
    text-transform: initial;
}
.bg_copy {
    font-family: 'Poppins';
    font-weight: 600;
    color: #B0CEFF!important;
    font-size: 10px;
    text-transform: inherit!important;
}
button.btn-mod.btn-arancio{
    background-color: #f9bf40!important;
    text-shadow: none!important;
    border: 3px solid #FEC850!important;
}
button.btn-mod.btn-arancio:hover{
    box-shadow:  8px 8px #000!important;
    border-color: #000;
}
.top-form button,
button.btn-cta,
a.btn-cta{
    text-shadow: none;
    font-size: 1.5em;
    background-color: #FEC851!important;
    color: #000;
    text-transform:uppercase;
    font-family:'Voltaire';
    text-decoration:none;
    padding: 20px 50px;
    transition: all .2s ease;
    border: 3px solid #FEC851;
}
.top-form button:hover,
button.btn-cta:hover,
a.btn-cta:hover{
    background: #ffbc29!important;
    box-shadow:  8px 8px #000;
    border-color: #000;
}


#about .row,
#activity .row {
    display: flex;
    align-items: center;
}
.bg-diagonal {
    background-image: -webkit-linear-gradient(150deg, #fff8ed 45%, #fff 45%);
    background-attachment: fixed;
}
.bg-diagonal-2 {
    background-image: -webkit-linear-gradient(25deg, #fff8ed 45%, #ffffff 45%);
    background-attachment: fixed;
}
.bg-diagonal-section-1 {
    background-image: -webkit-linear-gradient(154deg, #ffffff 38%, #2c4d8c 10%);
    background-attachment: fixed;
}
.line{
    display: flex;
    align-items: center;
}
.line:before {
    content: '';
    display: block;
    width: 30px;
    height: 6px;
    margin-right: 15px;
    border-radius: 300px;
    background: #1D2B49;
}

.bg-blu-2 .line:before{
    background:  #2c4d8c;
}
#benefit .row{
    display: flex;
    align-items: stretch;
}
.ico-list{
    font-family: 'Poppins';
    justify-content: space-around;
    height: 100%;
    list-style-image: url('https://www.mgvision.com/images/mgvision-ico-ux.svg');
    font-size: 1em;
}
.ico-list-content{
    font-family: 'Poppins';
    justify-content: space-around;
    height: 100%;
    list-style-image: url('https://www.mgvision.com/images/mgvision-ico-cm.svg');
    font-size: 1em;
}
.ico-list-content li::marker {
    font-size: 2em;
}
.ico-list-content li {
    padding-left: 10px;
    font-size: 1.2em;
    margin: 11px 0;
    margin-left: -20px;
}
.ico-list li {
    padding-left: 10px;
}
.list-title{
    display: flex;
    align-items: center;
    background: #FFF1DB;
    width: fit-content;
    padding: 20px 50px;
    clip-path: polygon(0% 10%, 100% 0%, 95% 100%, 5% 95%);
    margin-bottom: 30px;
    margin-top: 50px;
}
.list-title h5{
    font-size: 1.5em;
    margin: auto;
    margin-left: 20px;
}
.list-title img{
    max-width: 40px;
}
.list-service {
    max-height: 50vh;
    overflow-y: scroll;
    padding-right: 30px;
}
.list-service::-webkit-scrollbar {
  width: 8px;
}
.list-service::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.list-service::-webkit-scrollbar-thumb {
  background: #2C4E92;
}
.list-service::-webkit-scrollbar-thumb:hover {
  background: #4372cf;
}
.list-service li{
    margin-bottom: 15px;
    font-family: 'Poppins';
}
#how h5 {
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 30px;
}
.progressbar {
    margin-top: 60px;
    counter-reset: step;
}

.progressbar li {
  position: relative;
  list-style: none;
  float: left;
  width: 33.33%;
  text-align: center;
}

.progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    border: 3px solid #C9E7FF;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    color: #FEC851;
    border-radius: 50%;
    background-color: #1D2B49;
    line-height: 45px;
    z-index: 1;
    position: relative;
    font-size: 30px;
}

.progressbar li:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
  background:#C9E7FF;
  top: 20px;
  left: -50%;
  z-index: 0;
}

.progressbar li:first-child:after {
  content: none;
}

#preventivo-ux input::placeholder,
#preventivo-ux textarea::placeholder {
    color: #ADC0E8!important;
    font-size: 1em!important;
    margin-left: 30px!important;
}
#preventivo-ux label {
    font-size: 1.5em;
    float: left;
    margin-left: -5px;
    color: #1F3664;
    font-weight: 500;
}
#preventivo-ux input,
#preventivo-ux textarea {
    border: 2px solid #EFF5FF!important;
    border-radius: 7px!important;
    background-color:#EFF5FF!important;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.15))!important;
}
.g-recaptcha > div {
    margin: 0 auto;
}
#benefit .btn-cta{
    margin-left: 40px;
    width: fit-content;
    padding: 10px 35px;
}

#line-h{
    padding-bottom: 1px;
}
#line-h span{
    height: 5px;
    width: 2%;
    background: #6385c5;
    position: absolute;
    z-index: 10;
    margin-top: -2px;
    transform: scaleX(0);
    transition: 4s;
}

div#line-h img {
    max-width: 60px;
    position: absolute;
    left: -3%;
    display: block;
    margin-top: -30px;
    z-index: 11;
    transform: scaleX(0);
    transition: 4s;
}

div#line-h img,
#line-h span {
    transform: scaleX(1);
}


#line-h .btn-cta{
    position: absolute;
    z-index: 13;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: -2%;
    background: linear-gradient(to right, #FEC851 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all .5s ease-out;
}


.cta-text {
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 10px;
    background: #fff8ed;
    padding: 49px 70px 20px 70px;
/*    clip-path: polygon(0% 5%, 100% 0%, 90% 100%, 5% 90%);*/
    position: relative;
    z-index: 12;
     transition: all 0.65s ease-in-out;
}
.cta-text h4 {
    color: #354755;
}
.cta-text p {
    font-size: 1.3em;
}
.vl {
    border-left: 2px solid #f7f7f7;
    height: 60%;
    text-align: center;
    margin-top: 50px!important;
    margin: 0 auto;
}


.widget.form-contact .row.multi-columns-row {
    border-radius: 20px!important;
}


.float-cta {
    display: block;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 100;
}

.float-cta img {
    background: #fec851;
    max-width: 55px;
    padding: 5px 10px 5px 5px;
    margin: 0;
    border: 3px solid #fec851;
    border-radius: 20px 0 20px 20px;
}
.float-cta a{
    text-decoration: none;
}
.float-cta:hover span {
    clip-path: inset(0 0 0 0%);
}
.float-cta span {
    color: #000;
    top: 3px;
    margin-right: -35px;
    background: #ffd06b;
    border: 3px solid #fec851;
    transition: 0.5s ease;
    clip-path: inset(0 0 0 100%);
    padding: 10px 35px 10px 15px;
    border-radius: 20px;
    position: relative;
    z-index: -1;
    font-size: 1.2em;
}
html {
  scroll-behavior: smooth;
}
@media only screen and (min-width:767px){
    .vader{
        transition: all .2s ease;
        position: absolute;
        top: 0;
    }
    .vader img{
        padding-top: 130px;
    }
}
.vader.fixed {
    position: fixed;
    top: 0;
}
.vader.blocked {
    position: absolute;
    bottom: 0;
    top: inherit;
}

/*END Desktop css*/


/*Responsive css*/
@media only screen and (max-width:768px){
    .row-inv {
        flex-direction: column!important;
    }
  /*  w-m-100{
        width: 100%;
    }
    .pt-m-60{    
        padding: 60px 0 0 0;
    }*/
    div#vantaggi {
        min-height: 100vh;
    }
    h4, h6 {
        text-align: center;
    }
    .mobile-on .mobile-nav-logo {
        width: 45%;
        padding: 8px 0;
    }
    nav.sticky-nav{
        padding-top: 0;
    }

    .mobile-on .mobile-nav {
        margin-top: 17px;
    }
    .mobile-on .desktop-nav{
        padding-top: 0;
    }

    .float-cta span{
        display: none;
    }
    #graph {
      display:none;
    }
    #graph-mobile {
      display:block;
    }
    p {
    text-align:left!important;
    }

    .container-open {
        justify-content: end;
        padding-bottom: 18vh;
    }
    .container-open h1 {
        font-size: 30px;
        line-height: 45px;
        margin-top: 0;
    }
    .container-open h2{
        font-size: 1.2em;
    }
    .container-open h3 {
        font-size: 22px;
        text-align: center;
            margin-bottom: 20px;
    }
    .container-open p {
        font-size: 16px;
        width: 100%;
        text-align: center!important;
        padding: 10px 20px;
        background: #204365c4;}



    #activity .row,
    #benefit .row,
    .align-items-center{
        flex-direction: column;
    }
    #about .row,
    #cro .row{
        flex-direction: column-reverse;
        padding-top: 50px;
    }

    .lightsaber {
        bottom: 0vh;
        margin-bottom: -130vh;
        right: 15px;
    }
    .flex-col {
        padding-right: 40px;
        padding-left: revert;
    }
    .m-plr{
        padding-left: revert;
    }

    .ico-list li {
        margin-bottom: 15px;
    }

    .progressbar li {
        width: 100%;
    }
    .progressbar {
        display: flex;
        flex-direction: column;
    }
    .progressbar li:after{
        display: none;
    }
    #line-h .btn-cta {
        margin-top: 15%;
    }
    #how h6 {
        text-align: center;
    }
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .line {
        flex-direction: column-reverse;
    }
    .line:before,
    .bg-blu-2 .line:before {
        width: 80px;
        margin-top: 30px;
        margin-right: 0;
    }
    .page-section {
        padding: 50px 0!important;
    }

    .cta-text {
        margin: 30px;
        padding: 30px 40px 30px 40px;
        margin-bottom: 80px;
    }
    .cta-text p{
        text-align: center!important;
        padding-top: 20px;
        margin-bottom: 0;

    }

}

@media only screen and (max-width:1200px){
    .open-slide,
    .open-slide:before {
            background-size:auto 100%;
    }
}
@media only screen and (min-width:1380px){
    .container-open{
        padding-bottom: 16vh;
    }
    .container-open h1 {
        max-width: 120vh;
        font-size: 60px;
        margin: 30px;
    }
    .container-open h2 {
        margin-bottom: 30px;
    }
}

/*END Responsive css*/



.moretext {
  display: none;
}







/*NEW LANDING*/
.title-form p{
    font-family: 'Voltaire';
    font-style: normal;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 2em;
    letter-spacing: -1px;
    text-align: left;
    margin-bottom: 0;   
}
.top-form input,
.top-form textarea, 
.top-form select{
    background: rgb(239 245 255 / 90%)!important;
    border-radius: 8px!important;
    margin-bottom: 10px;
}
.top-form input::placeholder, 
.top-form textarea::placeholder, 
.top-form select::placeholder{
    font-family: 'Poppins';
    color: #758FC5;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0;
}
.top-form label{
    font-family: 'Poppins';
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0;
}
.top-form button {
    padding: 4px 50px;
    margin: 0 auto;
    display: block;
}

.sep{
    width: 100px;
    height: 7px;
    border-radius: 100px;
    background: #FFC74A;
    display: block;
    margin: 10px 0;
}

.banner-content-open{
    text-align: center;
	/*padding-top: 35%;*/
}
.banner-content-open h2 {
    color: #FFC74A;
    font-size: 2.9em;
    font-weight: bold;
    text-shadow: 0px 0px 20px #000000;
    border: 2px solid #fff;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    margin:10px;
}
.banner-content-open h1 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 1.5em;
}
.owl-carousel img {
    margin: 0 auto;
}
.img-partner img{
    width: 40%;
    margin-bottom: 60px;
}

#servizi-list .service-box img {
    border-top: 5px solid #FFC74A;
    border-radius:5px;
    box-shadow: 0px 0px 15px #dce6fd;
}
#servizi-list .service-box h3{
    margin-bottom:20px;
}
a.btn-servizi {
    text-shadow: none;
    font-size: 18px;
    font-weight: 900;
    background-color: #fff;
    color: #1F3664;
    text-transform: uppercase;
    font-family: 'Poppins';
    text-decoration: none;
    padding: 10px;
    transition: all .2s ease;
    border-radius: 5px;
    box-shadow: 0px 0px 30px -2px #e0e5f0;
    width: 100%;
    min-height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}

section#servizi-list {
    background: #FCFDFF;
}

h2.sezione-servizi {
  color: #1F3664;
  font-weight: 600;
  text-align: center;
  font-size:40px;
  font-family: "Voltaire";
  text-transform: inherit;
  margin-top:20px;
  margin-bottom:50px;
}

#servizi-list a.btn-cta{
    padding: 10px 40px;
    margin: 50px 0;
}
h4.title-4 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: initial;
    color: #203664;
    font-family: 'Poppins';
}
.line-v{
    display: flex;
    align-items: center;
}
.line-v:before {
    content: '';
    display: block;
    width: 6px;
    height: 50px;
    margin-right: 15px;
    border-radius: 300px;
    background: #fec851;
}
#sole24ore .row,
#descrizione .row {
    display: flex;
    align-items: center;
}
#sole24ore h4 {
    color: #1F3664;
    font-weight: 600;
    text-align: center;
    font-size: 40px;
    font-family: "Voltaire";
    text-transform: inherit;
    margin-top: 20px;
    margin-bottom: 50px;
}

#certificazioni-2 img,
#riconoscimenti-2 img{
    height:80px;
    margin:15px auto 15px auto; 
}
.owl-prev, .owl-next{
    color: #FFC74A;
}
#certificazioni-2 .titolo-light,
#riconoscimenti-2 .titolo-light{
    text-shadow: none;
    text-align: center!important;
}
#certificazioni-2 .owl-certification-slider img{
    margin-bottom:50px!important
}

#parlanodinoi h3{
    font-weight: 600;
    font-size: 40px;
    font-family: "Voltaire";
    text-transform: inherit;
    margin-top: 20px;
    margin-bottom: 50px;
}
#parlanodinoi hr {
    content: '';
    display: block;
    width: 80px;
    height: 6px;
    margin: auto;
    border-radius: 300px;
    background: #fec851;
    margin-bottom: 40px;
    margin-top: -30px;
    border: none;
}
#press h3{
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    text-transform: inherit;
}
#preventivo-land h5 {
    font-weight: 600;
    font-size: 40px;
    font-family: "Voltaire";
    text-transform: inherit;
}
.shine{
    position: relative;
    overflow: hidden;
}
.shine::before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.8),transparent);
    left: -100%;
    transition: all 0.65s ease-in-out;
}
.shine:hover::before{
    left: 100%;
}
a.btn-cta.shine:hover {
    box-shadow: 0 0 1px 3px #3f3f3f, -10px 0 20px #ff9800, 10px 0 60px #ffeb3b!important;
}
.form-new input, .form-new textarea, .form-new select {
    background: #EFF5FF!important;
    border-radius: 10px!important;
    border: 2px solid #dfebff!important;
}
.form-new label {
    font-family: 'Poppins';
    font-weight: bold;
    color: #000;
    float: left;
    font-size: 18px;
}
.form-new input::placeholder, 
.form-new textarea::placeholder, 
.form-new select.input-md.form-control {
    color: #ADC0E8!important;
    font-family: 'Poppins';
    font-weight: 800!important;
    font-size: 15px!important;
    font-size: 16px;
}
.widget.form-contact .row {
    background-color: #ECF3FF!important;
}
.ci-text img {
    margin-top: 10px;
}
.top-form .privacy-check{
    color: #fff;
}
.top-form .privacy-check a{
    color: #cc8f08;
}
.privacy-check{
    margin-left:10px;
    font-family: 'Poppins';
    font-weight: 600;
}
.call-open{
    font-family: 'Poppins';
    font-size: 20px;
    color: #fff !important;
}
.img-partner {
    margin-top: 80px;
}
#about .row {
    flex-direction: column;
}

.owl-carousel button.owl-prev{opacity:1;left:-35px;}
.owl-carousel .owl-next{opacity:1;right:-35px;}
.img-partner img {
    border-radius: 13px;
    box-shadow: 0px 0px 15px #0000001c;
}
#riconoscimenti-2 .owl-item img,
#certificazioni-2 .owl-item img {
    height: 100%!important;
}
#riconoscimenti .col-md-6 img,
#certificazioni .col-md-6 img {
    max-width: 100%!important;
}

.service-box:hover a.btn-servizi {
    background: #fec955;
}
.text {
    z-index: 1;
    position: relative;
}
.serv-acc{display: none}
#servizi-list{display: block}
.serv-toggle {
    justify-content: space-between!important;
}
.serv-acc {
  list-style: none;
  padding: 0;
}
.serv-acc img{
  padding-bottom: 30px;
}
.serv-acc .inner {
  overflow: hidden;
  display: none;
  background: #fff;
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 6px;
  border-top: 6px solid #ffc749;
  text-align: center;
}

.serv-acc li {
  margin: 0.5em 0;
}
.serv-acc .btn-cta {
    box-shadow: 0px 0px 0px 7px #f4f5f8;
    font-size: 1.2em;
    padding: 8px 20px;
    text-transform: inherit;
    border-radius: 100px;
}
.serv-toggle i:before {
    font-weight: bold!important;
    font-size: 1em!important;
}
.serv-toggle i{
  transition: all .5s;
}
.ico_active{
    transform: rotate(180deg);
}
@media (max-width:768px){
    .serv-acc{display: block}
    #servizi-list{display: none}
    .img-partner img,
    .premi img {
        margin-top: 0px;
        width: 55%;
        margin-bottom:80px;
    }
    .img-partner img{
       margin-top: 100px!important; 
    }
    .top-form .privacy-check,
    .call-open{
        color: #1f3664!important;
    }
    section#inCima{
        background-size: 100vh!important;
        background-repeat: no-repeat!important;
        margin-top: 0!important;
        background-position: 5% 7%!important;
        background-attachment: inherit!important;
        background-color: #182741!important;
        padding-bottom: 0!important;
        height: fit-content;
        padding-top: 0!important;
    }
    .banner-content-open h1 {
        font-size: 1.2em;
        padding: 12px;
    }
    .banner-content-open h2{
        font-size: 2em;
    }
	.banner-content-open {
			background: url(https://www.mgvision.com/images/angle-mobile.jpg);
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: bottom;
			width: 100%;
			padding: 70% 4% 20%!important;
		  }	
    .m-res {
        max-width: 100%;
        padding: 15px 10px!important;
        font-size: 1.4em!important;
    }
    .introtext {
        text-align: center!important;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .ico-mob,
    .angle-mobile{
        display: block;
        color: #fff;
    }
    .angle-mobile {
        height: 150px;
        background: url(https://www.mgvision.com/images/angle-mobile.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center top;
        width: 130%;
        left: -15%;
        margin-top: 3%;
        position: relative;
        margin-bottom: -3%;
    }
    #inCima > div > .row {
        margin-top: 0!important;
        margin-bottom: 0!important;
        flex-direction: column;
    }
    .box-open-mobile {
        height: fit-content!important;
    }
    div#topform {
        background: #fff!important;
        width: 100%;
        position: relative;
        margin: 0;
        border-radius: 0!important;
        height: 100%;
    }
    #chisiamo .row .col-sm-7 {
        background: #2C4D8C;
    }
    #chisiamo .row {
        margin-top: -20px;
        display: flex;
        flex-direction: column !important;
        margin-left: 0;
        margin-right: 0;
    }
    .bg-diagonal-section-1 {
        background: #fff;
    }
    #inCima .container{
        padding: 0;
    }
    .title-form p {
        color: #172741;
        font-size: 2.3em;
        line-height: initial;
        padding-right: 30%;
    }
    .top-form label {
        color: #000;
    }
    .top-form input::placeholder, 
    .top-form textarea::placeholder, 
    .top-form select.input-md.form-control {
        color: #ADC0E8!important;
        font-weight: 800!important;
    }
    .open-call-box{
        text-align: center;
        position: relative;
        margin: 0 auto;
        left: 50%;
        transform: translateX(-50%);
        z-index: 14;
    }
    #chisiamo .container .row > div {
    padding: 45px;
    }

    #chisiamo .container {
        padding: 0!important;
        margin-bottom: -50px!important;
    }
    #sole24ore .row,
    #descrizione .row {
        flex-direction: column-reverse;
    }
    h2.section-1 {
        font-size: 2.5em;
        line-height: initial;
    }
    .certification .container {
        margin: 20px;
    }
    #line-h .btn-cta {
        margin-top: -100px!important;
    }
}