@font-face {
    font-family: 'Alice Regular';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/Alice Regular'), url('fonts/Alice-Regular.woff') format('woff');
    }

    @font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/Segoe UI Regular'), url('fonts/Segoe UI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/Segoe UI Italic'), url('fonts/Segoe UI Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/Segoe UI Bold'), url('fonts/Segoe UI Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/Segoe UI Bold Italic'), url('fonts/Segoe UI Bold Italic.woff') format('woff');
    }
.site {
	margin-bottom: 0 !important;
}
img .img-sott{
  max-width: 50% !important;
}
dt {
	font-weight: normal;
	font-size: 14px;
	margin-top: -6px;
	color: #cbbba0;
}
p, ul {
	font-size: 18px;
}
ul {
	line-height: 32px;
}
h1, .h1 {
	font-size: 2.1rem;
  color: #cbbba0;
}
.page-header h1{
	text-align: center;
    margin-bottom: 40px;
}
h2 {
	font-family: 'Alice Regular';
	font-size: 2.7rem;
}
.container-bottom-g h2 {
	font-size: 22px;
    color: #10749d;
}
h3 {
font-family: 'Alice Regular';
color: #10749d;
margin-bottom: 15px;
font-size: 2.3em;
}
.nav-item.item-211, .nav-item.item-212, .nav-item.item-213 {
	background: #2f94bd;
	padding: 10px 20px;
	border-radius: 30px 10px;
    transition: 0.5s;
}
.grid-layout5 p {
	font-family: 'Alice Regular';
	font-size: 1.5rem;
	color: #10749d;
}
 .grid-layout6 h2 {
	font-family: 'Alice Regular';
	font-size: 1.5rem;
   font-weight: normal;
}
.tx-center{
    text-align: center;
}

