html {-webkit-font-smoothing: antialiased;font-smoothing: antialiased;text-rendering: optimizeLegibility;}
body {
	padding: 0; 
	width: 100%; 
	width: 100vw; 
    overflow-x: hidden;
    overflow-y: auto;
	font-family: "Roboto Condensed", Verdana, Geneva, "DejaVu Sans", sans-serif;
	color: #000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, h4 a {font-weight: 500; font-family: "gidoleregular", Verdana, Geneva, "DejaVu Sans", sans-serif;text-align:left;}	
p {text-align: justify;text-justify: inter-word;font-size: 1.5em;}
a {color: #9B59B6;} /*a {color: #2574A9;}*/
.gidole {font-family: "gidoleregular", Verdana, Geneva, "DejaVu Sans", sans-serif;}
.testosx {text-align: left;}

.resp4 {width: 80%;margin: 0 auto 15px;padding: 5px;}
.fleft {float:left;} .fright {float:right;}
.clear {clear:both;}

.margine {margin: 10%;position: relative;top:0;bottom: 20%;}
.marginesu {margin: 10%;position: relative;top:0;}
.marginegiu { margin: 10%;position: relative;top:0;}

div.home {
    background: #fff;
	min-height: calc(100vh + 1px);
}

.wrap .container {height: auto !important; min-height: 100%; width: 100%; width:100vw; padding: 0; margin:0;}

.t3-wrapper .home .t3-sl-1,
.t3-wrapper .home .t3-sl-2,
.t3-wrapper .home .t3-sl-3,
.t3-wrapper .home .t3-sl-4,
.t3-wrapper .home .t3-sl-5 {padding: 0; margin: 0; border: none;}

.home article,
.home section {
  height: auto !important;
  min-height: 100vh;
  margin: 0;
  position: relative;  
  border: 0;
  padding: 2vw;
}

.titolo {display: inline-block;}
.home .container h2 {font-size: 1.3em;margin-bottom:0;}
.home .container h3 {font-size: 2.8em;margin-top: 0;color:#ffffff;}
.breadcrumb {background: transparent;}
/* Sezioni Home */
#agenzia {background-color: #ffffff;}
#chi-siamo:before {background-color: #9B59B6;}
/*#servizi {background-color: #59ABE3;}*/
#portfolio:before {background-color: #f44336;}
#contatti {}
	#contatti a {color: #000;}
	#contatti a:hover {text-decoration: none; color: #9b59b6;}
	
	#cw-mod-contact-light-clean select, #cw-mod-contact-light-clean textarea, #cw-mod-contact-light-clean input[type="text"], #cw-mod-contact-light-clean input[type="password"], #cw-mod-contact-light-clean input[type="datetime"], #cw-mod-contact-light-clean input[type="datetime-local"], #cw-mod-contact-light-clean input[type="date"], #cw-mod-contact-light-clean input[type="month"], #cw-mod-contact-light-clean input[type="time"], #cw-mod-contact-light-clean input[type="week"], #cw-mod-contact-light-clean input[type="number"], #cw-mod-contact-light-clean input[type="email"], #cw-mod-contact-light-clean input[type="url"], #cw-mod-contact-light-clean input[type="search"], #cw-mod-contact-light-clean input[type="tel"], #cw-mod-contact-light-clean input[type="color"], #cw-mod-contact-light-clean .uneditable-input {
		border-top: 0;
		border-left: 0;
		border-right: 0;
		border-color: #000;
		position: relative;
	}
	#contatti button {background: #9b59b6; color: #ffffff;}
/* bordi input 50%?
#contatti #cw-mod-contact-light-clean input[type="text"]:before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
  height: 50%;
	border-left: 1px solid #000;
}
#cw-mod-contact-light-clean input[type="text"]:after {
	content: '';
	position: absolute;
	bottom: 0px;
	right: 0px;
  height: 50%;
	border-right: 1px solid #000;
}
*/
.colorata {
  color: #000;
  -webkit-transition: color .5s;
          transition: color .5s;
}
.colorata:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  -webkit-transform:scaleX(0);
      -ms-transform:scaleX(0);
          transform:scaleX(0);
  -webkit-transition: -webkit-transform .5s;
          transition:         transform .5s;
}
.colorata.attiva {color: #fff;}
.colorata.attiva h2 {color: #000;}
.colorata.attiva:before {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

 button {
	background: #fff;
	border: none;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	padding: 15px 50px;
	margin: 30px;
	font-size: 16px;
	color: #000;
	-webkit-transition: font-size .2s ease;
	transition: font-size .2s ease;
}

button:hover {
	box-shadow: 5px 5px 2px rgba(0,0,0, .4);
	font-size: 20px;
}


/* Sezioni Home: titoli grigi */
#servizi h3,
#contatti h3 {color: #95a5a6;}

#agenzia > div {
	position: relative;
	width: 50%;
	height: 50%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	vertical-align: middle;
	line-height: 550px;	
}

.payoff {
	color: #000;
	font-size: 2.8vmax;
	margin: 0;
	text-align: center;
}

img.logohome {
	max-width: 250px;
	min-width: 195px;
	margin: auto;
	-webkit-animation: zoom-in-out 2s ease 0s 1 normal ;
	animation: zoom-in-out 2s ease 0s 1 normal ;
}
@-webkit-keyframes zoom-in-out {
  0%{opacity: 0;-webkit-transform: scale(1);transform: scale(1);}
  50%{-webkit-transform: scale(1.2);transform: scale(1.2);}
  100%{-webkit-transform: scale(1);transform: scale(1);}
@keyframes zoom-in-out {
  0%{opacity: 0;-ms-transform: scale(1);transform: scale(1);}
  50%{-ms-transform: scale(1.2);transform: scale(1.2);}
  100%{-ms-transform: scale(1);transform: scale(1);}
}
}
.iconaservizi{max-height: 100px; width: 100%; margin: 10px auto; text-align:center;}
#servizi ul {
	list-style: none;
	padding: 0;
	text-align: left;
	font-size: 1.1em;
	margin: 30px 20px;
}
#servizi ul h4 {text-align: center; font-weight: 700;}
#servizi li {padding-left: 4em;}
#servizi li:before {
  content: "\f05d"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: #9B59B6;
  display: inline-block;
  margin-left: -2em; /* same as padding-left set on li */
  width: 2em; /* same as padding-left set on li */
}
#iconaservizisiti {padding: 10px;}

/*  ANIMAZIONI ICONE SERVIZI  .lamp1 {   stroke-dasharray: 79.687;   stroke-dashoffset: 79.687;   -webkit-animation: dash 5s linear forward;   animation: dash 5s linear forward; }  @keyframes dash {   from {     stroke-dashoffset: 79.687;   }   to {     stroke-dashoffset: 0;   } } */


/*  PORTFOLIO HOME */
#portfolio span {display: block;}
#portfolio a h4{color: #ffffff;text-align: center;}
.folio {max-height: 300px;max-width: 80%;}

#grigliaportfolio {
	width:100%;
	margin: 0 auto;
	clear: both;
}
.voce-portfolio {
	box-shadow: 5px 5px 2px rgba(0,0,0,.4);
	float: left;
	margin: 10px;
	display: inline-block;
}
/* .voce-portfolio:first-child {margin-left: 0;} */

