@charset "utf-8";
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,700,700italic);*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');

/*
	rosso: #e84248
	testi: #334c49
*/

/* reset */
* { margin: 0; padding: 0; }
body { position: relative; font-family: 'Droid Sans', sans-serif; font-weight: 400; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; color: #666; /*background: #35404b url('../img/body-bg.jpg') 50% 0 no-repeat; background-attachment: fixed !important; -webkit-background-size: 1900px 937px; background-size: 1900px 937px;*/ }
a:active, a:focus, input:focus, textarea:focus, :focus { outline: none !important; }
a { text-decoration: none; }
a img { border: 0; }
input, textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
input:-webkit-input-placeholder, input:-moz-placeholder, textarea:-webkit-input-placeholder, textarea:-moz-placeholder { color: #c1c1c1; }
img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
.txt-right { text-align: right; }
.fluid { width: 100%; height: auto; }
.clear { clear: both; }


/* layout */
.container { position: relative; width: 1180px; margin: 0 auto; }
.col1, .col2, .col3, .col33, .col4, .col444, .col5, .col55, .col555, .col5555 { position: relative; float: left; margin: 0 1%; }
.col1 { width: 98%; }
.col2 { width: 48%; }
.col3 { width: 31.3333%; }
.col33 { width: 64.6666%; }
.col4 { width: 23%; }
.col444 { width: 73%; }
.col5 { width: 18%; }
.col55 { width: 38%; }
.col555 { width: 58%; }
.col5555 { width: 78%; }
.content { padding: 60px; }

.desk { display: inline-block; }
.mob { display: none; }
@media (max-width: 1024px) {
	.mob { display: inline-block; }
	.desk { display: none; }
}


/* nav */
.header { position: fixed; top: 0; width: 100%;	height: 60px; background: rgba(0,0,0,.7); z-index: 9999; }

.header .logo { float: left; display: block; width: 299px; height: 40px; margin: 10px 0; background: url('../img/logo.png') 0 0 no-repeat; background-size: auto 40px; }

/* MENU DESKTOP */
.menu-container { position: relative; float: right; height: 28px; margin-top: 20px; z-index: 5; }
.menu { zoom: 1; }
.menu, .menu ul { z-index: 9999 !important; }
.menu:before, .menu:after { content: ''; display: table; }
.menu:after { clear: both; }
.menu > li { float: left; height: 28px; margin-left: 32px; list-style: none; }

.menu a { display: inline-block; padding: 0 30px; font-size: 14px; font-weight: 700; line-height: 126px; text-transform: uppercase; color: #303030; } /* link */
.menu a i { margin-left: 5px; font-size: 10px; }
.menu .active { font-weight: 700; color: #6ab6dd; }
.menu li:hover > ul { margin-top: 0; opacity: 1; visibility: visible; }
.menu li:hover > a { color: #818181; } /* rollover */

.menu ul { position: absolute; left: 0; top: 126px; width: 230px; padding: 30px 0; text-align: left; background-color: #fff; opacity: 0; visibility: hidden; z-index: 1; }
.menu ul.contact { left: -50px; }
.menu ul li { display: block; }
.menu ul a { display: block; padding: 10px 30px; width: 100%; box-sizing: border-box; font-size: 12px; line-height: 16px !important; text-transform: uppercase; color: #303030; }
.menu ul a:hover { color: #818181; }

.menu ul ul { top: 0; left: 230px; margin: 0 0 0 20px; }


/* MENU MOBILE */
.menu-trigger { display: none; }

.nav { float: right; height: 28px; margin-top: 20px; /*opacity: .5;*/ }
.nav li { float: left; height: 28px; margin-left: 32px; list-style: none; }
.nav li a:link, .nav li a:visited { display: inline-block; height: 16px; line-height: 16px; font-size: 12px; font-weight: 700; text-decoration: none; text-transform: uppercase; color: #fff; border-bottom: transparent 2px solid; }
.nav li a:hover { border-bottom: #fff 2px solid; }
.nav li a.selected:link, .nav li a.selected:visited, .nav li a.selected:hover { display: inline-block; height: 16px; line-height: 16px; font-size: 12px; font-weight: 700; text-decoration: none; color: #fff; border-bottom: #fff 2px solid; }


/* container background */
.background { position: fixed; left: 0; top: 0; width: 100%; z-index: -1; }
.background li { position: absolute; left: 0; top: 0; width: 100%; background-position: 50% 50%; backround-repeat: no-repeat; background-size: cover; opacity: 0; }
.bg-home { background-image: url('../img/bg-home.jpg'); z-index: 1; }
.bg-cose { background-image: url('../img/bg-cose.jpg'); z-index: 2; }
.bg-perchie { background-image: url('../img/bg-perchie.jpg'); z-index: 3; }
.bg-vantaggi { background-image: url('../img/bg-vantaggi.jpg'); z-index: 4; }
.bg-comefunziona { background-image: url('../img/bg-comefunziona.jpg'); z-index: 5; }
.bg-contattaci { background-image: url('../img/bg-contattaci.jpg'); z-index: 6; }

.bg-active { opacity: 1 !important; }


/* home */
#home { position: relative; display: block; width: 100%; padding: 150px 0; box-sizing: border-box; color: #fff; background: url('../img/bg-home.jpg') 50% 50% no-repeat; -webkit-background-size: cover; -moz-backround-size: cover; -ms-background-size: cover; background-size: cover; }
#home .txt { display: block; width: 100%; text-align: center; }
#home .txt h1 { font-family: 'Poppins', sans-serif; font-size: 120px; line-height: 95px; color: #e84248; }


/* che cos'è */
#cose { position: relative; display: block; width: 100%; padding: 150px 0; color: #fff; /*background-color: #e84248;*/ background: url('../img/bg-cose.jpg') 50% 50% no-repeat; -webkit-background-size: cover; -moz-backround-size: cover; -ms-background-size: cover; background-size: cover; } /* 45px - header height */
#cose .txt { /*position: absolute; left: 0; top: 50%;*/ display: block; width: 100%; text-align: center; /*transform: translateY(-50%);*/ }
#cose .txt h3 { font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 30px; }
#cose .txt h3 strong { display: inline-block; font-size: 60px; line-height: 60px; }


/* per chi è */
#perchie { position: relative; display: block; width: 100%; padding: 150px 0; text-align: center; /*background-color: #dff1fd;*/ background: url('../img/bg-perchie.jpg') 50% 50% no-repeat; -webkit-background-size: cover; -moz-backround-size: cover; -ms-background-size: cover; background-size: cover; }
#perchie .txt { /*position: absolute; left: 0; top: 50%;*/ display: block; width: 100%; text-align: center; /*transform: translateY(-50%);*/ }
#perchie .txt h3 { display: block; padding-bottom: 30px; font-size: 30px; font-weight: 400; line-height: 30px; color: #334c49; }
#perchie .txt h3 strong { display: inline-block; font-family: 'Poppins', sans-serif; font-size: 50px; line-height: 54px; color: #e84248; }


/* vantaggi */
#vantaggi { position: relative; display: block; width: 100%; padding: 150px 0; /*background-color: #4dbcc6;*/ background: url('../img/bg-vantaggi.jpg') 50% 50% no-repeat; -webkit-background-size: cover; -moz-backround-size: cover; -ms-background-size: cover; background-size: cover; }
#vantaggi .txt { /*position: absolute; left: 0; top: 50%;*/ display: block; width: 100%; /*transform: translateY(-50%);*/ }
#vantaggi .txt h3 { display: block; margin-bottom: 30px; font-family: 'Poppins', sans-serif; font-size: 80px; line-height: 84px; color: #fff; }
#vantaggi .txt ul { display: block; padding-left: 30px; box-sizing: border-box; }
#vantaggi .txt ul li { display: block; padding: 0 0 30px 60px; font-size: 30px; font-weight: 400; line-height: 35px; color: #fff; list-style: none; background: url('../img/check.svg') 0 0 no-repeat; background-size: 30px auto; }


/* come funziona */
#comefunziona { position: relative; display: block; width: 100%; padding: 150px 0; color: #fff; /*background-color: #334c49;*/ background: url('../img/bg-comefunziona.jpg') 50% 50% no-repeat; -webkit-background-size: cover; -moz-backround-size: cover; -ms-background-size: cover; background-size: cover; }
#comefunziona .txt { /*position: absolute; left: 0; top: 50%;*/ display: block; width: 100%; /*transform: translateY(-50%);*/ }
#comefunziona .txt h3 { display: block; margin-bottom: 20px; font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 34px; }
#comefunziona .txt p { font-size: 18px; line-height: 24px; }


/* contattaci */
#contattaci { position: relative; display: block; width: 100%; padding: 150px 0; color: #334c49; background-color: #fff; }
#contattaci .txt { /*position: absolute; left: 0; top: 50%;*/ display: block; width: 100%; /*transform: translateY(-50%);*/ }
#contattaci h3 { display: block; margin-bottom: 20px; font-family: 'Poppins', sans-serif; font-size: 30px; line-height: 34px; color: #334c49; }

.form input { width: 100%; height: 42px; padding: 0 10px; margin-bottom: 15px; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; line-height: 42px; border: #d8d8d8 1px solid; color: #333; background-color: #fff; }
.form textarea { width: 100%; height: 120px; padding: 7px 10px; margin-bottom: 15px; box-sizing: border-box; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; line-height: 18px; border: #d8d8d8 1px solid; color: #333; background-color: #fff; resize: none; }

.form .captcha-img-container { position: relative; width: 100%; height: 42px; padding-right: 52px; text-align: right; box-sizing: border-box; }
.form .captcha-img-container img { width: auto; height: 42px; }
.form a.captcha-btn:link, .form a.captcha-btn:visited { position: absolute; right: 0; top: 0; display: block; width: 42px; height: 42px; text-decoration: none; text-align: center; background-color: #e84248; }
.form a.captcha-btn:hover { background-color: #334c49; }
.form a.captcha-btn i { line-height: 42px; color: #fff; }

.form .checkbox { float: left; display: block; width: 42px; height: 42px; margin-right: 10px; background: url('../img/check.jpg') no-repeat; border: #d8d8d8 1px solid; cursor: pointer; overflow: hidden; }
.form p.check-txt { float: left; margin: 0; padding: 0; margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 42px; color: #444; }
.form p.check-txt a:link, .form p.check-txt a:visited { font-size: 14px; font-weight: 600; text-decoration: none; color: #6ab6dd; }
.form p.check-txt a:hover { color: #444; }

a.btn:link, a.btn:visited { float: right; padding: 10px 25px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; line-height: 20px; color: #fff; background: #e84248; border: none; cursor: pointer; }
a.btn:hover { outline: none; outline-offset: -2px; color: #fff; background-color: #334c49; }


/* footer */
.footer { width: 100%; padding: 40px 0; font-size: 12px; line-height: 18px; color: #fff; background-color: #35404b; }
.footer a:link, .footer a:visited { text-decoration: none; color: #e84248; }
.footer a:hover { color: #fff; }
.footer ul { margin-top: 10px; text-align: center; }
.footer ul li { display: inline; height: 26px; margin-bottom: 10px; list-style: none; border-right: #fff 1px solid; }
.footer ul li:last-child { border-right: 0 !important; }
.footer ul li a:link, .footer ul li a:visited { display: inline-block; height: 26px; padding: 0 10px; font-size: 12px; font-weight: 600; line-height: 26px; text-decoration: none; text-transform: uppercase; color: #e84248; }
.footer ul li a:hover { color: #fff; }


/* css3 */
a, .btn, .background li, input.form, textarea.form { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.gallery-img { -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }


/* responsive */
/*@media (min-width: 1200px) {
	.hp-slideshow .slides li { height: 484px; }
	
	.hp-carousel-tissue .slides li { width: 269px !important; padding: 9px; }
}*/
/* landscape tablet */
/*@media (min-width: 1024px) and (max-width: 1199px) {
	.container { width: 984px; }
	
	.content { padding: 20px; }
}*/
/* landscape tablet */
/*@media (min-width: 980px) and (max-width: 1023px) {
	.container { width: 940px; }
}*/
/* portrait tablet to landscape and desktop */
/*@media (min-width: 800px) and (max-width: 979px) {
	.container { width: 760px; }
	
	.header h1 { padding-top: 20px; }
	.header h1 span { font-size: 30px; font-weight: 700; font-style: normal; line-height: 30px !important; }
	
	.nav { float: right; height: 28px; margin-top: 35px; }
	.nav li { float: left; height: 28px; margin-left: 5px; list-style: none; }
	.nav li a:link, .nav li a:visited { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: transparent 2px solid; }
	.nav li a:hover { border: #fff 2px solid; }
	.nav li a.selected:link, .nav li a.selected:visited, .nav li a.selected:hover { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: #fff 2px solid; }

	.content { padding: 20px; }
	
	.dati { padding-top: 40px; background: url('../img/dati-bg.gif') 206px top repeat-y; }
	.dati li { padding-right: 60px; }
	.dati li i { width: 40px; height: 40px; font-size: 20px; line-height: 40px; }
}*/
/* portrait tablet to landscape and desktop */
/*@media (min-width: 768px) and (max-width: 799px) {
	.container { width: 728px; }
	
	.header h1 { padding-top: 20px; }
	.header h1 span { font-size: 30px; font-weight: 700; font-style: normal; line-height: 30px !important; }
	
	.nav { float: right; height: 28px; margin-top: 35px; }
	.nav li { float: left; height: 28px; margin-left: 5px; list-style: none; }
	.nav li a:link, .nav li a:visited { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: transparent 2px solid; }
	.nav li a:hover { border: #fff 2px solid; }
	.nav li a.selected:link, .nav li a.selected:visited, .nav li a.selected:hover { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: #fff 2px solid; }

	.content { padding: 20px; }
	
	.dati { padding-top: 40px; background: url('../img/dati-bg.gif') 196px top repeat-y; }
	.dati li { padding-right: 60px; }
	.dati li i { width: 40px; height: 40px; font-size: 20px; line-height: 40px; }
}*/
/* landscape phone to portrait tablet */
/*@media (min-width: 600px) and (max-width: 767px) {
	.container { width: 560px; }
	.col2, .col3, .col33, .col4, .col444, .col5 { width: 100%; }
	
	.header h1 { float: left; padding-top: 30px; line-height: 20px; font-size: 10px; font-weight: 400; font-style: italic; color: #fff; }
	.header h1 span { font-size: 17px; font-weight: 700; font-style: normal; line-height: 18px !important; }
	
	.nav { float: right; height: 28px; margin-top: 35px; }
	.nav li { float: left; height: 28px; margin-left: 5px; list-style: none; }
	.nav li a:link, .nav li a:visited { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: transparent 2px solid; }
	.nav li a:hover { border: #fff 2px solid; }
	.nav li a.selected:link, .nav li a.selected:visited, .nav li a.selected:hover { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: #fff 2px solid; }

	.vline { background: none !important; }
}*/
/* landscape phone to portrait tablet */
/*@media (min-width: 480px) and (max-width: 599px) {
	.container { width: 440px; }
	.col2, .col3, .col33, .col4, .col444, .col5 { width: 100%; }
	
	.header h1 { display: none; }
	
	.nav { float: left; height: 28px; margin-top: 35px; }
	.nav li { float: left; height: 28px; margin-left: 5px; list-style: none; }
	.nav li a:link, .nav li a:visited { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: transparent 2px solid; }
	.nav li a:hover { border: #fff 2px solid; }
	.nav li a.selected:link, .nav li a.selected:visited, .nav li a.selected:hover { display: inline-block; height: 24px; padding: 0 12px; line-height: 24px; font-size: 12px; font-weight: 400; text-decoration: none; color: #fff; border: #fff 2px solid; }

	.smart { display: block; }
	.vline { background: none !important; }
}*/
/* mobile portrait (320x480) */
/*@media (max-width: 479px) {
	.container { width: 274px; }
	.col2, .col3, .col33, .col4, .col444, .col5 { width: 100%; }
	
	#home .txt h1 { font-size: 60px; line-height: 65px; }
	
	
}*/