/* ------------------------------------------------------------------------------

Template Name: Template 10
Version: 2.0

/*-------------------------------------------------------------------------------
1. Global
-------------------------------------------------------------------------------*/
/* 1.1 General */

@import url('bootstrap.css');
@import url('animsition.css');
@import url('all.min.css');
@import url('animate.css');
@import url('magnific-popup.css');
@import url('jquery.fullPage.css');
@import url('jquery.pagepiling.css');
@import url('owl.carousel.css');
@import url('settings.css');
@import url('layers.css');
@import url('navigation.css');

html {
-webkit-font-smoothing: antialiased;
}

body {
overflow-x: hidden;
font-size:1.5rem;
}

::-webkit-scrollbar {
width: 8px;
height: 8px;
}

::-webkit-scrollbar-thumb {
cursor: pointer;
background: #010326;
}

::selection {
background-color: #010326;
color: #fff;
}

-webkit-::selection {
background-color: #010326;
color: #fff;
}

::-moz-selection {
background-color: #010326;
color: #fff;
}

/* 1.2 Typography */

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
color: inherit;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover {
text-decoration: none;
color: white;
}

h2#custom-title-home {
text-align: center;
}

.title-contattaci-annuncio,
.title-agente-annuncio,
.title-mappa-annuncio,
.title-ce-annuncio,
.title-ambienti-annuncio,
.title-comfort-annuncio {
margin-bottom: 2rem;
}

strong {
font-weight: 600;
}

blockquote {
margin-bottom: 2.6rem;
padding: 0 1.5em;
font-size: 0.8em;
}

a {
color: #010326;
-webkit-transition: color .3s ease-out;
-o-transition: color .3s ease-out;
transition: color .3s ease-out;
font-size: 1em;
}

a:hover,
a:focus {
color: #010326;
outline: none;
}

a:focus {
text-decoration: none;
}

p.text-annuncio {
font-size: 1.5rem;
}

.social-list-footer {
position: relative;
display: flex;
justify-content:center;
margin:3rem 0rem;
}

.social-list-footer a {
font-size: 25px;
line-height: 2;
color: #000;
}

.social-list-footer a:hover {
text-decoration:none;
}

/* 1.3 Fields */

input[type='text'],
input[type='number'],
input[type='address'],
input[type='url'],
input[type='password'],
input[type='email'],
input[type="search"],
input[type="tel"],
textarea {
display: inline-block;
width: 100%;
border-radius: 0.75em;
color: #3d3d3d;
background-color: #fff;
border: 0;
border: 1px solid #d1d1d1;
border-radius: 0.5em;
padding: 0.2rem 1rem 0;
height: 3.6em;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-webkit-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}

#searchform input[type='text'],
#searchform input[type='number'] {
padding: 1.1em 2.28em 1em;
color: #000;
letter-spacing: 0.025em;
display: inline-block;
border: 0;
border-radius: 0;
padding: 1.1em 2.28em 1em;
text-decoration: none;
-webkit-transition: all .3s ease-out !important;
transition: all .3s ease-out !important;
height: 50px;
border-radius: 0.5em;
background-color: #edeaea;
}

#searchform input::-webkit-input-placeholder {
color: #000 !important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
color:#000 !important;
height:50px;
}

.adv-search-button-cont {
float:right;
}

textarea {
padding-top: 0.8rem;
height: 10rem;
resize: none;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}

input[type='text']:focus,
input[type='address']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
textarea:focus {
border-color: #010326;
outline: 0;
}

input.input-gray:focus,
textarea.input-gray:focus {
background: #fff;
}

input::-moz-placeholder {
color: #999999;
opacity: 1;
}

input:-ms-input-placeholder {
color: #999;
}

input::-webkit-input-placeholder {
color: #999;
}

textarea::-moz-placeholder {
color: #999;
opacity: 1;
}

textarea:-ms-input-placeholder {
color: #999;
}

textarea::-webkit-input-placeholder {
color: #999;
}

#searchform .form-group {
margin-bottom: 0em;
margin-top: 0.5em;
}

.form-group-input {
margin-bottom:15px;
}

input.error {
border-color: #010326;
}

.mc-label,
label.error {
font-size: 0.83em;
font-weight: 400;
margin: 0.7em 0 0 0;
color: #747474;
}

/* 1.4 Buttons */

.btn {
letter-spacing: 0.025em;
display: inline-block;
border: 0;
padding: 0.85em 2.28em 1em;
text-decoration: none;
-webkit-transition: all .3s ease-out !important;
transition: all .3s ease-out !important;
border-radius: 0.5em;
color:#fff;
}

.bootstrap-select .btn{
background-color: #edeaea;
color: #000 !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100% !important;
}

.dropdown-menu > li > a {
font-size:1.6rem;
color: #010326;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #010326;
text-decoration: underline;
background: none;
}

ul.dropdown-menu.inner {
height: auto;
max-height: 200px !important;
overscroll-behavior: contain;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: transparent;
border-color: #337ab7;
}

.bs-searchbox {
display:none;
}

/*.btn:hover,
.btn:focus {
color: #fff !important;
-webkit-box-shadow: none;
box-shadow: none;
outline: none !important;
}*/

.btn-upper {
font-weight: 600;
text-transform: uppercase;
}

.btn-primary {
background: #010326;
color: #fff !important;
text-transform: uppercase;
}

.btn-primary:hover {
background: #1d51a2;
color: #fff !important;
}

.btn-yellow {
background: #010326;
color: #fff;
border-radius: 0.5em;
height: 45px;
}

.btn-yellow:hover,
.btn-yellow:focus {
background: #e5e5e5;
border: 3px solid #1d51a2;
height: 45px;
color: #000 !important;
}

#OSMdcreateButton {
margin-top: 10px;
}

#OSMdeleteButton {
margin-top: 10px;
}

div#containerBack {
margin: 20px 0px;
z-index: 2;
}

.goBack {
padding:10px 0px;
text-transform: uppercase;
font-weight: 500;
}

/* 1.5 Icons */

.icon {
display: inline-block;
margin-left: 0.5em;
}

.icon-medium {
font-size: 7rem;
}

.link-arrow {
display: inline-block;
color: #000;
font-size:1.7rem;
font-weight: 500;
}

.link-arrow-2 {
display: inline-block;
font-size: 1.14rem;
color: #999999;
font-weight: 400;
}

.link-arrow .icon,
.link-arrow-2 .icon {
position: relative;
margin-left: 0.7rem;
font-size: 2.1em;
vertical-align: middle;
-webkit-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}

.link-arrow .icon {
top: 0.1rem;
}

.link-arrow .ion-ios-arrow-right {
font-size: 1.5em;
top: -0.05em;
}

.link-arrow-2 .ion-ios-arrow-right {
font-size: 1.5em;
}

.link-arrow:hover,
.link-arrow-2:hover {
color: #010326;
text-decoration: none;
}

.link-arrow:hover .icon,
.link-arrow-2:hover .icon {
-webkit-transform: translateX(0.5rem);
-o-transform: translateX(0.5rem);
transform: translateX(0.5rem);
}

/* 1.6 Preloader */

.animsition {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
}

.preloader {
position: fixed;
overflow: hidden;
z-index: 100;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #fff;
color: #4b4b4b;
text-align: center;
}

.spinner {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.double-bounce1,
.double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #010326;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

0%,
100% {
-webkit-transform: scale(0.0)
}

50% {
-webkit-transform: scale(1.0)
}
}

@keyframes sk-bounce {

0%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}

50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}

/* 1.7 Helpers */

.text-dark,
.text-dark a {
color: #000;
padding: 0em;
}

.text-dark-agente {
color: #000;
padding: 0em;
font-size:inherit;
}

.text-muted {
color: #999;
}

.text-white {
color: #fff;
}

.text-primary {
color: #010326;
}

.masked {
position: relative;
}

.masked:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.1;
}

.pt-0 {
padding-top: 0 !important;
}

.pb-0 {
padding-bottom: 0 !important;
}

.rel-1 {
position: relative;
z-index: 1;
}

.overflow-hidden {
overflow: hidden;
}

/*-------------------------------------------------------------------------------
2. Navbar
-------------------------------------------------------------------------------*/

.navbar {
position: absolute;
z-index: 10;
left: 0;
top: 0;
width: 100%;
min-height: 80px;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5046393557422969) 50%, rgba(255,255,255,0) 100%);
margin: 0;
border-radius: 0;
border: none;
padding: 0rem 2rem;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

.navbar .brand {
-webkit-transition: none;
-o-transition: none;
transition: none;
padding: 10px 10px;
height:100px;
}

.brand img {
height: 100%;
}

.navbar-toggle .icon-bar {
background-color: #000;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.navbar-toggle:hover .icon-bar {
background-color: #010326;
}

.navbar .social-list {
float: right;
margin-right: 1.5%;
}

.nav > li > a:hover, .nav > li > a:focus {
text-decoration: underline;
background-color: transparent !important;
}

.nav > li > a {
font-size:1.6rem;
padding-top: 30.5px;
padding-bottom: 30.5px;
line-height: 36px;
}

.nav-tabs > li > a {
font-size:1.6rem;
padding-top: 8.5px;
padding-bottom: 8.5px;
line-height: 36px;
}

/* 2.1 Navbar elements */

.brand {
display: inline-block;
}

a.brand:hover,
a.brand:focus {
text-decoration: none;
color: #000;
}

.brand-info {
display: inline-block;
}

.brand-name {
font-weight: 600;
font-size: 1.714rem;
line-height: 1;
}

.brand-text {
color: #999999;
font-size: 0.857rem;
font-weight: 300;
margin-top: -0.3rem;
}

.card-posted {
font-weight: 600;
font-size:1.7rem;
}

.social-list {
overflow: hidden;
}

