@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body { margin: 0 auto; padding: 0; color: #242424; font-family: 'Lato', sans-serif;}
a { text-decoration: none; }
a:hover { transition: all .4s;}
p, h1, h2, h3, h4, h5 {margin-bottom: 10px;} /* margin: 0; */
p { color: #242424; font-size: 16px; line-height: 26px; font-weight: 400;}
h1 { font-size: 30px; font-weight: 400; font-family: 'Lato', sans-serif;}
h2 { font-size: 20px; font-weight: 400; font-family: 'Lato', sans-serif; color: #666766;}
button { border: none;}
button:hover { opacity: .8; transition: all 0.4s;}
ul,li {text-decoration: none; list-style: circle; padding: 5px 0; margin-left: 20px;} /* list-style: none; */
img, object, embed, video { max-width: 100%;}
.clear { clear: both;}
.center { text-align: center;}
.container {max-width: 1420px; padding: 0 1%; margin: 0 auto; position: relative;}
.container-100 {width: 100%; margin: 0 auto; position: relative;}
.relative {position: relative;}
.absolute {position: absolute;}
.active {border-bottom: 1px solid #222222;}
.bg-azz {background: #c7e0e7; padding: 25px 0 50px;}
.bg-grey {background: #ddd; padding: 15px 0 55px;}

.col-16 {width: 16.6%; float: left; margin: 0 auto;}
.col-20 {float: left; width: 20%; margin: 0 auto;}
.col-25 {float: left; width: 25%; margin: 0 auto;}
.col-30 {float: left; width: 29%; margin: 0 auto; margin: 0 0.5%;}
.col-33 {float: left; width: 33.3%; margin: 0 auto; position: relative;}
.col-50 {float: left; width: 50%; margin: 0 auto;}
.col-70 {float: left; width: 70%; margin: 0 auto;}
.col-80 {float: left; width: 80%; margin: 0 auto;}

#header .logo {position: relative; z-index: 10; width: 8%; float: left;}
#header .logo img {width: 100%;}

/*#header .menu_responsive { display: none;}*/
#header .main-menu { margin: 0; padding: 0; }
#header .main-navigation {margin-top: 40px; z-index: 1000; position: relative; width: 80%; float: right; text-align: right; }
#header .main-navigation li { letter-spacing: 1px; position: relative; display: inline-block; padding: 5px 0 5px 3%; font-size: 15px; text-transform: uppercase;  }
#header .main-navigation a { transition: all 0.25s ease 0s; color: #222222; }
#header .sub-nav li { display: block; text-align: left; font-size: 13px; margin: 0;}
#header .main-navigation a:hover { color: #e60012 }

/*#header-home ul.menu {text-align: right; position: absolute; top: 20px; z-index: 10; right: 100px;}
.menu li {display: inline-block; padding: 0 10px; vertical-align: middle;}
.menu li a {color: #222222; padding: 0 0 5px;}
.menu li a:hover {border-bottom: 1px solid #222222;}*/
li.flag {vertical-align: middle;}



.video {overflow: hidden; height: 700px; position: absolute; z-index: 0; width: 100%;}
/*.video video {width: 100%;}
.video img {position: absolute; opacity: 0.3;}*/
.video iframe { border: none; width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.big-txt-slide {font-size: 50px; line-height: 65px!important; color: #fff; font-weight: 600; top:170px!important; width: 35%;}
.big-txt-slide-2 {font-size: 50px; line-height: 65px!important; color: #fff; font-weight: 600; top:315px!important; width: 35%;}
.txt-box-slide {font-size: 50px; line-height: 65px!important; color: #fff; font-weight: 600; text-transform: uppercase; background-color: rgba(90,144,193,.8); padding: 0 8px!important; top:250px!important;}
.img-slider { bottom:20px!important;}
.btn-slide {top:420px!important;}
.btn-slide a {background-color: #2571bf; padding: 12px 160px; border: 1px solid #fff; color: #fff; font-weight: 900; transition: all .4s;}
.btn-slide a:hover {opacity: .8;}
.scritta-logo {border: 3px solid #2e04af; background: #fff; padding: 0 10px 5px;}

#main-home.container {margin: -60px auto 0; padding: 0;}
.icon-box {text-align: center;}
.icon {background: #c7e0e7; padding: 20px; border-radius: 60px; width: 60px; height: 60px; margin: 15px auto;}
#categoria.col-33 img {width: 94%; margin: 0 1% 35px; border: 10px solid #e1e1e1;}
.box-testo {padding: 20px 2%; background: rgb(212, 43, 43); width: 95%; transition: all .4s; margin: 1% auto;}
.box-testo:hover {background: rgb(159, 0, 0);}
.box-testo-cat {padding: 10px 2%; background: rgb(35, 35, 35); width: 96%; transition: all .4s; margin: 1% auto 0;}
.box-testo-cat:hover {background: rgba(15,15,15,.7);}
.testo {text-align: center;}
.tit-cat-home {font-size: 16px; color: #fff; min-height: 40px;}

#pre-footer .parallax { position: relative; text-align: center; overflow: hidden;}
#pre-footer .par-absolute {position: absolute; bottom: -162px; left: 25.5%;}
#pre-footer .text {position: absolute; top: 40px; left: 39%; width: 30%; margin: 0 auto;}
#pre-footer .btn-prefooter {margin: 35px auto 0;}
#pre-footer a.btn-azz {padding: 10px 130px; border: 1px solid #fff; background: #2571bf; color: #fff; font-weight: bold; transition: all .4s;}
#pre-footer a.btn-azz:hover {opacity: .8;}

footer {margin: -2px auto 0; background: #3a72a6; padding: 80px 0;z-index: 9; position: relative;}
footer .logo-footer {width: 25%;}
footer .tit-footer {margin: 59px 0 0;}
footer p {font-size: 13px; line-height: 18px; color: #fff; padding: 10px;}
footer a {color: #fff; transition: all .2s;}
footer a:hover {color: #003542;}
footer svg {color: #fff; padding-right: 5px; font-size: 18px!important; vertical-align: -0.185em!important;}


/*------------------------AZIENDA------------------------------------------*/
p.desc-chisiamo {padding: 10px 0 0;}
.desc-chisiamo-bg {margin: 15px auto;}
.img-chisiamo {width: 80%; margin: 0 auto;}
.img-chisiamo-2 {width: 30%; margin: 0 auto;}
.madein {width: 8%; margin: 20px 0 0;}
.ico-garanzie {width: 33.3%; margin: 0 auto; float: left;}
.ico-garanzie img {width: 25%; margin: 0 auto 10px;}
.ico-garanzie p {text-transform: uppercase; font-weight: bolder; margin-bottom: 25px;}
.img-center {width: 20%; margin: -80px auto -20px; position: relative; z-index: 9;}

/*------------------------PRODOTTI -------------------------------------------*/
/*#header .logo {position: absolute; z-index: 10; width: 8%; top: 20px;}
#header .logo img {width: 100%;}
#header ul.menu {text-align: right; position: absolute; top: 20px; z-index: 10; right: 100px;}*/
#header .parallax {padding: 100px 0;}
.freccia {background: url(../images/ombra.png) top center/100% no-repeat; height: 65px; width: 100%; margin: 0 auto;}
.icona-main {display: inline-block; float: left; width: 10%; margin: 0 30px 0 0;}

#main-pag.container, #main-pag-dett.container {padding: 0 1% 10px;}
#main-pag h2 {margin: 10px 0; font-size: 25px;} 


/*------------------------CATEGORIA -------------------------------------------*/
#path.container p {font-size: 12px; margin: 0 auto;}
#path.container p a {color: #121212; transition: all .4s;}
#path.container p a:hover {color: #2BA0BC;}
.container-column {width: 80%; margin: 0 auto;}
ul.shortlink { padding: 0;}
ul.shortlink li { padding: 5px 5px 5px 0; transition: all .4s; color: #222222; background-color: #e2e2e2; margin: 5px 0;}
ul.shortlink li:hover {color: #2BA0BC;}
ul.shortlink li::before {
  content: "+";
    color: #fff;
    background: #028dcb;
    padding: 5px 9px;
    text-align: center;
    margin: 0 10px 0 0;
}

ul.shortlink li a {color: #121212; transition: all .4s;}
ul.shortlink li a:hover {color: #028dcb;}

ul.list-number {padding: 0; margin: 0 auto 35px;}
ul.list-number li {display: inline-block; padding: 0 10px; font-weight: bold;}
ul.list-number li a {color: #4D4D4D;}
ul.list-number li a:hover {color: #028dcb;}

.col-33-cat {float: left; width: 29.3%; margin: 2% 2% 3.5%; position: relative;}

/*hide-show*/
a.toggle-click li {}
ul.shortlink .toggle-click {}
ul.shortlink .toggle-click:hover {color: #028dcb;}
.des_toggle { padding: 5px 0 5px 20px; font-size: 14px;}
.des_toggle li { padding: 3px 0;}
ul.shortlink li.no-before::before {
  content: none;
  color: inherit;
    background: transparent;
    padding: 5px 9px;
    margin: inherit;
}
ul.shortlink li.no-before a {
  padding: 0 0 0 10px;
}
/* end */

/*------------------------DETTAGLIO PRODOTTO -------------------------------------------*/
.thumb {width: 20%; float: left; margin-right: 2%; margin-bottom: 2%;}
.tit-prodotto {color: #ef413d; font-weight: bold;}
.sottotitolo {color: #898989; font-weight: bold; margin-bottom: 10px;}
.desc-prodotto {margin-bottom: 15px;}
p.scheda {margin: 25px 0;}
.scheda a {color: #028dcb; transition: all .4s;}
.scheda a:hover {color: #1C687A;}

/*------------------------CONTATTI------------------------------------------*/
.desc-contatti {margin: 0 auto 35px;}
iframe.mappa {width: 100%; height: 600px; margin: 0 auto; border: none;}
.col-50-mappa {width: 49%; margin: 0 1% 35px 0; float: left;}
.col-50-form {width: 50%; margin: 0 auto 35px; float: left;}

/*orari*/
.orari { width:98%; margin: 0 auto; color:#fff;}
.orari-p { font-size: 10pt; color: #343434; font-weight: 600; line-height: 20pt; margin-bottom: 30px;}
.tab_orari { width:100%; height:20px; margin:12px auto;}
.giorni { width:25%; margin:0 0.5%; height:20px; float:left; color:#343434; text-align: left;}
.mattina { width:35%; height:100%; float:left; text-align: center;}
.pausa { width:4%; height:100%; float:left;}
.pomeriggio { width:35%; height:100%; float:left; text-align: center;}
.c1 { background-color: #028dcb;}
.c2 { background-color: #ef413d;}	
	

/*form*/
.content_form {text-align: left; width: 98%; padding: 0; font-size: 14px; margin: 55px auto 0;}
.content_form p {font-size: 16px;}
.form p {color: #000; text-align: center;}
.g-recaptcha { max-width:290px; margin:0 auto;}
.required {color: #ec3f34;}
.tabella_form { width:90%; margin:0 5%;}
#formILC label{display:block;}
.content_form input, textarea, select{display:block; border: 1px solid #afafaf; padding: 2px 2%; font-size: 14px; border-radius: 3px; width:96%; }
.content_form input.error, textarea.error {border: 2px solid #F67E8F;}
p.error{background-color: #F67E8F;border:2px solid #F00;color:#660D1E;font-size:105%;margin:3em auto;padding:1em 4em;width:25%;}
p.validate{background-color: #7EF68F;border:2px solid #0F0;color:#0D661E;font-size:105%;margin:3em auto;padding:1em 4em;width: 100%;}
.content_form input[type="checkbox"] {display: inline-block; width:20px; margin-top: 8px;}
.content_form input[type="text"]  {display:block; border: 1px solid #afafaf; padding: 2px 2%; font-size: 14px; border-radius: 3px; width:96%; height:25px;}
table { width:100%; margin:0 auto; height:auto;}
.content_form input[type="submit"]{ border: none; padding: 10px 20px; background-color: #ef413d; border-radius: 5px; color: #fff; width: 150px; margin: 10px auto 0;}
.content_form select {width: 100%; margin: 0;}

/*SITEMAP*/
ul.sitemap {padding: 0;}
ul.sitemap li {margin: 5px 0;}
ul.sitemap li a {color: #212121; transition: all .4s;}
ul.sitemap li a:hover {color: #028dcb;}





@media screen and (max-width: 1420px) {
	.big-txt-slide { line-height: 56px!important; transition: all .4s;}
	.txt-box-slide {top: 245px!important; transition: all .4s;}
	.btn-slide {top: 385px!important; transition: all .4s;}
	
	#main-home h2, #main-pag h2, h2 {width: 95%; margin: 10px auto;}
	#main-pag p.desc-cat {width: 95%; margin: 0 auto;}
	#main-pag p {width: 95%; margin: 0 auto;}
	
	#pre-footer .par-absolute { left: 17.5%;}
	
	/*azienda*/
	p.desc-chisiamo {width: 95%; margin: 0 auto;}
	p.desc-chisiamo-bg {width: 97%;}
	
	/*categoria*/
	#path.container {width: 95%;}
	
	/*prodotto dettaglio*/
	.thumb { margin-left: 25px;}
	
	/*contatti*/
	p.desc-contatti {width: 95%; margin: 0 auto 35px;}
	.tab_orari {width: 95%;}
	

}


@media screen and (max-width: 1280px) {
	#header-home .logo, #header .logo {width: 11%; left: 47px;}
	
	.big-txt-slide { top: 100px!important;}
	.big-txt-slide-2 { top: 230px!important; line-height: 53px!important;}
	.btn-slide {top: 310px!important;}
	.btn-slide a {font-size: 15px;}
	.txt-box-slide {top: 165px!important;}
	
	.video {height: 590px;}
	
	#pre-footer .par-absolute { left: 12.5%;}
	#pre-footer .text {left: 29%; width: 50%;}
	
	.img-chisiamo-2 { width: 50%;}
	
	#lista-categoria .col-20 {width: 25%;}
	#lista-categoria .col-80 {width: 75%;}
}

@media screen and (max-width: 1000px) {
	.big-txt-slide { line-height: 40px!important; top: 90px!important;}
	.big-txt-slide-2 {top: 215px!important; line-height: 43px!important;}
	.btn-slide {top: 250px!important;}
	.btn-slide a {padding: 12px 100px;}
	.txt-box-slide {top: 148px!important;}
	
	#pre-footer .par-absolute { left: 1.5%; width: 33%;}
	#pre-footer .text {left: 25%; width: 54%; top: 20px;}
	
	.col-33-cat {width: 46%;}
	.bg-azz {margin: 0 auto 30px;}
	.img-center {margin: -90px auto 0;}
	
	.img-chisiamo-2 { width: 80%;}
	
	.video {height: 530px;}
	
	/*prodotto dettaglio*/
	.thumb {width: 30%;}
	p.desc-prodotto, p.scheda {width: 95%; margin: 0 auto 25px;}
	p.sottotitolo {width: 95%; margin: 0 auto;}
	#lista-categoria .col-20 {width: 30%;}
	#lista-categoria .col-80 {width: 70%;}
	
}

@media screen and (max-width: 823px) {
	#header .logo { width: 13%; left: 37px; position: absolute; z-index: 9999999;}
	/*.menu_responsive {display: block; position: absolute; top: 10px; font-weight: 700; background-color: transparent; text-align: center; z-index: 999; right: 45px;}
	.menu_responsive button {padding: 13px 0; font-size: 25px; background: transparent;}
	.menu_responsive svg {color: #222222!important;}*/
	
	.big-txt-slide { top: 25px!important; line-height: 40px!important; width: 45%;}
	.big-txt-slide-2 {top: 125px!important; line-height: 35px!important;}
	.btn-slide {top: 185px!important;}
	.txt-box-slide { top: 75px!important; padding: 0 18px!important; line-height: 45px!important;}
	
	#header .parallax {margin: 70px auto 0;}
	
	#categoria.col-33 {width: 100%; text-align: center;}	
	
	.col-16 {width: 33.3%;}
	footer .col-25 {width: 50%; min-height: 205px; text-align: center;}
	footer .logo-footer {margin: 0 auto;}
	
	.bg-azz { margin: 0 auto 60px;}
	.img-center { margin: -120px auto 50px;}
	
	#pre-footer .img-white { height: 100%;}
	
	
	/*categoria*/
	#lista-categoria {padding: 0 0 50px!important;}
	#lista-categoria .col-80 {width: 100%; float: none;}
	#lista-categoria .col-20 {width: 100%; float: none; text-align: left; margin: 35px auto 0; background: #fff; padding: 20px 0 10px;}
	
	
	.col-50-mappa {width: 100%; margin: 0 auto 35px; float: none;}
	.col-50-form {width: 100%; margin: 0 auto 35px; float: none;}
	table { width: 95%;}
	
	.orari {width: 95%;}
	.tab_orari {font-size: 14px;}
	.content_form h2 {text-align: left;}
	
}

@media screen and (max-width: 650px) {
	.big-txt-slide {top: 25px!important; width: 75%;}
	.big-txt-slide-2 {top: 105px!important; line-height: 30px!important;}
	.txt-box-slide {top: 55px!important;}
	.btn-slide { top: 140px!important;}
	.btn-slide a { padding: 8px 65px;}
	
	#categoria.col-33 img { width: 90%;}
	
	#pre-footer .parallax {height: 350px;}
	#pre-footer .text {left: 0; width: 45%; top: 0; right: 0; height: 70%; bottom: 0; margin: auto; background: rgba(255,255,255,.7); padding: 20px 10px; border-radius: 5px;}
	#pre-footer a.btn-azz {padding: 10px 65px;}
	#pre-footer .par-absolute { left: -1.5%;  width: 43%;}
	
	/*prodotto dettaglio*/
	#main-pag-dett.container {text-align: center;}
	.thumb {width: 50%; margin: 0 auto 2%; float: none;}
	
}

@media screen and (max-width: 580px) {
	#masterslider, .ms-slide, .ms-slide-bgcont img, .ms-container, .ms-inner-controls-cont, .ms-view, .ms-slide-container, .ms-slide, .ms-sl-selected, .ms-view, .ms-scale-view {height: 500px!important;}
	.big-txt-slide { top: 110px!important; width: 85%; line-height: 30px!important; left: 0!important; right: 0!important; margin: 0 auto!important; text-align: center; font-size: 25px!important;}
	.big-txt-slide-2 { top: 131px!important; line-height: 30px!important; width: 98%; text-align: center; margin: 0 auto!important; left: 0!important; right: 0!important;}
	.txt-box-slide {top: 85px!important; padding: 0 18px!important; line-height: 40px!important; margin: 0 auto!important; left: 0!important; right: 0!important;  text-align: center; font-size: 25px!important;}
	.btn-slide {top: 210px!important; left: 0!important; right: 0!important; margin: 0 auto!important; text-align: center;}
	.img-slider {display: none;}
	
	#header .logo {width: 17%; left: 17px;}
	
	#main-home h2 {text-align: center;}
	.col-16 {width: 50%;}
	footer .col-25 {width: 100%; min-height: 135px;}
	footer .tit-footer {margin: 0 auto;}

	#pre-footer .par-absolute { display: none;}
	#pre-footer .text {width: 65%;}
	#pre-footer .img-white {display: none;}
	
	.col-30, .col-70 {float: none; width: 98%; margin: 0 auto;}
	.img-chisiamo { width: 50%; margin: 0 25%;}
	.madein { width: 18%;}
	.ico-garanzie {width: 98%; float: none;}
	.img-chisiamo-2 { width: 50%;}
	.img-center { width: 60%; margin: -120px auto 90px;}	
	
	/*categoria*/
	.col-33-cat {width: 96%;}

	
}

@media screen and (max-width: 460px) {
	.big-txt-slide {top: 145px!important;}
	.big-txt-slide-2 {top: 111px!important; font-size: 20px!important;}
	.txt-box-slide {top: 65px!important;}
	.btn-slide { top: 250px!important;}
	#header-home .logo, #header .logo {width: 25%; margin: 0 auto; left: 20px; right: auto;}
	
	.video { height: 400px;}
	
	#pre-footer .parallax { height: 300px;}
	#pre-footer a.btn-azz { padding: 10px 24px;}
	#pre-footer .text p {font-size: 16px; line-height: 26px;}
	#pre-footer .text {width: 85%;}
	
	
}

@media screen and (max-width: 320px) {
	
	.col-16 {width: 100%;}
	
	.big-txt-slide {line-height: 32px!important; top: 110px!important;}

}