html, body {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	font-family: 'Jura', sans-serif;
	font-size: 16px;
	line-height: 1.6171875em;
	color: #525252;
}

::-moz-selection, ::-webkit-selection, ::selection {
	color: #000; background: #E77844;
}

.error {
	color: #cc0000;
}

.dom {
	max-width: 400px;
	text-align: center;
}

* {
    box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #F0A567;
}

a:active, a:hover {
	text-decoration: none;
    outline: none;
	color: #E77844;
}

section, nav {
    margin: 0;
    overflow: auto;
    padding: 1.5em 1em;
	opacity: 1;
    transition: opacity 1s ease-out 0.1s;
}

section.bg-black, nav.bg-black {
    background-color: #000;
    color: #FFF;
}

section.bg-black h2 {
	color: #FFF;
}

section.bg-black hr, nav.bg-black hr {
    background: #FFF;
}

section.bg-white, nav.bg-white {
    background: #FFF;
}

section.bg-lightgray, nav.bg-lightgray {
    background: #E8E8E8;
}

section.bg-lightorange, nav.bg-lightorange {
    background: #E77844;
    color: white;
}

section.bg-lightorange h2 {
	color: #FFF;
}

section.bg-lightorange hr, nav.bg-lightorange hr {
    background: #FFF;
}

section.nopadding, nav.nopadding {
    padding: 0;
}

img {
    max-width: 100%;
}

h1 {
    font-family: 'Museo', sans-serif;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1em;
}

p {
    font-size: 1.25em;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75em;
}

.sezione-numeri {
	background-attachment: fixed;
	background-image: url('/img/bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.box-numeri-grosso {
	width: 50%;
	display: block;
	text-align: center;
	margin: 40px auto;
}

.box-numeri {
	float: left;
	width: 33.3%;
	padding: 0px 21px;
	margin-bottom: 42px;
	display: block;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}

.box-numeri.last {
	margin-right: 0px;
}

.box-numeri {
	width: 50%;
}

.box-numeri {
	width: 100%;
	padding: 0;
}

.box-numeri-grosso {
	width: 50%;
	display: block;
	text-align: center;
	margin: 40px auto;
}

.box-numeri {
	float: left;
	width: 33.3%;
	padding: 0px 21px;
	margin-bottom: 42px;
	display: block;
	text-align: center;
	box-sizing: border-box;
	position: relative;
}

.box-numeri.last {
	margin-right: 0px;
}

.over-level {
	padding: 40px;
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.6);
}

.icon-numeri {
	color: #FFF;
	margin-bottom: 20px;
	font-size: 60px;
}

.titolo-numeri {
	font-family: 'Open Sans', sans-serif;
	color: #00923F;
	margin-bottom: 20px;
	font-size: 24px;
	line-height: 24px;
	min-height: 48px;
	font-weight: 700;
}

.testo-numeri {
	min-height: 330px;
}

.testo-numeri {
	min-height: 300px;
}

@media all and (max-width: 796px) {
	.testo-numeri {
		min-height: 360px;
	}
}

.testo-numeri {
	min-height: 0px;
}
}

.sezione-numeri .slogan {
	margin-top: 60px;
	color: #fff;
}

.slogan1 {
    display: block;
    font-size: 50px;
    text-align: center;
    margin: 0px;
    line-height: 60px;
	font-family: 'Advent Pro', sans-serif;
	margin-bottom: 60px;
	font-weight: 400;
	letter-spacing: 3px;
	text-shadow: 1px 1px 2px #000;
}

.container-small {
    max-width: 1200px;
    padding: 0 20px;
    position: relative;
    margin: 0 auto;
	text-align: center;
}

.container-smallx {
    max-width: 500px;
    padding: 0 20px;
    position: relative;
    margin: 0 auto;
	text-align: center;
}

h2 {
	font-family: 'Museo', sans-serif;
	font-size: 1.875em;
	font-weight: 400;
	font-style: normal;
	line-height: 1em;
	color: #525252;
	margin-bottom: 0;
}

.cf::before, .cf::after {
    content: " ";
    display: table;
}

.cf::after {
    clear: both;
}

.clear {
    display: block;
    clear: both;
    height: 0px;
}

.clearfix::before, .clearfix::after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    transition: top 0.25s ease-out;
}