.voce-portfolio figure {
	position: relative;
	float: left;
	overflow: hidden;
	min-width: 200px;
	max-width: 260px;
	height: auto;
	/* background: #4A0164; */
	background: #000;
	text-align: center;
	cursor: pointer;
}

.voce-portfolio img {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

.voce-portfolio figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.voce-portfolio p {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 3em;
	padding: 1em;
	border-right: 4px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

/* .voce-portfolio:hover .titolo-portfolio {background: rgba(0,0,0, .6);} */
/* .titolo-portfolio {display: none; padding: 4px;background: rgba(255,255,255, .9);} */

.home #grigliaportfolio .voce-portfolio h3 {
	text-align: left;
	font-size: 20px;
	color: #000;
}

.voce-portfolio:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.voce-portfolio:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.voce-portfolio:hover p,
.home #grigliaportfolio .voce-portfolio:hover h3 {
	opacity: 1;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	color: #fff;
}

/**/
img.frecciagiu {
	width:40px;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -20px;
	z-index: 10;
}

.giu-home{
	-webkit-animation: jump 5s ease 3s infinite normal ;
	animation: jump 5s ease 3s infinite normal ;
}
@-webkit-keyframes jump {
  0%{-webkit-transform: translateY(0px);transform: translateY(0px);}
  50%{-webkit-transform: translateY(20px);transform: translateY(20px);}
  100%{-webkit-transform: translateY(-20px);transform: translateY(-20px);}
}
@keyframes jump {
  0%{transform: translateY(-20px);}
  50%{transform: translateY(30px);}
  100%{transform: translateY(-20px);}
}
 /* CONTATTI */


	/* form */
