html,body { padding: 0; margin: 0;  font-family: 'Lato', sans-serif;  font-weight: 100; }

body {
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: right top;
	background-attachment: scroll;
	/*height: 100vh; */	
}

header { 
	height: 138px; 
	background: rgba(0,0,0,0.85); 
	border-bottom: 2px solid #68ac45; 
	margin: 0;
	padding: 0 40px;
}

footer { 
	height: 200px; 
	background: rgba(0,0,0,0.90); 
	padding: 40px;
	margin: 0;
	color: #fff;
	font-size: 25px;
    line-height: 30px;
}

.header-wrapper,.footer-wrapper  { 
	max-width: 1200px;	
	margin: 0 auto;
	padding-top: 40px;
}


.slogan span { 
    color: #fff;
	font-family: 'Lato', sans-serif; 
	font-size: 30px; 
	font-weight: 100;
	vertical-align: super;
}

.slogan img { padding-left: 0px;}

.logo { float: left; }

.contatti-top { position: absolute; right: 60px; top: 0; }
.contatti-top a { opacity: 0.9; }
.contatti-top a:hover { opacity: 1;}

.container { margin: 40px 0; background: rgba(42,42,42,0.75);}

.row {
	max-width: 1200px;	
	margin: 40px auto;
	padding: 60px;	
}
.col-4 { float: left; width: 33.3%; }
.col-5 { float: left; width: 41.6%; }
.col-6 { float: left; width: 50%; }
.col-7 { float: left; width: 58.3%; }
.col-8 { float: left; width: 66.6%; }


.second { display: table; height: 700px; }
.second .testo { display: table-cell; vertical-align:middle;}

.form {
	background: #68ac45;
	border-radius: 30px;
	padding: 40px 40px 30px;
	color: #fff;
	max-width: 450px;
	margin-top: 0;
	margin-left: 0;
}

.cognito label {
    display: inline;
    color: #fff;
    font-weight: 100;
    font-family: 'Lato', sans-serif;
	font-size: 20px;
}

.cognito .c-field.c-required .c-label:after {
    color: #fff;
}

.cognito .c-editor INPUT[type=text], .cognito .c-editor INPUT[type=password], .cognito .c-editor textarea, .cognito .c-editor select {
    width: 100%;
    height: auto;
    min-height: 40px;
    border-radius: 8px;
    background: #f1f1f1;
    margin-top: 5px;
}
.cognito .c-editor textarea { min-height: 145px; }
.cognito .c-forms-form .c-editor-date-icon { color: #fff;}
.icon-calendar:before { color: #fff; }
.cognito .c-forms-form button {
    background-color: #333!important;
    border-color: #333!important;
    color: #fff!important;
    font-family: 'Lato', sans-serif !important;;
    font-size: 30px!important;
    font-weight: 100 !important;
	border-radius: 15px !important;
}

.cognito .c-action {
    float: right;
}
.cognito .c-button-section {
    padding: 0 !important;
}

/*	 typography */
.testo { text-align: right; }
.testo h1, .testo h3 { 
	color: #fff; 
	font-weight: 100 !important; 
	/* text-align: right;      */
	margin: 0;
    padding: 0;
}

.google-partner { margin-top: 30px;}

h1 { font-size: 50px ; }

h3 { font-size: 40px ; }

.green { color: #68ac45;}

.mobile { display: none; text-align: center; margin-bottom: 30px;  }

@media (max-width: 1200px) {
}

@media (max-width: 967px) {
  .col-6 , .col-8, .col-4, .col-5, .col-7 { float: none; width: 100%; }
  .form {margin: 0 auto;}
  .mobile { display: block; }
  .desktop { display: none; }
  header {padding: 40px;}
}

@media (max-width: 768px) {
	.header-wrapper, .footer-wrapper { padding-top: 10px; }
	.slogan img { display: none; }
	.slogan span { display: block; clear: both;}
}

@media (max-width: 468px) {
	 .header-wrapper, .footer-wrapper { text-align: center;}	
	 .logo { max-width: 80%; float: none; }
	 h1 { font-size: 35px ; }
	 h3 { font-size: 25px ; }
	 .form { padding: 20px; }
	 .cognito label { font-size: 14px; }
	 .cognito .c-field { padding: 0px 0 4px;}
	 .cognito .c-forms-form button { font-size: 20px!important;}
	 .cognito .c-editor INPUT[type=text], .cognito .c-editor INPUT[type=password], .cognito .c-editor textarea, .cognito .c-editor select { min-height: 30px; }
	 .row { margin: 10px auto;  padding: 15px; }
	 
}