.page-header {
	margin-top: 50px;
}
.img-art-blog .container-component img {
	padding: 20px;
}
.img-art-blog .container-component h3 {
	margin-top: 30px;
}
.mod-list li {
	padding: 1.5em 0 !important;
}
.convertforms.cf-success .cf-response {
	background-color: #6db42c !important;
	display: block;
	border-radius: 15px;
	padding: 30px;
	font-size: 17px;
}
.container-header {
	background-color: #fff;
	background-image: -o- linear-gradient(135deg, hsl(91.3, 60.7%, 43.9%) 0%, hsl(81.6, 99.1%, 41.8%) 100%);
	background-image: linear-gradient(135deg, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 100%) 100%);
	display: none;
}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
	padding: 20px 0 !important;
}
.mod-menu.mod-list.nav.img-menu-port img {
	width: 20%;
	padding-right: 15px;
	float: left;
}
.mod-menu.mod-list.nav.img-menu-port ul li {
	padding-top: 15px;
}
.container-component {
	padding: 0 25px;
}
.left.item-image {
	float: none;
	text-align: center;
}
.ancora a, a.ancora{
  padding-top:100px;
  transition:all 400ms ease-in-out 0s;
}
a, a:visited {
	color: #92b78f;
	text-decoration: none !important;
}
a:hover, a:focus {
	color: #202020;
}
i {
	font-size: 20px;
	padding-right: 10px;
}
.footer .grid-child {
	padding: 0;
}
.footer {
	margin-top: 0;
}
.box-shad{
  -webkit-box-shadow: 0px 0px 25px 0px #8E8E8E; 
box-shadow: 0px 0px 25px 0px #8E8E8E;
}
/*
.site-grid {
	padding-bottom: 100px;
}*/
.container-top-a {
	background: url(../../../../../images/bg/agenzia-grafica-e-web-specializzata-a-verona.webp) no-repeat;
	color: white;
	padding: 100px 0;
}
.container-top-b-top-full{
	padding: 25px 80px;
}
.container-bottom-c-top-full {
	padding: 80px;
}
.container-top-c{
	background: url(../../../../../images/bg/siti-web-sostenibili-eco-green-verona-milano-torino-roma.webp) no-repeat;
  padding: 100px 0;
  clip-path: ellipse(100% 51% at 38% 39%);
}
.container-top-c h1 {
  font-size:40px;
  font-family: 'Open Sans';
}
.container-top-c h6 {
	margin-top: 70px;
  }
 .itemid-101 .container-bottom-a,  .itemid-106 .container-bottom-a{
	background: url(../../../../../images/bg/graphic-web-agency-verona-torino-milano.webp) no-repeat fixed;
}
 .itemid-103 .container-bottom-a{
	background: url(../../../../../images/bg/creazione-logo-verona-torino-agenzia-grafica-seria.webp) no-repeat fixed;
}
 .itemid-101 .container-bottom-b {
	background: url(../../../../../images/bg/studio-grafica-verona-stampa-sito-web-immagine-aziendale-torino-milano.webp) no-repeat fixed;
}
 .itemid-102 .container-bottom-a{
	background: url(../../../../../images/bg/sito-web-agency-verona-seria-professionale-hotel-cosmetica-naturale-kart-torino-milano.webp) no-repeat fixed center;
}
 .itemid-103 .container-bottom-b {
	background: url(../../../../../images/bg/pacchetto-grafica-tutto-compreso-sito-web-stampa-agenzia-verona-torino-milano.webp) no-repeat fixed center;
}
 .itemid-104 .container-bottom-a {
	background: url(../../../../../images/bg/creazione-grafiche-stampa-tipografia-verona-servizio-grafica-economico-torino-milano.webp) no-repeat fixed center;
}
 .itemid-104 .container-bottom-b-bottom-full {
	background: url(../../../../../images/bg/tipografia-verona-studio-grafico-progettazione-grafica-torino-milano.webp) no-repeat fixed center;
}
.container-bottom-a, .container-bottom-b, .container-bottom-b-bottom-full, .container-bottom-a-bottom-full, .container-top-b-bottom-full{
  padding: 0;
}
.container-bottom-b-top-full, .container-bottom-c, .container-bottom-c-bottom-full{
  padding: 60px 0 40px 0;
}
.itemid-106 .container-bottom-b-top-full, .itemid-106 .container-bottom-b{
  padding: 0;
}
.container-bottom-d {
	background: url(../../../../../images/bg/servizio-siti-web-facile-semplice-efficente-verona.webp) no-repeat left top #f1f4f5;
	padding: 70px 0;
	z-index: 1;
}
.bg-grey, .container-bottom-e, .container-top-b-bottom-full {
	background: #f1f4f5;
}
.box-bg-grey{
	background: #f1f4f5;
  padding:30px;
  margin:30px;
}
.container-bottom-f{
    padding: 80px 0;
}
.container-top-a h1, .container-top-a h2, .container-top-a h3 {
	color: white;
	font-size: 32px;
}
.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * {
	flex: 1;
	margin: auto;
}
/************************************************************/
.grid-nav-40 {
	padding: 0.5% 3%;
	background: white;
}
.moduletable {
	width: 100%;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
	background: #ffffff52;
	border-radius: 8px;
}
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="accordions"] > [data-rlta-element="button"] > [data-rlta-element="heading"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"] > [data-rlta-element="heading"] {
	font-size: 24px;
    font-display: swap;
}
@font-face {
  font-family: 'Puisi Adinda';
    font-style: normal;
    font-weight: normal;
  src: local('Puisi Adinda'), url('fonts/Puisi-Adinda.woff') format('woff');
  src: local('Puisi Adinda'), url('fonts/Puisi-Adinda.ttf') format('truetype');
  font-display:swap;
}
    @font-face {
    font-family: 'Open Sans Light';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans Light'), url('fonts/OpenSans-Light.woff') format('woff');
        font-display:swap;
    }

    @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans'), url('fonts/OpenSans-Regular.woff') format('woff');
    font-display:swap;
    }
    @font-face {
    font-family: 'Open Sans SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans SemiBold'), url('fonts/OpenSans-SemiBold.woff') format('woff');
    font-display:swap;
    }
    @font-face {
    font-family: 'Noto Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Noto Sans Regular'), url('fonts/NotoSans-Regular.woff') format('woff');
    font-display:swap;
    }
    @font-face {
    font-family: 'Noto Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Noto Sans Italic'), url('fonts/NotoSans-Italic.woff') format('woff');
    font-display:swap;
    }
    @font-face {
    font-family: 'Noto Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Noto Sans Bold'), url('fonts/NotoSans-Bold.woff') format('woff');
    font-display:swap;
    }
    @font-face {
    font-family: 'Noto Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Noto Sans Bold Italic'), url('fonts/NotoSans-BoldItalic.woff') format('woff');
    font-display:swap;
    }