.window body {background: transparent;}
#formdiv {}
.form {
		width: 100%;
        display: block;
		height: 821px;
        padding:10px;
        margin:auto;
}
.window div#window-mainbody {padding: 0;}
.fc_outer {background: transparent; border: 0;}
.fc_form input[type=text], .fc_form input[type=url], .fc_form input[type=email], .fc_form input[type=password], .fc_form input[type=tel] {
  -webkit-appearance: none; -moz-appearance: none;
  display: block;
  margin: 0;
  width: 100%; height: 40px;
  line-height: 40px; font-size: 17px;
  border: 1px solid #bbb;
}
.fc_form input[type=checkbox] {
 width: 34px; height: 34px;
 -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
 border: 1px solid #bbb;
 display: inline;
}
.fc_form label.fc_right {display: inline;}
.fc_form input[type=submit] {
 -webkit-appearance: none; -moz-appearance: none;
 display: block;
 margin: 1.5em auto;
 font-size: 1em; line-height: 2.5em;
 color: #fff;
 font-weight: bold;
 height: 2.5em; width: 100%;
 background: #000; 
 border: 1px solid #bbb;
 -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
 }
div.fc_line {margin-top: 15px;}
 .fc_form label, .fc_form input, .fc_form textarea, .fc_form select {font-family: "gidoleregular", Verdana, Geneva, "DejaVu Sans", sans-serif;}
	
	
/* Footer */
#t3-footer {
	background-color: #000000;
	width: 100%;
	width: 100vw;
	overflow: hidden;
}
section.t3-copyright,
section.t3-copyright .container {
	border: none;
	height: initial;
	width: initial;
}
.footer-outer {
	display: block;
	margin: 0 auto;
}
.footer-social {text-align:center;font-size: 2.3em;}
.footer-social a {color: #ffffff; margin: 15px;}
.footer-social a:hover {text-decoration: none; color:#9B59B6;}
	
.footer-stamp {
    padding: 1em .5em;
    background-color: #ffffff;
    font-size: .8em;
    text-align: center;
}
.resp3 {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.footer-stamp div.item {
    padding: 2em 1em;
    box-sizing: border-box;
}
.footer-stamp--logo {
	margin: 0 50px;
	height: 100%;
}
.footer-stamp--logo img {width: 130px;}

.crediti {margin: 5px;}
 /* Back to top */
#back-to-top {
  z-index: 999;
  position: fixed;
  right: 20px;
  top: auto;
}
#back-to-top.affix {
  bottom: 40px;
}
#back-to-top a {
  outline: none;
}
#back-to-top i {
  font-size: 28px;
}
#back-to-top button {
	background: transparent;
}

/* Off Canvas' */
.t3-wrapper .offcustom,
.t3-off-canvas .close {
    cursor: pointer;
	width: 50px;
	height: 50px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
}

.t3-wrapper .offcustom:hover {
-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1.2, 1.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0,2s ease;
	background: #000000;
	color: #ffffff;
}
.off-canvas-toggle {width: initial; height: initial;}

.t3-off-canvas {    
	width: 100vw;
	width: 100%;
	height: 100vh;
	height: 100%;
	margin: 0;
	font-family: "gidoleregular", Verdana, Geneva, "DejaVu Sans", sans-serif;
}

.t3-off-canvas .t3-off-canvas-header {background: transparent;}

#t3-off-canvas-custom {background-color: #000;}

#t3-off-canvas-custom .module-inner {
	width: 50%;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#t3-off-canvas-custom .module-inner h3 {text-align: center;}
#t3-off-canvas-custom .nav a {color: #ffffff;}

#t3-off-canvas-custom .nav > li > a:hover, 
#t3-off-canvas-custom .nav > li > a:active, 
#t3-off-canvas-custom .nav > li > a:focus,
#t3-off-canvas-custom .nav-pills > li.active > a,
#t3-off-canvas-custom .nav-pills > li.active > a:hover,
#t3-off-canvas-custom .nav-pills > li.active > a:focus  {background: transparent; color: #ffffff;}
#t3-off-canvas-custom .nav > li > a:active {color: inherit;}

#t3-off-canvas-custom .nav a::before,
#t3-off-canvas-custom .nav a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#t3-off-canvas-custom .nav a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#t3-off-canvas-custom .nav a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#t3-off-canvas-custom .nav a:hover::before,
#t3-off-canvas-custom .nav a:hover::after,
#t3-off-canvas-custom .nav a:focus::before,
#t3-off-canvas-custom .nav a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/* PAGINA TAGS */
.tag-category {background: #fff;}
ul.list-striped li {float: left;}
ul.list-striped h3 {text-align: center;}
ul.list-striped img {max-width: 200px;}

/* NOI SIAMO _BLANK */
#noisiamo_blank {
	background-color: #ffffff;
	height: auto !important;
	min-height: calc(100vh + 1px);
	overflow: auto;
	padding-bottom: 50px;
}

