﻿@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;700&display=swap');

body{ font-size:16px; font-family: 'Work Sans', sans-serif !important; background:#e1e1e1; color:#231f20;}
.mfp-bg{ z-index:999999; background:rgba(0,0,0,0.75);}
.mfp-wrap{ z-index:9999999;}
.mfp-arrow:hover{ background:#000000;}
.mfp-close:hover:before{ color:#000000;}
.mfp-counter{ display:none;}
.mfp-title{ width:100%; text-align:center;}
::selection{ background:#231f20; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
::-moz-selection{ background:#231f20; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
h1, h2, h3, h4, h5, h6{ font-family: 'Work Sans', sans-serif; font-weight:700;}
a{ color:#231f20; font-weight:inherit; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover, a:focus{ color:#f4af00;}
p, li{ color:#000; font-size:16px; line-height:1.6; font-weight:400;}
p{ margin-bottom:10px;}
p strong{ font-weight:700;}
strong{ font-weight:900;}
ul p{ line-height:26px;}
.container-fluid{ padding:0 60px;}
.container.container-max{ width:100%; max-width:1600px; padding:0 60px;}
.container-fluid.container0{ padding:0px;}
.row{ margin:0 -20px;}
.row [class*="col-"]{ padding:0 20px;}
.row.row0{ margin:0px;}
.row.row0 > [class*="col-"]{ padding:0;}
.row.row01{ margin-left:-1px; margin-right:-1px;}
.row.row01 > [class*="col-"]{ padding:0 1px;}
.row.row05{ margin-left:-5px; margin-right:-5px;}
.row.row05 > [class*="col-"]{ padding:0 5px;}
.row.row10{ margin-left:-10px; margin-right:-10px;}
.row.row10 > [class*="col-"]{ padding:0 10px;}
.row.row15{ margin-left:-15px; margin-right:-15px;}
.row.row15 > [class*="col-"]{ padding:0 15px;}
.row.row40{ margin-left:-40px; margin-right:-40px;}
.row.row40 > [class*="col-"]{ padding:0 40px;}
.row.row30{ margin-left:-30px; margin-right:-30px;}
.row.row30 > [class*="col-"]{ padding:0 30px;}
.row.row60{ margin-left:-60px; margin-right:-60px;}
.row.row60 > [class*="col-"]{ padding:0 60px;}
.row.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.row.flex > [class*="col-"]{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.row.flex:before, .row.flex:after{ content:none;}
.row.center{ align-items: center;}
.row.bottom{ align-items: end;}
.row.flex [class*="col-"].pull-right{ order:2;}
.mt0{ margin-top:0px !important;}
.countup{ display:inline; font-size:inherit; font-weight:inherit; margin:0px; white-space:normal; color:inherit;}
.countup > *{ float:left; font-size:inherit; font-weight:inherit;}
hr{ max-width:100%; margin:20px auto;}
hr.site{ width:100%; max-width:100%; height:1px; margin:0px; border:0px; background:#e1e1e1;}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ font-family: 'Work Sans', sans-serif; height:45px; float:left; font-size:15px; font-weight:300; background:#fff; color:#000; padding:10px 20px; border-radius:0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #e1e1e1; border-radius:0px;}
input[type=file]{ width:100%; height:auto; padding:12px 20px; font-size:14px;}
select{ width:100%; padding:10px; background:#fff; border:1px solid #e1e1e1; color:#000; -webkit-appearance:none;}
textarea{ height:100px; padding:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-group > label{ font-size:14px; text-align:left; font-weight:400; color:#666;}
.form-group > label span{ color:#231f20; font-size:16px; line-height:24px; font-weight:300;}
.chosen-container{ border-radius:0px; font-size:15px; background:#fff;}
.chosen-container-single .chosen-single{ height:45px; line-height:45px; padding-left:20px;}
.chosen-container-single .chosen-single span{ font-size:15px; font-weight:400; margin-right:35px;}
.chosen-container .chosen-drop{ border-radius:0px;}
.chosen-container .chosen-results{ border-radius:0px; padding:10px;}
.chosen-container .chosen-results li{ font-size:15px; line-height:30px; border-radius:0px; color:#1a1a1a;}
.chosen-container .chosen-results li:hover{ background:#000000; color:#fff; border-radius:0px;}
.chosen-container-single .chosen-single div:after{ line-height:43px; font-size:20px;}
.widget .chosen-single{ font-weight:400; background:#f7f7f7;}
.widget .chosen-drop{ background:#f7f7f7;}
input[type="submit"].btn{ height:50px;}
.form-group{ margin-bottom:20px;}
.preloader{ position: fixed; left: 0; top: 0; opacity: 1; z-index: 99999; width: 100%; height: 100%; background-image:url(../images/loading.gif); background-position:center center; background-size:200px 200px; z-index:99999999;}
.btn{ font-family: 'Work Sans', sans-serif; font-size:14px; height:auto; padding:15px 20px; line-height:28px; font-weight:300; text-transform:uppercase; border-radius:5px; border:0px;}
.btn.btn-small{ font-size:15px; line-height:20px; padding:5px 15px;}
.btn.btn-input{ height:50px;}
.btn.btn-default{ background:#222; color:#fff; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#111; border-color:#111; color:#fff;}
.btn.btn-primary{ background:#231f20; vertical-align:top;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#333333; border-color:#333333;}
a.readmore{ font-family: 'Work Sans', sans-serif; display:inline-block; font-size:15px; line-height:26px; position:relative; font-weight:400; color:#000; text-transform:uppercase;}
a.readmore:before{ content:""; width:0px; height:1px; position:absolute; left:0px; bottom:0px; background:#000; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
a.readmore:hover:before{ width:100%;}
a.readmore.white{ color:#fff;}
a.readmore.white:before{ background:#fff;}

.content .form .row{ margin:0 -10px;}
.content .form .row + .row{ margin-top:0px;}
.content .form .row [class*="col-"]{ padding:0 10px;}
.check{ width:100%; float:left;}
.check input[type=checkbox] {display: none;}
.check label{float:left; width:100%; position:relative; font-weight:400; color:#5c5c5c; vertical-align:top;}
.check label:before{ width:24px; height:24px; left:0px; background:#fff; border:1px solid #e1e1e1; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:0px;}
.check input[type=checkbox]:checked + label:before { font-family:FontAwesome; content:"\f00c"; text-align: center; line-height:24px; font-size:13px; color:#231f20;}
.check label span{ display:inline-block; padding-left:34px; font-size:14px; text-align:left; color:#231f20; line-height:24px; float:left;}
.check label span a{ color:#999; text-decoration:underline;}
.check + .check{ margin-top:5px;}

.navbar-toggle{ width:50px; height:50px; background:none; line-height:50px; position:absolute; right:30px; top:25px; background-color:#231f20; border-radius:50%;}
.navbar-toggle i{ text-indent:-9999px; overflow:hidden; width:24px; height:24px; background-image:url(../images/icon-toggle.png); background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.navbar-toggle span{ font-size:20px; line-height:50px; color:#fff;}
.navbar-toggle:hover{ background:#231f20;}


.check + input[type="submit"]{ margin-top:20px;}
.row.row-eq-height{display:flex}
ul.pagination.solid{}
ul.pagination.solid li{ padding:0px 5px !important; margin:0px; border-right:1px solid #e1e1e1;}
ul.pagination.solid li:first-child{ padding-left:0px;}
ul.pagination.solid li:last-child{ padding-right:0px; border:0px;}
ul.pagination.solid li a{ width:60px; height:20px; font-size:20px; line-height:20px; border:0px; border-radius:0px; font-weight:300; background:none; color:#e1e1e1;}
ul.pagination.solid li a:hover, ul.pagination.solid li a:focus{ background:none; color:#231f20; font-weight:200;}
ul.pagination.solid li.active a, ul.pagination.solid li.active a:hover,  ul.pagination.solid li.active a:focus{ background:none; color:#231f20; font-weight:200;}

/* header */

.header{ width:100% !important; float:left; font-family: 'Work Sans', sans-serif; float:left; background:none;}
.header a.navbar-brand{ width:100%; position:relative; float:left; font-size:0px; line-height:150px; text-align:center; padding:0px; margin:0px; overflow:visible;}
.header a.navbar-brand img{ max-height:120px; margin:0px; display:inline-block;}


.wrapper{ width:100%; overflow:unset;}
.content{ background:none; overflow:hidden;}
.content .row + .row{ margin-top:60px;}
.content [class*=container] + [class*=container]{ margin-top:60px;}

/* blocchi generale */

.block{ padding:100px 0;}
.block.gray{ background: rgb(230,230,230); background: linear-gradient(90deg, rgba(230,230,230,1) 0%, rgba(252,252,252,1) 100%);}
.block.lightgray{ background: rgb(255,255,255); background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 100%);}
.block.pt0{ padding-top:0px !important;}
.block.pb0{ padding-bottom:0px;}
.block h1, .block h2{ font-size:36px; line-height:1; color:#f4af00; margin-bottom:0px; font-weight:700; text-transform:uppercase;}
.block h1{ color:#000;}
.block h1:last-child, .block h2:last-child{ margin-bottom:0px;}
.block h3{ font-size:22px; line-height:32px; color:#231f20; margin-bottom:15px; text-transform:none; font-weight:300;}
.block h3:last-child{ margin-bottom:0px;}
.block ul{ margin:0px; padding:0px; margin-bottom:20px;}
.block ul:last-child{ margin-bottom:0px;}
.block li{ position:relative; margin-bottom:0px; padding-left:15px;}
.block li:last-child{ margin-bottom:0px;}
.block li:before{ content:"\f105";  font-family:FontAwesome; position:absolute; left:0px; font-size:13px; color:#231f20;}
.block a{ font-weight:700;}

.block.presentation h2{ margin-bottom:10px;}
.block.presentation h2:last-child{ margin-bottom:0px;}
.block.presentation h3{ margin-bottom:0px;}
.block.presentation h2 + h3{ margin-top:20px;}
.block.presentation h3 + h3{ margin-top:20px;}
.block.presentation h1 + p{ margin-top:20px;}
.block.presentation h2 + p{ margin-top:20px;}
.block.presentation h3 + p{ margin-top:10px;}
.block.presentation h3 + ul{ margin-top:15px;}
.block.presentation h3 + .btn{ margin-top:40px;}
.block.presentation h3 + h2{ margin-top:30px;}
.block.presentation p{ }
.block.presentation p + h2{ margin-top:20px;}
.block.presentation p + h3{ margin-top:20px;}
.block.presentation p + .readmore{ margin-top:10px;}
.block.presentation h3 + a.readmore{ margin-top:20px;}
.block.presentation p + .btn{ margin-top:20px;}


.block.lavoraconnoi{ width:100%; text-align:center;}
.block.lavoraconnoi .box{ width:100%; max-width:900px; padding:60px; display:inline-block; text-align:left; background:#fff; margin-top:-40px;}
.block.lavoraconnoi .form{ margin-top:40px;}
.block.lavoraconnoi .form .row{ margin:0 -10px;}
.block.lavoraconnoi .form .row + .row{ margin-top:0px;}
.block.lavoraconnoi .form .row [class*="col-"]{ padding:0 10px;}


/* footer */

.footer{ width:100%; position:relative; display:inline-block; font-family: 'Work Sans', sans-serif; width:100%; float:left; background:#fff; overflow:hidden;}
.footer .footer-extra{ padding:20px 0; background:none; text-align:center;}
.footer .footer-extra .row{ padding:0px;}
.footer .footer-extra .row p{ font-size:13px; line-height:20px; color:#000; font-weight:400; margin:0px;}
.footer .footer-extra .row p span{ margin:0 5px;}
.footer .footer-extra .row a{ color:#000; font-weight:700;}
.footer .footer-extra .row a:hover{ color:#000;}

/* modal */

body.modal-open .header{ filter: blur(4px);}
body.modal-open .wrapper{ filter: blur(4px);}
body.modal-open .footer{ filter: blur(4px);}

.modal{ z-index:999999; border-radius:0px;}
.modal .modal-dialog{  top:-100%;}
.modal.in .modal-dialog{ top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);  -webkit-transition: -webkit-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; transition: transform 0.5s ease-out;}
.modal-backdrop{ background:#333; z-index:99999;}
.modal{ z-index:999999; border-radius:0px;}
.modal a{ color:#333;}
.modal a:hover{ color:#000;}
.modal .modal-content{ background:#000; border-radius:0px;}
.modal .modal-body{ border-radius:0px; padding:60px;}
.modal .close{ width:60px; height:60px; position:absolute; background-color:#000; background-image:url(../images/icon-close.png); background-size:20px auto; background-repeat:no-repeat; background-position:center center; top:0px; right:0px; opacity:1; z-index:9999;}
.modal .modal-body h2{ font-size:36px; line-height:40px; font-weight:100; color:#fff; text-transform:uppercase; margin:0px;}
.modal .modal-body p{ margin-bottom:15px;}
.modal .modal-body h2 + p{ margin-top:5px;}
.modal .modal-body p:last-child{ margin-bottom:0px;}
.modal .modal-body .form{ margin-top:40px;}
.modal .modal-body .form .row{ margin:0px -10px;}
.modal .modal-body .form .row > [class*="col-"]{ padding:0 10px;}

.fancybox-caption{ font-family: 'Work Sans', sans-serif; font-weight:300; font-size:20px; line-height:24px;}

.block.formcap .box{ max-width:700px; padding:60px 40px; box-shadow:7px 0px 15px rgba(0,0,0,0.1); margin:0px; border-radius:10px;}
.block.formcap .text{ text-align:center;}
.block.formcap .text h2{ text-transform:none;}
.block.formcap .text h3{ margin:0px; font-weight:400; letter-spacing:0px;}
.block.formcap .text .form{ width:100%; max-width:500px; text-align:center; margin:0 auto; margin-top:20px;}
.block.formcap .text .form .form-group{ margin-bottom:10px;}
.block.formcap .text .form input[type="number"]{ display:inline-block; float:none; height:60px; padding:20px; background:#f7f7f7; margin:0 auto; font-size:20px; line-height:1.2; font-weight:400; max-width:200px; border-radius:5px;}
.block.formcap .text .form input[type="button"]{ padding:15px 20px; font-size:20px; line-height:1.2; padding:20px;}

body.bodycap{ background:#f7f7f7;}

.languages-fixed{ position:fixed; right:0px; top:50%; transform: translateY(-50%); z-index:20;}
.languages-fixed ul{ width:100%; float:left; margin:0px; padding:10px; background:#fff; border:1px solid #e1e1e1; border-top-left-radius:10px; border-bottom-left-radius:10px}
.languages-fixed ul li{ clear:both; width:24px; float:left; margin-bottom:10px;}
.languages-fixed ul li:last-child{ margin-bottom:0px;}
.languages-fixed ul li a{ opacity:0.3;}
.languages-fixed ul li a:hover, .languages-fixed ul li.active a{ opacity:1;}

@media (min-width: 1500px) {
	

}

@media (max-width: 1499px) {

}

@media (max-width: 1300px) {
	

}


@media (max-width: 1200px) {

	
}

@media (max-width: 1100px) {
	

	
}


@media (max-width: 1008px) {
	

		
}

@media (min-width: 992px) {
	

}

@media (max-width: 992px) {
	

}

@media (max-width: 991px) {
	
	select{ display:block !important; width:100%; -webkit-appearance:none; padding:10px 15px; font-size:14px; line-height:22px; border:1px solid #e1e1e1;}
	.chosen-container{ display:none !important;}
	
	.block.lavoraconnoi .box{ padding:40px;}
	
}


@media (max-width: 768px){
	


	
}

@media (max-width: 640px){
	
	.container{ padding:0 15px;}
	
	.block h1, .block h2{ font-size:30px;}
	
	.block.lavoraconnoi{ padding-bottom:30px}
	.block.lavoraconnoi .box{ padding:30px;}
	
	.block.formcap .box{ padding:50px 30px;}
	.block.formcap .text h3{ font-size:20px; line-height:1.2;}
	
	.languages-fixed{ top:auto; bottom:0px; transform:none;}
	.languages-fixed ul{ border-bottom-left-radius:0px; border-bottom-width:0px;}
	.languages-fixed ul li{ clear:none; width:20px; margin:0px; margin-right:10px;}
	.languages-fixed ul li:last-child{ margin:0px;}
	
}

@media (max-width: 479px) {
	
	[class*=col-xs-]{ text-align:inherit;}
	.footer [class*=col-]{ text-align:center;}

}