.social-list a {
font-size: 2rem;
line-height: 1;
color: #000;
margin-left: 1rem;
cursor: pointer;
}

.social-list a:hover {
color: #010326;
text-decoration: none;
}

.navbar-spacer {
float: right;
margin: -1rem 0.5rem 0;
width: 1px;
height: 3.3rem;
background-color: #e0e0e0;
}

/* 2.2 Navbar affix */

.navbar.affix {
position: fixed;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

/* 2.3 Sidebar menu */

.click-capture {
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
}

.menu {
top: 0em;
bottom: 0;
right: 0;
width: 100%;
z-index: 1000000;
background-color: #fff;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}

.menu .menu-lang {
position: absolute;
opacity: 0;
left: 15%;
top: 3rem;
text-transform: uppercase;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
-o-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease, color 0.3s ease;
-o-transition: transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease, color 0.3s ease;
transition: transform 0.5s 0.4s ease, opacity 0.5s 0.4s ease, color 0.3s ease;
}

.menu-lang a {
display: inline-block;
margin-right: 0.6rem;
color: #999999;
font-size: 18px;
}

.menu-lang a:only-child {
margin-left: 0rem;
margin-bottom: 0rem;
}

.menu-lang .active,
.menu-lang a:hover {
color: #010326;
text-decoration: none;
}

.menu-list {
opacity: 0;
position: absolute;
left: 0;
top: 9rem;
bottom: 5rem;
padding-left: 15%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
font-weight: 600;
letter-spacing: -0.025rem;
list-style: none;
margin: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
-o-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
-o-transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
}

.menu-list li a {
color: #999999;
font-size: 25px;
}

.menu-list .active>a,
.menu-list li a:hover {
text-decoration: none;
color: #000;
}

.menu-list>li {
font-size: 1.95rem;
line-height: 1;
}

.menu-list>li {
margin-top: 2.7rem;
}

.menu-list>li:first-child {
margin-top: 0;
}

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

.menu-list ul li {
font-size: 2rem;
margin-top: 1.142rem;
}

.menu-list ul li:first-child {
margin-top: 2.4rem;
}

.menu-list-inline li a {
letter-spacing:0;
font-size:1.6rem;
}

.menu-footer {
position: absolute;
left: 15%;
bottom: 4rem;
}

.menu-footer .social-list {
opacity: 0;
-webkit-transform: translateY(3rem);
-ms-transform: translateY(3rem);
-o-transform: translateY(3rem);
transform: translateY(3rem);
-webkit-transition: all 0.5s 0.7s ease;
-o-transition: all 0.5s 0.7s ease;
transition: all 0.5s 0.7s ease;
}

.menu-footer .social-list a {
color: #cccccc;
margin: 0;
margin-right: 2.7rem;
}

.menu-footer .social-list a:last-child {
margin-right: 0;
}

.menu-footer .social-list a:hover {
color: #010326;
}

.menu-footer .copy {
opacity: 0;
display: none;
margin-top: 3.2rem;
color: #000;
line-height: 1.71rem;
-webkit-transform: translateY(2rem);
-ms-transform: translateY(2rem);
-o-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: all 0.5s 0.9s ease;
-o-transition: all 0.5s 0.9s ease;
transition: all 0.5s 0.9s ease;
}

.menu-is-opened .click-capture {
visibility: visible;
}

.menu-is-opened .menu {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
z-index: 1000000;
position: fixed;
}

.menu-is-opened .menu .menu-lang,
.menu-is-opened .menu-list,
.menu-is-opened .menu .menu-footer .social-list,
.menu-is-opened .menu .menu-footer .copy {
-webkit-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
opacity: 1;
}

.menu-is-closed .menu .menu-lang,
.menu-is-closed .menu .menu-list,
.menu-is-closed .menu .menu-footer .social-list,
.menu-is-closed .menu .menu-footer .copy {
opacity: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}

/*-------------------------------------------------------------------------------
3. Homepage
-------------------------------------------------------------------------------*/
.boxed .container,
.boxed .container-fluid {
max-width: 100%;
}

.left-boxed {
left: 1.7rem;
}

.right-boxed {
right: 1.7rem;
}

.section {
padding: 2.28rem 0;
}

.section-title {
margin: 15px 0 0 0;
text-align: center;
}

.section-title .link-arrow-2 {
margin-top: 1.05rem;
}

.section-subtitle {
display: inline-block;
font-weight: 500;
font-size: 1.142rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #010326;
margin-bottom: 1rem;
}

section.iconSection {
margin-bottom: 4rem;
}

.field_wrapper {
padding: 0px 5px;
}

.form-control-button {
margin: 10px 0;
}

#search_geomapping_results {
font-size: 18px;
border: 1px solid #010326;
color: #010326;
background-color: lightgray;
height: 50px;
}

#search_geomapping_results:hover {
font-size: 18px !important;
border: 1px solid #010326;
color: #010326 !important;
background-color: lightgray;
height: 50px;
}

#filterMap {
padding: 25px;
background-color: lightgrey;
}

div#lista_annunci {
margin-top: 20px;
}

.immagine-big-pages {
height: 700px;
display: flex;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
align-items: center;
}

#map_search {
margin-top: 2em;
}

#map_search {
margin-top: 2em !important;
margin-left: 0.2em;
}

.card-title {
height: auto;
}

.container-img {
max-height: 370px;
max-width: 630px;
}

.img-card {
width: 100%;
height: 373px;
margin: 0 auto;
display: block;
}

.vertical_img {
width: auto !important;
}

.title-list-annunci {
text-align: center;
margin: 20px;
}

.warning {
text-align: center;
height: auto;
padding: 120px;
}

.warning_title {
font-size: 65px;
}

.warning_desc {
font-size: 30px;
margin-bottom: 20px;
}

.warning_error {
font-size: 25px;
margin-bottom: 37px;
}

.warning_return {
font-size: 20px;
}

.footer-left {
text-align: center;
}

h3.title_social {
text-align: center;
}

.grecaptcha-badge {
visibility: collapse !important;
}

.main-404 {
padding-bottom: 60px;
padding-top: 60px;
height: 800px;
background: #FFFFFF;
background-image: url(/../../ui/common_images/annuncio_404.jpg);
background-repeat: no-repeat;
background-position: center;
}

.btn-404-ann {
color: #fff !important;
background-color: #555 !important;
}

.btn-404-ann:hover {
color: #fff !important;
background-color: #555 !important;
border: none;
transform: scale(1.1);
}

.warning {
position: absolute;
text-align: center;
bottom: 30px;
left: 0;
right: 0
}

.warning p {
font-size: 2em;
margin: 30px 0 0 0;
text-align: center
}

.d-none {
display: none;
}

.m-0 {
margin: 0 !important;
}

.mt-0,
.my-0 {
margin-top: 0 !important;
}

.mr-0,
.mx-0 {
margin-right: 0 !important;
}

.mb-0,
.my-0 {
margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
margin-left: 0 !important;
}

.m-1 {
margin: 0.25rem !important;
}

.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}

.m-2 {
margin: 0.5rem !important;
}

.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}

.m-3 {
margin: 1rem !important;
}

.mt-3,
.my-3 {
margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
margin-right: 1rem !important;
}

.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
margin-left: 1rem !important;
}

.m-4 {
margin: 1.5rem !important;
}

.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}

.m-5 {
margin: 3rem !important;
}

.mt-5,
.my-5 {
margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
margin-right: 3rem !important;
}

.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
margin-left: 3rem !important;
}

.p-0 {
padding: 0 !important;
}

.pt-0,
.py-0 {
padding-top: 0 !important;
}

.pr-0,
.px-0 {
padding-right: 0 !important;
}

.pb-0,
.py-0 {
padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
padding-left: 0 !important;
}

.p-1 {
padding: 0.25rem !important;
}

.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}

.p-2 {
padding: 0.5rem !important;
}

.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}

.p-3 {
padding: 1rem !important;
}

.pt-3,
.py-3 {
padding-top: 1rem !important;
}

.pr-3,
.px-3 {
padding-right: 1rem !important;
}

.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
padding-left: 1rem !important;
}

.p-4 {
padding: 1.5rem !important;
}

.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}

.p-5 {
padding: 3rem !important;
}

.pt-5,
.py-5 {
padding-top: 3rem !important;
}

.pr-5,
.px-5 {
padding-right: 3rem !important;
}

.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
padding-left: 3rem !important;
}

.m-n1 {
margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}

.m-n2 {
margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}

.m-n3 {
margin: -1rem !important;
}

.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}

.m-n4 {
margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}

.m-n5 {
margin: -3rem !important;
}

.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}

.m-auto {
margin: auto !important;
}

.mt-auto,
.my-auto {
margin-top: auto !important;
}

.mr-auto,
.mx-auto {
margin-right: auto !important;
}

.mb-auto,
.my-auto {
margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
margin-left: auto !important;
}

@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}

@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}

@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}

@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}


/* 3.2 Slider */

.rev_slider .link-arrow {
color: #fff;
}

.rev_slider .link-arrow:hover {
color: #010326;
}

.rev_slider .link-arrow:hover .icon {
-webkit-transform: none;
-o-transform: none;
transform: none;
}

.slider-prev,
.slider-next {
position: absolute;
top: 50%;
z-index: 1;
font-size: 4rem;
color: #fff;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.slider-prev {
left: 2.2rem;
}

.slider-next {
right: 2.2rem;
}

.slider-prev:hover,
.slider-next:hover {
color: #010326;
}

/* 3.3 Section About */

.section-about {
margin: 2rem 0 0 0;
padding: 0rem 0 0;
overflow-x: hidden;
}

.section-about-title {
margin-bottom: 0rem;
}

.dots-image {
display: inline-block;
position: relative;
}

.dots-image {
display: inline-block;
position: relative;
}

.dots-image img {
display: block;
position: relative;
z-index: 1;
}

