abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}
article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
	display: block
}
h1, h2, h3, h4, h5, h6, p {
	font-family: Comfortaa, cursive;
	font-size: 100%;
	font-weight: 400;
	line-height: normal;
	color: #000
}
li, ol, ul {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: .04rem
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0;
	text-decoration: none
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	padding: 0
}
.cf:after {
	clear: both;
	content: '';
	display: block;
	visibility: hidden;
	height: 0
}
.cf {
	display: inline-block
}
* html .cf {
	height: 1%
}
.cf {
	display: block
}
.hide {
	display: none!important
}
#cookie-law-info-bar {
	font-family: Comfortaa, cursive!important;
	font-size: 9pt
}
#cookie_action_close_header {
	background-color: #83aee1!important
}
.barra {
	width: 100%;
	height: 80px;
	max-height: 80px;
	position: fixed;
	background: #fff;
	display: block;
	top: 0;
	z-index: 13;
	color: #000
}
.barra .logo {
	display: inline-block;
	width: 10%;
	float: left;
	height: 100%
}
.barra .logo .align {
	width: 100%
}
.barra .logo .align img {
	margin: 10px 0 0 40px;
	display: inline-block;
	vertical-align: middle
}
.barra .menu-container {
	width: calc(90% - 40px);
	float: right;
	margin-right: 40px
}
.barra .menu-container ul {
	float: right
}
.barra .menu-container li {
	display: inline-table;
	padding: 33px 10px
}
.barra .menu-container li a {
	font-family: Comfortaa, cursive;
	font-size: .85rem;
	display: table-cell;
	vertical-align: middle;
	color: #000;
	padding: 5px 0;
	text-transform: uppercase
}
.barra .menu-container .active a {
	border-bottom: 2px solid #83aee1
}
.barra .menu-buttons {
	display: none;
	position: fixed;
	top: 12px;
	right: 40px
}
.barra .hamburger {
	vertical-align: middle;
	padding: 0
}
.barra .hamburger--3dx .hamburger-box {
	perspective: 80px
}
.barra .hamburger-box {
	width: 35px
}
.barra .hamburger-inner, .barra .hamburger-inner::after, .barra .hamburger-inner::before {
	background-color: #000;
	width: 35px
}
.barra .hamburger-inner::before {
	top: -8px
}
.barra .hamburger-inner::after {
	bottom: -8px
}
.barra .hamburger--3dx.is-active .hamburger-inner::before {
	transform: translate3d(0,6px,0) rotate(45deg)
}
.barra .hamburger--3dx.is-active .hamburger-inner::after {
	transform: translate3d(0,-10px,0) rotate(-45deg)
}
.barra .menu-buttons {
	float: right
}
.barra .menu-buttons .apri-menu {
	color: #000;
	margin-top: 23px;
	z-index: 300
}
:not(.single-progetto) .menu-item-object-category {
	display: none!important
}
.page-template-portfolio .menu-item-object-category, .page-template-portfolio-collaborazioni .menu-item-object-category, .page-template-portfolio-farmacie .menu-item-object-category, .page-template-portfolio-progetti .menu-item-object-category, .page-template-portfolio-realizzazioni .menu-item-object-category, .single-progetto .menu-item-object-category {
	display: inline-table!important
}
.page-template-portfolio .menu-item-object-category a, .page-template-portfolio-collaborazioni .menu-item-object-category a, .page-template-portfolio-farmacie .menu-item-object-category a, .page-template-portfolio-progetti .menu-item-object-category a, .page-template-portfolio-realizzazioni .menu-item-object-category a, .single-progetto .menu-item-object-category a {
	color: #83aee1!important
}
.page-template-portfolio .current-progetto-ancestor a, .page-template-portfolio-collaborazioni .current-progetto-ancestor a, .page-template-portfolio-farmacie .current-progetto-ancestor a, .page-template-portfolio-progetti .current-progetto-ancestor a, .page-template-portfolio-realizzazioni .current-progetto-ancestor a, .single-progetto .current-progetto-ancestor a {
	border-bottom: 3px solid #83aee1
}
.menu-mobile {
	display: flex;
	background-color: #fff;
	z-index: 99;
	position: fixed;
	top: 80px;
	width: 100%;
	align-items: center;
	align-content: center
}
.menu-mobile .menu-container-mobile {
	width: auto;
	height: 80%;
	margin: auto
}
.menu-mobile .menu-container-mobile .menu-mobile-layer {
	text-align: center
}
.menu-mobile .menu-container-mobile .menu-mobile-layer li {
	margin: 18px 0
}
.menu-mobile .menu-container-mobile .menu-mobile-layer a {
	color: #000;
	font-family: Comfortaa, cursive;
	font-size: 1.6rem;
	text-transform: uppercase
}
.menu-mobile .menu-item-object-category {
	width: 100%;
	margin: 5px 0!important
}
.home .blocco-centrale {
	background-image: url(img/sfondo-test.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center
}
.about-me .blocco-centrale {
	overflow-x: scroll;
	overflow-y: hidden
}
.blocco-centrale {
	margin: 80px 40px 0
}
.blocco-centrale .testo-grande a {
	color: #000;
	font-family: Comfortaa, cursive;
	font-size: 3.2rem;
	position: absolute;
	left: 23px;
	top: 41%;
	line-height: 3.4rem
}
.blocco-centrale .riga-entra {
	background-color: #83aee1;
	height: 3px;
	width: 136px;
	position: absolute;
	top: calc(41% + 54px);
	right: 25px
}
.blocco-centrale .entra a {
	font-family: Comfortaa, cursive;
	font-size: 1rem;
	color: #000;
	position: absolute;
	top: calc(41% + 60px);
	right: 109px
}
body {
	overflow: hidden
}
#scrollbar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
	background-color: #E1E1E1;
	border-radius: 5px
}
#scrollbar::-webkit-scrollbar {
	height: 4px;
	border-radius: 10px;
	background-color: #83aee1
}
#scrollbar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #83aee1
}
.page-template-portfolio .blocco-centrale, .portfolio .blocco-centrale {
	background-image: none;
	overflow-x: scroll;
	overflow-y: hidden;
	box-sizing: border-box
}
.page-template-portfolio .blocco-centrale .item-cont, .portfolio .blocco-centrale .item-cont {
	float: left;
	position: relative
}
.page-template-portfolio .blocco-centrale .item-cont a, .portfolio .blocco-centrale .item-cont a {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0
}
.page-template-portfolio .blocco-centrale .item-1, .portfolio .blocco-centrale .item-1 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-2, .portfolio .blocco-centrale .item-2 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-3, .portfolio .blocco-centrale .item-3 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-4, .portfolio .blocco-centrale .item-4 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-5, .portfolio .blocco-centrale .item-5 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-6, .portfolio .blocco-centrale .item-6 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-7, .portfolio .blocco-centrale .item-7 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-8, .portfolio .blocco-centrale .item-8 {
	float: left
}
.page-template-portfolio .blocco-centrale .item-9, .portfolio .blocco-centrale .item-9 {
	float: left
}
.page-template-portfolio .blocco-centrale .img, .portfolio .blocco-centrale .img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	opacity: 1;
	-webkit-transition: all .6s;
	transition: all .6s
}
.page-template-portfolio .blocco-centrale .item-2 .nome-progetto, .page-template-portfolio .blocco-centrale .item-3 .nome-progetto, .page-template-portfolio .blocco-centrale .item-7 .nome-progetto, .page-template-portfolio .blocco-centrale .item-8 .nome-progetto, .portfolio .blocco-centrale .item-2 .nome-progetto, .portfolio .blocco-centrale .item-3 .nome-progetto, .portfolio .blocco-centrale .item-7 .nome-progetto, .portfolio .blocco-centrale .item-8 .nome-progetto {
	width: calc(100% - 5px)
}
.page-template-portfolio .blocco-centrale .nome-progetto, .portfolio .blocco-centrale .nome-progetto {
	position: absolute;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	opacity: 0;
	-webkit-transition: all .6s;
	transition: all .6s
}
.page-template-portfolio .blocco-centrale .nome-progetto .title, .portfolio .blocco-centrale .nome-progetto .title {
	width: 100%;
	text-align: center;
	height: auto;
	margin: auto
}
.page-template-portfolio .blocco-centrale .nome-progetto .title h2, .portfolio .blocco-centrale .nome-progetto .title h2 {
	font-size: 1rem;
	color: #000
}
.page-template-portfolio .blocco-centrale .nome-progetto:hover, .portfolio .blocco-centrale .nome-progetto:hover {
	opacity: 1;
	background: rgba(255,255,255,.7);
	-webkit-transition: all .6s;
	transition: all .6s
}
.page-template-portfolio .blocco-centrale:after, .portfolio .blocco-centrale:after {
	content: '';
	display: block;
	clear: both
}
.page-template-portfolio-collaborazioni .blocco-centrale .item-cont .dati .nome-progetto, .page-template-portfolio-progetti .blocco-centrale .item-cont .dati .nome-progetto, .page-template-portfolio-realizzazioni .blocco-centrale .item-cont .dati .nome-progetto {
	top: 0!important
}
.riga-footer {
	width: calc(100% - 80px);
	height: 2px;
	background-color: #000;
	display: block;
	margin: 25px auto 0
}
.credits {
	margin: 10px 0 0 40px;
	font-family: Comfortaa, cursive;
	font-size: .7rem;
	max-width: 50%;
	float: left
}
.credits a {
	color: #000
}
.socials {
	float: right;
	margin-right: 40px;
	margin-top: 6px;
	height: 25px;
	width: auto
}
.socials .facebook {
	margin-left: 8px;
	float: left;
	width: 22px;
	height: 25px;
	background-image: url(img/socials.jpg);
	background-position-x: 48px
}
.socials .instagram {
	margin-left: 8px;
	float: left;
	width: 22px;
	height: 25px;
	background-image: url(img/socials.jpg);
	background-position-x: 22px
}
.socials .pinterest {
	margin-left: 8px;
	float: left;
	width: 22px;
	height: 25px;
	background-image: url(img/socials.jpg);
	background-position-x: 0
}
.socials .twitter {
	margin-left: 8px;
	float: left;
	width: 22px;
	height: 25px;
	background-image: url(img/socials.jpg);
	background-position-x: -25px
}
.about-me .bio {
	width: 80%;
	column-count: auto;
	column-width: 240px;
	column-fill: auto;
	-moz-column-fill: auto;
	-webkit-column-rule: 1px solid #000;
	-moz-column-rule: 1px solid #000;
	column-rule: 1px solid #000;
	-webkit-column-gap: 60px;
	-moz-column-gap: 60px;
	column-gap: 60px;
	height: 98%;
	color: #393939;
	font-family: Comfortaa, cursive;
	font-size: .9rem;
	float: left
}
.about-me .bio h1, .about-me .bio h2, .about-me .bio h3, .about-me .bio h4, .about-me .bio h5 {
	font-family: Comfortaa, cursive;
	color: #000;
	line-height: 26px
}
.about-me .bio .nome h1 {
	font-size: 2rem;
	padding-top: 35px;
	line-height: 3rem;
	padding-bottom: 10px
}
.about-me .bio .nome h2 {
	font-size: 1.2rem
}
.about-me .bio .nome hr {
	border-top: 1px solid #83aee1;
	width: 100px;
	height: 1px;
	margin-left: 0;
	padding-bottom: 10px
}
.about-me .bio h4, .about-me .bio h5 {
	color: #83aee1;
	padding-bottom: 5px
}
.about-me .bio .quote {
	margin: 30px 0;
	color: #83aee1;
	font-weight: 300
}
.about-me .bio .chiaro {
	padding-top: 55px;
	color: #A8A8A8;
	float: left;
	font-weight: 300
}
.about-me .bio .testo-anno {
	padding-bottom: 20px;
	font-size: .8rem;
	line-height: 1.2rem;
	font-weight: 300
}
.ringraziamenti {
	float: left;
	width: auto;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	column-width: 240px
}
.ringraziamenti h6 {
	color: #83aee1;
	font-size: .9rem;
	font-family: Comfortaa, cursive;
	padding-bottom: 22px
}
.ringraziamenti .nome {
	font-family: Comfortaa, cursive;
	color: #000;
	font-size: .9rem;
	padding-top: 10px
}
.ringraziamenti hr {
	width: 60px;
	height: 1px;
	border-top: 1px solid #83aee1;
	margin-left: 0;
	margin-top: 20px;
	margin-bottom: 15px
}
.ringraziamenti a {
	color: #83aee1;
	font-weight: 700;
	text-decoration: underline;
	font-size: .8rem
}
.ringraziamenti p {
	padding-bottom: 8px;
	line-height: 1.3rem;
	font-size: .8rem
}
.bio .anno, .bio .chi-sono, .bio .date, .ringraziamenti {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}
.chi-sono p {
	line-height: 1.3rem;
	font-size: .8rem
}
.contatti .blocco-centrale {
	display: flex;
	align-items: center
}
.contatti .rettangolo-contatti {
	background-color: #efefe7;
	height: 100%;
	width: 316px;
	float: left
}
.contatti .contatti-dati {
	float: left;
	padding-left: 25px;
	width: auto;
	height: auto;
	margin: 0;
	font-family: Comfortaa, cursive;
	font-size: .9rem
}
.contatti .contatti-dati .azzurro {
	color: #83aee1;
	font-family: Comfortaa, cursive;
	margin-bottom: 5px;
	margin-top: 25px;
	font-size: 1rem
}
.contatti .contatti-dati h1 {
	color: #83aee1;
	font-family: Comfortaa, cursive;
	font-size: 1.4rem
}
.contatti .contatti-dati h1 span {
	font-weight: 400
}
.contatti .contatti-dati .telefono {
	margin-top: 80px
}
.contatti .contatti-dati .mail a {
	color: #000;
	text-decoration: underline
}
.contatti .contatti-dati address {
	font-style: normal
}
.contatti .contatti-dati .ufficio {
	line-height: 1.6rem
}
.single-progetto .blocco-centrale {
	overflow-x: scroll;
	overflow-y: hidden;
	width: 97%
}
.single-progetto .blocco-testo {
	float: left;
	width: 450px;
	height: 100%
}
.single-progetto .blocco-testo h1 {
	font-family: Comfortaa, cursive;
	font-size: 2.2rem;
	color: #000
}
.single-progetto .blocco-testo h2 {
	font-family: Comfortaa, cursive;
	font-size: 1rem;
	color: #83aee1
}
.single-progetto .blocco-testo hr {
	width: 106px;
	height: 1px;
	border-top: 3px solid #83aee1;
	margin-left: 0
}
.single-progetto .blocco-testo .testo {
	font-family: Comfortaa, cursive;
	font-size: .8rem;
	color: #000;
	padding-top: 30px;
	padding-right: 20px;
	text-align: justify
}
.single-progetto .blocco-testo .testo p {
	line-height: 1.2rem;
	font-weight: 300
}
.single-progetto .blocco-testo .testo .azzurro {
	color: #83aee1
}
.single-progetto .blocco-immagini {
	white-space: nowrap;
	max-height: 100%;
	height: 100%;
	width: 97%
}
.single-progetto .blocco-immagini img {
	height: 99%
}
@media screen and (max-width:1024px) {
.barra .menu-buttons {
	display: block
}
.menu {
	display: none
}
}
@media screen and (max-width:768px) {
body {
	overflow: auto
}
.about-me .bio {
	width: 100%;
	column-count: 1;
	overflow-x: hidden;
	height: auto
}
.about-me .bio .chiaro {
	padding-top: 0;
	margin-top: 30px
}
.about-me .blocco-centrale {
	overflow-x: auto;
	overflow-y: auto
}
.ringraziamenti {
	column-width: auto
}
.ringraziamenti div, .ringraziamenti p {
	width: 98%
}
.blocco-centrale {
	overflow-y: hidden
}
}
@media screen and (max-width:600px) {
.credits {
	font-size: .6rem
}
.single-progetto .blocco-centrale {
	overflow-x: hidden;
	width: calc(100% - 80px)
}
.single-progetto .blocco-testo {
	max-height: auto!important;
	width: 100%;
	height: auto;
	max-height: auto;
	border-bottom: 2px solid #ccc
}
.single-progetto .blocco-testo .testo {
	padding-bottom: 50px
}
.single-progetto .blocco-immagini {
	display: block;
	position: relative;
	top: 10px;
	white-space: normal;
	width: 100%
}
.single-progetto .blocco-immagini img {
	width: 100%;
	height: auto
}
}
@media screen and (max-width:480px) {
.contatti .blocco-centrale {
	display: block
}
.contatti .blocco-centrale .rettangolo-contatti {
	height: 168px;
	width: 100%
}
.contatti .blocco-centrale .testo-grande a {
	top: 185px;
	font-size: 3rem
}
.contatti .contatti-dati {
	padding-top: 65px;
	padding-bottom: 40px;
	padding-left: 0
}
.blocco-centrale .testo-grande a {
	font-size: 2rem;
	line-height: 2rem
}
.blocco-centrale .riga-entra {
	top: calc(41% + 35px);
	width: 86px
}
.blocco-centrale .entra a {
	right: 59px;
	top: calc(41% + 41px);
	font-size: .9rem
}
.credits {
	font-size: .5rem;
	max-width: 100%;
	width: 90%;
	margin: 10px 5%;
	text-align: center
}
.socials {
	width: auto;
	min-width: 100px;
	margin-top: 6px;
	margin-left: calc(50% - (47px));
	margin-right: 0;
	float: none
}
.socials .facebook, .socials .instagram, .socials .pinterest, .socials .twitter {
	margin-left: 3px;
	max-width: 90px
}
.riga-footer {
	margin: 22px auto 0
}
.page-template-portfolio .blocco-centrale, .portfolio .blocco-centrale {
	width: calc(100% - 60px);
	overflow-x: hidden
}
.page-template-portfolio .blocco-centrale .item-cont .dati, .portfolio .blocco-centrale .item-cont .dati {
	position: relative
}
.page-template-portfolio .blocco-centrale .item-cont .dati .nome-progetto, .portfolio .blocco-centrale .item-cont .dati .nome-progetto {
	top: unset
}
.page-template-portfolio .blocco-centrale .item-cont a, .portfolio .blocco-centrale .item-cont a {
	width: 50%
}
.page-template-portfolio .blocco-centrale .item-3 .nome-progetto, .page-template-portfolio .blocco-centrale .item-8 .nome-progetto, .portfolio .blocco-centrale .item-3 .nome-progetto, .portfolio .blocco-centrale .item-8 .nome-progetto {
	left: 0
}
}