.header nav {
    overflow: visible;
	min-height: 99px;
	padding: 1.5em 18pt 1.5em 1em;
}

.nav-up {
    top: -105px;
}

.header .logo {
    float: left;
    position: relative;
    z-index: 10;
	line-height: 0px;
}

.header .logo a {
	line-height: 0px;
	display: inline-block;
}

.header .logo img {
	width: 150px;
	height: 51px;
	display: block;
	line-height: 0px;
}

.header .logo img.no-opacity {
	display: none;
}

.header .trigger {
    float: right;
    position: relative;
    z-index: 1001;
	display: inline-block;
	line-height: 0px;
	top: 5px;
}

.trigger .fa-bars {
    font-size: 40px;
    color: #FFF;
	cursor: pointer;
}

.header .menu {
	position: absolute;
	top: -100vh;
	right: 0px;
	width: 300px;
	margin: 0;
	padding: 99px 0 0;
	background: #000;
	height: 100vh;
	outline: 0;
	overflow-y: visible !important;
	transition: all 0.5s ease-out;
}

.header .menu.open {
	top: 0;
}

.wrap-menu {
    height: 100%;
    overflow: hidden;
    padding: 0;
    outline: 0;
}

.jspContainer {
    overflow: hidden;
    position: relative;
    height: 100%;
    overflow-y: visible !important;
}

.jspPane {
    position: absolute;
    outline: 0;
    padding: 0;
    top: 0;
    left: 0;
    width: 300px;
	transition: width 0.5s ease-out;
}

#list-group {
    outline: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#list-group li {
    display: block;
    padding: 5px 20px;
}

#list-group li a {
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
}

#list-group li a:hover {
    color: #CCC;
}

#list-group li a.hover {
    color: #E77844;
}

.home {
    overflow-x: hidden;
}

.bg-banner {
    background: center no-repeat;
    background-attachment: fixed;
    min-height: 90vh;
    overflow: hidden;
    position: relative;
    transition: min-height 0.5s ease-out;
}

.bg-banner::after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    transition: opacity 0.5s ease-out;
}

.home .bg-banner {
    background: url('/img/banner.jpg') no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: top;
    display: inline-flex;
    width: 100%;
	mix-blend-mode: multiply;
    min-height: 100vh;
    justify-content: flex-start;
    margin-bottom: -15em;
}

.about .bg-banner::after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
}

.bg-banner.dark::after {
    opacity: 0.35;
}

.about .bg-banner.dark::after {
	opacity: 0.9;
}

.bg-banner.dark h1 {
    opacity: 0;
}

.bg-banner.dark h1 + p {
	opacity: 0;
}

.home .bg-banner.dark::after {
    opacity: 0;
}

.home .bg-banner.dark h1, .home .bg-banner.dark p {
    opacity: 1 !important;
}

.centered {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
}

.home .tagline {
    position: relative;
    text-align: left;
    z-index: 10;
    padding: 0 0 0 5rem;
    width: 100%;
    max-width: 100%;
}

.bg-banner h1 {
    margin-top: 40vh;
    opacity: 1;
    transition: margin-top 0.5s ease-out, opacity 0.5s ease-out;
}

.work-intro h1 {
	font-size: 4em;
	margin-bottom: 0;
}

.home .bg-banner h1 {
    font-weight: 700;
}

.home .tagline h1 {
    color: #000;
    margin-bottom: 0;
    font-size: 4em;
	text-shadow: 1px 2px #FFF;
}

.bg-banner h1 + p {
    opacity: 1;
    transition: opacity 0.5s ease-out;
}

.home .tagline h1 + p {
    margin-top: 0;
    line-height: 4em;
}

.button-small {
    font-weight: 400;
	letter-spacing: 0;
    text-transform: uppercase;
    font-style: normal;
	font-size: 1.2em;
	line-height: 2;
}

.home .bg-banner span.button-small {
    color: #000;
    font-size: 1.2em;
    text-transform: none;
    line-height: 2;
	display: block;
	text-shadow: 1px 2px #FFF;
}

.logo-tondo {
	border-radius: 100%;
	width: 340px;
	height: 340px;
	background: #000 !important;
	border: 0px !important;
	text-align: center;
	position: absolute;
	margin-top: 30vh;
	left: 50%;
	transform: translateX(-50%);
	color: #FFF !important;
	padding: 0px !important;
	z-index: 100;
}