.site {
	margin-bottom: 0 !important;
}
p, ul, ol {
	font-size: 18px;
	font-family: 'Noto Sans Regular';
}
.p-zero p {
	margin: 0;
	padding: 0;
}
ul{
	line-height: 32px;
}
h1, .h1, h2, .h2, h5, .h5, h6, .h6{
  font-family: 'Open Sans Light';
    color: #2d2d2d;
}
h1, .h1 {
	font-size: 36px;
	margin-bottom: 18px;
}
.page-header h1 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 40px;
}
h2, .h2 {
	font-size: 33px;
	margin: 30px 0 20px 0;
}
h3, .h3, .container-top-b-top-full h1 {
	font-size: 21px;
	margin: 25px 0;
    font-family: 'Open Sans';
}
h4, .h4 {
	font-size: 1.25rem;
	margin: 30px 0 15px 0;
	font-family: 'Open Sans';
}
h5 {
font-size: 18px;
margin-bottom: 15px;
}
 h6, .h6{
   font-weight: normal;
}
.tx-center{
    text-align: center;
}
.md-center{
    margin: 0 auto;
}
body:not(.has-sidebar-left) .site-grid .container-component {
	grid-column-start: span 0;
}
/*
body:not(.has-sidebar-left) .site-grid .container-component {
	grid-column-start: full-start;
}
body:not(.has-sidebar-right) .site-grid .container-component {
	grid-column-end: full-end;
}*/