.dots-image .dots {
position: absolute;
left: -20%;
bottom: -15%;
width: 101%;
height: 57.2%;
background: url(../../images/bg/dots.png) 0 0 repeat;
}

.dots-image.text .dots {
position: absolute;
left: -19px;
bottom: -15%;
width: 101%;
height: 100%;
background: url(../../images/bg/dots.png) 0 0 repeat;
}

.experience-box {
position: relative;
white-space: nowrap;
margin: 6rem 0;
}

.img-wrapper {
height: 350px;
background-position: center center;
background-size: cover;
}

.fa-icon-medium {
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}

.sinistra-position-form {
width: 600px !important;
left: 100px !important;
right: initial !Important;
}

.destra-position-form {
width: 600px;
right: 100px;
left: initial;
}

.add_preferiti {
position: absolute;
top: 20em;
right: 2em;
color: crimson;
}

#add_preferiti_annShow {
position: absolute;
top: 2em;
font-size: 1rem;
color: crimson;
}

.annuncio_preferiti {
float: right;
font-size: 1.5rem;
line-height: 1;
color: #f00;
margin: 0.5rem 0rem 0rem;
}

#title_preferiti {
margin: 10px 0px 25px 0px;
}

#heart_preferiti {
top: 25px;
}

.pagination>li.active>a {
background: #010326 !important;
color: #fff;
}

.pagination>li>a {
border-radius: 0.5em !important;
color: #555;
padding: 10px 20px !important;
border: 0px solid;
}

.pagination>li>a:hover {
color: #555;
}

select.form-control {
display: inline-block;
width: 100%;
font-size: 1rem;
border-radius: 0.75em;
color: #3d3d3d;
background-color: #fff;
border: 0;
border: 1px solid #d1d1d1;
border-radius: 0;
padding: 0.2rem 1rem 0;
height: 3.6em;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-webkit-transition: all .15s;
-o-transition: all .15s;
transition: all .15s;
}

.position-absolute-form {
position: absolute;
bottom: 8em;
padding: 18px;
background: rgb(87, 87, 87, 0.3);
background: linear-gradient(10deg, rgba(87, 87, 87, 0.3) 0%, rgba(145, 145, 145, 0.3) 50%, rgba(185, 185, 185, 0.3) 100%);
left: 0;
right: 0;
width: 60%;
margin: auto;
border-radius: 1em;
z-index: 1;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.adv-search-form .bootstrap-select.form-control {
height: 50px !important;
background: none;
}

.page-header-preferiti {
border-bottom: 0;
margin: 90px 0 20px;
padding: 0;
}

.tabs-annuncio .nav-tabs>li>a {
font-weight: bold;
}

.project-detail-meta .annuncio_preferiti {
color: #000;
}

@media (min-width: 1200px) {
.experience-box {
margin-top: 12.2rem;
}

.hidden-lg {
display: none !important;
}
}

.experience-border {
display: inline-block;
vertical-align: middle;
width: 12.15rem;
height: 12.15rem;
border: 0.357rem solid #010326;
}

.experience-content {
display: inline-block;
vertical-align: middle;
position: relative;
left: -8rem;
top: 0.2rem;
}

.experience-number {
display: inline-block;
vertical-align: middle;
font-size: 7.142rem;
line-height: 1;
font-weight: 600;
color: #000;
}

.experience-info {
display: inline-block;
vertical-align: middle;
margin: -1rem 0 0 0.8rem;
font-size: 1.57rem;
line-height: 1.181;
color: #000;
}

/* 3.4 Section Projects */

.filter-content {
position: relative;
overflow: hidden;
}

.filter {
list-style: none;
font-size: 1.142rem;
font-weight: 600;
color: #000;
padding-left: 0;
margin: 0;
}

.filter li {
margin: 0.6rem 2.6rem 0 0;
display: inline-block;
}

.filter li:last-child {
margin-right: 0;
}

.filter li a {
color: inherit;
}

.filter li a:hover,
.filter .active a {
color: #010326;
text-decoration: none;
}

.section-projects .filter-content {
margin: 2rem 0 0 0;
}

.section-projects .filter {
margin: 0;
}

.filter-option-inner-inner {
margin-top: 4px;
}

.section-projects .view-projects {
margin: 0.85rem 0 0 0;
}

.view-projects {
display: inline-block;
font-style: italic;
color: #999999;
}

.view-projects:hover {
text-decoration: none;
color: #010326;
}

/* 3.4.1 Projects Carousel */

.project-carousel {
margin-top: 5.92rem;
}

.owl-nav {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.owl-nav .disabled {
color: #bcbcbc;
}

.owl-prev,
.owl-next {
display: inline-block;
font-size: 2.8rem;
line-height: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.owl-prev:before {
font-family: "Ionicons";
content: "\f3d2";
}

.owl-next:before {
font-family: "Ionicons";
content: "\f3d3";
}

.owl-prev:hover,
.owl-next:hover {
color: #010326;
}

.owl-dots {
text-align: center;
margin-top: 5.857rem;
}

.owl-dot {
display: inline-block;
vertical-align: top;
margin: 0 0.6rem;
}

.owl-dot span {
display: block;
width: 0.6rem;
height: 0.6rem;
background-color: #cccccc;
}

.owl-dot.active span {
background-color: #010326;
}

.list-unstyled li {
margin-bottom:0.5rem;
}

li span {
margin-left: 0.5rem;
}

.project-item {
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border-radius: 0em 1em;
}

.project-item img {
width: 100%;
}

.item-shadow {
position: relative;
}

.item-shadow:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.6) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.6) 100%);
}

.project-item .link-arrow {
position: absolute;
z-index: 2;
color: #fff;
left: 3rem;
bottom: 2.3rem;
-webkit-transition: none;
-o-transition: none;
transition: none;
}

