body {margin: 0px;max-width: 100%;overflow-x: hidden;line-height: 24px;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
html {-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
ul, li, a {-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
h1 {font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 50px;color: black;text-align: left;line-height: 55px;}
h2 {font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 22px;color: #333333;text-transform: uppercase;}
h3 {font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 24px;color: #c00418;margin-left: 0px;}
p {font-family: 'Montserrat', sans-serif;font-weight: 200;font-size: 18px;color: #333;line-height: 25px;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
ul li {font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 15px;color: #333;line-height: 26px;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;}
a { color: inherit; } 
a {color: #c00418;}
#lightbox span {font-family: 'Montserrat', sans-serif!important;font-weight: 400!important;font-size: 17px!important;}

.clear {clear: both;}

div .navItem {float: left;width: 33.3%;}
div .menu {width:43.3%;float: right;}
dev .logo {width:23.3%;}
.navbar {position: fixed;width: 100%;height: 100px;transition:all 0.4s ease;z-index: 999999;top:0px;background: white;}
.navbar .navItem, .navbar .logo {padding-top: 45px;transition:all 0.4s ease;}
.navbar .icons {padding-top: 15px;width: 20%;}
.navbar .social img{padding-left: 0px;padding-right: 15px;float: left;padding-top: 5px;width: 60%;}
.navbar .social {padding-top: 15px;}
.navbar .navItem ul li {display: inline;list-style: none;color: black;padding-left: 15px;font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 17px;margin-top:-15px;cursor: pointer;}
.navbar .menuCont {height: 150px;width: 150px;background: #003366;cursor: pointer;}
.navbar .menuCont img {padding-top: 50px;padding-right: 25px;}
.navbar ul {width: 100%;margin-top: -1px;margin-top: 11px;}
.navbar a {color: black;text-decoration: none;}
.navbar a:hover {font-weight: 700;}

div .navItem.social {width: 23.3%;}
div .navItem.logo {width: 43.3%;}

.container {width: 1400px;margin: 0 auto;}
.col70 {width: 100%;float: left;}
.col70 {width: 70%;float: left;}
.col70 p {width: 70%;}
.col30 {width: 30%;float: left;}
.col40 {width: 40%;float: left;}
.col50 {width: 50%;float: left;}
.col60 {width: 60%;float: left;}
.col10 {width: 10%;float: left;}
.col90 {width: 90%;float: left;}
.col80 {width: 80%;float: left;}
.col20 {width: 20%;float: left;}
.col25 {width: 25%;float: left;}
.col33 {width: 33%;float: left;}
.col34 {width: 34%;float: left;}


.col10 img {padding-top: 20px;}
.col90 p {width: 90%;}

.header {height: 750px;background-position: center;margin-top: 100px;}
.header .content {width: 100%;min-height: 750px!important;height: 750px!important; }
.header .content .titolo {padding-top: 400px;width: 50%;line-height: 52px;}
.sliderHeader .slick-prev {display: none!important;}
.sliderHeader .slick-next {display: none!important;}

.section.about {height: 600px;padding-top: 150px;background: linear-gradient(to right,#f6ba31 50%,white 50%);}
.section.about h1 {position: relative;color: black;font-size: 50px;z-index: 1;font-weight: 400;left: 80px;line-height: 50px;}
.section.about img {margin-bottom: 130px;}
.section.about h2 {padding-top: 150px;}
.section.about p {width: 70%;padding-top: 80px;}
.section.about p.about-descr {width: 80%;padding-top: 0px;}
.section.about .iscriviti p {margin-left: 80px;width: 65%;color: #666666;}
.section.about .iscriviti p span {font-family: 'Slabo 13px', serif;}
.section.about .iscriviti button {margin-left: 80px;height: 60px;background: white;border: 1px solid black;width:220px;padding-top: 20px;cursor: pointer;font-weight: 700;font-size: 16px;margin-top: 50px;}
.section.about .container {z-index: 2;top: 0px;margin-bottom: 100px;}
.section.about .col40 p {padding-right: 60px;}
.section.about .col40 h2 {padding-right: 30px;}
.section.about .col50 {position: relative;height: 600px;}
.section.about .col50 .center-cont {position: absolute;top: 50%;transform: translateY(-75%);}

.hvrbox .hvrbox-layer_top {cursor: pointer;}


.section.prodotti {height: 1700px;}

#percorso .col50.yellow {background: #f6ba31;}
#percorso .col50.beige {background: #e2dcce;}
#percorso .col50.white {background: white;}
#percorso {background: #f5f5f5;margin-left: 10%;width: 90%;}
#percorso h1 {margin-top: 0px;padding-top: 150px;padding-left: 50px;padding-bottom: 50px;}
#percorso .col50 {min-height: 300px;z-index: 2;position: relative;}
#percorso .col50.double {min-height: 600px;}
#percorso .col50 .center-cont {position: absolute;top: 50%;transform: translateY(-50%);text-align: center;width: 100%;}
#percorso .col50.white h3 {color:#f6ba31; }
#percorso .col50.prodotto {z-index: 1;}
#percorso p {font-size: 16px;font-weight: 700;line-height: 21px;}
#percorso p {font-family: 'Slabo 13px', serif;}
/*#percorso h1 {font-family: 'Slabo 13px', serif;}*/
#percorso h3 {font-family: 'Slabo 13px', serif;}

.triangle {
    width: 0;
height: 0;
border-style: solid;
border-width: 40px 40px 40px 0;
border-color: transparent white transparent transparent;
position: absolute;
    z-index: 2;
    left: -40px;
    
}



.section.prodotti button b {font-weight: 800;font-size: 18px;}
.section.prodotti h3 {color: white;}




.prodotti .col50 {overflow: hidden;}
.prodotti .col30 {overflow: hidden;}
.prodotti .col40 {overflow: hidden;}
.prodotti .col20 {overflow: hidden;}
.prodotto {cursor: pointer;transition: all 1s ease;z-index: 1;position: relative;}
.prodotto:hover button {display: none;}
.prodotto:hover {transform:scale(1.05);}
.prodotto img {display: none;}
/*.prodotto button {display: none;}*/
.prodotto:hover img {display: inline-block;}

.section {outline: none;}


.section.prodotti button {
    height:80px; 
    width:260px; 
    margin: -80px -130px; 
    position:relative;
    top:50%; 
    left:50%;
    background: transparent;
    border: 2px solid white;
    color: white;
    line-height: 24px;
}

.section.prodotti img {
    height:120px; 
    width:120px; 
    margin: -60px -65px; 
    position:relative;
    top:50%; 
    left:50%;
}

.section.prodotti .col50.double img{height: auto;width: auto;left: 0;}



.prodotto.prodTitolo {background: #c00418;background-size: cover;display: flex;
  align-items: center;
  justify-content: center;text-align: center;}
.prodotto.prodTitolo h1 {line-height: 40px;font-size: 35px;text-align: center;}
.prodotto.prodTitolo {cursor:default;}


.section.iscrizione {height: 850px;}
.section.iscrizione .col50 {height: 850px;background: #e2dcce;position: relative;}
.section.iscrizione h3 {font-size: 24px;color: black;line-height: 31px;padding-left: 30%;}
.section.iscrizione p {font-size: 17px;color: #666666;line-height: 21px;width: 50%;padding-left: 30%;} 
.section.iscrizione .col100 p {padding-left:0px;width: 80%;}
.section.iscrizione h1 {padding-left: 30%;}
.section.iscrizione .col50 .center-cont {position: absolute;top: 50%;transform: translateY(-60%);}
.section.iscrizione button {margin-left: 30%;height: 60px;background: white;border: 1px solid black;width:180px;padding-top: 10px;cursor: pointer;font-size: 16px;}
.section.iscrizione input[type="button"] {margin-left: 30%;height: 50px;background: white;border: 1px solid black;width:180px;padding-top: 10px;cursor: pointer;}

#iscriviti h3 span {font-family: 'Slabo 13px', serif;}

#iscriviti input[type="text"] {height: 30px;width: 600px;margin-top: 10px;padding-left: 20px;}
#iscriviti select {height: 50px;width: 600px;margin-top: 10px;padding-left: 20px;}
#iscriviti form {padding-top: 70px;width: 80%;margin: 0 auto;}
#iscriviti form p {color: black;font-weight: 600;}
#iscriviti form .col50 {height: auto;background: transparent;}
#iscriviti form .col40.short input[type="text"] {width: 150px;}
#iscriviti form button {margin-left: -20px;padding-top: 0px;margin-top: 50px;width: 150px;}
#iscriviti form input[type="button"] {margin-left: 60px;padding-top: 0px;margin-top: 50px;width: 150px;height: 60px;}
#iscriviti form hr {width: 45%;border: 1px solid black;}
#iscriviti form .col60 p {padding-left: 85px;}

.section.iscrizione .col50.tria:after{
    content:'';
    position: absolute;
    top: 50%;
    right:-40px;
    margin-left: -50px;
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-left: solid 40px #e2dcce;
    border-bottom: solid 40px transparent;
    z-index: 99;
}

.col50.prodotto.tri_left_yellow:after {
    content:'';
    position: absolute;
    top: 50%;
/*    right:-40px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-left: solid 40px #f6ba31;
    border-bottom: solid 40px transparent;
    z-index: 99;
}


.col50.prodotto.tri_left_beige:after {
    content:'';
    position: absolute;
    top: 50%;
/*    right:-40px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-left: solid 40px #e2dcce;
    border-bottom: solid 40px transparent;
    z-index: 99;
}

.col50.prodotto.tri_left_white:after {
    content:'';
    position: absolute;
    top: 50%;
/*    right:-40px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-left: solid 40px white;
    border-bottom: solid 40px transparent;
    z-index: 99;
}

.col50.prodotto.tri_right_white:after {
    content:'';
    position: absolute;
    top: 50%;
    right:0px;
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-right: solid 40px white;
    border-bottom: solid 40px transparent;
    z-index: 99;
}

.col50.prodotto.tri_right_yellow:after {
    content:'';
    position: absolute;
    top: 50%;
    right:0px;
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-right: solid 40px #f6ba31;
    border-bottom: solid 40px transparent;
    z-index: 99;
}


.section.contatti h1 {color: black;padding-bottom: 100px;}


.slick-next {right: -40px!important;}
.slick-prev {left: -90px!important;}

.section.contatti {background: white;min-height: 500px;padding-top: 100px;}
.section.contatti span {color: #c00418;}
.footer span {color: #c00418;}
.footer a {color: black!important;text-decoration: underline;}


.section.referenze {background: #f0f0f0;height: 800px;padding-top: 130px;}

.referenze .col70 img {margin-left: 200px;}
.referenze .col30 {height: 300px;background:#003366;margin-left: -200px;margin-top: 180px;}
.referenze .col30 h2 {color: white;padding-left: 30px;}
.referenze .col30 p {color: white;padding-left: 30px;}

.footer {padding-top: 50px;padding-bottom: 50px;background: white;height: 300px;}
.footer p {font-size: 15px;line-height: 21px;}
.footer h3 {color:black;font-size: 21px;font-weight: 700;}


.hvrbox .hvrbox-layer_slideright {
	-moz-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.hvrbox:hover .hvrbox-layer_slideright,
.hvrbox.active .hvrbox-layer_slideright {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.hvrbox-text p {color: white!important;}
.hvrbox-text {width:80%;}

.section.map iframe {
    width:100%;
    border:0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
  }

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1000000000000; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(246,186,49); /* Black fallback color */
    background-color: rgba(246,186,49, 1); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
    padding-left: 30px;
}

/* The navigation links inside the overlay */
.overlay a {
    font-family: 'Raleway', sans-serif;font-weight: 400;font-size: 23px;color: white;
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: white;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
    line-height: 35px;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

#slider ul li img {max-height: 500px!important;width: auto!important;margin: 0 auto;}
.secGallery h2 {padding-top: 150px;}
#slider {padding-top: 20px!important;}
.flex-direction-nav a:before {font-size: 20px!important;}

#carousel .slides img {height: 100%!important;cursor: pointer;}
#carousel .slides > li {height: 150px!important;width: 150px!important;}

.imgDown {margin: 0 auto;bottom: 50px;z-index: 99;margin-top: -65px;}
.imgDown img {position: relative;left: 50%;right: 0px;margin-left: -17px;}


.slider-pro img.sp-image {max-width: 100%!important;max-height: 80vh!important;}
.sp-slide{left: 0!important;right: 0!important;margin: 0 auto!important;}

/*.slick-prev, .slick-next {width: 40px;height: 40px;}*/


.section.iscrizione.tappa {margin-top: 100px;height: 900px;}
.section.iscrizione.tappa .col50 {background: #f6ba31;height: 900px;}
.section.iscrizione.tappa .col50.tria:after {border-left: solid 40px #f6ba31;}
.section.iscrizione.tappa .col50 h1 {line-height: 20px;}

.section.iscrizione.tappa .col50 .col100 {height: 450px;}
.section.iscrizione.tappa .col50 .col33 {height: 450px;}
.section.iscrizione.tappa .col50 .col34 {height: 450px;}
.section.iscrizione.tappa .col50 .col50 {height: 450px;}
.section.iscrizione.tappa .col50 p {color: black;line-height: 25px;}
.section.iscrizione.tappa button {padding-top: 0px;margin-top: 50px;}
.section.iscrizione.tappa .didascalia {background:rgba(0,0,0, 0.7);height: 100px;margin-top: 350px;color: white;border-right: 1px solid white;}
.section.iscrizione.tappa .didascalia p {color: white; padding-top: 15px;width: 80%;font-size: 14px;left: 10px;padding-left: 50px;}

.section {display: inline-block;width: 100%;}

.mobileShow {display: none;}
.mobileHide {display: block;}
.hvrbox.mobileShow {display: none!important;}

#partner {display: none;}


.mui-textfield>input, .mui-textfield>textarea {border-bottom: 1px solid black!important;}
.mui-textfield>input.on {border-bottom: 2px solid red!important;}
.mui-textfield--float-label>label {color: black!important;}
.mui-select>select {border-bottom: 1px solid black!important;}
.mui-select>label {color: black!important;}

.mui-textfield {margin-bottom: 15px!important;}

@media (min-width: 1925px) and (max-width:2500px) {
    .slick-dots {padding-left: 22%!important;}
}


@media (max-width: 1919px) {
    .slick-dots {padding-left: 12%!important;}
}
@media (max-width: 1440px) {
    .slick-dots {padding-left: 5%!important;}
    .navbar .logo {display: block;}
    .container {width: 1121px;}
    .navbar .social img {padding-top: 12px;}
    .slick-slide img {width: 90%;}
    p {font-size: 18px;}
    .section.iscrizione h3 {font-size: 21px;}
    .slick-next {right: -60px!important;}
    .slick-prev {left: -72px!important;}
    .section.iscrizione.tappa {height: 700px;}
    .section.iscrizione.tappa .col50 {height: 700px;}
    .section.iscrizione.tappa .col50 .col100 {height: 350px;}
    .section.iscrizione.tappa .col50 .col33 {height: 350px;}
    .section.iscrizione.tappa .col50 .col34 {height: 350px;}
    .section.iscrizione.tappa .col50 .col50 {height: 350px;}
    .section.iscrizione.tappa .didascalia {margin-top: 250px;}
    .section.iscrizione.tappa .didascalia p {font-size: 12px;padding-left: 40px;line-height: 17px;}
    .section.iscrizione button {margin-left: 30%;}
    .slick-slide {height: 600px!important;}
    .section.about {height: 500px;}
    .secondo_passaggio {margin-top: 200px;}
    p 
    
}

@media (max-width: 1366px) {
    #iscriviti input[type="text"] {width: 400px;}
    #iscriviti select {width: 400px;}
}
@media (max-width: 1120px) {
    body {overflow-x: hidden;}
    html {overflow-x: hidden;}
    .container {width: 1024px;padding-left: 30px;padding-right: 30px;}
    .navbar .logo {display: none;}
    h1 {font-size: 35px;}
    #header h1 {font-size: 35px;padding-right: 50px;padding-left: 50px;}
    .section.prodotti button {width: 180px;margin:-80px -90px;}
    .mobileShow {display: block;}
    .navbar .menuCont {background: transparent;width:auto;height: auto;}
    .navbar .menuCont img {padding-top: 20px;margin-right: 50px;}
    .navbar .menu ul {display: none;}
    .prodotti .col40 {width: 30%;}
    .prodotti .col20 {width: 40%;}
    .section.iscrizione h3 {font-size: 18px;}
    .section.iscrizione h1 {padding-left: 20%;}
    .section.iscrizione h3 {padding-left: 20%;}
    .section.iscrizione p {padding-left: 20%;}
    
    p {font-size: 18px;}
    .section.about h1 {left: 0px;}
    .section.about .iscriviti p {margin-left: 0px;}
    .section.about .iscriviti button {margin-left: 0px;}
    #percorso {margin-left: 0px;width: 100%;}
    #percorso .col50 {width: 45%;}
    #percorso .col50 .col50 {width: 50%;}
    
    .slider-sponsor {width: 90%;margin-left: 50px;}
    .slick-slide img {width: 81%;}
    .triangle {left:-70px;}
    .slick-next {right: -20px!important;}
    .slick-prev {left: -78px!important;}
    
    
    .section.iscrizione.tappa {height: 700px;}
    .section.iscrizione.tappa .col50 {height: 700px;}
    .section.iscrizione.tappa .col50 .col100 {height: 350px;}
    .section.iscrizione.tappa .col50 .col33 {height: 350px;}
    .section.iscrizione.tappa .col50 .col34 {height: 350px;}
    .section.iscrizione.tappa .col50 .col50 {height: 350px;}
    .section.iscrizione.tappa .didascalia {margin-top: 250px;}
    .section.iscrizione.tappa .didascalia p {font-size: 12px;padding-left: 40px;}
    .section.iscrizione button {margin-left: 20%;}
    
    .slick-slide {height: 400px!important;}
    
    .mobileHide {display: none!important;}
    .hvrbox.mobileHide {display: none!important;}
    .hvrbox.mobileShow {display: block!important;}
}
@media (max-width: 1023px) {
/*
    .mobileHide {display: block!important;}
    .mobileShow {display: none!important;}
    .hvrbox.mobileHide {display: block!important;}
    .hvrbox.mobileShow {display: none!important;}
*/
}
@media (max-width: 768px) {
    .container {width: 700px;margin-left: 0px;}
    body {overflow-x: hidden;}
    html {overflow-x: hidden;}
    .footer .container {width:500px;}
    .prodotti .col50 {width: 100%;}
    .prodotti .col40 {width: 100%;}
    .prodotti .col30 {width: 100%;}
    .prodotti .col20 {width: 100%;}
    .col60 {width: 50%;}
    .soluzioni .col50 {width: 90%;}
    .section.soluzioni {height: 1050px;padding-top:80px;}
    .header .content {background: linear-gradient(to right, rgba(0,0,0,0.5),rgba(0,0,0,0.5) 70%, rgba(0,0,0,0) 30%,rgba(0,0,0,0))}
    .section.about {background: white;padding-top: 150px;height: 850px;}
    .slick-dots {padding-left: 60px!important;display: none!important;}
    .navbar .menu ul {display: none;}
    .section.about img {display: none;}
    .section.about .col40 {width: 80%;}
    .header .content {position: absolute;bottom: 0;height: 00px!important;min-height: 00px!important;}
    .slick-slide {height: 400px!important;}
    .header .content .titolo {padding-top: 0px;width: 70%;}
    .col90 p {width: 100%;}
    .mobileShow {display: block;}
    
    .navbar .menuCont {background: transparent;width:auto;height: auto;}
    .navbar .menuCont img {padding-top: 20px;margin-right: 10px;}
    .imgDown img {display: none;}
    #slider ul li img {max-height: 300px!important;}
    .secGallery .container {padding-left: 12px!important;}
    .secGallery h2 {padding-top: 100px;}
    .section.contatti {min-height: 600px;}
    
    .section.about .col50 {width: 100%;height: 400px;}
    .section.about {background: #f6ba31;}
    
    #percorso .col50 {width: 100%;}
    #percorso .col50 .col50 {width: 50%;}
    
    
    .section.iscrizione .col50 {width: 100%;}
    .section.iscrizione .col50 .col50 {width: 50%;}
    .section.iscrizione {height: 1400px;}
    
    .section.iscrizione.tappa .col50 {width: 100%;}
    .section.iscrizione.tappa .col50 .col50 {width: 50%;}
    .section.iscrizione.tappa {height: 1400px;}
    
    .navbar .social img {width: 100%;}
    
    .section.prodotti {height: 2900px;}
    
    .slick-prev, .slick-next {top: 15%!important;}
    
    .footer .col33 {width: 80%;}
    .footer {height: 800px;}
    .mobileHide {display: none!important;}
    .hvrbox.mobileHide {display: none!important;}
    .hvrbox.mobileShow {display: block!important;}
    
    #percorso .col50.white.mobileBeige {background:#e2dcce;}
    
    .col50.prodotto.tri_right_white:after {
    content:'';
    position: absolute;
    top: 50%;
/*    right:0px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-left: solid 40px white;
    border-bottom: solid 40px transparent;
    border-right: 0px;
    left: 0px;
    z-index: 99;
}
    .col50.prodotto.tri_right_white.arrBeige:after {
        border-left: solid 40px #e2dcce;
    }

.col50.prodotto.tri_right_yellow:after {
    content:'';
    position: absolute;
    top: 50%;
/*    right:0px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px transparent;
    border-left: solid 40px #f6ba31;
    border-bottom: solid 40px transparent;
    border-right: 0px;
    left: 0px;
    z-index: 99;
}
   
    
}
@media (max-width: 420px) {
    .container {width: 350px;margin-left: 0px;}
    .navbar .social img {width: 200%;padding-left: 0px;margin-left: 0px;padding-top: 10px;}
    .navbar {height: 100px;}
    .slick-slide {height: 500px!important;}
    .header .content {height: 150px;}
    #header h1 {font-size: 25px;padding-left: 0px;line-height: 35px;}
      .header .content .titolo {width: 100%;}
    .section.about {padding-top: 10px;}
    .section.about .col40 {width: 100%;}
    .prodotto {height: 300px;}
    .section.soluzioni h3 {padding-left: 40px;}
    .section.soluzioni p {margin-left: -20%;}
    .slick-dots {display: block!important;}
    .slick-dots li button:before {color:#f3f3f3!important;}
    .slick-dots li.slick-active button:before {color:#f6ba31!important;}
    .slick-prev, .slick-next {display: none!important;}
    .slick-dots {bottom: 0px!important;}
    .slider-sponsor {margin-left: 0px;}
    .section.soluzioni {height: 1200px;}
    .col60 {width: 90%;}
    .section.contatti .col40 {width: 80%;}
     .footer .container {width:300px;}
    .navbar .menuCont img {padding-top: 20px;margin-right: 10px;width: 50%;}
    .navbar .menuCont {background: transparent;width:auto;height: auto;}
    
    .section.about .col50 {height: 550px;}
    .section.about {height: 1025px;}
    .section.about .col50 .center-cont {transform: translateY(-45%);}
    
    .section.about p {width: 83%;padding-top: 0px;}
    .section.about .yel p {margin-top: -150px;}
    .section.about .iscriviti p {width: 77%;}
    .section.about .iscriviti button {margin-top: 40px;}
    
    .section.prodotti .container {padding-left: 0px;padding-right: 0px;margin-right: 0px;width: 100%;}
    
    #percorso .col50.double {height: 400px;min-height: 400px;}
    #percorso .col50 {width: 100%;}
    #percorso .col50 .col50 {width: 100%;height: 200px;min-height: 200px;}
    
    .section.prodotti {height: 3120px;}
    .section.iscrizione h1 {padding-left: 10%;}
    .section.iscrizione h3 {padding-left: 10%;}
    .section.iscrizione p {padding-left: 10%;}
    
    .section.iscrizione .col50 {height: 960px;}
    .section.iscrizione .col50.tria {height: 580px;}
    .section.iscrizione .col50.tria h1 {font-size: 30px;}
    .section.iscrizione p {width: 80%;}
    .primo_passaggio .col40 {width: 80%;}
    .secondo_passaggio .col40 {width: 80%;}
    
    #iscriviti input[type="text"] {width: 250px;margin-left: 20px;}
    
    .primo_passaggio .col40.short {width: 40%;}
    .primo_passaggio .col40.tot {width: 40%;}
    .primo_passaggio .col60 {width: 60%;}
    .primo_passaggio hr {display:none;}
    #iscriviti form .col60 .totp {padding-left: 15px;margin-top: -15px;}
    
    #iscriviti form button {margin-top: 0px;margin-left: -130px;}
    #iscriviti form button.indietro {margin-left: 0px!important;}
    #iscriviti form button.cassa {margin-left: 15px!important;}
    .section.iscrizione .col100 p {width: 94%;}
    

    .slick-slide {height: 190px!important;}
    .mobileHide {display: none!important;}
    .hvrbox.mobileHide {display: none!important;}
    .hvrbox.mobileShow {display: block!important;}
    
    .footer {height: 600px;}
    .section.iscrizione.tappa {margin-top: 100px;}
    .section.iscrizione.tappa .col50 .center-cont {transform: translateY(-50%);}
    .section.iscrizione.tappa .col33 {width: 100%;}
    .section.iscrizione.tappa .col34 {width: 100%;}
    
    .section.about h1 {font-size: 35px;line-height: 35px;padding-bottom: 20px;}
    .section.about .iscriviti p {color: black;}
    
    #iscriviti select {width: 185px;}
    #iscriviti  form .secondo_passaggio .col50 {width: 100%;}
    #iscriviti form input[type="button"] {margin-left: 0px;height: 60px;}
    .footer {padding-top: 250px;}
    .section.iscrizione.tappa .col50 .col50 {width: 100%;}
    

    
    

.col50.prodotto.tri_left_yellow:after {
    content:'';
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -40px;
/*    right:-40px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px  #f6ba31;
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
    z-index: 99;
}


.col50.prodotto.tri_left_beige:after {
    content:'';
    position: absolute;
    top: 40px;
/*    right:-40px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
     left: 50%;
    margin-left: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px  #e2dcce;
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
    z-index: 99;
}

.col50.prodotto.tri_left_white:after {
    content:'';
    position: absolute;
    top: 40px;
     left: 50%;
    margin-left: -40px;
/*    right:-40px;*/
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px  white;
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
    z-index: 99;
}

.col50.prodotto.tri_right_white:after {
    content:'';
    position: absolute;
    top: 40px;
     left: 50%;
    margin-left: -40px;
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px  white;
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
    z-index: 99;
}
    .col50.prodotto.tri_right_white.arrBeige:after {
        border-top: solid 40px  #e2dcce;
        border-left: solid 40px transparent;
    }

.col50.prodotto.tri_right_yellow:after {
    content:'';
    position: absolute;
    top: 40px;
     left: 50%;
    margin-left: -40px;
/*    margin-left: -50px;*/
    margin-top: -40px;
    width: 0;
    height: 0;
    border-top: solid 40px  #f6ba31;
    border-left: solid 40px transparent;
    border-right: solid 40px transparent;
    z-index: 99;
}
    


    
}

@media (max-width: 320px) {
     .container {width: 310px;margin-left: 0px;}
}