body.wrapper-fluid footer > .grid-child {
	padding-right: 0;
	padding-left: 0;
}
.mappa-responsive {
	position: relative;
	padding-bottom: 27.65%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.mappa-responsive iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
#back-top {
	position: fixed;
}
/*MENU*/
.grid-nav-40 {
	padding: 0.5% 3%;
}
.logo-dim {
	width: 20%;
	float: left;
}
.container-header .mod-menu {
	color: black;
	list-style: none;
}
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
	right: 2px;
	left: 0;
	background: #0093ff;
}
.grid-child.container-nav {
	float: right;
	width: auto;
	padding-top: 13px;
}
.mod-menu.mod-list.nav {
    font-family: 'Open Sans';
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
}
.navbar-expand-md {
	justify-content: center;
	text-align: center;
	margin: 0 auto;
}

body {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
 
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
/*FADE IMAGES*/
.fade-in img {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.si-mobile{
    display: none;
}
.no-mobile{
    display: block;
}
.menu-fixed-bottom {
    display: none;
}
.container-banner-top  {
    display: none;
}

@media only screen and (max-width: 970px){
.container-banner-top, .container-banner, .container-banner-bottom, .container-top-a, .container-top-a-bottom-full, .container-top-b-top-full, .container-top-b, .container-top-b-bottom-full, .container-top-c-top-full, .container-top-c, .container-top-c-bottom-full, .container-bottom-a, .container-bottom-a-bottom-full, .container-bottom-b-top-full, .container-bottom-b, .container-bottom-b-bottom-full, .container-bottom-c-top-full, .container-bottom-c, .container-bottom-c-bottom-full, .container-bottom-d, .container-bottom-e, .container-bottom-f{
    padding: 0;
}
    .container-top-a {
	text-align: center;
}
.navbar.navbar-expand-md, .navbar-expand-md {
	float: left;
	margin: 0;
}
}

@media only screen and (max-width: 1200px){
#back-top {
	display: none;
}
.menu-fixed-bottom {
	position: fixed;
	inset-inline-end: 0rem;
	bottom: 0rem;
	width: 100%;
	z-index: 10;
    display: block;
}
.container-banner-top  {
	position: fixed;
	inset-inline-end: 0rem;
	bottom: 0rem;
	width: 100%;
	z-index: 10;
    display: block;
}
.container-top-b-top-full {
	padding: 25px;
}
  .container-copy {
	padding-bottom: 30px;
}
/*.grid-cont {
	display: grid;
	grid-template-columns: 55% 33% 12%;
	font-size: 18px;
	text-align: center;
	font-family: 'Open Sans Semibold';
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); 
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
}
  */
.grid-cont {
	display: grid;
	grid-template-columns: 10% 50% 30% 10%;
	font-size: 18px;
	text-align: center;
	font-family: 'Open Sans Semibold';
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
}
.grid-cont a {
	text-decoration: none;
}
.btn01 {
	background: #fff;
	border-left: 1px solid white;
	padding: 8px;
}
.btn02 {
	background: #255e82;
	border-right: 1px solid white;
	border-left: 2px solid white;
	padding: 8px;
	color: white;
}
.btn01 a{
	color: #255e82;
}
.btn02 a {
	color: white;
}
.btn03 {
	background: #255e82;
	border-right: 1px solid white;
	border-left: 2px solid white;
	padding: 8px;
	color: white;
}
  .btn03 a {
	color: white;
}
.btn04{
    background: #fff;
    padding: 8px;
}
.btn01 a:hover, .btn02 a:hover, .btn03 a:hover{
    color: black;
}}




@media only screen and (max-width: 770px){
  .page-header {
	margin-top: 0px;
}
  .container-component {
	padding: 0;
}

.convertforms .cf-one-half, .convertforms .cf-two-fourths, .convertforms .cf-three-sixths {
	width: 100% !important;
}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
	padding: 50px 0 !important;
}
.container-header .navbar-toggler {
	color: #2c2c2c;
	cursor: pointer;
	border: 1px solid white;
}
.navbar-expand-md {
	justify-content: center;
	text-align: left;
	margin: 0 auto;
}
/*.grid-child.container-nav {
	float: none;
}*/
    .navbar.navbar-expand-md {
	width: 100%;
}
.si-mobile{
    display: block !important;
}
.no-mobile{
    display: none;
}
.navbar.navbar-expand-md, .navbar-expand-md{
	float: left;
	margin: 0;
}
.navbar-brand {
	margin: 0 auto;
}    
.container-header .mod-menu > li {
	position: relative;
	float: none;
	width: 100%;
	text-align: left;
}
 .logo-dim {
	width: 100%;
	float: none;
}
}

