/* CSS Document */
/***** RESET DEFAULT *****/
body {
	width:100%;
	margin:0px;
	background-color:#BCBCBC;
}

form {
	margin:0px;
}

a {	/* ANIMAZIONE COLORE LINK */
	transition-property: color; /*standard*/
  	transition-duration: 0.5s;
 
	-webkit-transition-property: color; /*Safari e Chrome */
	-webkit-transition-duration: 0.5s;
		 
	-o-transition-property: color;      /*Opera*/
	-o-transition-duration: 0.5s;
		 
	-moz-transition-property: color;    /*Firefox*/
	-moz-transition-duration: 0.5s;
}

.shadow-1 {
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.shadow-2 {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


/* material */

.primary-color, .primary-color-light, .primary-color-dark {
	color: #ffffff;
}

.primary-color a, .primary-color-light a, .primary-color-dark a  {	
	color: #ffffff;
}

.primary-color a:hover, .primary-color-light a:hover, .primary-color-dark a:hover  {	
	color: #ACACAC;
}

.primary-color {	
	background-color:#0d46a0;
}

.primary-color-light {
	background-color: #5471d2;
}

.primary-color-dark {
	background-color: #002071;
}

.secondary-color, .secondary-color-light, .secondary-color-dark {
	color: #ffffff;
}

.secondary-color a, .secondary-color-light a, .secondary-color-dark a {
	color: #ffffff;
}

.secondary-color a:hover, .secondary-color-light a:hover, .secondary-color-dark a:hover {
	color: #ACACAC;
}
	
.secondary-color {
	background-color: #1775d1;	
}

.secondary-color-light {
	background-color: #63a3ff;
}

.secondary-color-dark {
	background-color: #004a9f;
}


/***** HEADER *****/
#sgp-menu-btn, #sgp-menu-mobile {
	display:none;
}

#sgp-header {
	height:400px;
	background-image:url("../img/header-bg.png");
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width:100%;
}

#sgp-logo {
	text-align:center;	
	padding-top:80px;/* CENTRA VERTICALMENTE MANUALMENTE NELL'HEADER */
}

#sgp-logo img {
	width:120px;
}

#sgp-header > h1 {
	text-align:center;
	margin:0px;
	font-size:50px;
	font-variant:small-caps;
	letter-spacing:2px;
	color:white;
	font-family:Poiret One;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

#sgp-header > h2 {
	text-align:center;
	margin:0px;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:2px;
	color:white;
	font-family:Poiret One;
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.sgp-fixed {
	position:fixed;
	top:0; 
	left:0;
	width:100%;
	z-index:2;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.sgp-header-relative {
	position:relative;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#sgp-header-bar {
	text-align:right;
	padding-top:20px;
	padding-bottom:20px;
	font-size:15px;
	width:100%;
}


.menu-linkedin {
	display: inline-block;
	height: 15px;
	width: 15px;
	background-image: url(../img/linkedin-hover.png);
	background-repeat: no-repeat;
	background-size: 15px;
}

.menu-linkedin img {
	height:15px;
}

#sgp-header-bar ul {
	padding:0px;
	margin:0px;
	margin-right:15px;
}

#sgp-header-bar li {
	display:inline;
	margin-right:15px;	
}

#sgp-header-bar li a {
	font-family:Poiret One;
	font-weight:bolder;
	text-decoration:none;
	letter-spacing:1px;
}

#sgp-header-bar li a:hover {
	/*color:#FCC661;*/
}

.title-header {
	display: none;
}

/***** SECTION *****/
.sgp-adjust {
	padding-top:85px !important;
}

h2 {
	text-align:center;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}

h3 {
	text-align:center;
	font-size: 1.3em;
	margin:0px;
	padding:0px;
}

section ul {
	margin-left:0px;
	padding:0px;
	text-align:left;
}

section ul li {
	list-style:none;
	margin-top:20px;
	margin-left:15px;
	margin-right:15px;
	background: url(../img/list-icon-w15px.png) left top 10px no-repeat; 
	
    /** move the text to the right **/
    padding-left: 30px; 
}

.sgp-section {
	background-color:lightgrey;
	padding-top:50px;
	padding-bottom:100px;
	text-align:center;
	width:100%;
}

.sgp-section div:first-child {
	margin-top:0px;
}

.sgp-mainblock {
	background-color:transparent;
	margin:auto;
	width:65%;/*35%;*/
	/*max-width:420px;/*370px;*/
	margin-top:80px;
}

.sgp-mainblock-table {
	background-color:transparent;
	margin:auto;
	margin-top:80px;
	width:65%;
	/*max-width:870px;*/
}

.sgp-maintitle {
	background-color:transparent;
	text-align:center;
	font-size:2.5em;
	font-family:Poiret One;
	font-variant:small-caps;
}

.sgp-singleunity {
	width:90%;
	text-align:left;
	line-height: 1.8em;
	font-size: 1.2em;
	margin:auto;
	padding:10px 20px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16), 0px 3px 6px rgba(0,0,0,0.23);
	border-radius: 4px;
}

.sgp-unity {
	text-align:center;
	margin:2px;
	width:250px;
	padding:15px;
	display:inline-table;
	vertical-align:top;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16), 0px 3px 6px rgba(0,0,0,0.23);
	border-radius: 4px;
}