.founder {
	min-width: 300px;
	width: 50%;
	float: left;
}
.founder figure {width: 300px;margin: auto;}
.founder .icone a {padding: 10px; text-align: center;}
#sectioncollaboratori {
	width:100%;
	margin: 0 auto;
	clear: both;
}
.collaboratore {
	height: 250px;
	width: 250px; 
	box-shadow: 5px 5px 2px #ccc;
	float: left;
	margin: 10px;
	display: inline-block;
}
.collaboratore::first-child {margin-left: 0;}

.collaboratore figure {
	position: relative;
	float: left;
	overflow: hidden;
	height: 250px;
	width: 250px;
	text-align: center;
	/* cursor: pointer; */
}

.collaboratore figure figcaption{text-transform: uppercase;	color: #fff;}

/* Common style */
.collaboratore figure img,
.voce-portfolio figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}

.collaboratore figure figcaption,
.voce-portfolio figure figcaption {
	padding: 2em;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-size: 100% 35%;
	background-repeat:no-repeat;
	background-position: bottom;
}
.collaboratore figure figcaption {
	background-image:  -webkit-linear-gradient(top, rgba(255,255,255, 0),  rgba(255,255,255, 0.7)); 
	background-image:  -moz-linear-gradient(top, rgba(255,255,255, 0),  rgba(255,255,255, 0.7));
	background-image:  -ms-linear-gradient(top, rgba(255,255,255, 0),  rgba(255,255,255, 0.7));
	background-image:  -o-linear-gradient(top, rgba(255,255,255, 0),  rgba(255,255,255, 0.7));
	background-image:  linear-gradient(top, rgba(255,255,255, 0	),  rgba(255,255,255, 0.7)); 	
}
.collaboratore figure figcaption::before,
.collaboratore figure figcaption::after,
.voce-portfolio figure figcaption::before,
.voce-portfolio figure figcaption::after {
	pointer-events: none;
}

.collaboratore figure figcaption,
.collaboratore figure figcaption > a,
.voce-portfolio figure figcaption,
.voce-portfolio figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.collaboratore figure figcaption > a,
.voce-portfolio figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.collaboratore figure h3,
.voce-portfolio figure h3 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 18px;
	padding-bottom: 4px;
}

.collaboratore figure h3,
.collaboratore figure h4,
.collaboratore figure p,
.voce-portfolio figure h3,
.voce-portfolio figure h4,
.voce-portfolio figure p {
	margin: 0;
}
.collaboratore figure h4,
.voce-portfolio figure h4 {font-size: 80.5%;}

/**/
.collaboratore figure p{font-size: 66%;}
.collaboratore figure figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

.collaboratore figure div {
	position: absolute;
	top: 90%;
	left: 10px;
	width: 100%;
	color: #000000;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-90%,0);
	transform: translate3d(0,-90%,0);
}

.collaboratore figure figcaption::before,
.collaboratore figure p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.collaboratore figure p.descrizione {
	position: absolute;
	top: 2em;
	left:0;
	padding: 1em;
	color: #fff;
	text-transform: none;
	font-size: 85%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}

.collaboratore figure:hover div {
	color: #fff;
	-webkit-transform: translate3d(0,-90%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-90%,0) translate3d(0,-40px,0);
}

.collaboratore figure:hover figcaption::before ,
.collaboratore figure:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.collaboratore figure .icone {
	top: auto;
	bottom: 0;
	left: 0; right: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.collaboratore figure:hover .icone {	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.collaboratore figure .icone i {
	font-size: 1.8em;
	margin: 8px;
}

/* EXIT INTENT */
#pwebbox102_box #pwebbox102_container {background: #ffffff;}
#pwebbox102_box #pwebbox102_container * {text-align: center;}
#pwebbox102_box button.buttonexit {
	background: #9B59B6;
	border: none;
	padding: 10px;
	font-size: 24px;
	color: #ecf0f1;
}
#pwebbox102_box .eur {
	background: #ff00ff;
	height: 150px;
	width: 150px;
	border-radius: 50%;
}
#pwebbox102_box .fa-eur {
	font-size: 120px;
	vertical-align: middle;
}