/*GRID LAYOUT*/
.span_1-3 {
	width: 32%;
	float: left;
	margin: 0 6% 0 0;
	padding: 7px 0;
}
.span_2-3 {
	width: 60%;
	float: left;  
}

/***/
.grid-layout > div:first-child {
  padding-left: 0;
}
.grid-layout > div:last-child, .grid-layout3 > div:last-child, .grid-layout4 > div:last-child {
  padding-right: 0;
}
.grid-layout > div {
	float: left;
	width: 49%;
	padding-right: 5%;
}
.grid-layout3 > div {
	float: left;
	width: 32.66%;
	padding-right: 5%;
	margin-bottom: 3%;
}
.gl-middle{
    margin: 0 1%;
}
.grid-layout4 > div {
	float: left;
	width: 25%;
	padding-right: 5%;
}
.grid-layout5 > div {
	float: left;
	width: 20% !important;
	padding-right: 3% !important;
}
.grid-layout6 > div {
	float: left;
	width: 16% !important;
	padding:20px 0 30px 0;
}
.grid-layout12 > div {
	float: left;
	width: 8.3% !important;
	padding: 0 20px;
	text-align: center;
}
.span-end {
	clear: both;
	height: 0;
	margin: 0;
}
.col {
	display: block;
	float: left;
	padding: 1% 0;
}
@media only screen and (max-width: 990px){
.mappa-responsive {
	position: relative;
	padding-bottom: 100%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.span_2-3 {
	width: 100%;
	margin: 0;
}
.span_1-3 {
	width: 90%;
	margin: 0;
}
.footer {
	margin-top: -7px;
	color: white;
	background-color: #2f94bd;
    }
}
@media only screen and (max-width: 770px){
  .img-art-blog .container-component img {
	padding: 20px 0;
}
  .site-grid {
	margin-top: 10%;
}
.grid-child {
	display: block;
} 
.grid-child.container-nav {
	padding-top: 0 !important;
	position: relative;
}
.navbar.navbar-expand-md {
	width: 100%;
}
.si-mobile{
    display: block !important;
}
.no-mobile{
    display: none;
}
.navbar.navbar-expand-md, .navbar-expand-md{
	float: left;
	margin: 0;
}
.navbar-brand {
	margin: 0 auto;
}    
.logo-dim {
	width: 100%;
	float: none;
}
.footer .grid-child {
	align-items: baseline;
}
/*GRID LAYOUT*/
.span_1-3 {
	width: 100%;
	float: none;
	margin: 35px 0 0 0;
	padding: 0;
}
.span_2-3 {
	width: 100%;
	float: none;
}
.grid-layout > div {
	float: none;
	width: 100% !important;
	padding:0;
}
.gl-middle{
    margin: 0;
}
.grid-layout3 > div {
	float: none;
	width: 100% !important;
	padding: 0;
	margin-bottom: 10%;
}
.grid-layout4 > div {
	float: none;
	width: 100% !important;
	padding:0;
}
.grid-layout5 > div {
	float: none;
	width: 100% !important;
	padding:0;
}
.grid-layout6 > div {
	float: none;
	width: 100% !important;
	padding: 0;
	margin-bottom: 40px;
}
    .grid-layout12 > div {
	float: left;
	width: 50% !important;
	padding: 20px 0;
	text-align: center;
}
}