.logo-tondo img {
	width: 300px;
	height: 150px;
	margin-top: 95px;
}

.home .approach-splatters {
    position: relative;
}

.home .section-overflow {
    background: transparent;
    overflow: visible;
}

.home .approach-splatters::before {
    background: url('/img/dots.png') center no-repeat;
    content: '';
    height: 248px;
    mix-blend-mode: multiply;
    position: absolute;
    right: 120px;
    top: -6em;
    width: 136px;
}

.home .approach-splatters::after {
    /*background: url('/img/dots2.png') center no-repeat;*/
    bottom: 0;
    content: '';
    height: 301px;
    position: absolute;
    left: -12em;
    mix-blend-mode: multiply;
    width: 648px;
}

.centered-small {
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
}

.home .home-approach {
    padding-bottom: 2em;
    padding-top: 2em;
    text-align: center;
    position: relative;
    overflow-x: hidden;
	color: #000;
}

.home .home-approach h2 {
    line-height: 1.3;
    margin: auto;
    margin-bottom: 1em;
    max-width: 25ch;
	color: #FFF;
	text-shadow: 1px 2px #000;
	background-color: #E77844;
}

.home .home-approach h2 span {
	font-style: italic;
	font-weight: bold;
}

h2 + hr {
	background: #E77844;
	border: none;
	height: 2px;
	margin: 1em auto 0 auto;
	outline: none;
	width: 90px;
}

.home .home-services {
    position: relative;
    text-align: center;
}

.half.column, .half.columns {
    position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
}

html:not(.ie9) .clearflex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.home .home-services > .clearflex {
    align-items: stretch;
}

.home .home-services .home-services-service {
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    overflow: hidden;
    padding: 1em;
    position: relative;
}

.home .home-services .home-services-service:nth-child(2n) {
    border-right: none;
}

html:not(.ie9) .clearflex .column, html:not(.ie9) .clearflex .columns {
    float: none;
}

.home .home-services .home-services-service .icon-circle-container {
    margin-bottom: 0;
}

.icon-circle {
    border: 2px solid #FFF;
    border-radius: 50%;
    display: inline-block;
    height: 72px;
	padding: 10px;
	width: 72px;
	position: relative;
}