.project-hover {
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100.1%;
height: 100%;
padding: 4.85rem 3rem;
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.project-hover-content {
width: 115%;
}

.project-title {
color: #fff;
margin-bottom: 1em;
width: 70%;
}

.project-hover .project-title {
position: absolute;
bottom: 7rem;
width: 70%;
margin-top: -1em;
font-size: 22px;
text-transform: uppercase;
}

.project-description {
opacity: 0;
margin-top: -3em;
line-height: 1.61;
color: #fff;
-webkit-transform: translateX(-1rem);
-ms-transform: translateX(-1rem);
-o-transform: translateX(-1rem);
transform: translateY(-1rem);
margin-left: -2em;
display: none;
}

.project-item:hover .project-hover {
background-color: rgba(1,3,38,0.7)}

.project-item:hover .project-hover .project-title {
position: relative;
color: #fff;
bottom: 2rem;
-webkit-transform: translateY(2rem);
-ms-transform: translateY(2rem);
-o-transform: translateY(2rem);
transform: translateY(2rem);
-webkit-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
transition: transform 0.5s ease;

}

.project-item:hover .project-hover .project-description {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateY(0);
-webkit-transition: all 0.4s 0.2s ease;
-o-transition: all 0.4s 0.2s ease;
transition: all 0.4s 0.2s ease;
font-size: 1.2em;
}

.project-item:hover .link-arrow {
color: #fff;
}

.project-hover .project-rif {
position: absolute;
bottom: 3em;
}

.project-rif {
color: #fff;
}

/* 3.5 Section Clients */

.section-clients .section-title {
margin-right: 7rem;
}

.client-carousel {
margin-top: 4.8rem;
}

.client-carousel .client-carousel-item img {
display: inline-block;
width: auto;
}

.client-box {
position: relative;
color: #999;
background-color: #fff;
padding: 6rem 3.28rem 3.28rem;
}

.image-quote {
position: absolute;
top: 3.28rem;
right: 3.28rem;
}

.client-img {
position: relative;
z-index: 1;
margin: 0 0 -3rem 2.6rem;
border-radius: 50%;
}

.client-title {
letter-spacing: 0;
}

.client-name {
font-size: 1.28rem;
line-height: 1;
color: #000;
}

.client-description {
margin: 1.5rem 0 0;
line-height: 1.71em;
}


.client-carousel .owl-nav {
right: 0;
top: -7.8rem;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.client-carousel .owl-prev {
margin-right: 2rem;
}

/* 3.6 Section Partners */

.partner-carousel {
margin-top: 10.28rem;
}

.partner-carousel .partner-carousel-item img {
width: auto;
margin: 0 auto;
opacity: 0.6;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.partner-carousel .partner-carousel-item:hover img {
opacity: 1;
}

/* 3.7 Section News */

.section-news {
border-bottom: 1px solid #e1e1e1;
}

.news-carousel {
margin-top: 4.7rem;
}

.news-item {
position: relative;
}

.news-item img {
width: 100%;
}

.news-hover {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 2.7rem;
color: #999;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

.hover-border {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.hover-border div {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.hover-border div::before {
position: absolute;
content: "";
background: #010326;
height: 2px;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}

.hover-border::after {
position: absolute;
content: "";
background: #010326;
width: 2px;
height: 100%;
right: 0;
bottom: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: 0.2s 0.2s;
-o-transition: 0.2s 0.2s;
transition: 0.2s 0.2s;
}

.hover-border div::after {
position: absolute;
content: "";
background: #010326;
width: 100%;
height: 2px;
right: 0;
bottom: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.2s 0.4s;
-o-transition: 0.2s 0.4s;
transition: 0.2s 0.4s;
}

.hover-border::before {
position: absolute;
content: "";
background: #010326;
width: 2px;
height: 100%;
left: 0;
top: 0;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: 0.2s 0.8s;
-o-transition: 0.2s 0.8s;
transition: 0.2s 0.8s;
}

.news-hover .content {
opacity: 0;
position: relative;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}

.news-hover .time {
margin-bottom: 0.6rem;
}

.news-title {
font-size: 1.95rem;
line-height: 1.25;
letter-spacing: 0;
margin: 0;
-webkit-transform: translateX(-2rem);
-ms-transform: translateX(-2rem);
-o-transform: translateX(-2rem);
transform: translateX(-2rem);
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.news-description {
opacity: 0;
margin-bottom: 0;
line-height: 1.71;
margin-top: 10%;
-webkit-transform: translateY(-2rem);
-ms-transform: translateY(-2rem);
-o-transform: translateY(-2rem);
transform: translateY(-2rem);
-webkit-transition: 0.5s 0.3s ease;
-o-transition: 0.5s 0.3s ease;
transition: 0.5s 0.3s ease;
}

.news-hover .read-more {
position: absolute;
opacity: 0;
bottom: 2.7rem;
}

.read-more {
font-weight: 600;
}

.news-item:hover .news-hover {
background-color: #fff;
}

.news-item:hover .hover-border::before,
.news-item:hover .hover-border::after,
.news-item:hover .hover-border div::before,
.news-item:hover .hover-border div::after {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}

.news-item:hover .news-hover .content {
opacity: 1;
}

.news-item:hover .news-hover .news-title,
.news-item:hover .news-hover .news-description {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.news-item:hover .news-hover .read-more {
opacity: 1;
}

/*-------------------------------------------------------------------------------
4. Homepage v2
-------------------------------------------------------------------------------*/

/* 4.1 Navbar */

.navbar-2 {
background: transparent;
padding-top: 3rem;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.navbar-2 .navbar-bg {
content: '';
position: absolute;
left: 0;
right: 0;
top: -1px;
width: 100%;
height: 100%;
background: #fff;
z-index: -1;
-webkit-transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
-o-transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.navbar-2 .brand {
width: 18rem;
}

.navbar-2 .navbar-address {
float: left;
margin-left: 5rem;
}

.navbar-2 .social-list {
float: left;
margin-left: 7.5rem;
}

.navbar-white {
background: transparent;
}

.navbar-white .navbar-bg {
height: 0;
}

.navbar-white .brand,
.navbar-white .brand:hover,
.navbar-white .brand:focus,
.navbar-white .brand-text,
.navbar-white .navbar-address,
.navbar-white .navbar-address .text-dark,
.navbar-white .social-list a {
color: #fff;
}

.navbar .brand-img-white {
display: none;
}

.navbar-white .brand-img {
display: none;
}

.navbar-white .brand-img-white {
display: inline-block;
}

.navbar-white .navbar-toggle .icon-bar {
background: #fff;
}

.navbar-white .social-list a:hover {
color: #010326;
}

.copy-bottom {
display: none;
position: absolute;
z-index: 10;
left: 0;
bottom: 2.4rem;
color: #000;
}

.lang-bottom {
display: none;
position: absolute;
z-index: 10;
right: 0;
bottom: 2.4rem;
color: #000;
}

.copy-bottom.white {
color: #fff;
}

.lang-bottom .menu-lang {
font-weight: 600;
color: #000;
text-transform: uppercase;
}

.lang-bottom .menu-lang a:not(.active) {
color: #000;
}

.lang-bottom.white,
.lang-bottom.white .menu-lang a:not(.active) {
color: #fff;
}

.lang-bottom .menu-lang a:hover,
.lang-bottom.white .menu-lang a:hover {
color: #010326;
}

#pp-nav {
z-index: 99;
width: 2.1428rem;
margin-top: 0 !important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

#pp-nav .pp-nav-up,
#pp-nav .pp-nav-down {
display: none;
font-size: 2.1428rem;
cursor: pointer;
color: #000;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#pp-nav .pp-nav-up {
margin-bottom: 3.5rem;
}

#pp-nav .pp-nav-down {
margin-top: 3.5rem;
}

#pp-nav li,
.pp-slidesNav li {
margin: 1.928rem auto;
width: 10px;
height: 10px;
}

#pp-nav span,
.pp-slidesNav span {
left: 0;
top: 0;
cursor: pointer;
width: 10px;
height: 10px;
background: #000;
border: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#pp-nav .pp-nav-up:hover,
#pp-nav .pp-nav-down:hover,
#pp-nav.white .pp-nav-up:hover,
#pp-nav.white .pp-nav-down:hover {
color: #010326;
}

#pp-nav.white .pp-nav-up,
#pp-nav.white .pp-nav-down {
color: #fff;
}

#pp-nav.white span,
.pp-slidesNav span {
background: #fff;
}

#pp-nav li .active span,
.pp-slidesNav .active span,
#pp-nav span:hover,
.pp-slidesNav span:hover {
background: #010326;
}

/* 4.2 Sections */

.pagepiling .section {
background: #fff;
padding-top: 11.3rem;
padding-bottom: 7rem;
}

.pagepiling .section-1.pp-scrollable .vertical-centred {
padding-top: 10rem;
padding-bottom: 11rem;
}

.pagepiling .pp-scrollable {
padding: 0;
}

.pp-scrollable .vertical-centred {
padding-top: 11.3rem;
padding-bottom: 7rem;
}

.scroll-wrap {
position: relative;
min-height: 100%;
}

.scrollable-content {
white-space: nowrap;
width: 100%;
font-size: 0;
}

.scrollable-content:before {
content: '';
display: inline-block;
height: 100vh;
vertical-align: middle;
}

.vertical-centred {
width: 100%;
height: 100%;
display: inline-block;
vertical-align: middle;
white-space: normal;
font-size: 1rem;
}

.boxed-inner {
position: relative;
padding: 0;
}

.section-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}

.vertical-title {
position: absolute;
white-space: nowrap;
width: 0;
top: -0.55rem;
left: 4.9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}

.vertical-title span {
display: block;
float: right;
}

.section .intro {
opacity: 0;
-webkit-transition: opacity 1s 0.3s ease;
-o-transition: opacity 1s 0.3s ease;
transition: opacity 1s 0.3s ease;
}

.section:not(.section-1) .intro {
-webkit-transform: translateY(7rem);
-ms-transform: translateY(7rem);
-o-transform: translateY(7rem);
transform: translateY(7rem);
-webkit-transition: all 0.35s 0.6s ease;
-o-transition: all 0.35s 0.6s ease;
transition: all 0.35s 0.6s ease;
}

.section.active .intro {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.subtitle-top {
line-height: 1.714;
margin-bottom: 2.8rem;
letter-spacing: 0.1em;
}

/* 4.3 Section About */

.hr-bottom {
position: absolute;
margin-top: 13vh;
margin-bottom: 0;
height: 0.2858rem;
width: 7.142rem;
background: #010326;
}

.title-uppercase {
text-transform: uppercase;
letter-spacing: -0.025em;
line-height: 1.33333;
margin: 0 0 5rem;
}

.service-list {
margin-bottom: 5rem;
font-size: 1.2857rem;
padding-left: 0;
list-style: none;
text-transform: uppercase;
letter-spacing: -0.025rem;
font-weight: 300;
}

.service-list li {
margin-bottom: 0.7rem;
}

.service-list li a {
color: inherit;
}

.service-list li a:hover {
color: #000;
text-decoration: none;
}

.dots-image-2 {
display: inline-block;
position: relative;
}

.dots-image-2 .dots {
position: absolute;
z-index: -1;
left: -25%;
bottom: -19%;
width: 101%;
top: 50%;
opacity: 0.8;
background: url(../../images/bg/dots.png) 0 0 repeat;
}

.dots-image-2 .experience-info {
position: absolute;
left: 12%;
margin-top: -4.4rem;
top: 100%;
}

.experience-info .number {
display: inline-block;
font-weight: 600;
line-height: 1;
font-size: 10.71rem;
margin-right: 1.7rem;
}

.experience-info .text {
display: inline-block;
font-size: 1.571rem;
font-weight: 600;
line-height: 1.181;
text-transform: uppercase;
}

/* 4.4 Section Projects*/

.bg-changer {
position: absolute;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

.bg-changer .section-bg {
opacity: 0;
will-change: opacity, transform;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease;
-o-transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease;
transition: opacity 0.5s 0.2s ease, transform 5s 0.2s ease;
}

.bg-changer .active {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}

.bg-changer .section-bg:first-child {
opacity: 1;
}

.section-3 .vertical-title {
top: 7.4rem;
}

.row-annunci-list-cantieri,
.row-map-cantieri,
.row-images-cantieri,
.row-description-cantieri {
margin:4rem 0rem;
}

.row-title-annunci-list-cantieri {
margin: 3rem 0rem;
}

.row.row-description {
margin: 3rem 0rem;
}

.row-project-box {
margin-top: -30px;
}

.col-project-box {
margin-top: 30px;
}

.project-box {
display: block;
padding-bottom: 30%;
position: relative;
border: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.project-box-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 2.14rem 1.928rem;
}

.project-box h5 {
margin: 0;
color: #fff;
}

.project-category {
color: #cccccc;
margin-top: 0.5rem;
}

.project-box:hover {
background: #010326;
text-decoration: none;
border-color: transparent;
}

.project-box:hover h5 {
color: #000;
}

.project-box:hover .project-category {
color: #666666;
}

.link-arrow.h5 {
text-transform: uppercase;
letter-spacing: -0.025rem;
margin-bottom: 0;
}

.link-arrow.h5 .icon-chevron-right {
font-size: 1.8rem;
margin-top: -0.45rem;
}


.section-3 .link-arrow.h5 {
margin-top: 4rem;
}


.section-4 h2 {
margin-bottom: 7rem;
}

/* 4.5 Section Reviews */

.icon-quote {
display: inline-block;
margin-top: -0.6rem;
color: #010326;
font-size: 5.14rem;
}

.section-5 .title-uppercase {
margin-top: 7vh;
margin-bottom: 3rem;
}

.review-carousel .text {
font-family: 'Libre Baskerville', serif;
font-size: 1.142rem;
line-height: 1.875;
}

.review-author {
margin-top: 5.7rem;
}

.author-name {
font-size: 1.2857rem;
line-height: 1.333;
font-weight: 600;
}

.review-carousel .owl-nav {
position: relative;
top: 0;
margin-top: 7.7vh;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}

.review-carousel .owl-prev,
.review-carousel .owl-next {
font-size: 1.2857rem;
width: 3.57rem;
height: 3.57rem;
line-height: 3.57rem;
border: 1px solid #fff;
color: #fff;
text-align: center;
margin-right: 0.857rem;
}

.review-carousel .owl-prev:before {
font-family: 'Linearicons';
content: "\e93b";
}

.review-carousel .owl-next:before {
font-family: 'Linearicons';
content: "\e93c";
}

.review-carousel .owl-prev:hover,
.review-carousel .owl-next:hover {
background: #fff;
color: #000;
}

.review-carousel .owl-prev.disabled,
.review-carousel .owl-next.disabled {
cursor: default;
}

.review-carousel .owl-prev.disabled:hover,
.review-carousel .owl-next.disabled:hover {
background: none;
color: #fff;
}

/* 4.6 Section Contacts */

.map-2 {
width: 100%;
height: 18rem;
border: 0;
text-align: center;
}

#map-property {
margin-top: 1em;
height: 400px;
z-index: 1;
border-radius: 0.5em;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

#map-contatti {
height:473px;
}

.youtube-thumb{
height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.youtube-thumb i{
color: #fff;;
}

.contact-info {
overflow: hidden;
margin-top: 5.5rem;
}

.row-contact-info {
margin: -5rem -4% 0;
}

.success-message,
.error-message {
display: none;
margin-top: 2rem;
}

.col-contact-info {
padding: 0 4%;
margin-top: 5rem;
padding-top: 5rem;
border-top: 1px solid #cacaca;
}

.col-contact-info:first-child {
border-top: 0;
padding-top: 0;
}

.contact-info h3 {
font-size: 1.92rem;
line-height: 1.06;
letter-spacing: -0.025em;
text-transform: uppercase;
margin: 0 0 2rem 0;
}

.contact-info .col-right {
word-wrap: break-word;
padding-left: 0;
padding-right: 0;
}

.contact-info-row {
line-height: 1.5;
margin-bottom: 2.14rem;
}

.contact-info-row:last-child {
margin-bottom: 0;
}

.contact-info-row strong {
font-size: 1.1428rem;
text-transform: uppercase;
color: #000;
}

/*-------------------------------------------------------------------------------
6. Pages
-------------------------------------------------------------------------------*/

.display-1 {
font-size: 4.28rem;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
}

.display-2 {
font-size: 5.14rem;
line-height: 1;
letter-spacing: -0.05em;
margin: 0;
text-transform: uppercase;
}

.text-display-1 {
font-size: 1.714rem;
line-height: 2;
letter-spacing: 0;
margin-top: 1em;
margin-bottom: 1em;
}

.text-display-1 p {
margin-bottom: 3.5rem;
}

.text-display-1 p:last-child {
margin-bottom: 0;
}

.title-hr {
width: 7rem;
max-width: 100%;
height: 0.28rem;
background: #010326;
}

.title-info {
font-size: 1.28rem;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 600;
color: #999999;
margin-bottom: 1.4rem;
}

.page-header,
.page-header-2,
.page-header-3 {
border-bottom: 0;
padding: 0;
}

.page-header h1,
.page-header-2 h1,
.page-header-3 h1 {
margin: 0;
}

.page-header-3 .title-hr {
margin-bottom: 2.7rem;
}

.page-inner {
margin-top: 30px;
}

.section-info {
color: #999999;
line-height: 1.111;
font-size: 1.28rem;
text-transform: uppercase;
font-weight: 600;
}

.section-info .title-hr {
margin: 0 0 2rem;
}

.info-ambienti,
.info-comfort {
padding:0;
}

.info-title {
font-size: initial;
}

/* 6.1 Works Grid */

.js-isotope {
overflow: hidden;
}

.filter-content-2 {
margin-bottom: 5.9rem;
}

.filter-content-2 .filter li,
.filter-content-3 .filter li,
.filter-content-4 .filter li {
margin-right: 4rem;
}

.filter-content-3 {
margin-bottom: 4.6rem;
}

.filter-content-4 {
margin: 6rem 0 9rem;
}

.grid-items {
margin: -30px -15px 0 -15px;
}

.grid-items:after {
content: '';
clear: both;
display: block;
}

.grid-item {
float: left;
padding: 30px 15px 0 15px;
}

.project-hover-2 {
position: absolute;
z-index: 2;
left: 0;
top: 0;
width: 100.1%;
height: 100%;
padding: 2.71rem;
-webkit-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.project-hover-2 .icon-plus {
opacity: 0;
position: absolute;
color: #000;
right: 2.71rem;
font-size: 3rem;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.project-hover-2 .project-title {
opacity: 0;
position: absolute;
bottom: 2.71rem;
color: #000;
-webkit-transform: translateX(-2rem);
-ms-transform: translateX(-2rem);
-o-transform: translateX(-2rem);
transform: translateX(-2rem);
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}

.project-item:hover .project-hover-2 {
background-color: rgba(63, 111, 206, 0.8);
}

.project-item:hover .project-hover-2 .project-title,
.project-item:hover .project-hover-2 .icon-plus {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}

/* 6.2 Works Carousel */

.sly {
position: relative;
overflow: hidden;
}

.slidee {
list-style: none;
padding-left: 0;
}

.sly ul {
list-style: none;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}

.sly ul li {
float: left;
width: 400px;
height: 100%;
margin: 0 30px 0 0;
padding: 0;
}

.prev,
.next {
position: absolute;
top: 50%;
color: #fff;
font-size: 4rem;
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.prev.disabled,
.next.disabled {
opacity: 0.5;
}

.prev:hover,
.next:hover {
color: #010326;
}

.prev {
left: 2.5rem;
}

.next {
right: 2.5rem;
}

/* Scrollbar */

.scrollbar {
margin: 6.8rem 0 0;
height: 1px;
background: #dae5e6;
line-height: 0;
}

.scrollbar .handle {
position: relative;
top: -2px;
width: 100px;
height: 3px;
background: #999999;
cursor: pointer;
}

.scrollbar .handle .mousearea {
position: absolute;
top: -9px;
left: 0;
width: 100%;
height: 20px;
}

/* 6.3 Project Detail */

.project-detail {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.project-detail-item {
min-height: 420px;
background-size: cover;
background-position: 50% 50%;
padding: 6.78rem 11.2rem;
}

.project-detail-info {
background-color: #fff;
padding: 2em;
width: 24%;
margin: 120px 50px;
box-shadow: rgb(0 0 0 / 30%) 0px 19px 38px, rgb(0 0 0 / 22%) 0px 15px 12px;
border-radius: 1em;
}

.project-detail-control {
display: inline-block;
color: #000;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 600;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
font-size: 1.5em;
}

.project-detail-control:hover {
color: #010326;
}

.project-detail-control .show-info {
display: none;
}

.project-detail-control.active .show-info {
display: block;
}

.project-detail-control.active .hide-info {
display: none;
}

.project-detail-list {
list-style: none;
padding-left: 0;
margin-top: 3.6rem;
font-size: 1.1em;
}

.project-detail-list li {
border-bottom: 1px solid #e1e1e1;
padding-bottom: 0.6rem;
margin-top: 0.65rem;
overflow: hidden;
}

.project-detail-list li:last-child {
padding-bottom: 0;
border-bottom: 0;
}

.project-detail-list li .left {
float: left;
font-weight: 600;
}

.project-detail-list li .right {
float: right;
}

.project-detail-meta {
overflow: hidden;
margin-left: 1em;
}

.project-detail-meta .left {
font-weight: 600;
}

/* 6.4 News Masonry */

.card-posted a {
color: #000;
}

.card-posted a:hover {
color: #000;
}

.card-text {
margin-top: 2rem;
margin: 0em;
padding: 0em;
}

.card-read-more {
display: inline-block;
margin-top: 5rem;
font-weight: 600;
color: #000;
}

.card-read-more:hover {
color: #000;
}

.card:hover .card-block {
background: #010326;
}

/* 6.5 News Listing */

.card-row {
position: relative;
background: #f2f2f2;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
margin-bottom: 5rem;
width: 100%;
border-radius: 1em;
}

.card-row:last-child {
margin-bottom: 0;
}

.card-row-img {
position: absolute;
left: 0;
top: 0;
padding: 0;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 1em 0em 0em 1em;
}

.info-single {
width: 1%;
display: table-row;
font-size: 1.5em;
top: 1em !important;
position: relative;
}

.card-row-img img {
width: 100%;
}

.form-ricerca-wrapper {
margin-bottom: 3em;
margin-top: 3em;
background: rgb(87, 87, 87, 0.3);
background: linear-gradient(10deg, rgba(87, 87, 87, 0.3) 0%, rgba(145, 145, 145, 0.3) 50%, rgba(185, 185, 185, 0.3) 100%);
padding: 2.5em 2.5em 2em;
border-radius: 0.5em;
box-shadow: rgb(0 0 0 / 30%) 0px 19px 38px, rgb(0 0 0 / 22%) 0px 15px 12px;
}

.card-row {
border: 3px solid #fff;
}

.card-row .card-block {
padding: 2rem;
background: transparent;
}

.card-row:hover {
border: 3px solid #010326;
}

/* 6.6 Post Detail */

#condividi {
overflow: hidden;
margin-right: 2em;
margin-bottom: 1em;
float: right;
}

#stampa {
overflow: hidden;
float: right;
}

.secondary {
margin-top: 6rem;
}

.post-gallery {
position: relative;
}

.header-space {
margin-top: 7rem;
}

.post-thumbnail {
background: url(../images/news/1-1920x1080.jpg) 50% no-repeat;
background-size: cover;
padding: 16.4rem 15px 19rem;
}

.post-thumbnail h1,
.post-thumbnail .title-info {
color: #fff;
}

.page-content-2 {
margin-top: 6.6rem;
}

.posted-on {
font-size: 1.142rem;
margin-bottom: 7rem;
}

.posted-on a {
color: #000;
}

.posted-on a:hover {
color: #010326;
text-decoration: none;
}

.row-images {
margin:30px 0px;
}

.row-images .col-image {
margin-top: 30px;
}

.row-images .col-image:first-child {
margin-top: 0;
}

.row-images .col-image img {
width: 100%;
}

.entry-footer {
padding-top: 4rem;
}

.tags-links span {
color: #000;
}

.tags-links,
.tags-links a {
color: #999999;
}

.tags-links a:hover {
color: #cc0000;
text-decoration: none;
}

.post-share {
margin-top: 1rem;
}

.post-share span {
color: #000;
}

.post-share a {
color: #cccccc;
font-size: 1.4rem;
vertical-align: middle;
margin-left: 0.8rem;
}

.post-share a:hover {
color: #010326;
}

/* 6.6.1 Related Posts */

.related-posts {
margin-top: 6rem;
padding-top: 6rem;
border-top: 1px solid #e1e1e1;
}

.related-post-title {
margin: 0;
}

/* 6.6.2 Comments */

.section-comments {
margin-top: 3rem;
padding: 1.3rem;
background-color: #f5f5f5;
}

.comments-title {
margin: 0;
margin-bottom: 2.85rem;
}

.comment-list {
padding-left: 0;
list-style: none;
}

.comment .avatar {
float: left;
margin-right: 2.14rem;
}

.comment-content {
overflow: hidden;
padding: 1.2rem 0 3rem 1.5rem;
border-top: 1px solid #d8d8d8;
}

.comment-content p {
margin-bottom: 0;
}

.comment-metadata {
margin-bottom: 0.6rem;
}

.comment-metadata .fn a {
color: #333333;
}

.comment-metadata .fn a:hover {
color: #010326;
text-decoration: none;
}

.comment-time {
color: #999999;
font-size: 11px;
text-transform: uppercase;
}

.comment-time:hover {
color: #000;
text-decoration: none;
}

.reply {
margin-top: 0.7rem;
}

.reply a {
color: #999999;
font-style: italic;
}

.reply a:hover {
color: #0099cc;
text-decoration: none;
}

.comment-reply-title small {
float: right;
margin-top: 0.5rem;
}

/* 6.7 Widgets */

.widget {
margin-bottom: 4.5rem;
padding-bottom: 5rem;
border-bottom: 1px solid #e1e1e1;
}

.widget:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}

.widget-title {
font-size: 1.2758rem;
letter-spacing: 0;
margin: 0 0 3rem;
}

.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_meta li,
.widget_recent_entries li,
.widget_nav_menu li {
margin-top: 0.5em;
}

.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_meta li a,
.widget_recent_entries li a,
.widget_nav_menu li a {
color: #666666;
}

.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_meta li a:hover,
.widget_recent_entries li a:hover,
.widget_nav_menu li a:hover {
color: #010326;
text-decoration: none;
}

.widget_categories li {
text-align: right;
}

.widget_categories li a {
float: left;
}

/* 6.7.1 Widget Search */

.search-form {
position: relative;
}

.search-form .search-field {
background: #f6f6f6;
border-color: transparent;
}


.search-form .search-field:focus {
background: none;
}

.search-submit {
position: absolute;
background: none;
border: 0;
right: 0.8rem;
top: 1.1rem;
}

.search-submit:focus {
outline: none;
}

/* 6.7.2 Widget Twitter */

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

.widget_twitter li {
margin-bottom: 2.2rem;
}

.widget_twitter li:last-child {
margin-bottom: 0;
}

.widget_twitter li a {
color: #0099cc;
}

.tweet-time {
display: block;
margin-top: 0.4rem;
font-size: 0.857rem;
display: block;
color: #999999;
text-transform: uppercase;
}

.widget-all-items {
display: inline-block;
margin-top: 1.4rem;
color: #999999;
font-size: 0.928rem;
text-transform: uppercase;
font-weight: 600;
}

.widget-all-items:hover {
text-decoration: none;
}

/* 6.7.3 Widget Recent Posts */

.widget_recent_posts li {
overflow: hidden;
margin-bottom: 2.214rem;
}

.widget_recent_posts li:last-child {
margin-bottom: 0;
}

.recent-post-thumbnail {
float: left;
margin-right: 1.5rem;
}

.recent-post-content {
overflow-y: hidden;
line-height: 1.29;
}

.post-title {
display: inline-block;
font-weight: 600;
letter-spacing: 0;
color: #000;
}

.post-title:hover {
color: #010326;
text-decoration: none;
}

.post-time {
display: block;
margin-top: 0.6rem;
font-size: 0.857rem;
color: #999999;
}

/* 6.8 About Us */

.about-info {
padding-top: 0;
}

.content-entry-image {
padding-top: 38%;
min-height: 28rem;
background: url(../struttura_10/images/1-1920x800.jpg) 50%;
background-size: cover;
}

/* 6.8.1 Services */

.row-services {
margin: -4rem -2.5rem 0 -2.5rem;
}

.col-service {
color: #333;
margin-top: 0rem;
padding: 0 0rem;
}

.col-service a {
display: block;
text-align: center;
background: #010326;
padding: 70px 20px;

color: #fff;
transition: all 0.3s ease-in;
top: 0;
position: relative;
height: 100%;
}

.col-service h4 {
margin-top: 2.5rem;
color: white;
}

.col-service p {
margin-bottom: 0;
}

.col-service a:hover {
background: #1d51a2 !Important;
padding: 70px 20px;
top: -15px;
color: #fff !important;
transition: all 0.3s ease-in;
}

.col-service a:hover h4 {
transition: all 0.3s ease-in;
color: #fff !important;
}

/* 6.8.2 Partners */

.row-partners {
margin: -5rem -1rem 0;
}

.col-partner {
padding: 0 1rem;
margin-top: 5rem;
float: left;
}

.col-partner img {
max-width: 100%;
opacity: 0.4;
}

.col-partner:hover img {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

/* 6.8.3 Team */

.row-team {
margin-top: -30px;
}

.row-cantieri {
margin-top: 3em;
}

.col-team {
margin-top: 5em;
}

.team-profile {
position: relative;
}

.team-profile img {
width: 100%;
display: block;
}

.team-hover {
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(63, 111, 206, 0.8);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.team-content {
position: absolute;
left: 1.857rem;
bottom: 0.8rem;
}

.team-name {
margin-bottom: 0.3rem;
}

.team-name h6 {
margin: 0;
color: #000;
}

.team-spec {
color: #666;
}

.team-social a {
float: left;
color: #000;
font-size: 1.25rem;
margin-right: 1.5rem;
}

.team-social a:hover {
color: #fff;
text-decoration: none;
}

.team-profile:hover .team-hover {
opacity: 1;
}

.add-new-team {
position: relative;
border: 1px solid #bfbfbf;
padding-top: 100%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.add-new-text {
position: absolute;
left: 0;
width: 100%;
top: 50%;
text-align: center;
font-size: 1.285rem;
line-height: 1.1111;
color: #000;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.add-new-text .inner {
display: inline-block;
text-align: left;
}

.add-new-team input[type="file"] {
position: absolute;
cursor: pointer;
opacity: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

.add-new-team:hover {
background: #010326;
border-color: transparent;
}

/* 6.9 Contacts */

.map {
width: 100%;
height: 26rem;
border: 0;
text-align: center;
z-index: 1;
}

.map-info {
color: #000;
text-align: left;
padding: 1rem 0;
}

.map-address-row {
margin-bottom: 1rem;
font-size: 1rem;
line-height: 1.4;
}

.map-address-row .fa {
margin-right: 0.5rem;
}

.gmap-open {
margin: 2rem 0 0;
}

.row-contact {
margin: -6rem -3.5rem 0;
}

.col-contact {
margin-top: 6rem;
padding: 0 3.5rem;
}

.contact-title {
letter-spacing: 0;
margin: 0;
}

.contact-top {
margin-left: 0em;
text-align:center;
margin-bottom:1em;
}

.contact-title span {
color: #ccc;
font-weight: 400;
}

.contact-address {
font-size: 16px;
/*line-height: 5px;*/
margin-top: 2em;
padding: 0;
}

.contact-row {
margin: 0;
padding: 0;
font-size: 16px;
}

.contact-row .text-dark {
font-size: 16px;
}

.phone-lg.text-dark a {
font-size: 17px !important;
}

.contact-social {
margin-top: 1rem;
}

.contact-social a {
color: #999999;
font-size: 1.3rem;
}

.section-message {
background-color: #f5f5f5;
padding: 30px;
}

#containerContact {
padding: 0;
}

#messaggioContact {
padding: 0;
}

#contattiContact {
padding: 0px 30px;
}

#mapContact {
padding: 0;
}

#rowContact {
margin: 0;
padding: 0
}

#containerFooter {
padding: 0
}

div#face-container {
position: relative;
display: flex;
justify-content:center;
margin-bottom: 2rem;
}

.fb-page {
width: 300px;
}

.form-group-contact {
margin-bottom: 15px;
}



div#container_ann_mappa {
padding: 10px 60px;
}

form#contact_form {
margin: 2rem 0rem;
}

/*-------------------------------------------------------------------------------
7. Footer
-------------------------------------------------------------------------------*/

.footer {
color: #000;
line-height: 1.71;
box-shadow: rgb(0 0 0 / 35%) 0px -50px 36px -28px inset;
}

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

.footer ul li a {
color: #000;
}

.footer ul .active a,
.footer ul li a:hover {
color: #010326;
text-decoration: none;
}

.footer-flex {
margin-top: -4rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 2em;
margin-right: 2em;
margin-bottom: 1em;
}

.footer-flex .flex-item {
margin-top: 4rem;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}

#ag_data {
padding: 1em;
border-radius: 0.5em;
}

#footer {
padding: 3rem;
}

#footerFace {
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
border-radius: 0.5em;
}

#ragione-sociale {
padding:0;
}

