/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/**/
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;}
/**/
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img {border:none;}
.clearer {height:0px;overflow:hidden;margin:0px;clear:both;}
.center {text-align:center;}
/*Default WordPress styles*/
.entry-content img {	margin: 0 0 1.5em 0;}
.alignleft, img.alignleft {	margin-right: 1.1em;	display: inline;	float: left;}
.alignright, img.alignright {	margin-left: 1.5em;	display: inline;	float: right;}
.aligncenter, img.aligncenter {	margin-right: auto;	margin-left: auto;	display: block;	/*clear: both;*/}
.wp-caption { margin:0; padding:0;}
.wp-caption img {}

.wp-smiley {	margin: 0 !important;	max-height: 1em;}
blockquote.left {	margin-right: 20px;	text-align: right;	margin-left: 0;	width: 33%;	float: left;}
blockquote.right {	margin-left: 20px;	text-align: left;	margin-right: 0;	width: 33%;	float: right;}
.gallery dl {}
.gallery dt { } 
.gallery dd {} 
.gallery dl a {}
.gallery dl img {}
.gallery-item { }
.gallery-caption { width:198px; margin:0 auto!important}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
/**/

a { color:#000}
.error{ padding:8px; color:#F00!important; font-style:normal!important; display:block; font-size:14px}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  font-size:15px;
  opacity: 1; /* Firefox */
  font-style:italic
}
.g-recaptcha {
    transform: scale(0.9);
    transform-origin: 0 0;
    box-sizing: border-box;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
  font-size:15px;
  font-style:italic
}

body {font-family: 'Lato', sans-serif;background-color:#FFF; overflow-x:hidden;box-sizing:border-box}
ul { list-style:none;}
.flex {display:flex;justify-content: space-between;}
.flexSpaceRemove{ justify-content:start!important;}
.fix{position: relative; /* I am the fallback */
    /* Give it everything you got! (use an auto prefixer...) */
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 0; /* Required  */}
/**/

/********************************/a {color:#666666; text-decoration:none}
a:hover {color:#7db50c}
.clear{ clear:both; margin:0; padding:0; width:0; height:0}
.wrap { width:1180px; margin:0 auto; position:relative}
/*HEADER*/
body > header {width: 100%;top:0;background-color:#FFF; z-index:2; box-shadow:0 0 5px #bbbbbb; -webkit-box-shadow:0 0 5px #bbbbbb; -moz-box-shadow:0 0 5px #bbbbbb; height: 78px}
body > header li { float:left;}
/*#logo img{ height:75px;}*/

.hd_btn_sx, .hd_btn_dx{display: none;}
header {width: 100%;top:0;background-color:#FFF; z-index:2; box-shadow:0 0 5px #bbbbbb; -webkit-box-shadow:0 0 5px #bbbbbb; -moz-box-shadow:0 0 5px #bbbbbb; height: 78px}
body > header li { float:left;}
.logo img{max-height: 100%; }
.logo { height:75px;display:block}
/**/ 
.open { overflow:hidden}

nav { position:absolute; top:40px; margin-left:400px; font-weight: bold; z-index:1; }
nav ul {position: relative;}
nav  ul  li {  margin-left:17px;  position:relative}
nav  ul  li > a { color:#56378a; text-decoration:none;height:35px; display:block; font-size:16px;text-transform:uppercase}
nav  ul  li:hover,.currentSez { border-bottom:4px solid #7db50c; color:#7db50c!important}
nav  ul > li:hover{z-index:3;}
/* SUB MENU */
nav  ul  ul {margin:0px; padding:0px;  position:absolute; left:-55px; top:40px; width:140px;background: #ffffff !important;display:none;	padding:10px 15px;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
	   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);
			box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); z-index:-1; }
nav  ul  li:hover > ul {display: block;}
nav ul  ul > li {float:none;margin:0px; padding:5px;display:block;   border-bottom:1px solid #efefef !important; height:30px; line-height:30px;text-transform:uppercase;}
nav ul  ul > li > a { display:block;font-size:12px;color:#666666; font-weight:100}
nav ul  ul > li:hover > a{ border:none}


/*******************************************/
#social { position:absolute; top:10px; right:50px;}
#social a { display:inline-block; padding-right:6px}
#social i { font-size:25px; color:#464646}
#social i:hover {color:#7db50c}
/*********************/
main {}

/* COMUNI PER SECTION */
.Shead {padding:0 0 50px 0; position:relative}
.Shead b {
	display:block;
    color: #7db50c;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 9px;
    text-align: left;
	position:relative
}
.Shead h1, .Shead h2  {color:#56378a;
    font-size: 48px;
    line-height: 55px;
    margin-bottom: 16px;
    text-align: left;}
	
.Shead b:after {display: inline-block;
    margin-left: 20px;
    width: 41px;
    height: 2px;
    background-color: #7db50c;
    content: " "; vertical-align:middle}
.Shead > p { width:60%; font-size:20px; line-height:32px; color:#676767;}


/*footer*/ 
body > footer { background-color:#56378a/*464646*/;border-top:4px solid #7db50c; position:relative; font-size:12px;padding:15px; color:#e6d8fd/*c1c1c1*/; line-height:18px;}
body > footer i { font-size:20px!important}
/*footer #copy { background-color:#464646; height:40px; clear:left; line-height:40px; color:#c1c1c1; font-size:11px;}
footer #copy section, footer section {max-width:950px;  margin:auto;}*/
body > footer  h2{color:#FFF; margin-bottom:12px; margin-top:10px; color:#FFF; margin-bottom:8px; margin-top:10px; font-variant:small-caps; font-size:18px}
body > footer a{ color:#e6d8fd; text-decoration:none; font-size:12px}
body > footer a:hover{ color:#FFF}
/*/body > footer ul, body > footer h2 { margin:0; padding:0}*/

body > footer #box_contatti { /*width:210px;*/ margin-left:10px; text-align:center; line-height:20px}

body > footer #box_link { margin:15px 20px; text-align:center}
body > footer #box_link li { /*border-bottom:1px dotted  #777777;  line-height:30px;*/ padding-left:5px; display:inline-block}


/*body > footer #box_news{ margin:15px 20px;}
body > footer #box_news ul{margin:20px 0 0 0 }
body > footer #box_news li { padding:0 50px 0 18px;}
bopdy > footer #box_news li > h3 {font-variant:normal; font-size:14px; font-weight:normal; color:#fff}
body > footer #box_news li > a{color:#7db50c;  margin-left:180px;display:block; font-weight:bold;  }
body > footer #box_news li > a:hover{ text-decoration:underline; color:#FFF}
body > footer #box_news li > p {padding-top:5px; padding-bottom:5px;margin:0; }*/





.BtnOut, .Btnfull { display: block;margin: 0 auto; width: 40%; text-align: center;font-size: 17px; font-weight: 700; line-height: 27px;border-radius: 5px; padding: 8px 25px;}


.Btnfull { fill: #83b217; color: #fff; background-color: #83b217;}
.Btnfull:hover {color: #fff; background-color: #56378a; }


.BtnOut {fill: #83b217; color: #56378a;background-color: #fff; border-style: solid; border-width: 2px; border-color: #83b217;}

.BtnOut:hover {color: #fff; background-color: #83b217; border-color: #83b217;}


*:hover {-moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;}

/*.btn {display:block; margin:0 auto;  height:20px; padding:8px; line-height:20px; width:90px;   border-radius: 5px; font-size:14px; text-align:center; cursor:pointer; font-weight:bold;color:#FFF!important; clear:both}
.btnV{background-color:#56378a;!important}
.btn a{color:#FFF!important; }
.btnoff { display:block!important; margin-top:30px!important; margin-bottom:40px!important; clear:both!important;}
.btnG{background-color:#7db50c;!important}
.btn:hover{background-color:#999999;}
.homebtn{width:120px!important}
.pagebtn{margin-bottom:15px}
.btnmap { display:none!important}*/


/* SCROLL BAR*/
.scrollO { overflow-y: hidden;  overflow-x: scroll;}
.scroll{
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,0.15) white;
}
.scroll::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  margin-left:20px
}
 .scroll::-webkit-scrollbar-button {
  width: 6px;
  height: 8px;
}
.scroll::-webkit-scrollbar-thumb {
  background: #83b217;
  border: 0px none #ffffff;
  background-clip: padding-box;
    -webkit-border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.15);
   /* -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);*/
}
.scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.15)
}
.scroll::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.15)
}
.scroll::-webkit-scrollbar-track {
  /*background: #f2f2f2;*/
  border: 0px none #ffffff;
  border-radius: 50px;
}
.scroll::-webkit-scrollbar-track:hover,
.scroll::-webkit-scrollbar-track:active {background: #f2f2f2;}
.scroll::-webkit-scrollbar-corner { background: transparent;}
/**/
/* BREADCUM */
#breadcum {margin-top:0; background-color:#f5f5f5;border-top:1px solid #c1c1c1; height:30px;line-height:30px;}
#breadcum ul{ padding:0;}
#breadcum li { float:left; font-size:12px; color:#777777; margin-right:3px }
#breadcum li:first-child { padding-left:10px;}
/***********************/
/**/
/* SERVIZI */
#servizi { background-color:#f5f5f5; padding:80px 10px;}
#servizi article {position:relative; width:320px; background-color:#fff; padding:25px; box-shadow: 0px 0px 40px 0px rgba(0,0,0,.1);}
#servizi article img { width:100%;object-fit: cover;  height: 247px;}
#servizi article h3 { font-size:22px; color:#56378a; padding:10px 0 15px 0;}
#servizi article p {color: #676767;    line-height: 27px; font-size:16px }
#servizi article .serviceBody {position:relative; padding:25px}

#servizi article .circle { position:absolute; border-radius:100%; height:70px; width:70px; right:14px; box-shadow: 0px 0px 40px 0px rgba(0,0,0,.1); background-color:#fff; top:-40px; text-align:center}
/*#servizi article .circle i {line-height: 70px; font-size: 30px; color:#83b217;}*/
#servizi article .ServiceBtn{font-size: 15px; position:relative;
    font-weight: 700; display:block;transition: 0.3s;
    background-color: #f5f5f5; height:50px; line-height:50px; overflow:hidden}

#servizi article .ServiceBtn i { position:absolute;  right:17px;font-size: 26px;
    line-height: 50px; color:#fff;}
#servizi article .ServiceBtn span { padding-left:30px; font-size:16px; color:#000}

.ServiceBtn:before { display: block; content: " "; width: 150px; height: 130px;  background-color: #7db50c;   -ms-transform: rotate(30deg);  transform: rotate(30deg);  z-index: 0;  position: absolute;  right: -88px;}

#servizi article .ServiceBtn:hover{background-color:#7db50c!Important; color:#FFF}
#servizi article .ServiceBtn:hover > span { color:#fff}
#servizi article .ServiceBtn:hover::before{background-color: #56378a!important;}
#servizi .Smktg,
#servizi .Scoach, #servizi .Sstrategy { width: 54px; height: 54px; position: absolute;top: 6px;left: 8px;}
/********************/

/* CHI SIAMO */
#about { background-color:#fff; padding:80px 10px;}
#about .Shead{ padding:0!Important}
#about .Shead > h3{ font-size:24px!important; margin:10px 0!Important; padding:15px 0 8px 0;}
#about .Shead > p { font-size:16px; line-height:30px; width:100%; padding: 10px 0}
#about .Shead img { display: block; margin: 0 auto; width:100%; max-width: 580px; height: auto!important}
/*#about .collage{ margin:0 0 0 80px; min-width:580px}
#about .collage img { width:100%; height: auto!important}*/


/********************/

/* TEAM */
#team { background-color:#f5f5f5; padding:80px 10px;}
#team .flex {justify-content: flex-start}
.teamBox { min-width:22%; max-width:22%;border:1px solid #83b817; position:relative; margin:20px 15px}
.teamBox img { width:100%; height: auto!important}
.teamBox > div { height:130px; box-sizing:border-box; padding: 10px 20px 10px 20px}
.teamBox strong { display:block}
.teamBox span { font-size:13px; color:#3a3a3a}
.teamBox p { padding-top:10px; font-size:12px}
.teamBox a { position: absolute; width: 40px; height: 40px; border-radius: 100%; border: 3px solid #fff;   background-color: #FFF; right: 20px; bottom: 111px; text-align: center; line-height: 40px; font-size: 33px;color:#0a66c2}
.teamBox a:hover {color:#0a66c2}
/********************/
/* LAVORI */
#lavori { margin:10px}
#lavori img {filter: gray;  -webkit-filter: grayscale(1);width:140px;height: auto}
#lavori ul { /*border-top:1px solid #e6e6e6;*/ padding:15px 0; /*height:150px*/ }
#lavori ul li { margin: 0 20px}	
/********************/

/* feedback */ 
#feedback { background-color:#f6f3ee; padding:80px 10px;}
.boxFeedback {position:relative;min-width:295px; max-width:320px; background-color:#fff; padding:25px; box-shadow: 0px 0px 40px 0px rgba(0,0,0,.1); height:225px;margin:50px 30px 50px 0}

.boxFeedback img { width:70px; height: auto; border-radius:100px; float:left; margin-right:9px;}

.boxFeedback > div {padding:18px;}
.boxFeedback > div:after{ display:block; content:" "; clear:both}
.boxFeedback > div b { font-size:16px; color:#56378a}
.boxFeedback > div i { display:block; padding-top:5px; font-size:13px; position:relative!Important;color:#83b217}
.boxFeedback p {color: #676767;font-size:16px; line-height:22px; padding-left:25px}
.boxFeedback > i { position:absolute; top:115px; left:20px; font-size:19px; }
/********************/

/* CONTATTI */

#Contatti{ background-color:#fff; padding:50px 10px;}
#Contatti .form{ width:45%;margin:120px 0px 50px 100px;}
/* FOMR */
#contactform { width:100%;  } 
#contactform select, #contactform input,#contactform textarea{width:100%;padding:10px;border:2px solid #d5d5d5;color:#000;font-weight:400;font-size:16px;outline:0; background-color:#F4F4F4} 
#contactform input[type="checkbox"] { margin:10px; width:20px;-ms-transform: scale(1.2); /* IE */
  -moz-transform: scale(1.2); /* FF */
  -webkit-transform: scale(1.2); /* Safari and Chrome */
  -o-transform: scale(1.2); /* Opera */ height:15px;line-height:20px} 
	.fprivacy { font-size:12px; font-style:italic; line-height:20px;text-decoration:underline}
#contactform .error,#contactform label{text-transform:uppercase;font-weight:600;cursor:pointer}
/*#contactform textarea{width:548px}*/
#contactform input:focus,#contactform textarea:focus{border-color:#999}
#contactform label{margin:0 0px 8px 10px;font-size:16px;color:#56378a; display:inline-block}
#contactform .error{font-size:12px;color:#bd2b20;padding-left:10px; display: block}
#contactform div { margin:22px 0  0 0}
#Contatti .btnForm {margin:0 auto;}
#Contatti form *{ box-sizing: border-box}
/**/

#Contatti table {box-shadow: 0px 0px 40px 0px rgba(0,0,0,.1);}
#Contatti table tr{}
#Contatti table td{ position:relative;padding: 20px;text-align: left;line-height: 22px;}
#Contatti table i{ font-size:30px;color:#56378a;}

#messaggio { display: none}
#messaggio h4 { font-size:20px}

/*******************/
@media screen and (max-width:1200px)
{
	main { position: relative; height: 100%!important; margin: 0 auto; overflow: hidden;}
	header > .wrap {width: auto; max-width: 100%}
	.wrap {max-width: 640px;margin: 0 auto; position: relative;width: 100%;}
	.hd_btn_sx { z-index:2; position:absolute; left:0;border-right:dashed 1px rgba(0,0,0,0.1); display:block}
	.hd_btn_dx {position:absolute; z-index:3; right:0;border-left:dashed 1px rgba(0,0,0,0.1); display:block}
	.logo { text-align:center; position:absolute; width:100%; height:60px!important; }
	.logo img{max-width: 200px;width: 100%;}
	header { max-height:60px!important;top:0;}	
	header i {text-align:center;width:58px; line-height:60px!important;}
	/**/
	nav { font-size:1.2em; text-transform:uppercase;  background-color:#fbfbfbf0;   height:100%!important;
    padding: 0; top:60px;left:0; margin: 0;
    position: fixed;
    z-index: 9999;
    width: 70%; display:none; overflow:auto} 
	nav ul { list-style:none;margin:0; padding:0px; }
	nav ul li > ul { background-color:#ebe5f6!important; margin:0;border-top:#2e1e3f 1px solid; }

	nav > ul > li { min-height:50px; line-height:50px; border-bottom:#2e1e3f 1px solid;border-top:#9b6dcc 1px solid; background-color:#56378a; float: none!important; margin-left:0px }
	nav > ul > li:last-child { border-bottom:#2e1e3f 1px solid;}
	nav li > ul > li{ height:40px; line-height:40px; padding-left:35px!important; border-bottom:#fbfbfb 1px solid;} 

	nav a { color:#edeaf2!important; text-decoration:none!important; padding-left:20px;text-shadow:2px 1px 0px #170732;}
	nav li > ul > li a { color:#56378a;text-shadow:0px 1px 0px #000;}
	nav a i { margin-right:2px; font-size:14px!important}	
	/**/
	#servizi article {width: auto; max-width:100%; margin: 20px 0}
	#servizi .flex {display: block}
	.Shead > p { width: 100%}
	#servizi article .ServiceBtn span {font-size: 20px;}
	
	/**/
	
	#about .flex {display: block}
	/*#about .collage{ margin:60px 0 0 0px!important; min-width:unset;}*/
	#about .Shead img {width:100%; }
	/**/
	
	.teamBox { min-width:45%;}
	
	/**/
	#feedback .wrap > .flex { display: block}
	#feedback .scroll { display: flex!important}
	
	/**/
	
	#Contatti .flex {display: block}
	#contactform { width:100%;  } 
	#Contatti table {width: 100%}
	#Contatti .form{ width:100%;margin:40px 0!important;}
}
@media screen  and (min-width: 320px) and (max-width: 460px) 
{
	.teamBox { min-width:65%;}
}