.icon-circle img {
	position: absolute;
	width: 100%;
	padding: 10px;
	display: block;
	line-height: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.icon-circle img.little {
	width: 90%;
}

section .icon-circle, nav .icon-circle {
    transition: all 1s ease-out 0.25s;
    opacity: 1;
}

section.bg-white .icon-circle, nav.bg-white .icon-circle {
    border-color: #E77844;
}

.home .home-services .home-services-service h2 {
	margin-top: 0;
}

.home .home-services .home-services-service p {
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
	transition: all 0.25s ease-out;
	position: relative;
	z-index: 2;
}

.home .home-services .home-services-service .icon-circle-container .icon-circle {
    margin-bottom: .5em;
}

button, .button {
    font-size: 1em;
    font-weight: 500;
}

button, .button {
    background: none;
    border: 2px solid;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 0;
    line-height: 1.25em;
    outline: none;
    padding: 1em;
    transition: background 0.5s ease-out;
	font-size: 1.25em;
	font-family: 'Jura', sans-serif;
}

button:hover, .button:hover {
    color: #FFF;
    background: #E77844;
}

.home .home-services .home-services-service .hover {
	background: rgba(231, 120, 68, 0.85) center no-repeat;
    background-image: none;
    background-size: auto;
	background-size: cover;
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	transition: all 0.25s ease-out;
	width: 100%;
	z-index: 2;
}

.home .home-services .home-services-service .hover::before {
    background: rgba(231, 120, 68, 0.85);
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.home .home-services .home-services-service .hover .icon-circle-container .icon-circle {
    border-color: #FFF;
}

.home .home-services .home-services-service .hover h2 {
	color: #FFF;
	position: relative;
	z-index: 2;
}

.home .home-services .home-services-service:hover .hover p {
	transform: scale(3);
}

.home .home-services .home-services-service:hover .hover {
    opacity: 0;
	z-index: -1;
}

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

.home .ambitious-splatters {
    position: relative;
}

.home .ambitious-splatters::before {
    background: url('/img/dots4.png') center no-repeat;
    content: '';
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
    right: 30em;
    top: -2em;
    width: 100%;
    z-index: -1;
}

.home .ambitious-splatters::after {
    background: url('/img/dots3.png') center no-repeat;
    content: '';
    height: 107px;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    z-index: -1;
}

.logo-container {
	position: relative;
	height: 100%;
	line-height: 0;
	margin: 40px 0px 20px;
}

.pipe {
	width: 1px;
	height: 182px;
	background-color: #e77844;
	display: inline-block;
	padding: 20px 0px;
}

.registrar {
	width: 128px;
	height: 142px;
	margin-right: 35px;
	position: relative;
	top: -20px;
}

.edu {
	width: 200px;
	height: 60px;
	margin-left: 35px;
	position: relative;
	top: -61px;
}

.home .home-projects {
    position: relative;
    text-align: center;
}

.epp-container {
    max-width: 880px;
    width: 100%;
    margin: 0px auto;
    box-sizing: border-box;
    margin-bottom: 1em;
	border-radius: 10px;
    padding: 10px;
    border: #FFF 1px solid;
}

.epp {
    max-width: 960px;
    width: 100%;
	border-radius: 10px;
	line-height: 0px;
	display: block;
}

.button-epp {
	background-color: #FFF;
}

.bg-rgba {
	background-attachment: scroll;
	background-image: url('/img/background.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;
	overflow: hidden;
}

.home-synthesis {
	background-color: rgba(231, 120, 68, 0.85);
	padding: 80px 1em;
	box-sizing: unset;
}

.cont {
    float: left;
    width: 28.333%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    text-align: center;
}

.cont-titolo {
    margin: 0px auto;
    color: #fff;
    width: 200px;
    height: 200px;
	border-radius: 200px;
    padding: 10px;
    text-align: left;
    text-align: center;
    font-size: 25px;
    font-weight: 400;
	position: relative;
	background-color: rgba(231, 120, 68, 0.85);
}

.cont-titolo.anni::after {
    content: '';
    position: absolute;
    top: -30px;
    left: -40px;
    bottom: -50px;
    right: -40px;
    background-image: url(/img/corona.png);
    background-size: contain;
    z-index: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.absolute {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	line-height: 1.5;
}

.cont-label {
    color: #fff;
	position: relative;
	z-index: 1;
    padding-top: 20px;
    font-size: 25px;
}

.cta-inline {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.home .grow-splatters {
    position: relative;
	padding: 80px 1em;
}

.home .grow-splatters::after {
    background: url('/img/dots5.png') center no-repeat;
    content: '';
    height: 228px;
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
	z-index: -1;
}

.home .section-overflow {
    background: transparent;
    overflow: visible;
}

.cta-inline .button {
    margin-left: 3em;
}

.home .button-contact {
    background: #FFF;
}

.home .button-contact:hover, .home .button-contact:active {
    background: #E77844;
    color: #FFF;
}

.grey-map {
	min-height: 23em;
}

#map-canvas {
    height: 100%;
    margin: 0;
    min-height: 23em;
    padding: 0;
    width: 100%;
}

.about .bg-banner {
    background: url('img/wow-banner.jpg') center no-repeat;
    background-size: cover;
}

.about .bg-banner h1 {
	margin-top: 30vh;
}

.about .about-tagline {
    position: relative;
    text-align: center;
    z-index: 1;
}

.about .about-tagline h1 {
    color: #FFF;
    margin-bottom: 0;
	font-size: 4em;
}

.about .about-tagline h1 + p {
    margin-top: 0;
}

.about .orange {
	color: #E77844;
}

.about .about-story h2 {
    text-align: center;
}

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

.main a:not(.button):not(.button-small):not(.a-basic) {
    color: #525252;
    background: linear-gradient(to top, #E77844 50%, rgba(0, 0, 0, 0) 50%);
    background-size: 100% 200%;
    background-position: top;
    transition: background-position 0.1s ease-out;
    border-bottom: 2px solid #E77844;
	padding-bottom: 2px;
	padding-top: 2px;
}

.main a:not(.button):not(.button-small):not(.a-basic):hover, .main a:not(.button):not(.button-small):not(.a-basic):active {
    background-position: bottom;
    color: #FFF;
}

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

.service section {
    padding-bottom: 3.5em;
}

.service.webdesign #intro {
	background-image: url('/img/web-design-banner.jpg');
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
    min-height: 90vh;
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.webdesign #intro::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E77844;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.webdesign #intro::before {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    transition: opacity 0.5s ease-out;
}

.service-intro {
	position: relative;
	z-index: 2;
}

.service .icon-circle-container {
    text-align: center;
}

.service.webdesign #intro .icon-circle-container {
    margin-top: 30vh;
}

.service section.bg-black h1 {
	color: #FFF;
	font-size: 4em;
	margin-bottom: 0;
}

.service section.bg-black p {
	font-size: 1.2em;
}

.big {
	font-size: 1.6em;
}

.service h1 {
	text-align: center;
}

.service .icon-circle-container + h1 {
	margin-top: 0;
	font-size: 4em;
	margin-bottom: 0;
}

.service.branding #intro p {
	font-size: 1.2em;
	line-height: 2;
}

.service h1 + hr {
	background: #E77844;
	border: none;
	height: 2px;
	margin: 1em auto 0 auto;
	outline: none;
	width: 90px;
}

.service.webdesign #intro hr {
    background: #FFF;
}

.service.webdesign #consultation {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.webdesign #consultation::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E8E8E8;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service h2 {
	text-align: center;
}