.title_social,
.ragione-sociale-footer {
margin-top: 0;
margin-bottom: 10px;
}

.desc-wrapper ul {
padding:0;
}

/* ------------------------------------------------------------------------------- */
/* 8. Responsive styles
/* ------------------------------------------------------------------------------- */

/* 8.1 Min width 768px */


@media (min-width: 768px) {
.pull-sm-left {
float: left;
}

.pull-sm-right {
float: right;
}

/* Homepage */

.boxed-inner {
padding-left: 0;
}

.right-boxed {
right: 3rem;
}

.left-boxed {
left: 3rem;
}

/* Section Projects */

.section-projects .filter {
margin-right: 14rem;
}

.section-projects .view-projects {
position: absolute;
top: 0;
right: 0;
}

/* Works Carousel */

.sly ul li {
width: 555px;
}

/* Homepage v2 */

.project-box {
padding-bottom: 75%;
}

.row-contact-info {
margin-top: -2rem;
}

.col-contact-info {
padding-top: 4rem;
margin-top: 2rem;
}

/* Footer */

.footer-flex .flex-item {
-webkit-flex: 0 0 33.3333%;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
}
}

/* 8.2 Min width 992px */

@media (min-width: 992px) {
/* Helpers */

.pull-md-right {
float: right;
}

/* Sidebar Menu */

.menu {
width: 35%;
display:none;
}

/* Homepage */

.right-boxed {
right: 4.2857rem;
}

.left-boxed {
left: 4.2857rem;
}

/* Homepage v2 */

.boxed-inner .boxed {
padding-left: 6rem;
}

.service-list {
margin-bottom: 0;
}

.col-contact-info {
border-top: 0;
padding-top: 0;
}

.row-contact-info {
margin-top: -5rem;
}

.col-contact-info {
margin-top: 5rem;
}

/* Pages */

.page-header {
margin: 5rem 0 8rem;
margin-top: 10em;
z-index: 1000;
}

.page-header-2 {
margin: 8.7rem 0 10.5rem;
}

.page-header-3 .title-hr {
margin: 2em 11em 0;
}

.about-info .section-info .title-hr {
margin-top: 1rem;
}

/* Post detail */

.secondary {
padding: 0.5rem 0 0 6rem;
margin-top: 0;
}

.post-thumbnail {
padding-left: 0;
padding-right: 0;
}

/* About */

.about-info {
padding-top: 0rem;
}

/* Homepage v2 */

.col-contact-info:nth-child(2n) {
border-left: 1px solid #cacaca;
}

.experience-box {
margin-top: 6rem;
}

#sloganAbsolute {
position: absolute;
top: 8em;
left:0;
}