body:not(.has-sidebar-left) .site-grid .container-component {
	grid-column-start: span 0;
}
.container-component, .container-bottom-h {
  background: url(../../../../../images/bg/bg-main.svg) no-repeat left top;
}
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;
}
main .pp-cp { 	width: 1080px; 	margin: 0 auto; 	margin-top: 150px; padding: 0 20px;}
.container-bottom-b{
	padding: 100px 0 120px 0;
	background: url(../../../../../images/bg/bg-servizi-cp.jpg) no-repeat fixed center;
	position: relative;
  color:white;
}
.container-bottom-a > *, .container-bottom-b > *, .container-bottom-d > *, .container-bottom-e > *{
	margin: 0;
}
.container-bottom-d {
	background: #f7eee4;
}
.container-bottom-e {
	padding: 100px 0 80px 0;
	background: url(../../../../../images/bg/bg-servizi-app-casa-pagani.jpg) no-repeat fixed center;
	position: relative;
	color: #10749d;
    margin-top: 40px;
}
.container-bottom-g {
	padding: 60px 0 20px 0;
}
.container-bottom-h .grid-child {
	max-width: 1350px !important;
}
.container-bottom-h {
	margin-bottom: 50px;
}
#mod-custom135, #mod-custom155, #mod-custom156 {
	width: 100%;
}
.footer-cp {
	width: 80%;
}
.footer {
	margin-top: -7px;
	color: white;
	background-color: #2f94bd;
	background: url(../../../../../images/bg/bg-footer.jpg) no-repeat left top;
}
.container-footer {
	text-align: left;
}
#mod-custom124 p {
	font-size: 14px;
	padding: 15px 0 0;
}
#mod-custom121 {
	padding: 20px 0;
}
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%;
}
.mappa-responsive2 {
	position: relative;
	padding-bottom: 60%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.mappa-responsive2 iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
/*BUTTONS*/
.btn1 {
	background: #2f94bd;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 40px 20px;
	color: #FFF;
	font-family: 'Alice Regular';
	font-size: 22px;
	font-weight: 100;
	padding: 15px 25px;
	border-style-hover: solid;
	border-width-hover: 1;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
	transition: 0.5s;
}
.btn1:hover {
   background: #CE733C;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-decoration: none;
color: #fff;
}
.btn2 {
	 background: #f7eee4;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 40px 20px;
	color: #CE733C;
	font-family: 'Alice Regular';
	font-size: 22px;
	font-weight: 100;
	padding: 15px 25px;
	border-style-hover: solid;
	border-width-hover: 1;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	margin-top: 20px;
	transition: 0.5s;
}
.btn2:hover {
    background: #2f94bd; 
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-decoration: none;
color: #fff;
}
/*SLIDE CK*/
.swiper-caption {
	background: none !important;
	color: #000 !important;
}
.swiper-title {
  font-family: 'Alice Regular';
	font-size: 2em !important;
    color: #10749d;
}
.swiper-desc {
	font-size: 1.7em !important;
}
.swiper-caption {
	height: 50% !important;
}
#camera_wrap_132 {
	margin: 0 auto;
}
/*MENU*/
.logo-dim {
	width: 20%;
	float: left;
}
.grid-child.container-nav {
	float: left;
	width: 80%;
	padding-top: 30px;
}
.mod-menu.mod-list.nav {
	font-family: 'Alice Regular';
	text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 2px;
}
.navbar-expand-md {
	justify-content: center;
	text-align: center;
	margin: 0 auto;
}
.container-header .mod-menu {
	display: contents;
}
.container-below-top, .container-topbar {
	color: #fff;
	font-size: 35px;
    max-width: 1320px;
}
.container-header {
	position: absolute !important;
	z-index: 10;
	background-color: #6f6f6f61;
	background-image: none;
	width: 100%;
}
.phpdebugbar {
	display: none;
}
/*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;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.si-mobile{
    display: none;
}
.no-mobile{
    display: block;
}
@media only screen and (max-width: 970px)
.navbar.navbar-expand-md, .navbar-expand-md {
	float: left;
	margin: 0;
}

    .iframe-responsive{position: relative; width: 100%; padding-bottom: 56.25%; height: 0; }
    .iframe-responsive iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }

}
@media only screen and (max-width: 770px){
.container-bottom-g h2 {
	font-size: 18px;
	color: #10749d;
}
.si-mobile{
    display: block !important;
}
.no-mobile{
    display: none;
}
.grid-child.container-bottom-h {
	max-width: 90% !important;
}
.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;
}
.container-header .mod-menu > li + li {
  margin-left: 3.2em;
 }
 .logo-dim {
	width: 100%;
	float: none;
}
.grid-child.container-nav {
    float: none;
	width: 100%;
	padding-top: 0px;
}
}

/*GRID LAYOUT*/
.span_1-3{
	width: 25%;
	float: left;
    margin: 0 6%;
    padding: 3% 0;
}
.span_2-3 {
	width: 63%;
	float: left;  
}
.span_1-3-app1 {
	width: 39%;
	float: left;
	margin: 0 5%;
	padding: 1% 0;
}
.span_2-3-app1 {
	width: 51%;
	float: left;
  margin-bottom: 20px;
}
.span_1-3-app2{
	width: 39%;
	float: left;
	margin: 0 5%;
	padding: 1% 0;
}
.span_2-3-app2 {
	width: 51%;
	float: right;
  margin-bottom: 20px;
}
.span_1-3-app3{
	width: 39%;
	float: left;
	margin: 0 5%;
	padding: 1% 0;
}
.span_2-3-app3{
	width: 51%;
	float: left;
  margin-bottom: 20px;
}
.grid-cont {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.grid-cont > div {
}

.item1 {
  grid-column: 1 / span 2;
}
.grid-cont-camere {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.grid-cont-camere > div {
}

.item1-camere {
	grid-column: 1 / span 2;
	margin: 0 5% 0 0 !important;
}
/***/
.grid-layout > div {
	float: left;
	width: 49%;
	padding-right: 5%;
}
.grid-layout3 > div {
	float: left;
	width: 30% !important;
	padding: 0 3%;
}
.gl-middle{
    margin: 0 1%;
}
.grid-layout4 > div {
	float: left;
	width: 25% !important;
	padding: 0 2% 0 2% !important;
}
.grid-layout5, .grid-layout6 {
	width: 64%;
  margin: 0 auto;
}
.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){
  .img-sott{
  width: 100%;
}
   main .pp-cp { 	width: 100%; 	margin-top: 200px; padding:0 15px; }
    .mappa-responsive {
	position: relative;
	padding-bottom: 100%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}
.span_1-3 {
	width: 100%;
	margin: 0;
	padding: 6%;
}
.span_2-3 {
	width: 100%;
	margin-right: 0%;
}
.footer {
	margin-top: -7px;
	color: white;
	background-color: #2f94bd;
	background: url(../../../../../images/bg/bg-footer-m.jpg) no-repeat center;
}
}
@media only screen and (max-width: 770px){
.grid-child.container-nav {
	padding-top: 0 !important;
}
.logo-dim {
	width: 100%;
	float: none;
}
    .container-bottom-h p, .container-bottom-h h3, .container-bottom-h h4, .com-content-article__body p {
	padding: 0 20px;
}
.footer .grid-child {
	align-items: baseline;
}
/*GRID LAYOUT*/
.span_1-3-app1 {
	width: 100%;
	float: none;
	margin: 0 5%;
	padding: 1% 0;
}
.span_2-3-app1 {
	width: 100%;
	float: none;
}
.span_1-3-app2{
	width: 100%;
	float: none;
	margin: 0 5%;
	padding: 1% 0;
}
.span_2-3-app2{
	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;
}
.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;
}
}