.service .icon-circle-container + h2 {
	margin-top: 0;
}

.service.webdesign #custom {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.webdesign #custom::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #FFF;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.webdesign #custom .icon-circle, .service.webdesign #restyling .icon-circle {
    border-color: #E77844;
}

.service.webdesign #responsive {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.webdesign #responsive::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E8E8E8;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.responsive {
	max-width: 1400px;
	max-height: 425px;
	display: block;
	line-height: 0px;
	width: 100%;
}

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

.service.digitalmarketing #intro {
	background-image: url('/img/digital-marketing-banner.jpg');
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
    position: relative;
    min-height: 55vw;
}

.service.digitalmarketing #intro::before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    bottom: 0;
    content: " ";
    height: 100%;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 0;
}

.service.digitalmarketing #intro .icon-circle-container {
    margin-top: 16vw;
}

.service.digitalmarketing #intro hr {
    background: #FFF;
}

.service.digitalmarketing #intro p {
    position: relative;
    z-index: 1;
}

.service.digitalmarketing #landing {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.digitalmarketing #landing::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #FFF;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.digitalmarketing #ecommerce {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.digitalmarketing #ecommerce::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E77844;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.digitalmarketing #seo {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.digitalmarketing #seo::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #000;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.digitalmarketing #social {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.digitalmarketing #social::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #FFF;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.digitalmarketing #conversion {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.digitalmarketing #conversion::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E77844;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}


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

.header-height-spacer {
    height: 99px;
}

.service.branding #intro {
    position: relative;
    overflow: hidden;
	padding-bottom: 200px;
}

.service.branding #intro::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E77844;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.branding #logos {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.branding #logos::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #000;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.branding #brand {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.branding #brand::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E8E8E8;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.branding #print .icon-circle {
    border-color: #E77844;
}

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

.service.dominiehosting #intro {
    position: relative;
    overflow: hidden;
	padding-bottom: 200px;
}

.service.dominiehosting #intro::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E77844;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.dominiehosting #domain {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.dominiehosting #domain::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #000;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.dominiehosting #hosting {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative;
}

.service.dominiehosting #hosting::after {
    display: block;
    content: "";
    width: 200%;
    height: 100px;
    background: #E8E8E8;
    position: absolute;
    left: -10px;
    bottom: 0px;
    transform: rotate(-2deg);
}

.service.dominiehosting #email-configuration .icon-circle {
    border-color: #E77844;
}

.antispam-policy #intro .centered:first-child, .cookies #intro .centered:first-child, .credits #intro .centered:first-child, .datisocietari #intro .centered:first-child, .notelegali #intro .centered:first-child, .privacy #intro .centered:first-child {
    margin-top: 4em;
}

.page-info-contact {
    padding: 0;
    list-style: none;
}

.page-info-contact li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 35px;
}

.page-info-contact li::before {
    font-size: 16px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: -35px;
    width: 35px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
	color: #E77844;
}

.page-info-contact #indirizzox::before {
    content: "\f3c5";
}

.page-info-contact #telefonox::before {
    content: "\f095";
}

.page-info-contact #faxx::before {
    content: "\f1ac";
}