#search_geomapping_results {
font-size: 14px;
background-color: lightgray;
height: 50px;
padding: 0 !important;
}

.img-card {
width: 100%;
height: 300px !important;
margin: 0 auto;
display: block;
}
}

/* 8.3 Min width 1200px */

@media (min-width: 1200px) {

/* Helpers */

.pull-lg-right {
float: right;
}

/* Section Projects */

.section-projects .filter-content {
margin-top: 0;
}

/* Homepage v2 */

.section-3 .link-arrow.h5 {
float: right;
margin-top: -1.3rem;
}

.section-5 .title-uppercase {
margin-top: 22vh;
margin-bottom: 0;
}

/* Works Carousel */

.sly ul li {
width: 685px;
}

/* Homepage v2 */

.section-5 .vertical-centred {
padding-top: 17rem;
padding-bottom: 8rem;
}

.col-contact-info {
border-left: 1px solid #cacaca;
}

/* Footer */

.footer-flex .flex-item {
-webkit-box-flex: none;
-webkit-flex: none;
-ms-flex: none;
flex: none;
font-size: 1.3em;
}

.menu {
display: none;
}
}

@media (min-height: 500px) {
#pp-nav .pp-nav-up,
#pp-nav .pp-nav-down {
display: block;
}
}

@media (min-height: 600px) {
.menu .menu-lang {
top: 7rem;
}

.menu-list {
top: 14rem;
bottom: 14rem;
}

.menu-list>li {
font-size: 2.571rem;
}

.menu-footer {
bottom: 6rem;
left: 3em;
}

.menu-footer .copy {
display: block;
}
}

