:root{
--bs-primary: #7FA9AE;
--bs-secondary: #4c392f;
--bs-light: #d8e8ea;
--bs-dark: #212529;
--bs-primary-rgb: 127,169,174;
--bs-secondary-rgb: 76,57,47;
--bs-light-rgb: 248,249,250;
--bs-dark-rgb: 33,37,41;
}
body, .sp-preloader {
color: var(--bs-secondary) !important;
}
#sp-main-body {
padding:0;
}
.header-fader-margin {
margin-top: -80px !important;
}
.header-fader-padding {
padding-top: 80px
}
.fields-container {
list-style: none;
padding: 0;
}
.choices__list--dropdown {
    background-color: #fff;
    border: 1px solid #000;
}
h1{
padding: 4px 0 !important;
color: var(--bs-primary);
}
.text-white h1 {
color: #fff;
}
.btn-slide .sp-slider-btn-text {
background: rgba(0,0,0,0.3) !important;
color: #fff !important;
text-transform: uppercase;
letter-spacing: 0.04em;
border:1px solid;
text-shadow: none;
font-weight: 400
}
.btn-slide .sp-slider-btn-text:hover, .btn-slide .sp-slider-btn-text:focus {
background: rgba(255,255,255,0.7) !important;
color: var(--bs-secondary) !important;
text-transform: uppercase;
text-shadow: none;
}
.sppb-btn-primary, .btn-primary {
background-color:var(--bs-primary) !important;
border-color: var(--bs-primary) !important;
}
.sppb-btn-primary:hover, .btn-primary:hover {
background-color: rgba(127,169,174,.7) !important;
border-color: var(--bs-primary) !important
}
.sppb-btn-primary.focus,.sppb-btn-primary:focus, .btn-primary.focus,.btn-primary:focus {
box-shadow: none !important
}
.sppb-btn-primary.disabled,.sppb-btn-primary:disabled, .btn-primary.disabled,.btn-primary:disabled  {
background-color: var(--bs-primary) !important;
border-color: var(--bs-primary) !important;
}
.sppb-btn-secondary {
background-color:var(--bs-secondary) !important;
border-color: var(--bs-secondary) !important;
}
.sppb-btn-secondary:hover {
background-color: rgba(78,54,41,.7) !important;
border-color: var(--bs-secondary)
}
.sppb-btn-secondary.disabled,.sppb-btn-secondary:disabled {
background-color: var(--bs-secondary) !important;
border-color: var(--bs-secondary) !important;
}
.sppb-btn-primary.sppb-btn-outline {
color: var(--bs-primary) !important;
background-color: transparent !important
}
.sppb-btn-primary.sppb-btn-outline:hover, .sppb-btn-primary.sppb-btn-outline.focus:hover,.sppb-btn-primary.sppb-btn-outline:focus:hover {
color: #fff !important;
background-color:var(--bs-primary) !important;
border-color:var(--bs-primary) !important;
}
.sppb-btn-primary.sppb-btn-outline.focus,.sppb-btn-primary.sppb-btn-outline:focus {
color: var(--bs-primary) !important;
background-color: transparent !important
}
.sppb-btn-primary.sppb-btn-outline.disabled,.sppb-btn-primary.sppb-btn-outline:disabled {
color: var(--bs-primary) !important;
background-color: transparent !important;
border-color: var(--bs-primary) !important;
}
.sppb-btn-secondary.sppb-btn-outline {
color: var(--bs-secondary) !important;
background-color: transparent !important
}
.sppb-btn-secondary.sppb-btn-outline:hover, .sppb-btn-secondary.sppb-btn-outline.focus:hover,.sppb-btn-secondary.sppb-btn-outline:focus:hover {
color: #fff !important;
background-color:var(--bs-secondary) !important;
border-color:var(--bs-secondary) !important;
}
.sppb-btn-default.sppb-btn-outline {
color: #fff !important;
background-color: transparent !important;
text-transform: uppercase;
}
.sppb-btn-default.sppb-btn-outline:hover, .sppb-btn-default.sppb-btn-outline.focus:hover,.sppb-btn-default.sppb-btn-outline:focus:hover {
color: var(--bs-primary) !important;
background-color: #fff!important;
border-color: #fff !important;
}
.sppb-btn .fas, .btn-slide .fas {
padding-left: 10px
}
.sppb-btn.text-uppercase, .sppb-btn-default.sppb-btn-outline {
font-size: 80%;
}
.sp-megamenu-parent {
margin: 40px 0 0 -15px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
padding-bottom: 10px;
}
#sp-header .sp-megamenu-parent>li>a, #sp-header .sp-menu-separator,
.header-gradient #sp-header li.active>a, .header-gradient #sp-header li.active:hover, .header-gradient #sp-header li>a:hover, .header-gradient #sp-header .sp-menu-separator:hover
{
color: #fff;
}
#sp-header.header-sticky .sp-megamenu-parent>li>a, #sp-header.header-sticky .sp-menu-separator,
.header-white #sp-header li a, .header-white #sp-header .sp-menu-separator
{
color: var(--bs-secondary);
}
#sp-header li.active>a, #sp-header li.active:hover, #sp-header li>a:hover, #sp-header .sp-menu-separator:hover,
#sp-header.header-sticky li.active>a, #sp-header.header-sticky li.active:hover, #sp-header.header-sticky li>a:hover, #sp-header.header-sticky .sp-menu-separator:hover,
.header-white #sp-header li.active>a, .header-white #sp-header li.active:hover, .header-white #sp-header li>a:hover, .header-white #sp-header .sp-menu-separator:hover,
.header-primary #sp-header.header-sticky li.active>a, .header-primary #sp-header.header-sticky li.active:hover, .header-primary #sp-header.header-sticky li>a:hover, .header-primary #sp-header.header-sticky .sp-menu-separator:hover,
.header-primary #sp-header .sp-dropdown li.active>a, .header-primary #sp-header .sp-dropdown li.active:hover, .header-primary #sp-header .sp-dropdown li>a:hover, .header-primary #sp-header .sp-dropdown .sp-menu-separator:hover,
.header-gradient #sp-header .sp-dropdown li.active>a, .header-gradient #sp-header .sp-dropdown li.active:hover, .header-gradient #sp-header .sp-dropdown li>a:hover, .header-gradient #sp-header .sp-dropdown .sp-menu-separator:hover
{
  color: var(--bs-primary);
}
.header-primary #sp-header li.active>a, .header-primary #sp-header li.active:hover, .header-primary #sp-header li>a:hover, .header-primary #sp-header .sp-menu-separator:hover
{
  color: var(--bs-light);
}
#sp-header .svg-logo{
height: 60px;
display: inline-flex;
margin: 0;
align-items: center;
margin-left: 0;
}
#sp-header .svg-logo svg {
height: 60px
}
#sp-header .logo {
justify-content: flex-end !important;
}
.logo-image {
display:none !important;
}
#sp-header #sp-menu .justify-content-end {
justify-content: flex-start !important;
}
.header-gradient #sp-header {
background: linear-gradient(0deg, RGBA(0, 0, 0, 0) 0%, RGBA(0, 0, 0, 0.5) 100%) transparent;
}
#sp-header {
box-shadow: none;
background: transparent;
}
#sp-header.header-sticky {
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.menu-fader #sp-menu, .header-fader #sp-header, .igallery_title  {
    animation: spFadeIn 0.5s;
    animation-delay: 1.2s !important;
    animation-fill-mode: forwards;
    opacity:0;
}
#sp-header.header-sticky, .header-secondary #sp-header.header-sticky {
background: rgba(255,255,255,0.9);
}
#sp-header.header-sticky svg, .logo-primary #sp-header svg {
display:block !important;
fill: var(--bs-primary)
}
#sp-header svg {
fill: white
}
#sp-header .burger-icon span {
background-color: #fff;
height:4px
}
#sp-header.header-sticky .burger-icon span, .logo-primary #sp-header .burger-icon span {
background-color: var(--bs-primary)
}
.offcanvas-active .burger-icon>span:nth-child(3),#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
transform: translate(0, -6px) rotate(45deg)
}
.offcanvas-active .burger-icon>span,#modal-menu-toggler.active .burger-icon>span {
background-color: var(--bs-primary)
}
.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active, .offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
color: var(--bs-primary)
}
.offcanvas-menu .logo {
margin-left: 8px;
}
#offcanvas-toggler.offcanvas-toggler-right {
float: left !important;
margin-left: 6px !important;
}
.offcanvas-menu .menu {
    max-width: 180px
}
.offcanvas-menu .menu-child {
    margin-left: 0 !important
}
.offcanvas-menu .menu-child li {
    border-top: 1px solid #ccc;
    padding: 10px 0
}
.sp-slider-content-wrap, .dia .sppb-addon-title {
text-shadow: 2px 2px 2px rgba(0,0,0,0.7)!important;
}
.gk-slider .sp-slider-content-wrap {
max-width: 1920px;
margin:auto;
}
.sppb-section .sp-slider .sp-dots ul li .dot-indicator {
height: 8px;
}
.gk-slider .svg-slide {
fill:white;
width: 100% !important;
display:flex !important;
justify-content: space-between !important;
column-gap: 6%;
}
.dia .sppb-addon-content {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.dia .sppb-addon-title {
margin-top: -40px;
color:white;
z-index: 999;
font-weight: 400;
letter-spacing: 0.04em;
}
.dia .sppb-img-responsive {
min-width: 100%;
min-height: 100%;
}
.dia .sppb-addon-single-image-container {
width: 100%;
}
.dia-over .sppb-addon-overlay-image-content {
height: 22vw !important;
}
.dia-over .overlay-image-title, .dia-over .overlay-image-button-wrap, .dia-over .sppb-addon-title, .dia-over .sppb-addon-title a {
width: 100%;
height:100%;
display: block;
top: 0;
position: absolute;
margin: 0 !important;
}
.dia-over .sppb-btn, .dia-over .sppb-btn:hover, .dia-over .sppb-btn:focus  {
background: transparent;
border: none
}
.dia-over .sppb-addon-overlay-image-content {
display: block;
padding: 0
}
.dia-over .title-subtitle-bottom-center .sppb-addon-title {
transform: translate3d(0, -0, 0);
}
.dia-over .title {
font-size: 36px;
position: absolute;
bottom: 10px;
width: 100%;
}
.icona .sppb-icons-label-text {
font-size: 22px;
text-shadow: 2px 2px 2px rgba(0,0,0,0.6);
padding: 10px;
}
.tag-icon .icon-contract:before {
content: "\e902" !important;
}
.canali .sppb-btn-secondary {
width: 200px;
height: 200px;
line-height: 200px;
padding: 0;
border-radius: 50%;
font-family: 'Cormorant Garamond', sans-serif;
font-size: 36px;
font-weight: 500;
opacity: 0.8;
}
.article-list .article .featured-article-badge {
display: none;
}
.article-list .article, .blog-featured {
padding: 0;
border: none;
}
.article-list .col-lg-12 {
    border-bottom: 1px solid var(--bs-primary);
    padding: 0 0 20px 0;
    margin-bottom: 40px
}
.article-list .col-lg-12:last-child {
    border: none;
}
.profile-6 .spec {
display: none;
}
.profile-6 .igui-scope audio, .profile-6 .igui-scope canvas, .profile-6 .igui-scope img, .profile-6 .igui-scope video {
max-width: none !important;
min-height: 100% !important;
}
/*Realizzazioni*/
.ig-menu-grid-item h1 {
color: var(--bs-primary);
}
.ig-menu-grid-item .ig-menu-description {
color: var(--bs-secondary);
}
.ig-cat-extra-title {
color: var(--bs-secondary);
display: block;
font-weight: 200;
text-transform: lowercase;
}
.ig-cat-extra {
color: var(--bs-primary);
font-weight: 400;
text-transform: uppercase;
font-size: 14px
}
.ig-cat-extra span{
font-size: 16px;
}
.profile-2 .ig-menu-grid img, .img-title .sppb-row-container, .profile-6 .igui-slideshow-items{
border: 1px solid #d8e8ea;
background: #fff;
width: 100%;
}
.profile-6 .igui-slideshow {
border-bottom: none;
}
.ig-thumbs-grid {
background: #fff;
}
/*Menu immagini pagina principale giardini - terrazzi -arredi-team*/
.header-primary .sp-page-title .sp-page-title-heading, .header-secondary .sp-page-title .sp-page-title-heading {
font-size: 56px;
font-weight: 300;
line-height: 1.06;
}
.sp-page-title {
padding: 3rem 0 0.5rem;
}
.video-giardini {    background-image: url(/pages/ginkgo-giardini.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
}
.video-terrazzi {    background-image: url(/pages/ginkgo-terrazzi.webp) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
}
.competenze ul {
list-style: none;
padding-left: 0;
}
.competenze ul li {
display: inline-block;
padding-right:8px
}
.competenze ul li::before {
content: '\00B7	';
font-weight: 900;
padding: 0 10px 0 0
}
.competenze ul li:first-child::before {
content: none
}
.profile-1 .ig-menu-description {
display: none;
}
.profile-1 .ig-menu-grid-text h2 {
font-family: 'Cormorant Garamond', sans-serif !important;
font-size: 36px;
}
.ig-menu-grid-text h2 {
font-family: 'Cormorant Garamond', sans-serif;
font-size: 36px
}
.ig-thumbs-grid .igui-overlay-primary h2 {
font-size: 100%;
}
.ig-menu-grid-item, .ig-grid-img-link {
overflow: hidden !important;
}
.igui-overlay-primary {
opacity: 0;
background: none !important;
height: 150%;
transition: 1s;
padding: 0;
align-content: flex-end;
top: 0;
}
.igui-overlay-primary:hover {
opacity: 1;
height: 100%;
}
.igui-overlay-primary h2 {
padding: 10px 10px 40px;
}
.igui-overlay-primary h2, .profile-6 .igui-overlay-primary p{
background: rgba(76,57,47,0.7) !important;
text-align: left;
}
.igui-overlay-primary h2, .igui-overlay-primary p {
margin:0 !important;
}
.profile-6 .igui-overlay-primary p{
padding-bottom: 30px;
}
.ig-description-overlay {
padding-bottom: 0 !important
}
.igui-overlay-primary p {
padding: 10px 10px 0;
}
.igallery_title.container.text-white {
padding: 0 15px !important;
}
/*Arredi e marchi*/
.profile-3 .ig-thumbs-grid-block {
text-align: center;
}
.arredi .profile-1 .bg-primary.header-fader-margin.header-fader-padding, .arredi .profile-1 .ig-category-description {
display: none;
}
.profile-3 .ig-grid-img-link {
    cursor: default;
}
/*Team*/
.sppb-flipbox-front.flip-box, .sppb-flipbox-back.flip-box {
border: 1px solid rgba(78, 54, 41, 0.3);
}
.sppb-flipbox-front.flip-box {
justify-content: flex-end;
}
.sppb-flipbox-front .flip-box-inner {
background: rgba(255,255,255,0.9);
padding: 15px
}
.sppb-flipbox-front {
padding: 0 !important
}
.sppb-flipbox-front-icon {
position: absolute;
right: 15px;
bottom: 15px;
}
.sppb-flipbox-front-title, .sppb-flipbox-front-paragraph {
margin-right: 48px;
color: var(--bs-secondary);
}
.sppb-flipbox-front-title {
font-size: 120%;
font-weight: 400;
}
.sppb-flipbox-front-paragraph {
font-size: 90%;
font-weight: 300;
line-height: 1.2
}
.sppb-flipbox-back-paragraph {
line-height: 1.2;
}
.person-circle.sppb-addon-person .sppb-person-information>span.sppb-person-name {
    font-size: 120%;
    font-weight: 300;
    line-height:1.1
}
.person-circle.person-content-position-bottom-left .person-content-show-on-hover,
.person-circle.person-content-position-half-overlay .person-content-show-on-hover {
    justify-content: flex-start;
    align-items: center;
}
.person-circle.person-content-position-bottom-left .sppb-person-information {
    text-align: center
}
.person-circle .sppb-person-introtext {
    line-height:1.3
}
.person-circle h5 {
    font-style: italic
}
.sppb-person-designation {
    font-weight: 400 !important;
    color: var(--bs-primary) !important;
    line-height: 1.2;
    font-size: 15px !important
}
/*Testimonial*/
.sppb-testimonial-pro:before {
content: "\e901";
font-size: 70px;
line-height:2;
font-family: 'icomoon' !important;
color: rgba(76,57,47,0.4);
}
.testimonial .sppb-testimonial-message {
font-family: 'Cormorant Garamond', sans-serif;
font-size: 36px;
line-height: 1.1;
}
/*Canali*/
.ig-slideshow {
border-bottom: 1px solid var(--bs-primary);
margin-bottom: 6px;
padding-bottom: 10px;
}
.contatto-canali input[type="text"]:not(.form-control),
.contatto-canali input[type="email"]:not(.form-control),
.contatto-canali input[type="url"]:not(.form-control),
.contatto-canali input[type="date"]:not(.form-control),
.contatto-canali input[type="password"]:not(.form-control),
.contatto-canali input[type="search"]:not(.form-control),
.contatto-canali input[type="tel"]:not(.form-control),
.contatto-canali input[type="number"]:not(.form-control),
.contatto-canali select:not(.form-select):not(.form-control)
.contatto-canali .sppb-form-control,
.contatto-canali .sppb-form-group .sppb-form-control,
.contatto-canali .sppb-form-check .sppb-form-check-input
{
background: rgba(255,255,255,0.5);
border-color: transparent !important;
color:  var(--bs-secondary);
border-radius: 0;
}
.sppb-form-check .sppb-form-check-label {
font-size: 14px
}
.sppb-form-check .sppb-form-check-label a {
color: #fff;
text-decoration: underline !important;
}
.sppb-text-success {
color: #fff;
background:var(--bs-primary) !important;
padding: 10px;
position:absolute;
width: 60%;
left: 20%;
bottom: 40px;
}
a.sppb-text-success:hover {
color: var(--bs-primary);
background: #fff !important;
padding: 10px;
}
.white-popup-block iframe {
position: absolute;
width:100% !important;
height: 100% !important;
padding: 30px 0;
}
.modal-home label {
font-size: 14px;
padding-bottom: 5px;
}
.modal-home .sppb-ajax-contact-status .sppb-text-danger, .modal-home .sppb-ajax-contact-status .sppb-text-success {
margin-top: -50px;
font-size: 14px;
}
.modal-home .contatti-prenota {
margin-left: 30px;
margin-right: 30px
}
.modal-home .sppb-form-check .sppb-form-check-label a {
pointer-events: none;
cursor: default;
background: #fff !important;
color: var(--bs-primary) !important;
padding:0 !important;
text-decoration: none !important;
}
.header-gradient .mfp-bg {
background: transparent;
}
.header-gradient .white-popup-block {
border: 1px solid var(--bs-primary);
box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
padding: 0 !important;
min-height: 440px;
height: 60vh !important
}
.contatti-prenota .sppb-form-builder-field-0 label,
.contatti-prenota .sppb-form-builder-field-1 label,
.contatti-prenota .sppb-form-builder-field-2 label,
.contatti-prenota .sppb-form-builder-field-3 label,
.contatti-prenota .sppb-form-builder-field-6 label {
display: none !important
}
.sppb-form-builder-field-4 label,
.sppb-form-builder-field-5 label,
.sppb-addon-form-builder .sppb-form-check-label::before {
font-size: 90%;
}
.contatti-prenota .sppb-form-builder-field-4 label,
.contatti-prenota .sppb-form-builder-field-5 label,
.sppb-addon-form-builder .sppb-form-check-label::before {
padding-bottom: 10px;
color: var(--bs-primary);
}
.contatto-canali .form-builder-checkbox-item label::before,
.contatto-canali .sppb-addon-form-builder label.sppb-form-check-label::before {
border-color: #fff !important;
}
.contatti-prenota .form-builder-checkbox-item label::before, .contatti-prenota .form-builder-radio-item label::before, .contatti-prenota .sppb-addon-form-builder .sppb-form-check-label::before, .sppb-addon-form-builder .sppb-form-check-label::before {
border: 2px solid;
}
.sppb-form-check .sppb-form-check-input {
margin-left: -20px !important;
zoom:1.6;
margin-top: 2px
}
.contatto-canali .sppb-form-builder-field-0 label,
.contatto-canali .sppb-form-builder-field-1 label,
.contatto-canali .sppb-form-builder-field-2 label,
.contatto-canali .sppb-form-builder-field-3 label,
.contatto-canali .sppb-form-builder-field-6 label {
    display: none
}
.contatto-canali .sppb-form-builder-field-5 label {
    margin-bottom: 20px
}
.contatto-canali .form-builder-checkbox-content label {
    margin-right:10px;
}

.contatto-canali .sppb-btn-primary.sppb-btn-outline {
color: #fff !important;
border-color: #fff !important
}
.contatto-canali .sppb-btn-primary.sppb-btn-outline:hover {
border-color: #fff !important;
background: rgba(255,255,255,0.4) !important;
}
/*Footer*/
#sp-bottom .container {
margin-top: 3rem;
}
#sp-bottom .menu-separator {
display: none;
}
#sp-bottom2 a{
color: var(--bs-primary) !important;
font-weight: 400 !important
}
.svg-logo-footer svg {
width: 300px;
fill: #fff;
opacity: 0.2;
}
#sp-bottom {
background: var(--bs-secondary);
font-size: 90%;
}
#sp-bottom a, #sp-bottom {
color: var(--bs-light);
}
#sp-bottom {
background-image: url(/images/2024/07/03/pattern_home.svg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 110% 50%;
}
#sp-bottom .sp-module {
margin-bottom: 0;
}
#sp-bottom1 .social-icons{
padding-top: 30px;
font-size:140%
}
ul.social-icons a {
color: var(--bs-primary) !important
}
ul.social-icons a:hover {
color: var(--bs-light) !important
}
.sp-contact-info li {
display: block;
padding-top: 10px;

}
#sp-bottom2, #sp-bottom3 {
border-left: 1px solid var(--bs-primary);
padding-left: 20px !important;
margin-top: 0 !important
}
#sp-footer .container-inner {
border: none;
}
.article-header-container .article-header  {
margin: auto;
padding: 0 15px
}
.article-header-dx .category-name {
font-size: 100% !important;
color: white;
background: var(--bs-primary);
display: inline;
padding: 2px 6px !important;
}
.profile-1 .ig-category-description .desc-img p, .spec {
margin: auto;
padding-left: 15px;
padding-right: 15px;
}
.no-footer #sp-bottom, .no-footer #sp-footer {
display: none;
}