/***** CHI SONO *****/
.sgp-img-center {
	text-align:center;
}

.hyphenate {
	text-align:justify;
}

/***** I MIEI LAVORI *****/
#sgp-jobs > div {
	cursor:pointer;
}

#sgp-jobs a {
	text-decoration:none;
	color:inherit;
	font-weight:bold;
}

.sgp-job-preview {
	width:95%;
	margin-bottom:15px;
}

.sgp-job-descr {
	font-family:Oxygen;
}

.frame {
	height: 160px; /*can be anything*/
	width: 100%; /*can be anything*/
	display: inline-block;
	position: relative;
}

.frame img {
	max-width: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/***** NEWS *****/
#sgp-news {
	width:45%;
	max-width:600px;
}

.sgp-news-item > span {
	display:table-cell;
}

.sgp-news-item {
	padding-top:10px;
}

.sgp-news-item:first-child {
	padding-top:0px;
}

.sgp-news-item-date {
	font-weight:bold;
	width:120px;
}

.sgp-news-item-text {
	padding-left:15px;
}

/***** CONTATTI *****/
.sgp-contact-list {
	text-align:left;
}

.sgp-contact-list a {
	text-decoration:none;
}

.sgp-contact-list a:visited {
	text-decoration:none;
}

.sgp-contact-list a:hover {
	/*color:rgba(205,205,205,1.00);*/
}

.sgp-contact-list div:nth-child(2n+1) {
	font-weight:bold;
	
}

.sgp-contact-list div:nth-child(2n) {
	padding-left:15px;
	margin-bottom:15px;
	font-weight:bold;
}

.sgp-contact-list div:last-child {
	margin-bottom:0px;
}


/***** FORM CONTATTI *****/

#sgp-send-form-mgs {
	display:none;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background-color:rgba(255,255,255,0.90);
	padding:15px;
	text-align:center;
}

.sgp-form-success {
	padding-top:130px;
}

.sgp-form-error {
	padding-top:130px;
	color:rgba(206,0,3,1.00);
}

.sgp-form-sending {
	padding-left:0px;
	padding-top:180px;
}

#sgp-send-form-mgs div:first-child {
	padding-bottom:15px;
}

#sgp-send-form-mgs div>div {
	padding-top:25px;
}

#sgp-close-form-msg {
	text-decoration:none;
	color:black;
	text-transform:uppercase;
	background-color:rgba(185,185,185,1.00);
	margin-top:15px;
	padding:5px;
}

.mgs-from-showed {
	position:relative;
}

.sgp-contact-form {
	text-align:left;
}

.sgp-contact-form div:nth-child(2n+1) {
	font-weight:bold;
	margin-bottom:5px;
}

.sgp-contact-form div:nth-child(2n) {
	padding-left:15px;
	margin-bottom:10px;
}

.sgp-contact-form input {
	width:95%;
	font-size:16px;
	border-radius: 4px;
}

.sgp-contact-form input[type="checkbox"] {
	width:auto;
	font-size:16px;
}

.sgp-contact-form select {
	width:95%;
	font-size:16px;
	border-radius: 4px;
}

.sgp-contact-form option {
	width:95%;
	font-size:16px;
}

.sgp-contact-form textarea {
	width:95%;
	height:150px;
	resize: none;
	overflow-y: scroll;
	font-size:16px;
	border-radius: 4px;
}

#sgp-form-mail div:last-child {
	/*padding-left:30px;*/
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
}

#sgp-form-mail button {
	background-color:rgba(204,204,204,1.00);
	margin-left:5px;
	margin-right:5px;
	border: none;
	text-align: center;
    text-decoration: none;
    display: inline-block;
	padding:5px;
	font-size:16px;
	font-weight:bold;
}

.sgp-form-empty {
	background-color:rgba(255,131,133,1.00);
}

/***** FOOTER *****/
footer {
	/*background-color:#00530C;*/
	text-align:center;
	padding:5px;
	padding-bottom:10px;
}

#sgp-footer-menu {
	margin-bottom:5px;
}

#sgp-footer-menu ul {
	padding:0px;
	margin:0px;
	font-size:0.75em;
}

#sgp-footer-menu li {
	display:inline;
	margin-left:8px;
	margin-right:8px;	
}

#sgp-footer-menu li a {
	color:white;
	font-family:Poiret One;
	font-weight:bolder;
	text-decoration:none;
	letter-spacing:2px;
}

#sgp-footer-menu li a:hover {
	/*color:#FCC661;*/
}

#sgp-footer-creator {
	font-size:0.72em;
	font-weight:bold;
	/*color:rgba(205,205,205,1.00);*/
}

#sgp-footer-creator a {
	/*color:white;*/
	text-decoration:none;
}

#sgp-footer-creator a:hover {
	/*color:#FCC661;*/
}

#sgp-footer-copyright {
	margin-top:2px;
	font-size:0.72em;
	font-weight:bold;
	/*color:rgba(205,205,205,1.00);*/
}


/***** OVERLAY CONTACT *****/

#sgp-overlay-contact {		
	position: fixed;
	bottom: 100px;
	right: 100px;
	border-radius: 50%;
	min-width: 80px;
	min-height: 80px;
	background-size: 50px;
	text-align: center;
	background-image: url("../img/Artboard 1@3x white.png");
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1;
}

button {
	border-radius: 4px;
}