@media (min-height: 700px) {
.copy-bottom {
display: block;
}

.lang-bottom {
display: block;
}
}

@media (max-width: 991px) {
.menu {
width: 100%;
position: relative;
overflow-y: hidden;
}

.navbar {
padding: 0rem 1rem;
}

.navbar-nav {
margin:0;
}

.navbar-address_home a {
font-size: 17px;
}

.navbar .brand {
height:90px;
}

.header-preferiti {
margin-right: 0em;
margin-top: 3.3rem;
margin-left: -4rem;
float: left !important;
}

.position-absolute-form {
width: 95%;
bottom: 1em;
}

.boxed .container, .boxed .container-fluid {
margin-top: 1em;
}

.project-detail-info {
width: 50%;
margin-left: 2em;
margin-top: 9em;
}

.card-row-img {
height: 370px !important;
position: relative !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1em;
margin-top: 0.7em;
margin-bottom: 0.7em;
}

.card-row-img .project-description {
margin-top: 1.5em;
line-height: initial;
transform: initial;
padding: 0;
}

.card-posted {
font-weight: 600;
font-size:1.6rem;
}

.info-single {
font-size: 20px !important;
color: #fff;
}

.card-row-img .project-description {
opacity: 1;
}

.desc-wrapper .card-posted {
margin-bottom: 0.8rem;
display: inline-block;
}

.whatsapp-button.active,
.whatsapp-button.focus,
.whatsapp-button:active,
.whatsapp-button:focus,
.whatsapp-button:hover {
background-color: #199b49 !important;
color: #fff;
border-color: #25D366 !important;
}

.whatsapp-button {
width: 60px;
height: 60px;
background: #25d366;
color: #fff !important;
position: fixed;
right: 50px;
z-index: 1;
bottom: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}

.whatsapp-button a {
color: white;
}

.card-read-more {
display: inline-block;
margin-top: 3rem;
font-weight: 600;
color: #000;
}

.close-menu {
position: absolute;
z-index: 2;
top: 2.3rem;
font-size: 2.5rem;
line-height: 1;
color: #000;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.close-menu:hover {
color: #010326;
}

form#contact_form {
padding: 20px 20px 0px 20px;
}

.callsContainer {
margin-bottom: 40px;
margin-top: 60px !important;
}

h3.title_social {
text-align: center;
margin: 0px 0px 20px 0px;
}

div#face-container {
margin: 20px 0px !important;
}
}

@media (max-width: 768px) {

.menu-mobile {
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.brand img {
height: 75%;
}    

.nav-tabs > li > a {
padding: 20px;
margin:0;
}

.project-detail-title {
font-size:2.5rem;
}

.annuncio_preferiti {
font-size:2rem;
}

.tabs-annuncio .nav-tabs>li>a,
.tabs-annuncio .nav-tabs>li.active>a,
.tabs-annuncio .nav-tabs>li:hover>a {
padding-left: 12px;
padding-right: 12px;
}

.menu-is-opened .menu {
box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
-webkit-transform: translate3d(0, 0, 0);
position: fixed;
z-index: 10000000000;
}

.btn-yellow {
background: #010326;
color: #fff;
border-radius: 0.5em;
}

#searchform input[type='text'], #searchform input[type='number'] {
font-size:1.3rem;
}

.iconSection {
margin-bottom: 80px;
}

h3.title_social {
text-align: center;
margin: 10px auto;
}

.callsContainer {
margin-bottom: 40px;
}

.right-boxed {
right: 5rem;
}

.project-detail-meta .social-list {
margin-top: 1em;
}

.project-detail-meta .social-list a {
margin-left: 3rem;
}

.navbar-spacer {
float: right;
margin: -1rem 2.5rem 0;
width: 1px;
height: 3.3rem;
background-color: #e0e0e0;
}

#mail {
margin-right: -2em !important;
}

.navbar .social-list {
float: right;
margin-right: -3%;
margin-left: -2%;
margin-top: 0.5em
}

.card-row-img {
height: 370px !important;
position: relative !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1em;
margin-top: 0.7em;
margin-bottom: 0.7em;
}

#hoverHome {
display: none;
}

.contact-address {
font-size: 13px;
line-height: 5px;
margin-top: 2em;
padding: 0;
}

.contact-row {
font-size: 14px;
}

.contact-row .text-dark {
font-size: 14px;
}

#cardMap {
background-color: lightgrey;
padding: 1em;
border-radius: 0.5em;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
margin: 20px;
}

a.btn.viewbtnMap {
float: right;
margin-top: -45px !important;
border: 1px solid;
}

.btn.viewbtnMap:hover {
float: right;
margin-top: -45px !important;
border: 1px solid;
color: #010326 !important;
}

#imgCardMap {
max-width: 220px !important;
max-height: 230px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2em;
}

.card-title {
margin: 0;
}

.section-info {
color: #999999;
line-height: 1.111;
font-size: 1.28rem;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 20px;
margin-top: -30px;
padding: 0px 20px;
}

.card-read-more {
display: inline-block;
margin-top: 100px !important;
font-weight: 600;
color: #000;
}
}

