/*
Flex Template 
http://www.templatemo.com/tm-406-flex
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, 
footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, label, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}

body
{
line-height: 0.75;
}

ul
{
list-style: none;
}


table {
border-collapse: collapse;
border-spacing: 0;
}

html {
font-size: 110%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

a:focus {
outline: none;
text-decoration: none;
}

a:active {
text-decoration: none;
}


span.color1ststrong {
color: #ff6600;
font-weight: 700;
}


span.piccolo {
font-size: 80%;
}


.centered
{
	margin: 0 auto;
	text-align: center;
/* è personalizzato alle chiamate "critiche" di centered, p.es. checkbox o radio
width: auto;
max-width: 90%;
min-width: 300px;
*/
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
img {
display: block;
}

img {
border: 0;
-ms-interpolation-mode: bicubic;
}

button,
input,
select,
textarea
{
font-size: 100%;
margin: 0;
vertical-align: baseline;
/* *vertical-align: middle; */
}

button,
input
{
line-height: normal;
*overflow: visible;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
border: 0;
padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]
{
cursor: pointer;
-webkit-appearance: button;
}

input[type="search"]
{
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

input[type="search"]:-webkit-search-decoration
{
-webkit-appearance: none;
}

textarea
{
overflow: auto;
vertical-align: top;
}

body
{
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.25em;
line-height: 1.25;
color: #666666;
background-color: white;
text-rendering: optimizeLegibility;
overflow-x: hidden;
}

a
{
color: #44ddee;
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
a:hover {
color: #ff6600;
text-decoration: none;
}

h1, h2, h3 {
font-family: 'Noto Serif', serif;
color: #444444;
}

*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* select, */
button,
input,
textarea
{
border: 1px solid #d5d5d5;
outline: 0;
padding: 2px 3px;
color: #ffffff;
background-color: #ff6600;
}
button:focus,
input:focus,
select:focus,
textarea:focus
{
border-color: #5555ff;
}


.btn2
{
background-color: #44ddee;
border-radius: 3px;
color: white;
padding-top: -1px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
line-height: 30px;
text-decoration: none;
}
.btn2:hover
{
background-color: #ff6600;
color: white;
}


.text-right {
text-align: right;
}

.text-left {
text-align: left;
}

.text-center {
text-align: center;
}

.main-btn {
color: white;
border: 1px solid white;
padding: 12px 20px;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #e2e2e2;
margin: 40px 0;
}

.site-header ul.social-icons {
position: relative;
z-index: 11;
margin: 5px 0;
}
.site-header ul.social-icons li {
display: inline-block;
margin: 0 2px;
}
.site-header ul.social-icons li a {
width: 36px;
height: 36px;
background-color: white;
color: #444444;
text-align: center;
line-height: 36px;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
}

.main-header {
position: fixed;
width: 100%;
margin: 0 auto;
z-index: 1000;
top: 50px;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

.scrolled {
position: fixed;
left: 0;
top: 0;
-webkit-transition: all 150ms ease-in-out;
-moz-transition: all 150ms ease-in-out;
transition: all 150ms ease-in-out;
}

#menu-wrapper {
background-color: white;
overflow: hidden;
-moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
-webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
opacity: 0.8;
}

.logo-wrapper {
background: url(../images/logo.png) no-repeat;
height: 100px;
background-position: 15px;
}
.logo-wrapper a {
display: inline-block;
overflow: hidden;
padding-left: 100px;
line-height: 100px;
/*text-transform: uppercase;*/
color: #44ddee;
font-size: 28px;
font-weight: 500;
}

.main-menu ul li
{	/* distanze tra elementi del menu */
display: inline-block;
margin: 3px 7px -3px 0; /* 0 20px */
}
.main-menu ul li:last-child {
margin-right: 20px; /* 35px */
}
.main-menu ul li a {
text-transform: uppercase;
font-size: 24px;
color: #444444;
line-height: 100px; /* 100px */
padding-top: 25px; /* 37px */
}
.main-menu ul li a:hover {
color: #44ddee;
border-top: 25px solid #ff6600;
}
.main-menu ul li.active a {
color: #44ddee;
border-top: 5px solid #44ddee;
}

.toggle-menu {
width: 36px; /*36px;*/
height: 36px; /*36px;*/
float: right;
margin-top: 33px; /*33px;*/
margin-right: 30px; /*30px;*/
text-align: center;
line-height: 36px;/*36px;*/
font-size: 16px;
background: #44ddee;
display: inline-block;
color: white;
cursor: pointer;
}

.flexslider {
position: relative;
top: -96px;
}
.flexslider .overlay {
position: absolute;
top: 0;
left: 0;
z-index: 8;
background: rgba(0, 100, 0, 0.2);
width: 100%;
height: 100%;
}
.flexslider .slider-caption {
position: absolute;
z-index: 9;
width: 100%;
text-align: center;
top: 420px; /* 420px; */
left: 0;
}
.flexslider .slider-caption h2 {
color: white;
text-transform: uppercase;
font-size: 36px;
font-weight: 700;
border-bottom: 1px solid white;
padding-bottom: 10px;
display: inline-block;
}
.flexslider .slider-caption p {
color: white;
/* text-transform: uppercase; */
font-size: 28px;
margin-top: 20px;
margin-bottom: 26px;
display: block;
}
.flexslider .slider-caption a.slider-btn {
color: white;
background-color: #44ddee;
padding: 12px 20px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 700;
}

.flexslider .overlayhome {
position: absolute;
top: 200px;
left: 5%;
z-index: 8;
width: 90%;
height: 100%;
color: #44ddee;
font-size: 28px;
text-align: center;
}
.flexslider .home-btn {
color: white;
background-color: #44ddee;
padding: 12px 20px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 700;
}

.labelspan
{
	font-style: italic;
}


@media screen and (min-width: 990px) {
	.flexslider .slider-caption {
	top: 330px;
	}
}

@media screen and (min-width: 1200px) {
	.flexslider .slider-caption {
	/*    top: 480px; */
	top: 320px;
	}
	.flexslider .overlayhome {
	top: 250px;
	font-size: 30px;
	}
}

@media screen and (min-width: 1600px) {
	.flexslider .overlayhome {
	top: 400px;
	font-size: 36px;
	}
}


@media screen and (max-width: 1200px) {
	.main-menu ul li {
	margin-left: 5px;	/* 15 */
	margin-right: 5px;	/* 15 */
	}
	.main-menu ul li:last-child {
	margin-right: 10px;	/* 30 */
	}
}

@media screen and (max-width: 990px)
{
	.logo-wrapper { 
	background-size: contain;
	height: 50px;
	}
	.logo-wrapper a {
	line-height: 50px;
	padding-left: 55px;	/* 70 */
	}
	.toggle-menu {
	margin-top: 7px;
	margin-right: 7px;
	}
	.main-menu ul li {
	display: block;
	}
	.menu-first.show {
	/*opacity: 0.1;*/
	/*height: auto;  */  
	margin-top: 10px;
	display: block;
	/*font-size: 125%;*/
	/*transition: opacity 1s, height 0;*/
	}
	.menu-first {
	float: right;
	overflow: auto;
	width: 100%;  
	display: none;  
	/*opacity: 1;  */  
	/*height: 0;  */  
	/*background: rgba(50, 50, 50, 0.88); */
	/*transition: opacity 1s, height 0 1s; */
	/*transition: all 0.3s ease; */
	}
	.main-menu ul li a {
	line-height: 40px;
	padding-top: 10px;
	}
	.main-menu ul li.active a {
	border-top: none;
	}
	.main-menu ul li:last-child { margin-right: 20px; }
	.flexslider .overlayhome {
	top: 150px; /* 150px */
	font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	.main-header {
	top: 0;
	}
	.site-header {
	margin-top: 40px;
	}
	.logo-wrapper a {
	float: left;
	font-size: 24px;
	font-weight: 600;
}
	.logo-wrapper {
	float: left;
	}
	.menu-first {
	margin-top: 0;
	}
	.flexslider {
	margin-top: 10px;	/* 80px */
	} /*
	.toggle-menu {
	margin-top: 7px;
	margin-right: 7px;
	}
	.flexslider .slider-caption {
	visibility: hidden;
	} */
	.flexslider .overlayhome {
	top: 20px; /* 120px */
	font-size: 18px;
	}
}

@media screen and (max-width: 575px)
{
	.site-header {
	margin-top: 85px;
	}
	.heading-section {
	margin-top: 30px; /* 60px */
	}
	.flexslider .slider-caption {
	visibility: hidden;
	}
	.flexslider .overlayhome {
	top: 100px; /* 100px */
	font-size: 16px;
	}
}


.content-section {
margin-top: 20px;
padding-top: 10px;
}

.heading-section {
margin-bottom: 20px;
}
.heading-section h2 {
font-size: 28px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #444444;
display: inline-block;
}
.heading-section p {
color: #444444;
font-size: 24px;
font-weight: 300;
text-transform: uppercase;
margin-top: 10px;
}

.full-section {
margin-bottom: 20px;
}
.full-section p {
color: #444444;
font-size: 24px;	/* 16px */
font-weight: 300;
margin-top: 10px;
text-align: justify;
}

.small-text {
color: #aaaaaa;
}

.space-fixed {
width: 100%;
height: 130px;
overflow: hidden;
position: relative;
}

.content-section#services {
margin-top: 0px;
}

.service-item {
position: relative;
color: white;
text-align: center;
margin-bottom: 30px;
}

.service-item a {
color: #ffff66;
}

.service-item a:hover {
color: #ff6600;
}

.service-item .service-icon {
font-size: 3em;
padding: 110px 0;
}
.service-item .service-content {
padding: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.service-item .service-content .inner-service {
padding: 20px;
}
.service-item .service-content h3 {
font-size: 18px;
text-transform: uppercase;
color: white;
display: inline-block;
padding-bottom: 10px;
border-bottom: 1px solid white;
margin-bottom: 15px;
}
.service-item:hover .service-icon {
opacity: 0;
visibility: hidden;
}
.service-item:hover .service-content {
opacity: 1;
visibility: visible;
}

#service-1 {
background-color: #44ddee;/*#1abc9c;*/
}

#service-2 {
background-color: #999999;
}

#service-3 {
background-color: #44ddee;
}