.page-info-contact #mailx::before {
    content: "\f0e0";
}

.service.contatti #intro {
	padding: 0px;
}

#cnt-pagamento {
	text-align: center;
}

.tab-pagamenti {
    display: block;
    width: 100px;
    margin: 0px auto;
}

.tdcenter {
    text-align: center;
}

.width100 {
    width: 100%;
}

.tdleft {
    text-align: left;
}

.width33 {
    width: 33.3%;
}

.width90 {
    width: 90%;
}

.button-form {
	color: #F0A567;
}

.tab-pagamentix {
    display: block;
    width: 300px;
    margin: 0px auto;
}

.param {
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border: none;
}

.param td {
    vertical-align: top;
    padding: 5px;
    border-bottom: #E77844 1px solid;
}

#map {
	position: relative;
	height: 650px;
	width: 100%;
}

.left_50 {
    width: 45%;
    float: left;
}

.right_50 {
    width: 45%;
    float: right;
}

.right_50 p {
	font-size: 18px;
}

.input {
    font-family: 'Jura', sans-serif;
    font-size: 16px;
    color: #525252;
	font-weight: 400;
    border: 0px;
    border-bottom: 1px solid #CCC;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    background-color: transparent;
    transition: all 0.5s;
    position: relative;
    z-index: 4;
    border-radius: 0px;
	outline: 0;
	display: block;
	margin: 0px auto 15px auto;
}

.input:focus {
    border-bottom: 1px solid #E77844;
	border-radius: 0px;
	outline: 0;
}

.noshow {
	display: none;
}

.footer {
    font-size: .8125em;
    line-height: 2.1875em;
}

.four.columns {
    position: relative;
    float: left;
    width: 25%;
    box-sizing: border-box;
    margin: 0;
}

.four.doppia {
	position: relative;
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
}

.col-doppia {
	column-count: 2;
	column-gap: 20px;
}

.footer h3 {
    color: #939393;
    font-size: 1.125em;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 0;
	text-transform: uppercase;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer .footer-info .footer-info-navigate {
    position: relative;
    box-sizing: border-box;
    margin: 0;
}

.footer .footer-info .footer-info-navigate li::before {
    color: #939393;
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
    font-size: 8px;
    margin-right: .75em;
	position: relative;
	top: -2px;
}

.footer a {
    color: #FFF;
}

.footer a:hover, .footer a:active {
    color: #E77844;
}

.footer .footer-info .footer-info-contact li {
    padding-left: 35px;
}

.footer .footer-info .footer-info-contact li::before {
    font-size: 16px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: -35px;
    width: 35px;
    vertical-align: middle;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-weight: 900;
	color: #939393;
}

.footer .footer-info .footer-info-contact #indirizzo::before {
	content: "\f3c5";
}

.footer .footer-info .footer-info-contact #telefono::before {
	content: "\f095";
}

.footer .footer-info .footer-info-contact #fax::before {
	content: "\f1ac";
}

.footer .footer-info .footer-info-contact #mail::before {
	content: "\f0e0";
}

.onlymobile {
	display: none;
}

.footer .footer-info .footer-info-connect li {
    display: inline-block;
    line-height: 30px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: .25em;
}

.footer .footer-info .footer-info-connect li:first-child {
    margin-left: 0;
}

.footer .footer-info .footer-info-connect li:last-child {
    margin-right: 0;
}

.footer .footer-info .footer-info-connect li a {
    background: #FFF;
    border-radius: 50%;
    display: inline-block;
    height: 45px;
    overflow: hidden;
    text-align: center;
    width: 45px;
    vertical-align: middle;
    transition: background 0.1s ease-out;
}

.footer .footer-info .footer-info-connect li a .fab {
    font-size: 25px;
	line-height: 45px;
	color: #666666;
}

.footer .footer-info .footer-info-connect li a:hover .fab {
	color: #E77844;
}

.orario {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.giorno, .ora {
    border-bottom: 1px solid #666666;
    padding: 5px;
}

.giorno {
	text-align: left;
    font-style: italic;
}

.ora {
    text-align: right;
}

#copy_left {
    float: left;
    box-sizing: border-box;
    color: #525252;
    font-size: 13px;
}

#copy_right {
    float: right;
    box-sizing: border-box;
}