@media screen and (max-width: 540px) {
.form-group-input {
margin-bottom:15px;
}

.col-service h4 {
color: white;
height: 50px;
}

.header-preferiti{
margin-left: -3rem;
}

.open>.dropdown-menu {
display: grid;
}

.card-row-img {
height: 200px !important;
position: relative !important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 1em;
box-shadow: rgb(0 0 0 / 30%) 0px 19px 38px, rgb(0 0 0 / 22%) 0px 15px 12px;
}

.card-body {
padding: 10px 15px;
}

p.prezzo_ann_map {
margin-bottom: 0;
padding: 0;
font-size: 18px;
padding: 10px 0px 0px 15px !important;
}

.add_preferiti_map {
float: right;
margin-top: -25px !important;
margin-right: 10px;
}

.project-detail {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.project-detail-info {
width: 90%;
margin: 140px auto;
}

#searchform input[type='text'],
#searchform input[type='number'] {
padding: 0.9em !important;
}

#searchform input[type='number']:hover {
background-color: #e5e5e5;
border: 3px solid #1d51a2;
color: #000 !important;
}

#searchform input[type='number']:focus {
background-color: #e5e5e5;
border: 3px solid #1d51a2;
color: #000 !important;
}

#search_geomapping_results {
font-size: 18px;
border: 1px solid #010326;
color: #010326;
padding: 0;
background-color: lightgray;
height: 50px;
}

#mostra_results .form-group {
margin: 10px 0px 10px 0px;
}

#filterMap {
padding: 25px 20px 20px 20px;
background-color: lightgrey;
}

.bootstrap-select .btn {
padding: 0.9em;
height: 50px;
font-size: 14px;
}

.bootstrap-select .btn:hover {
background-color: #e5e5e5;
border: 3px solid #1d51a2;
color: #000 !important;
height: 50px;
}

.bootstrap-select .btn:focus {
background-color: #e5e5e5;
border: 3px solid #1d51a2;
color: #000 !important;
height: 50px;
}

ul.dropdown-menu.inner {
height: auto;
max-height: 200px !important;
overscroll-behavior: contain;
overflow-x:hidden;
}

.card-title {
height: auto !important;
font-size: 17px;
}

.card-read-more {
display: inline-block;
margin-top: 15px !important;
font-weight: 600;
color: #000;
}

.project-detail-list {
list-style: none;
padding-left: 0;
margin-top: 0;
font-size: 1.1em;
}

.title-custom {
margin-bottom: 20px !important;
}

.menu-list {
top: 12rem;
bottom: 12rem;
}

div#custom-title-home {
text-align: center;
}

h3.title_social {
text-align: center;
margin: 20px auto;
}

.btn-primary {
background: #010326;
text-transform: uppercase;
}

.btn-primary :is(:hover,:active) {
background: #1d51a2;
}

.dropdown-menu {
position: absolute;
bottom: none !important;
font-size: 14px;
}

#sloganAbsolute {
position: absolute;
top: 8em;
margin: 0 auto;
padding: 10px;
}

.immagine-big-pages {
height: 200px;
display: flex;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
osition: inherit;
align-items: center;
}

.page-header,
.page-header-2,
.page-header-3 {
border-bottom: 0;
padding: 0;
}

.textAbsolute {
color: #fff;
font-size: 30px;
margin: 0 auto;
}

.text-display-1 {
font-size: 1.714rem;
line-height: 2;
letter-spacing: 0;
margin: 10px 20px;
}

#map-property {
margin: 20px;
height: 400px;
z-index: 1;
border-radius: 0.5em;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.section-message {
background-color: #f5f5f5;
padding: 30px 0px;
}

#contattiContact {
padding: 0;
height: 350px;
}
}

.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsThumbs,
.rsDefault .rsVideoFrameHolder {
border-radius: 0.5em !important;
background: #FFFFFF;
}

.fb_iframe_widget iframe {
position: absolute;
border-radius: 0.5em;
}

.description {
left: 1em;
margin-top: 1em;
}

#map_search .mapsearch_control_selectArea {
z-index: 5;
color: #11a7da;
background: rgba(42, 42, 42, 0.4);
border: 1px solid #aaaaaa;
padding: 5px;
position: absolute;
top: 2em;
right: 0;
margin-top: 4em;
}

h2.info-text {
margin-bottom: 0;
margin-top: 140px;
text-align: center;
}

.jumbotron {
padding-top: 0em;
padding-bottom: 0em;
}

.textAbsolute {
color: #fff;
}

.card-img-top {
max-height: 16em;
border-radius: 0.5em;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#cardMap {
background-color: lightgrey;
padding: 1em;
border-radius: 0.5em;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

#cardBodyMap {
max-height: 14.5em;
}

#textCardMap {
margin: 0em;
padding: 1em;
margin-top: -5rem;
}

#descMap {
margin-top: 2.5em;
margin-left: -2em;
font-size: 0.8em;
max-height: 10em;
display: inline-table;
}

#cardPost {
margin-top: -5.8em;
margin-left: 7em;
}

#dettaMap {
margin-top: 0em !important;
margin-left: 0.5em;
font-size: 0.8em;
}

#imgCardMap {
max-width: 300px;
max-height: 230px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 2em;
margin-bottom: 2em;
}

p.prezzo_ann_map {
margin-bottom: 0;
padding: 0;
font-size: 18px;
}

h5#cardTitleMap {
margin: 0;
}

p.mq_ann_map {
margin-bottom: 10px;
padding: 0;
font-size: 15px;
float: left;
margin-right: 15px;
}

p.bagni_ann_map {
margin-bottom: 10px;
padding: 0;
font-size: 15px;
float: left;
margin-right: 15px;
}

p.camere_ann_map {
margin-bottom: 10px;
padding: 0;
font-size: 15px;
}

a.btn.viewbtnMap {
float: right;
margin-top: -45px;
border: 1px solid;
}

.add_preferiti_map {
float: right;
margin-top: -20px;
margin-right: 10px;
}

p#cardTextMap {
font-size: 15px;
margin-top: 10px;
padding-right: 20px;
}

@media screen and (max-width: 460px) {

#add_preferiti_annShow {
position: absolute;
top: 3em;
right: 4em;
color: crimson;
}

.project-description {
display: none !important;
}

#hoverHome {
display: none;
}

.project-hover-content {
width: 115%;
}

.project-detail {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.pagination {
padding-left: 1em;
}

#mail {
text-transform: none;
margin-right: -1em !important;
}

.right-boxed {
right: 3rem;
}

}

@media screen and (max-width: 320px) {
.position-absolute-form {
width: 85%;
margin-bottom: 0;
bottom: -1em;
}

.section-about {
margin: 14rem 0 0 0;
}

}

.whiteSpaceSearch {
height: 7em;
}

.whiteSpace {
height: 5em;
}

.whiteSpaceContact {
height: 8em;
}

.whiteSpaceChisiamo {
height: 10em;
}

.content {
overflow-x: hidden;
}

/**
* Call To Action
*/

.immagine-call {
height: 300px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}

.immagine-call:hover {
-webkit-transform: scale(1.5, 1.5) !important;
transform: scale(1.5, 1.5) !important;
-webkit-transition: all 0.3s ease-in-out;
}

.overlay {
    border-image: linear-gradient(hsla(0 100% 100% / 0.0), hsla(0 100% 0% / 0.5)) fill 1;
}

#callButton {
    padding: 8px 40px;
    position: absolute;
    left: 2em;
    bottom: 4em;
}

#callButton:hover {
background-color: #010326;
border-color: #1d51a2;
color: #fff !important;
-webkit-transform: scale(1.1, 1.1) !important;
transform: scale(1.1, 1.1) !important;
-webkit-transition: all 0.3s ease-in-out;
}

.container-call {
overflow: hidden;
height: auto;
}

.content-call {
position: absolute;
top: 0;
height:100%;
}

.content-call h2 {
margin: 0.5em;
}

.content-call p {
margin: 10px 0 10px 0;
padding: 0;
color: black;
height: 80px;
line-height: 1.2em;
font-size: 15px;
}

.rounded-2 {
border-radius: 0.2em;
}

/*--------------------------------------------------------------
# Tetstimonials
--------------------------------------------------------------*/

.testimonials {
padding: 0px 0;
margin-bottom: 2rem;
}

.testimonials .section-header {
margin-bottom: 40px;
}

.testimonials .testimonial-item {
text-align: center;
}

.testimonials .testimonial-item .testimonial-img {
width: 120px;
border-radius: 50%;
border: 4px solid #fff;
margin: 0 auto;
}

.testimonials .testimonial-item h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 0;
color: rgb(0, 0, 0);
}

.testimonials .testimonial-item h4 {
font-size: 14px;
color: #999;
margin: 0 0 15px 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
color: #fbfcfd;
font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
display: inline-block;
left: -5px;
position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
}

.testimonials .testimonial-item p {
font-style: italic;
margin: 0 auto 15px auto;
color: black;
font-size: 16px;
}

.testimonials .swiper-pagination {
margin-top: 20px;
position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #68A4C4;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
background-color: #68A4C4;
}

#swiperTestimonials {
width: 100%;
height: 100% !important;
background: #fff;
margin-top: 0em;
}

/*------------------
End Testimonial
--------------------*/

/*------------------
* Whatsapp Button
-------------------*/

.whatsapp-button.active,
.whatsapp-button.focus,
.whatsapp-button:active,
.whatsapp-button:focus,
.whatsapp-button:hover {
background-color: #199b49 !important;
color: #fff;
border-color: #25D366 !important;
}

.whatsapp-button {
width: 60px;
height: 60px;
background: #25d366;
color: #fff !important;
position: fixed;
right: 15px;
z-index: 1;
bottom: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}

.whatsapp-button a {
color: white;
}

/*------------------
* Whatsapp Button
-------------------*/