/* Barra di caricamento */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #9b59b6;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}



/* 	########		MEDIA QUERIES		########   */	
	
/* MEDIA QUERY: Smartphone e piccoli tablet */
@media screen and (max-width: 639px) {
		#header-menu {display:none;}

		.divlogo {
		  display: inline-flex;
		  flex-direction: column;
		}
		img.logohome {min-width: 100px; max-width: 170px;}

		/* Footer */
		.t3-footer {padding: 10px;}
		.resp3 {
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		.footer-stamp div.item {
			padding: 2em 1em;
			box-sizing: border-box;
		}
			.footer-stamp div.item h3 {font-size: 2.5em;}
		/* Off Canvas */
		#t3-off-canvas-custom .nav a {font-size:2em;}
		.t3-wrapper .offcustom {
			position: fixed;
			top: 30px;
			right: 30px;
		}
}

/* MEDIA QUERY: Tablet e piccoli monitor */
@media screen and (min-width: 640px) {
		.home, 	.item-page {margin-bottom: 500px;}
		.home section .margine p {font-size: 20px;line-height: 24px;}
		.home section .margine .voce-portfolio figure p {font-size: initial;}

			/* Header Menu */
		#header-menu {
			width: 12%;
			position: fixed;
			overflow: visible;
			top: 0;
			bottom: 0;
			left: 0;
			z-index: 10;
			padding: 0 5px 5px 0;
			display:block;
			font: 1.3em "gidoleregular", "Tahoma", sans-serif;
		}

		#header-menu ul {
			list-style-type: none;
			margin: 0;
			padding: 0 0 0 20px;
			width: auto;
			z-index: 100000;
		}

		#header-menu li a,
		#header-menu li a:focus {
			display: block;
			color: #000;
			padding: 8px 6px;
			text-decoration: none;
			background: transparent;
		}

		#header-menu li > a.dropdown-toggle:hover {
			-webkit-transform: translate(20px, 0); 
			transform: translate(20px, 0);
			background: transparent;
		}
		#header-menu .nav-child a:hover {font-size: 1.3em;}

		.container > .navbar-header {float: initial; margin-bottom: 20px;}
			.navbar-header .logo {text-align: center;}
			.navbar-header .logo a {background: transparent;}
			.navbar-header img {
				border: none;
				width: 50px;
				 -webkit-filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5) );
					filter: drop-shadow( 2px 2px 1px rgba(0, 0, 0, 0.5) ); /* Same syntax as box-shadow, except 
															   for the spread property */
		}

		#header-menu .navbar-nav {float: initial;}
		#header-menu nav.container {
			width: 200px;
			position: absolute;
			bottom: 40%;
		}
		a.dropdown-toggle .caret {border-top-color: #000000;}
		.dropdown-menu {top:0; left: calc(100% + 4px);border: 0; border-radius: 4px !important;}
		.divlogo {
		  display: inline-flex;
		  flex-direction: column;
		  min-height: 130px;
		  min-width: 250px;
		}
		
		.payoff {
			transition:visibility 1s, opacity 1s; 
			visibility:hidden; opacity:0;
			font-size: 2vmax;
		}
.divlogo:hover .payoff {visibility:visible; opacity:1;}

		.margine {margin: 5% 10% 5% 20%; min-height: 80vh;}
		.marginesu {margin: 10% 10% 0 20%;}
		.marginegiu { margin: 0 10% 10% 20%;}

		.bg {
		  background-image: url('../../../images/underscorebg.svg');
		  background-repeat: no-repeat;
		  background-size: 50%;
		  background-attachment: scroll;
		  background-position: center 90%;
		}
		
		/* Section Servizi */
		.resp4 {width: 50%;}
		#servizi ul {margin: 30px 0px;}
		#servizi li {padding-left: 3em;}

		/* Form Contatti */
		.form {width: 60%;}
		.fc_form input[type=checkbox] {width: 22px; height: 22px;}

		/* Footer */
		.t3-footer {
			height: 500px;
			padding: 30px;
			text-align: center;
			z-index: -1;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
		}
		
		.resp3{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		}
		.footer-outer {display: inline-table;}
		/* Off Canvas' */
		#t3-off-canvas-custom .nav a {font-size:3em;}
		.t3-wrapper .offcustom,
		.t3-off-canvas .close {
			position: absolute;
			top: 30px;
			right: 30px;
			left: initial;
		}
}

/* MEDIA QUERY: Desktop e laptop */
@media screen and (min-width: 768px) {
		.resp4 {width: 25%;}
}