/*Frontend*/
.loginlogo-primary, .category-listcontainer.no-footer.mod-art.logo-primary.header-white, .profile-editlogo-primary.header-white {
  padding: 70px 40px;
}
.mod-art #editor {
display: none;
}
.mod-art #com-content-form button:first-child {
display:none
}
.item-166.menu-divider.menu-deeper.menu-parent {
display: none !important;
}
.mod-art #com-content-form::after {
content:'se vuoi mostrare questa novità scegli la TAB in alto PUBBLICAZIONE e seleziona SI nel menù a discesa IN EVIDENZA, se non vuoi mostrarla seleziona NO. Effettuata la tua scelta non modificare altri campi e clicca SALVA';
margin: 1rem 0;
padding: 1rem;
color: #cc0000;
border: 1px solid
}
.ig_toolbar, #addvideo {
    padding: 10px ;
    margin: 40px 0  !important;
    border: 1px solid
}

/*RESPONSIVE*/

/*min-width*/
@media (min-width: 576px) {
.sppb-row-container, .sp-slider-content-wrap, .ig-category-description .desc-img p  {
max-width:540px !important
}
.spec {
max-width: 510px !important
}
#sp-bottom.exag {
background-size: auto 60%;
background-position: 340px 100%;
}
.testimonial .sppb-item {
height: 360px;
}
}
@media (min-width: 768px) {
.sppb-row-container, .sp-slider-content-wrap, .ig-category-description .desc-img p {
max-width:720px !important
}
.spec {
max-width: 690px !important
}
#sp-bottom.exag {
background-size: auto 90%;
background-position: 580px 50%;
}
.sppb-flipbox-front-paragraph {
height: 80px
}
.testimonial .sppb-item {
height: 400px
}
.gk-slider .svg-slide {
flex-wrap: nowrap;
}
}
@media (min-width: 992px) {
.sppb-row-container, .sp-slider-content-wrap, .ig-category-description .desc-img p {
max-width:960px !important
} .spec {
max-width: 930px !important
}
.profile-2 .ig-menu-grid {
height: auto !important
}
.profile-2 .ig-menu-grid-link {
display: flex;
width: 100% !important;
flex-wrap: nowrap;
}
.profile-2 .ig-menu-grid-item {
width: 100% !important;
position: relative !important;
height: auto !important;
}
.profile-2 .igui-inline.igui-inline-clip.ig-menu-image-inner {
width: 50% !important;
}
.profile-2 .ig-menu-grid-text {
width: 50%;
padding-left: 40px
}
.article-header-dx .article-info {
justify-content: flex-end;
}
.profile-6 {
display: inline-flex;
width: 100%;
}
.profile-6 .ig-gallery-wrapper, .profile-6 .ig-category-description {
width: 50%;
max-width: none !important;
}
.profile-6 .ig-category-description {
padding-left: 40px;
padding-bottom: 60px;
}
.sppb-button-wrapper.float-dx {
margin-top: -60px;
padding-left: 80px;
}
.sppb-button-wrapper.float-dx .sppb-btn {
margin-left: 50%;
}
#sp-bottom.exag {
background-size: auto 90%;
background-position: 700px 50%;
}
.testimonial .sppb-item {
height: 320px
}
.absolute-lg {
position: absolute;
bottom:0
}
.white-popup-block {
max-width: 700px !important;
}
}
@media (min-width: 1200px) {
.sppb-row-container, .sp-slider-content-wrap, .ig-category-description .desc-img p {
max-width:1140px !important
}
.spec {
max-width: 1110px !important
}
#sp-bottom.exag {
background-size: auto 90%;
background-position: 600px 50%;
}
/*.title-primary {
position: absolute !important;
}*/
.sppb-flipbox-front-paragraph {
height: 40px
}
}
@media (min-width: 1400px) {
.sppb-row-container, .sp-slider-content-wrap, .ig-category-description .desc-img p {
max-width:1320px !important
}
.py-5 {
padding-top: calc(3rem + 20px) !important;
padding-bottom: calc(3rem + 20px) !important;
}
.pt-5 {
padding-top: calc(3rem + 20px) !important;
}
.pb-5 {
padding-bottom: calc(3rem + 20px) !important;
}
.my-5 {
margin-top: calc(3rem + 20px) !important;
margin-bottom: calc(3rem + 20px) !important;
}
.mt-5 {
margin-top: calc(3rem + 20px) !important;
}
.mb-5 {
margin-bottom: calc(3rem + 20px) !important;
}
.spec {
max-width: 1290px !important
}
#sp-bottom.exag {
background-size: auto 90%;
background-position: 820px 50%;
}
.testimonial .sppb-item {
height: 240px
}
}
@media (min-width: 1680px) {
.profile-1 .ig-gallery-wrapper {
    max-width: 1686px !important;
    margin: auto;
}
}
@media (min-width: 1920px) {
.sppb-row-container, .container, .sp-slider-content-wrap {
max-width:1460px !important
}
.profile-1 .ig-category-description {
display: flex;
align-items: flex-start;
padding-bottom: 120px;
}
.profile-1 .ig-category-description .desc-img{
flex: 0 0 88%;
display: table;
padding: 60px 30px 30px 0;
}
.profile-1 .ig-category-description .desc-img img{
width: 57.5%;
float: left;
margin: -60px 30px -20px 0
}
.profile-1 .ig-category-description .desc-img p {
max-width: none !important;
padding-left: 60%;
}
.profile-1 .spec {
padding: 0 20px;
border-left: 1px solid var(--bs-primary);
flex: auto;
margin: 60px 0;
}
#sp-bottom.exag {
background-size: auto 90%;
background-position: 1200px 50%;
}
}
@media (min-width: 2520px) {
.py-5 {
padding-top: calc(3rem + 40px) !important;
padding-bottom: calc(3rem + 40px) !important;
}
.pt-5 {
padding-top: calc(3rem + 40px) !important;
}
.pb-5 {
padding-bottom: calc(3rem + 40px) !important;
}
.my-5 {
margin-top: calc(3rem + 40px) !important;
margin-bottom: calc(3rem + 40px) !important;
}
.mt-5 {
margin-top: calc(3rem + 40px) !important;
}
.mb-5 {
margin-bottom: calc(3rem + 40px) !important;
}
.dia-over .sppb-addon-overlay-image-content {
height: 580px !important;
}
#sp-bottom.exag {
background-size: auto 84%;
background-position: 160% 50%;
}
}
@media (min-width: 3440px) {
.dia-over .sppb-addon-overlay-image-content {
height: 640px !important;
}
}

