@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700&display=swap');
body { margin: 0 auto; padding: 0; color: #000; font-family: 'Montserrat', sans-serif;}
a { text-decoration: none;}
a:hover { transition: all .4s;}
h1, h2, h3, h4, h5, p {margin: 0;}
p, li, ul, a { color: #242424; font-size: 15px; line-height: 30px; font-weight: 400; margin:0;}
button { border: none; background-color: transparent;}
button:hover { opacity: .8; transition: all 0.4s;}
ul,li {text-decoration: none; list-style: none; float: left;}
/*img, object, embed, video { max-width: 100%;}*/
.clear { clear: both;}
.center { text-align: center;}
.container {width: 94%; padding: 0 3%;}
.container_ {width: 1330px; margin: 0 auto; margin: 10px auto;}

.container-100 {width: 100%; margin: 0 auto; position: relative;}
.relative {position: relative;}
.absolute {position: absolute;}
.upper {text-transform: uppercase;}
.white {color: white;}
.azz {color: #00abe9;}
.bg-nero {background-color: #292929;}
.blu {color: #094a8b;}
.grey {color: #dfe3e6;}
.nero {color: #2e2e2e;}
.grey-line {color: #ccc;}
.fff {color: #fff;}

.sitemap p, a {text-align: center; margin: 0 auto;color:#00abe9; }

header {overflow: hidden;}
main {overflow: hidden;}
footer {overflow: hidden;}
.logo_ft {width: 400px;max-width: 100%;}

header .col-40 { float: left; width: 40%; margin: 0 auto; position: relative;}
header .logo {float: left; width: 30%; margin: 0 33%; position: relative;}
header .logo img {width: 100%;}
header #trapezio {border-bottom: 44px solid #2e2e2e; transform: rotate(180deg); border-left: 50px solid transparent; border-right: 50px solid transparent;}
header p {transform: rotate(180deg); color: white; font-weight: bold; position: absolute; top: 7px; right: 10px;}
header p span {transform: rotate(180deg); color: #00abe9; font-weight: bold;}
header .col-20_1 { float: left; width: auto; margin: 0 0 15px 10px; position: relative;}
header .col-20_1 a {transform: rotate(180deg); color: white; font-weight: 600; position: relative; background-color: #00abe9; right: 0; font-size: 18px; padding: 12px 9px;}
header .col-20_1 a.a-none {color: white; font-weight: bold; background-color: transparent; font-size: 14px; padding: 0;}
.txt {text-align: right; padding-right: 10px;} 
header .margin {margin: 20px 0;}
header #menu_responsive {display: none;}
header #menu {margin: 0 auto; left: 0; right: 0; color: white; float: none; width: 74%;}
header #menu ul {text-align: center; color: white; padding: 0;}
header #menu li {margin: 30px 10px;}
header #menu a.voce_menu {font-weight: 600; display: inline-block; transition: all .4s; margin: 0 auto; left: 0; right: 0; color:#000; padding: 5px 0;}
header #menu a.active {background-color: #00abe9; color: white; padding: 5px 3px; font-weight: 600;}

.container-100 .fotogallery { background-color: #c9c9c9; overflow: hidden; text-align: center; margin: 0 auto -2px;}
.fotogallery img { display: inline-block; height: 200px; margin-bottom: -8.5px;}

main {width: 100%;}
main .asd {height: 620px; overflow: hidden;}
main .asd .col-40 {float: left; width: 45%; margin: 0 auto; position: relative; z-index: 999;}
main .asd .txt {width: 100%; margin-left: 20%; position: absolute; top: 80px;}
main .asd .txt h1 {color: white; font-size: 20px; text-align: left; font-weight: lighter; line-height: 52px;}
main .asd .txt h1 span {color: #00abe9; font-weight: bold;}
main .asd .cosa {width: 85%; margin-left: 20%; position: absolute; top: 415px;}
main .asd .cosa p {color: white; font-size: 20px; text-align: left; font-weight: lighter;}
main .asd .cosa p span {font-weight: bold; margin-left: 20px;}
main .asd #ico {width: 20px; height: 20px; background: #00abe9; border-radius: 50%; float: left;}
main .asd #ico p {font-weight: 600; text-transform: uppercase; margin-left: -16px;  margin-top: -5px; width: 500px;} 
main .asd #ico p span {color: white; font-weight: lighter; margin-right: 20px;}

main .asd .col-60 {float: right; width: 55%; overflow: hidden; margin: 0 auto;}

main .servizi {width: 96%; margin: 40px 2%; text-align: center;}
main .servizi p {text-align: center; color: #85888a;}
main .servizi .col-50 img {width: 100%;}
main .servizi .col-sx {width: 50%; float: left; text-align: left;}
main .servizi .col-sx .txt-1 {width: 44%; margin: 200px 0 0 30px; float: left; font-weight: 600;}
main .servizi .col-sx .txt-1 h2 {font-size: 18px; color: #094a8b; }
main .servizi .col-sx .txt-1 p {text-align: left; color: #292929; font-size: 14px; font-weight: lighter; margin-bottom: 20px;}
main .servizi .col-sx .txt-1 a {color: #094a8b;}
main .servizi .col-sx .btn {border-radius: 30px; background-color: #00abe9; font-size: 20px; padding: 16px 25px; width: 320px; color: white; font-weight: bold;}
main .servizi .col-sx .btn i {margin-right: 15px; font-size: 25px;}
main .servizi .col-sx .position-1 { position: absolute; left: 325px; top: 100px;}

main .servizi .txt-1 img, .txt-2 img{ width: 14px; margin-left: 7px;}

main .servizi .col-dx {width: 50%; float: left; text-align: left;}
main .servizi .col-dx .col-50 {width: 50%; float: left; text-align: right;}
main .servizi .col-dx .txt-2 {width: 42%; margin-right: 30px; float: left; font-weight: 600; text-align: right;margin-top: 75px;}
main .servizi .col-dx .txt-2 h2 {font-size: 18px; color: #094a8b;}
main .servizi .col-dx .txt-2 p {text-align: right; color: #292929; font-size: 14px; font-weight: lighter; margin-bottom: 110px;}
main .servizi .col-dx .txt-2 a {color: #094a8b;}
main .servizi .col-dx .btn { text-align: center;border-radius: 30px; background-color: #00abe9; font-size: 20px; padding: 16px 25px; width: 390px; color: white; font-weight: bold;}
main .servizi .col-dx .btn img {width: 30px; vertical-align: middle; margin-left: 8px; margin-bottom: 2px;}
main .servizi .col-dx .position-2 { position: absolute; left: -340px; top: 240px;}

main .promozioni {margin-top: 40px;}
main .promozioni .line-l { display: inline-block; width: 41%; float: left; border: 3px solid #ccc; border-radius: 0 30px 30px 0; margin-top: 10px;}
main .promozioni p {padding-bottom: 60px;float: left; width: 9%; margin: 0 5% 0 3%; font-size: 1.8em; }
main .promozioni .line-r { display: inline-block; width: 41%; float: right; border: 3px solid #ccc; border-radius: 30px 0 0 30px; margin-top: 10px;}
main .slide { width: 5%; margin: 0 20px;}
main .slide h2 {font-size: 16px; color: #242424; text-align: left;}
main .slide .btn {margin: 0 0 0 -30px; padding: 10px 12px; background-color: #dfe3e6; color: #292929; display: inline-block;} 
main .slide .btn img {width: 20px; float: right; margin: 5px 0 0 5px;}

main .percorso {background-color: #dfe3e6; padding: 7px 0;}
main .percorso i {color: #141414; margin: 0 10px;}
main .percorso a {color: #141414;}
main .percorso a span {color: #00abe9;}
main .parallax {padding: 50px 0;}
main .shape {}
main .shape img {height: 420px; left: 0; }
main .shape h2 {font-size: 20px; font-weight: 600; color: #094a8b; text-align: left; position: absolute; margin-left: 60px;top: 410px;}
main .shape p {font-size: 16px; color: #292929; text-align: left; position: absolute; margin-left: 60px; top: 440px; width: 27%;}
main .shape .btn a { position: absolute; left: 400px; top: 715px; text-align: center; border-radius: 30px; background-color: #00abe9; font-size: 17px; padding: 7px 25px; width: 230px; color: white; font-weight: 600;}
main .shape .btn i {width: 20px; vertical-align: baseline; height: 20px; margin: 0;}

main .testo {background-image: url(../images/bg.png); background-position: center; background-size: contain; background-repeat: no-repeat; height: 350px; text-align: center;}
main .testo h3 {color: #292929; font-size: 28px; font-weight: lighter; text-align: center; margin: 0 auto; padding: 70px 0 20px 0;}
main .testo h3 span {color: #00abe9;}
main .testo a {color: #292929; font-weight: 600; text-align: center; margin: 0 auto;}
main .testo a span {color: #00abe9; font-size: 15px;}
main .testo .btn-1 {margin: 30px auto; padding: 10px 15px; background-color: white; color: #094a8b; display: inline-block;} 
main .testo img {position: absolute; right: 0; bottom: 0;}
main .testo .txt-3 {margin: 100px auto;}
main .testo_contatti { background-image: url(../images/bg.png); background-position: center; background-size: contain; background-repeat: no-repeat; height: 300px; text-align: center; padding-top: 50px;}
main .contatti a { color: #292929; font-weight: 600; text-align: center; margin: 0 auto; font-size: 18px; font-weight: 600;}
main .contatti a span {color: #00abe9;font-size: 15px; font-weight: 500;}
main .contatti p {font-size: 24px; font-size: 600;}

main .parallax3 {padding: 100px 0;}
main .testo h2 { font-size: 20px; font-weight: 600; color: #094a8b; text-align: left; position: relative; padding: 15px 0; width: 40%; margin: 0 auto; padding: 50px 0 20px;}
main .testo p {font-size: 16px; color: #292929; text-align: left; position: relative; width: 40%; margin: 0 auto; line-height: 2;}
main .testo .btn a { position: relative; left: 20%; text-align: center; border-radius: 30px; background-color: #00abe9; font-size: 16px; padding: 15px 30px; width: 230px; bottom: 0; color: white; font-weight: 600;}
main .testo .btn i {width: 20px; vertical-align: baseline; height: 20px; margin: 0;}

main .testo .txt_ {position: absolute; margin: 188px auto; text-align: center; left: 0; right: 0;}
main .testo .txt_ h2 {color: #292929; font-size: 28px; font-weight: lighter; text-align: center; margin: 0 auto;}
main .testo .txt_ h2 span {color: #00abe9;}



/*I NOSTRI LAVORI*/
.lavori {margin: 1.5% 3%}
.gallery {margin-top: 25px;}
.gallery .col-20 {float: left; width: 20%; margin: 0; position: relative;}
.gallery .col-20 img {width: 100%;}

/*PROMOZIONI*/
.lista {margin: 0px 6% 30px;}
.promozioni .col-25 {float: left; width: 25%; margin: 0; position: relative;}
.promozioni .col-25 img {width: 100%;}
.promozioni h2 {font-size: 16px;}
.promozioni .prezzo {font-size: 18px; color: #094a8b; margin: 0; font-weight: 600;}
.promozioni .prezzo span {color: #292929; font-size: 14px; margin-left: 10px;}
.promozioni .btn {margin: 10px 0 0 -30px; padding: 5px 10px; background-color: #dfe3e6; color: #292929; display: inline-block;} 
.promozioni .btn img {width: 20px; float: right; margin: 5px 0 0 5px;}
.promozioni .abs {width: 70px!important; position: absolute; top: 0; left: 6%;}
.promozioni .abs img {width: 100%; position: absolute; top: 0;}
.promozioni .abs1 {width: 70px!important; position: absolute; top: 0;}
.promozioni .abs1 img {width: 100%; position: absolute; top: 0;}

/*QUADRI*/
.quadri {margin: 0px 6%;}
.quadri h2 {color: #00abe9; text-align: center; font-size: 18px; margin: 15px 10px;}
/*open/close*/
.txt_quadri { margin-bottom: 10px }
.txt_quadri .open-close-box { position: relative; text-align: center; color: #555}
.txt_quadri .open-close-box h4 {z-index: 9999999; position: relative; margin: 0!important; font-weight: 400; text-align: left; cursor: pointer; color: #fff; width: 96%; font-size: 14px; text-align: center; padding: 10px 2%; background-color: #00abe9; border-radius: 20px}
.txt_quadri .open-close-box .btnmore {position: absolute; top: 0px; right: 0; width: 100%!important; cursor:pointer; cursor: pointer; z-index: 9999999; padding: 8px 0; }
.txt_quadri .open-close-box .btnmore .open { height: 20px; width: 20px; }
.txt_quadri .open-close-box .btnmore img { z-index: 9999999; position: relative; height: 20px; width: 20px; float: right; margin: 2px 20px 0 } 
.txt_quadri .open-close-box .text_open { background-color: rgba(255,255,255,0.2); padding: 0 2%; line-height:20px; width: 96%; }
.txt_quadri a { color: #555 }
.txt_quadri .open-close-box .text_open li { margin: 10px 1%}
.txt_quadri .open-close-box .text_open {background-color: #dfe3e6; padding: 10% 5% 3% 5%; line-height:20px; width: 90%; z-index: 0; position: relative; margin-top: -15px;}
.txt_quadri .open-close-box .text_open .pdf { display: block; }

.txt_quadri { width: 98%; display: inline-block; vertical-align: top; text-align: center; color: #555}
.txt_quadri p { line-height: 1.5; margin: 10px 0; text-align: left;}

.thumb-show {    width: 220px;    display: inline-block;    margin: 10px;}

/*MARCHI*/
#marchi .gallery img { transition: all 1s ease 0s; width: 100%; border-radius: 10px; border: 3px solid #00abe9; margin: 0.1%;}

/*DETTAGLIO PROMO*/
.thumb-show-1  {width: 100%;display: inline-block;}
#dettaglio .col-60 {width: 54%; margin: 0 3%;}
#dettaglio .col-60 h2 {font-size: 30px; color: #094a8b;}
#dettaglio .col-60 .prezzo {font-size: 24px; width: 20%;}
#dettaglio .col-60 p {padding-bottom: 25px;}
#dettaglio .col-60 .descrizione { font-size: 16px; color: #292929; text-align: justify; position: relative; width: 100%; margin: 0; padding: 20px 0 0 0 ;}
#dettaglio .col-60 .descrizione p { font-size: 16px; color: #292929; text-align: justify; width: 100%; margin: 0; padding: 0 ; float: none;}
#dettaglio .btn {margin:20px 0 0!important; padding: 10px 15px; background-color: #dfe3e6; color: #094a8b; font-size: 20px;}

/*DOVE LAVORIAMO*/
.lista_citta {margin: 0px 6%;}
.lista_citta h4 {margin: 0px; color: #00abe9;}
.titolo_cl { width:100%; font-size:22px; text-align:center; font-weight:400; letter-spacing:-1px;}
.col-33 img {width: 100%;margin: 10px 0 0;}
.btn_dove {top: 210px; right: 6%; position: absolute; border-radius: 30px 0 0 30px;text-align: center; background-color: #00abe9; padding: 7px; width: 160px;}
.btn_dove a {position: relative; text-align: center; font-size: 14px; color: white; font-weight: 600;}

main .marchi {margin-top: 100px;}

main .title {font-size: 20px; font-weight: 600; color: #094a8b;}
main .regular2 .b-p {margin: 0 20px;}
main .parallax1 {height: 200px;}
main .parallax1 h2 {font-size: 34px; font-weight: 600; color: white; text-align: left; position: absolute;padding: 0 13%; top: 250px;}

main h4 {margin: 50px 0; color: #00abe9;}

main .servizi .col-50 i {font-size: 68px;}
main .servizi .col-50 .btn {border-radius: 30px; background-color: #00abe9; font-size: 18px; padding: 15px 9px;letter-spacing:1.5px ; color: white; font-weight: bold; text-align: center; margin: 20px auto;}
main .servizi .col-50 .btn i {margin: 0 10px; font-size: 25px;}
main .servizi .col-50 p { color: #094a8b; font-weight: bolder; margin: 20px 0 0 0;}
.w300 {width: 300px;}

main .line {border: 2px solid #dfe3e6; margin: 50px 0;}
form { margin: 50px auto 0; width: 100%;}
form input { border-radius: 5px; text-align: left; margin-top: 10px; padding: 10px 3%; font-size: 13px; font-family: 'Poppins', sans-serif; display: block; width: 93%;  border: none; background-color: #eee;}
.input { width: 49%; float: left;}
form textarea { border-radius: 5px; text-align: left; margin-top: 10px; padding: 10px 2%; font-size: 13px; float: right; font-family: 'Poppins', sans-serif; display: block; width: 46%; border: none; background-color: #eee;}
.obbligo { font-size: 11px!important; margin-top: 30px;}
#checkbox input { margin-top: 5px; display: inline-block; width: auto; margin-right: 8px;}
#checkbox p {display: inline;}
form .bottone { margin: 10px 0; cursor: pointer;}
.bottone {border-radius: 4px; padding: 10px 30px; display: inline-block; font-weight: 600; margin-top: 30px;}
.radius {border-radius: 4px;}

footer {margin-top: 80px;}
footer #prefooter .col-50a {float: left; width: 50%; margin: 0 auto; height: 400px; top: 0; left: 0; background-image: url(../images/man.jpg); background-position: center; background-size: cover;}
footer #prefooter .col-50 {background-color: #dfe3e6; height: 400px; text-align: center;}
footer #prefooter .col-50 p {color: #292929; font-size: 28px; font-weight: lighter; text-align: center; margin: 0 auto;}
footer #prefooter .col-50 p span {color: #00abe9;}
footer #prefooter .col-50 a {color: #292929; font-weight: 600; text-align: center; margin: 0 auto;}
footer #prefooter .col-50 a span {color: #00abe9; font-size: 15px;}
footer #prefooter .col-50 .btn {margin: 30px auto; padding: 10px 15px; background-color: white; color: #094a8b; display: inline-block;} 
footer #prefooter .col-50 img {position: absolute; right: 0; bottom: 0;}
footer #prefooter .col-50 .txt-3 {margin: 100px auto;}

footer #footer {background-color: #2E2E2E; margin-top: -4px; padding: 50px 0 0;}
footer #footer .col-33a {text-align: left;float: left; width: 33.3%; margin: 0 auto; position: relative; padding-bottom: 40px;}
footer #footer .col-33a .txt {color: #00abe9; text-align: left; font-weight: bold;}
footer #footer .col-33a p {color: white;}
footer #footer .col-33a a {color: white;}
footer #footer .col-33a a span {color: #00abe9;}

footer #footer .col-33b {text-align: center;float: left; width: 33.3%; margin: 0 auto; position: relative;}
footer #footer .col-33b .txt {color: #00abe9; text-align: center; font-weight: bold;}
footer #footer .col-33b p {color: white; text-align: center;}

footer #footer .col-33c {text-align: right;float: left; width: 33.3%; margin: 0 auto; position: relative; padding-bottom: 40px;}
footer #footer .col-33c .txt {color: #00abe9; text-align: right; font-weight: bold;}
footer #footer .col-33c p {color: white;}
footer #footer .col-33c a {color: white;}
footer #footer .col-33c a span {color: #00abe9;}


footer #credits {background-color: #1d1d1d; text-align: center; padding: 8px 0;}
footer #credits a {color: #dfe3e6;}
footer #credits span {color: #dfe3e6;}
footer #credits a:hover {color: #00abe9;}

.col-15 {float: left; width: 15%; margin: 0 auto; position: relative;}
.col-16 {float: left; width: 16.6%; margin: 0 auto; position: relative;}
.col-20 {float: left; width: 20%;margin: 0 0 15px 0; position: relative;}
.col-25 {float: left; width: 25%; margin: 0 auto; position: relative;}
.col-30 {float: left; width: 30%; margin: 0 auto; position: relative;}
.col-33 {float: left; width: 33.3%; margin: 50px auto; position: relative;}
.col-40 {float: left; width: 40%; margin: 0 auto; position: relative;}
.col-50 {float: left; width: 50%; margin: 0 auto; position: relative;}
.col-60 {float: left; width: 60%; margin: 0 auto; position: relative;}
.col-66 {float: left; width: 66.6%; margin: 0 auto; position: relative;}
.col-70 {float: left; width: 70%; margin: 0 auto; position: relative;}
.col-75 {float: left; width: 75%; margin: 0 auto; position: relative;}
.col-80 {float: left; width: 80%; margin: 0 auto; position: relative;}

/*PRIVACY*/
#privacy h4 { margin: 17px 0; color: #00abe9;}
#privacy h2 b {color:#094a8b}
#privacy p b {color:#094a8b}
#privacy ul, li

@media screen and (min-width: 1600px) {
	main .testo p {width: 70%; margin: 0 auto;}
	main .testo h2 {width: 70%; margin: 0 auto;}
}

@media screen and (max-width: 1400px){
	main .servizi .col-dx .position-2 { position: absolute; left: -340px; top: 280px;}
	main .testo p { width: 60%; margin: 0 auto;}
	main .testo h2 { width: 60%; margin: 0 auto;}
}

@media screen and (max-width: 1300px) {
	header #menu {width: 100%;}
	.container_ { max-width: 1024px; margin: 0 auto; margin: 10px auto;}
	button { border: none; background-color: transparent;}
	main .asd .col-40 img { margin-left: -300px;}
	main .asd .txt { width: 100%; margin-left: 20%; position: absolute; top: 80px;}
	main .servizi .col-sx {width: 100%;}
	main .servizi .col-dx {width: 100%;}
	main .servizi .col-dx .txt-2 { width: 57%; margin-right: 30px; float: left; font-weight: 600; text-align: right; margin-top: 75px;}
	main .servizi .col-dx .col-50 { width: 40%; float: left; text-align: right;}
	main .servizi .col-sx .col-50 { width: 40%; float: left; text-align: right;}
	main .promozioni .line-l {width: 37%;}
	main .promozioni p {width: 16%; margin: 0 5% 0 3%;}
	main .promozioni .line-r {width: 37%;}
	main .shape p {top: 390px; font-size: 17px; width: 38%;}
	main .shape h2 {top: 360px;}
	main .shape img { height: 440px; left: 0;}
	.btn_dove {top: 160px;}
	main .marchi {margin-top: 50px;}
	main .asd .txt h1 {line-height: 42px;}
}

@media screen and (max-width: 1100px) {
	main .shape p {width: 43%;}
	main .testo p { width: 75%; margin: 0 auto 0 15%;}
	main .testo h2 { width: 75%; margin: 0 auto 0 15%;}
}

@media screen and (max-width: 1024px) {
	main .shape img {height: 440px;}
	main .shape h2 {top: 240px; margin-left: 40px;}
	main .shape p {width: 46%; margin-left: 40px; top: 270px;}
	main .shape .btn a {left: 260px; top: 615px;}
	.container_ { max-width: 768px; margin: 0 auto; margin: 10px auto;}
	header .col-40 {display: none;}
	header .col-60 {float: none;}
	header #menu_responsive {display: block; width: 100%; text-align: center; margin: 5px 0 0px; float: left;}
	header #menu {display: none;}
	header #menu_responsive i {font-size: 30px;}
	header #trapezio #info {display: none;}
	main .asd .col-40 img {margin-left: -390px;}
	main .servizi .col-sx .txt-1 {width: 56%;}
	main .servizi .col-dx .txt-2 {width: 56%;}	
	main .servizi .col-dx {margin-top: 50px;}
	main .promozioni p {width: 16%; margin: 0 8% 0 4%;}
	main .promozioni .line-l {width: 35%}
	main .promozioni .line-r {width: 35%}
	main .testo {height: 300px;}
	main .testo h2 { width: 75%; margin: 0 auto; padding: 20px 0 5px;}
	main .testo p { width: 75%; margin: 0 auto;}
	main .testo .btn a {bottom: -20px;}
	.btn_dove {top: 120px;}
	main .line {margin: 30px 0 0;}
}

@media screen and (max-width: 910px) {
	header .col-20_1 .txt {display: none;}
	main .servizi .col-sx .position-1 {top: 60px;}
	main .servizi .col-sx .txt-1 {margin: 160px 0 0 30px;}
	main .asd .txt {top: 40px;}
	main .asd .cosa {top: 430px;}
	main .shape .btn a { top: 600px;}
	main .shape p { width: 52%;}
}

@media screen and (max-width: 850px) {
	main .shape img {display: none;}
	main .shape {background-color: rgba(255, 255, 255, 0.7); height: 335px;}
	main .shape h2 {width: 80%; margin: 0 10%; top: 280px;}
	main .shape p {width: 80%; margin: 0 10%; top: 310px;}
	main .shape .btn a { left: 0; top: 540px; right: 0; margin: 0 auto;}
	header .logo {width: 60%; margin: 0 20%;}
	main .asd .col-40 img {margin-left: -470px;}
	main .asd .txt h1 {font-size: 22px;}
	main .asd .txt {width: 110%; margin-left: 10%; }
	main .asd .cosa {margin-left: 10%;}
	main .servizi .col-sx .position-1 {left: 250px; top: 0;}
	main .servizi .col-sx .txt-1 {margin: 100px 0 0 30px;}
	main .testo h2 {padding: 10px 0 5px;}
	#dettaglio .col-60 { width: 94%; margin: 15px 3%;}
	.col-40 {width: 100%;}
	.gallery .col-20 {width: 32.3%;}
	footer #prefooter .col-50a {height: 500px;}
	footer #prefooter .col-50 {height: 500px;}
}

@media screen and (max-width: 790px) {
	.container_ { max-width: 500px; margin: 0 auto; margin: 10px auto;}
	header .col-75 {width: 40%;}
	header .col-25  {width: 60%;}
	header .col-40 {display: none;}
	main .asd { height: 900px; overflow: hidden;}
	main .asd .txt h1 { font-size: 18px;}
	main .asd .cosa p { font-size: 18px;}
	main .asd .cosa {top: 220px;}
	.col-70 {text-align: center; width: 100%;}
	header .col-20_1 {width: 31%; text-align: center;}
	.txt {text-align: center;}
	main .asd .txt { width: 80%; margin-left: 10%;}
	main .asd .col-60 {width: 100%;}
	main .asd .col-40 {width: 100%; background-color: #151515; height: 340px; padding: 20px 0;}
	main .asd .col-40 img {display: none;}
	main .servizi .col-sx .position-1 {display: none;}
	main .servizi .col-sx .txt-1 {width: 50%; margin: 30px 0 0 30px;}
	main .servizi .col-dx .position-2 {display: none;}
	main .servizi .col-dx .txt-2 {width: 50%; margin: 30px 30px 0 0 ;}
	main .servizi .col-dx .txt-2 p {margin-bottom: 20px;}
	main .promozioni p {width: 24%; margin: 0 8% 0 6%;}
	main .promozioni .line-l { width: 30%;}
	main .promozioni .line-r { width: 30%;}
	.promozioni .col-25 {width: 50%;}
	.promozioni .btn {float: right;}
	footer #prefooter .col-50a {display: none;}
	footer #prefooter .col-50 { height: 400px; width: 100%;}
	main .testo .btn a {bottom: -20px;}
	.col-50 {width: 100%;}
	main .testo {background-color: rgba(255, 255, 255, 0.7); height: 400px; background-image: none;}
	main .testo .btn a {left: 0; top: 20px; right: 0; margin: 0 auto;}
	.col-33 {width: 80%; margin: 30px 10%; }
	/*footer #footer {height: 550px;}*/
	footer #footer .col-33a {width: 100%; text-align: center; margin: 5px auto;}
	footer #footer .col-33a .txt {text-align: center;}
	footer #footer .col-33c .txt {text-align: center;}
	footer #footer .col-33b {width: 100%; text-align: center; margin: 5px auto;}
	footer #footer .col-33c {width: 100%; text-align: center; margin: 5px auto;}
	.btn_dove {top: 260px;}
	main .testo_contatti {background-color: rgba(255, 255, 255, 0.7); height: 300px; background-image: none;}
	main .testo_contatti h2 {width: 80%; margin: 0 10%; top: 360px;}
	main .testo_contatti p {width: 80%; margin: 0 10%; top: 410px;}
	main .testo_contatti .btn a { left: 0; top: 540px; right: 0; margin: 0 auto;}
	main .shape {height: 360px;}
	main .shape .btn a {top: 580px;}
}

@media screen and (max-width: 600px) {
	header .col-40 {display: none;}
	.input {width: 98%;}
	form textarea {width: 96%; padding: 10px 2%;}
	main .asd .cosa {display: none;}
	main .asd .col-40 {height: 320px;}
	main .shape {height: 440px;}
	main .shape h2 { width: 80%; margin: 0 10%; top: 255px;}
	main .shape p { width: 80%; margin: 0 10%; top: 280px; font-size: 16px;}
	main .shape .btn a { left: 0; top: 640px; right: 0; margin: 0 auto;}
	header .logo { width: 50%; margin: 0 20%;}
	main .testo {height: 480px;}
	.btn_dove {top: 160px;}
}

@media screen and (max-width: 480px) {
	main .asd { height: 800px; overflow: hidden;}
	.container_ {max-width: 400px;}
	#dettaglio .col-60 { width: 94%; margin: 0 3%;}
	header .col-25 {width: 70%; }
	header .col-75 {width: 30%;}
	header .col-20_1 {width: 47%; margin: 0 0 0 10px;}
	main .promozioni {margin-top: 25px;}
	.col-40 {width: 100%;}
	main .testo {height: 400px;}
	.btn_dove {top: 185px;}
	.promozioni .col-25 {width: 100%;}
	main .shape {height: 500px;}
	main .shape h2 {top: 220px;}
	main .shape p {top: 245px;}
	main .shape .btn a {top: 680px;}
	main .asd .col-40 {height: 320px;}
	main .asd .txt h1 {line-height: 32px;}
	main .servizi {margin: -150px 2%;}
	main .promozioni .line-l {display: none;}
	main .promozioni .line-r {display: none;}
	main .promozioni p {width: 100%; text-align: center; margin: 0 auto!important; padding: 40px 0 0 0;}
	main .asd .cosa {display: none;}
	main .servizi {margin: 20px 2%;}
	main .servizi .col-50 img {display: none;}
	main .servizi .col-sx .txt-1 {width: 90%;}
	main .servizi .col-dx .txt-2 {width: 90%; text-align: left; margin: 30px 0 0 30px;}
	main .servizi .col-dx .txt-2 p {text-align: left;}
	footer #prefooter .col-50 img {display: none;}
	.promozioni .prezzo {font-size: 22px; text-align: left; padding: 10px 0 0 0;}
	footer #prefooter .col-50 .txt-3 { margin: 70px auto;}
	main .testo {height: 600px;}
	.btn_dove { top: 120px;}
}

@media screen and (max-width: 400px) {
	.container_ {max-width: 320px;}
	main .shape .btn a {top: 760px;}
	main .shape {height: 580px;}
	main .shape p { width: 86%; margin: 0 6%; top: 250px;}
	main .shape h2 { width: 86%; margin: 0 6%; top: 210px;}
	main .testo {height: 600px;}
	.gallery .col-20 { width: 49%;}
	main .parallax3 {padding: 78px 0;}
	.btn_dove {top: 140px;}
	main .asd .txt {top: 5px;}
	main .testo h2 { width: 85%; margin: 0 auto; padding: 20px 0 5px;}
	main .testo {height: 650px;}
	main .testo p { width: 85%; margin: 0 auto;}
	.btn_dove {top: 110px;}
}

@media screen and (max-width: 320px) {
	.container_ {max-width: 300px;}
	.w300 {width: 282px;}
	footer #credits { margin-top: 30px;}
	.btn_dove {display: none;}
	main .testo_contatti {height: 380px;}
	main .shape p {top: 235px;}
	main .shape {height: 610px;}
	main .shape .btn a {top: 785px;}
	.btn_dove {top: 115px;}
}