#service-4 {
background-color: #999999;
}

.whatta-item {
margin-bottom: 20px;
}
.whatta-item .whatta-thumb {
position: relative;
overflow: hidden;
}
.whatta-item .whatta-thumb img {
width: 100%;
}
.whatta-item .whatta-thumb .whatta-overlay {
background-color: #44ddee;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
text-align: center;
color: white;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.whatta-item .whatta-thumb .whatta-overlay h3 {
font-size: 18px;
/*  text-transform: uppercase; */
color: white;
padding-bottom: 8px;
margin-bottom: 3px;
display: inline-block;
border-bottom: 1px solid white;
}
.whatta-item .whatta-thumb .whatta-overlay a.expand {
margin-top: 15px;
width: 36px;
height: 36px;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
background-color: white;
display: inline-block;
text-align: center;
}
.whatta-item .whatta-thumb .whatta-overlay a.expand i {
line-height: 36px;
}
.whatta-item .whatta-thumb .whatta-overlay a.expand2nd {
margin-top: 8px;
width: 20px;
height: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: white;
display: inline-block;
text-align: center;
}
.whatta-item .whatta-thumb .whatta-overlay a.expand2nd i {
line-height: 20px;
}
.whatta-item .whatta-thumb:hover .whatta-overlay {
opacity: 1;
visibility: visible;
}

.whatta-item .whatta-prevnext img {
width: 32px;
}


.team-member {
margin-bottom: 30px;
}
.team-member .member-thumb {
position: relative;
overflow: hidden;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.team-member .member-thumb img {
width: 100%;
}
.team-member .member-thumb .team-overlay {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
top: 0;
left: 0;
background-color: #44ddee;
color: white;
opacity: 0;
visibility: hidden;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.team-member .member-thumb .team-overlay h3 {
font-size: 18px;
text-transform: uppercase;
color: white;
display: inline-block;
padding-bottom: 10px;
border-bottom: 1px solid white;
margin-top: 64px;
}
.team-member .member-thumb .team-overlay span {
text-transform: uppercase;
font-weight: 300;
margin-top: 10px;
display: block;
}
.team-member .member-thumb .team-overlay ul.social {
display: block;
margin-top: 20px;
}
.team-member .member-thumb .team-overlay ul.social li {
display: inline-block;
}
.team-member .member-thumb .team-overlay ul.social li a {
width: 36px;
height: 36px;
background-color: white;
line-height: 40px;
color: #44ddee;
border-radius: 18px;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
}
.team-member .member-thumb:hover .team-overlay {
opacity: 1;
visibility: visible;
}

.skills-heading {
margin-top: 60px;
margin-bottom: 50px;
}
.skills-heading h3.skills-title {
font-style: italic;
font-size: 18px;
text-transform: uppercase;
color: #5e5e5e;
}
.skills-heading .small-text {
font-style: italic;
}

.progress {
height: 34px;
box-shadow: none;
border-radius: 0;
background-color: #e7e7e7;
margin-bottom: 10px;
}

.progress-bar {
line-height: 34px;
text-align: left;
padding-left: 15px;
text-transform: uppercase;
font-weight: 700;
background-color: #44ddee;
box-shadow: none;
}

.googlemap-wrapper {
height: 380px;
margin-bottom: 40px;
}

.map-canvas {
height: 380px;
border: 10px solid #efefef;
}

.contact-info {
margin-top: 40px;
}

.contact-form input {
/*width: 100%;*/
margin-bottom: 15px;
}
.contact-form textarea {
width: 100%;
max-width: 100%;
height: 100px;
}
.contact-form .mainBtn {
margin-top: 15px;
color: white;
background-color: #44ddee;
text-transform: uppercase;
border: 0;
}

#go-top {
background-color: #44ddee;
color: white;
padding: 15px 40px;
text-transform: uppercase;
font-weight: 700;
}

#footer
{
margin-top: 130px;
}


input, textarea
{ /* Stili per il campo di testo e per la textarea */
background: #eeeeff; /* Colore di sfondo */
border: 1px solid #323232; /* Bordo */
color: #555555; /* Colore del testo */
line-height: 20px; /* Altezza di riga */
/*width: 300px; /* Larghezza */
padding: 0 5px; /* Padding */
}

.guidelines
{
font-size: 0.8em;
font-style: italic;
/* background: #dddddd; */
}


/* parametri div table just centro */
.divTable{
	display: table;
	width: 90%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCellNoborder {
	border: 0px;
	display: table-cell;
	padding: 2px 5px;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 2px 5px;
	width: 10%;
}
.divTableCellOk {
	border: 1px solid #99ff99;
	display: table-cell;
	padding: 2px 5px;
	width: 10%;
	background-color:#00ff77;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


/* parametri div table just left */
.divNTable{
	display: table;
	width: 90%;
}
.divNTableRow {
	display: table-row;
}
.divLTableCell {
	display: table-cell;
	padding: 2px 5px;
	width: 10%;
	text-align: left;
}
.divRTableCell {
	display: table-cell;
	padding: 2px 5px;
	width: 10%;
	text-align: right;
}
.divNTableBody {
	display: table-row-group;
}


textarea.terms {
	font-size: 16px;
}


input[type="checkbox"],
input[type="radio"]
{
	float: right;
	display: block;
	overflow: hidden;
	width: 30px;
	text-align:right;
}


.hidden
{
	display : none;
}


table.alone
{
border: 0px dotted gray;
min-width: 80%;
}
th.alone {background-color: #ff6600; height: 30px; padding: 2px 5px; color: #ffffff;}
tr.alone:nth-child(odd) {background-color: #dfdfff;}
tr.alone:nth-child(even) {background-color: #ffefdf;}
td.alone {padding: 2px 5px;}