/*max-width*/
@media (max-width: 575.98px) {
#sp-header {
height: 60px;
}
.sp-slider-content-align-left, .sp-slider-image-align-left {
padding: 15px;
}
#sp-bottom.exag {
background-image: none;
}
.sp-slider-content-align-right, .sp-slider-image-align-right {
padding-right: 20px;
}
.py-5 {
padding-top: calc(3rem - 30px) !important;
padding-bottom: calc(3rem - 30px) !important;
}
.pt-5 {
padding-top: calc(3rem - 30px) !important;
}
.pb-5 {
padding-bottom: calc(3rem - 30px) !important;
}
.my-5 {
margin-top: calc(3rem - 30px) !important;
margin-bottom: calc(3rem - 30px) !important;
}
.mt-5 {
margin-top: calc(3rem - 30px) !important;
}
.mb-5 {
margin-bottom: calc(3rem - 30px) !important;
}
}
@media (max-width: 767.98px) {
.dia-over .sppb-addon-overlay-image-content {
height: 60vw !important;
margin-bottom: 20px;
}
.testimonial .sppb-testimonial-message {
font-size: 28px
}
.dia-over .title {
font-size: 32px;
}
.contatto-canali .sppb-form-group.sppb-form-builder-field-4, .contatto-canali .sppb-form-group.sppb-form-builder-field-5,
.contatti-prenota .sppb-form-group.sppb-form-builder-field-4, .contatti-prenota .sppb-form-group.sppb-form-builder-field-5 {
 width: 100% !important
}
}
@media (max-width: 991.98px) {
#sp-header .svg-logo svg {
height: 40px
}
#sp-menu, #sp-logo {
width: 50% !important;
display: inline-block;
text-align: right !important;
}
.offcanvas-menu .logo-image {
display:block !important;
}
.canali  .sppb-addon-content .sppb-btn {
margin: 10px !important;
}
.canali .sppb-btn-primary {
width: 160px;
height: 160px;
line-height: 160px;
font-size: 28px;
}
.bg-xxl {
background-image: none !important;
}
.py-5 {
padding-top: calc(3rem - 10px) !important;
padding-bottom: calc(3rem - 10px) !important;
}
.pt-5 {
padding-top: calc(3rem - 10px) !important;
}
.pb-5 {
padding-bottom: calc(3rem - 10px) !important;
}
.my-5 {
margin-top: calc(3rem - 10px) !important;
margin-bottom: calc(3rem - 10px) !important;
}
.mt-5 {
margin-top: calc(3rem - 10px) !important;
}
.mb-5 {
margin-bottom: calc(3rem - 10px) !important;
}
.back-xxs {
  background-attachment: scroll !important;
}
}
@media (min-width: 768px) and (max-width: 1399px){
    .person-circle .sppb-person-introtext {
        font-size: 16px;
        line-height: 1.1;
        margin-top: 0 !important;
    }
    .person-circle .person-content-hover-content-wrap {
        padding: 15px;
    }
}
@media (max-width: 1919.98px) {
.profile-1 .ig-category-description .desc-img{
flex: 0 0 100%;
}
.profile-1 .ig-category-description .desc-img img{
width: 100%;
margin-bottom: 60px
}
.profile-1 .ig-category-description .desc-img p{
}
.profile-1 .spec {
padding: 0 20px;
border-left: 1px solid var(--bs-primary);
flex: auto;
margin: 60px auto;
}
}

/*orientation*/
@media (orientation: portrait) {
.gk-slider .sppb-sp-slider-text {
width:100%
}
.gk-slider .svg-slide {
flex-wrap: wrap;
padding: 60vh 40px;
}
}
@media (orientation: landscape) and (min-width:1024px) {
.gk-slider .sppb-sp-slider-text {
width:50%
}
.gk-slider .svg-slide {
padding: 68vh 40px;
}
}
@media (orientation: landscape) and (max-width:1023px) {
  .gk-slider .svg-slide {
  flex-wrap: no-wrap;
  padding: 50vh 40px;
  }
}