.menu_foot {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu_foot li {
    display: inline-block;
    line-height: 13px;
    padding-right: 10px !important;
    padding-left: 10px !important;
    border-right: #ccc 1px solid;
}

.menu_foot li a {
    color: #525252;
    font-size: 13px;
}

.menu_foot li:last-child {
    border-right: none;
    padding-right: 0px !important;
}

#telefona {
    position: fixed;
    left: 18pt;
    top: 17pt;
    width: 60px;
    height: 60px;
    background-color: #E77844;
    z-index: 1001;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    color: #fff;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
	transition: box-shadow 150ms linear;
}

#telefona .fas {
    color: #fff;
    font-size: 30px !important;
    line-height: 60px;
}

#telefona:hover {
	box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
}

#label-telefona {
    display: none;
    position: fixed;
    left: 80pt;
    bottom: 22pt;
    height: 50px;
    background-color: #E77844;
    z-index: 1001;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 20px !important;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
}

#whatsappa {
    position: fixed;
    right: 90pt;
	bottom: 17pt;
    width: 60px;
    height: 60px;
    background-color: #00E676;
    z-index: 1001;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    color: #fff;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
	transition: box-shadow 150ms linear;
}

#whatsappa .fab {
    color: #fff;
    font-size: 30px !important;
    line-height: 60px;
}

#whatsappa:hover {
	box-shadow: 0 5px 24px rgba(0, 0, 0, .3);
}

#cookie-disclaimer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2147483647;
    padding: 10px 0;
    font-size: 13px;
    text-align: center;
    color: #FFF;
}

.container {
    max-width: 1200px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0px auto;
}

.cf::before, .cf::after {
    content: " ";
    display: table;
}

.cf::after {
    clear: both;
}

#cookie-disclaimer .button {
	color: #FFF;
	border-color: #FFF;
}

@media all and (max-height: 1400px) and (max-width: 1400px) {
	.bg-banner {
		min-height: auto;
	}

	.bg-banner h1 {
		margin-top: 30vh;
	}

	.about .bg-banner h1 {
		margin-top: 20vh;
	}

	.bg-banner h1 + p:last-child {
		margin-bottom: 30vh;
	}

	.logo-tondo {
		margin-top: 14vh;
	}
}

@media all and (max-height: 900px) {
	.logo-tondo {
		margin-top: 14vh;
	}
}

@media all and (max-width: 1350px) {
	.logo-tondo {
		width: 240px;
		height: 240px;
	}

	.logo-tondo img {
		width: 200px;
		height: 100px;
		margin-top: 70px;
	}

	.bg-banner h1 {
		margin-top: 40vh;
	}
}

@media all and (max-width: 1000px) {
	p {
		font-size: 1.15em;
	}

	.four.sitemap {
		display: none;
	}

	.four.columns {
		width: 50%;
	}

	.bg-banner h1 {
		margin-top: 60vh;
	}

	.bg-banner h1 + p:last-child {
		margin-bottom: 34vh;
	}

	.cont {
		width: 45%;
		margin-bottom: 5%;
	}

	.service.webdesign #intro, .service.webdesign #consultation, .service.webdesign #custom, .service.webdesign #responsive, .service.digitalmarketing #landing, .service.digitalmarketing #ecommerce, .service.digitalmarketing #seo, .service.digitalmarketing #social, .service.digitalmarketing #conversion, .service.branding #intro, .service.branding #logos, .service.branding #brands, .service.dominiehosting #intro, .service.dominiehosting #domain, .service.dominiehosting #hosting {
		padding-bottom: 100px;
	}

	.service.webdesign #intro:after, .service.webdesign #consultation:after, .service.webdesign #custom:after, .service.webdesign #responsive:after, .service.digitalmarketing #landing:after, .service.digitalmarketing #ecommerce:after, .service.digitalmarketing #seo:after, .service.digitalmarketing #social:after, .service.digitalmarketing #conversion:after, .service.branding #intro:after, .service.branding #logos:after, .service.branding #brands:after, .service.dominiehosting #intro:after, .service.dominiehosting #domain:after, .service.dominiehosting #hosting:after {
		height: 50px;
		bottom: 0px;
	}
}

@media all and (max-width: 800px) {
	.home .bg-banner h1, .about .about-tagline h1, .service section.bg-black h1, .service .icon-circle-container + h1, .work-intro h1 {
		line-height: 1.1em;
	}

	.home .bg-banner span.button-small {
		line-height: 1.5;
	}

	.home .section-overflow {
		overflow: hidden;
	}

	.home .approach-splatters::before {
		right: -2em;
		top: 0em;
		opacity: 0.5;
	}

	.home .approach-splatters::after {
		left: -20em;
		opacity: 0.5;
	}

	.home .ambitious-splatters::before {
		right: 10em;
		top: -8em;
		opacity: 0.5;
	}

	.home .ambitious-splatters::after {
		opacity: 0.5;
	}

	.half.column {
		position: relative;
		float: left;
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}

	.home .home-services .home-services-service {
		border-right: none;
	}

	.cta-inline {
		flex-wrap: wrap;
		text-align: center;
	}

	.home .grow-splatters::after {
		right: -6em;
		bottom: -3em;
		opacity: 0.5;
	}

	.cta-inline .button {
		margin: 0 0 1em 0;
	}

	.left_50, .right_50 {
		float: none;
		width: 100%;
	}

	.left_50 {
		margin-bottom: 40px;
	}

	.four.columns {
		text-align: center;
		width: 100%;
	}

	#copy_left {
		float: none;
		width: 100%;
		padding-left: 0px;
		padding-top: 5px;
		text-align: center;
	}

	#copy_right {
		float: none;
		width: 100%;
		padding-right: 0px;
		padding-top: 5px;
		text-align: center;
	}

	.menu_foot li {
		display: block;
		padding-right: 0px;
		padding-left: 0px;
		padding-top: 10px !important;
		padding-bottom: 10px  !important;
		border-right: none;
	}

	.home .tagline h1, .about .about-tagline h1, .service section.bg-black h1, .service .icon-circle-container + h1, .work-intro h1 {
		font-size: 2.2em;
	}

	.home .home-services .home-services-service p {
		font-size: 0.85em;
		line-height: 1.35em;
	}

	.nascosto {
		font-size: 1.275em;
	}

	.icon-circle-container.nascosto {
		width: 52px;
		height: 52px;
	}

	.service.webdesign #intro .icon-circle-container {
		margin-top: 13vh;
	}

	.big {
		font-size: 1.2em;
	}
}

@media all and (max-width: 767px) {
	html:not(.ie9) .clearflex {
		flex-wrap: wrap;
	}

	.onlymobile {
		display: inline-block;
	}

	.nomobile {
		display: none;
	}

	.cont-label {
		height: 72px;
	}
}

@media all and (max-width: 600px) {
	.home .tagline {
		padding: 0;
	}

	.home .tagline h1 {
		margin-top: 46vh;
		text-align: center;
	}

	.bg-banner h1 + p:last-child {
		text-align: center;
	}

	.home .home-approach h2 {
		background: none;
		text-shadow: none;
		color: #000;
	}

	.header .menu, .jspPane {
		width: 100%;
	}

	.cont-titolo {
		width: 100px;
		height: 100px;
		border-radius: 100px;
		font-size: 16px;
	}

	.cont-titolo.anni::after {
		top: -15px;
		left: -20px;
		bottom: -25px;
		right: -20px;
	}

	.cont-label{
		font-size: 16px;
	}
}

@media all and (max-width: 500px) {
	.registrar {
		display: block;
		width: 128px;
		height: 172px;
		top: 0px;
		margin: 0px auto;
		padding-bottom: 30px;
	}

	.pipe {
		display: none;
	}

	.edu {
		display: block;
		width: 200px;
		height: 90px;
		top: 0px;
		margin: 0px auto;
		padding-top: 30px;
	}
}

@media all and (min-width: 400px) and (max-width: 900px) and (max-height: 500px) {
	.home .home-approach {
		padding-top: 7em !important;
	}

	.bg-banner h1 {
		margin-top: 95vh !important;
	}

	.logo-tondo {
		margin-top: 25vh !important;
	}

	.home .tagline {
		padding: 0 !important;
	}
}

@media all and (max-width: 400px) {
	.marginmobile {
		margin-top: 20px;
	}

	.home .tagline h1 {
		margin-top: 59vh;
	}

	.logo-tondo {
		margin-top: 16vh;
	}
}

@media all and (max-width: 330px) {
	.home .tagline h1 {
		margin-top: 60vh;
	}

	.bg-banner h1 + p:last-child {
		margin-bottom: 32vh;
	}
}