@charset "UTF-8";
/*Author: Christopher Miani*/
@font-face {
    font-family: 'bodoni';
    src: url('../fonts/bodoni-mt.eot');
    src: url('../fonts/bodoni-mt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bodoni-mt.woff') format('woff'),
         url('../fonts/bodoni-mt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {width: 100%;height: 100%;font-weight: 300;color: #3b3b3c;background-color: #fff;font-size: 18px;font-family: 'Lato', sans-serif;line-height: 140%;overflow-x: hidden;}
html {width: 100%;height: 100%;}
.container{background-color: transparent;}
a {color: #0088d9;text-decoration: none;}
a:hover{text-decoration: none; color:#3b3b3c;}
.baskerville{font-family: 'Libre Baskerville', serif;}
.bodoni{font-family: 'bodoni';}
/* ===========Tipografia============= */
h1 {font-family: 'bodoni';font-size: 52px;letter-spacing: 1px;color: #0088d9;line-height: 52px;}
h2 {font-size: 30px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 15px;}
b, strong{font-weight: 700;}
.item-page img{max-width: 100%; height: auto;}
.full-width {margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}

.btn-primary{border-radius:0px!important; background-color: #0088d9; border:1px solid #0088d9; color: #fff; padding: .4rem 2rem!important;border-radius: 5px; background-image: none;}
.btn-primary:hover, .btn-primary:active{background-color:#7EB0E1; color: #7EB0E1;border:1px solid #0088d9; } 
.btn-white{border-radius:none; background-color: #fff; border:1px solid #fff; color: #3b3b3c; padding: .4rem 2rem;border-radius: 5px;}
.btn-white:hover{background-color: #3f3f3f; color: #fff;}
.btn-black{border-radius:none; background-color: #000; border:1px solid #000; color: #fff; padding: .4rem 2rem!important;border-radius: 5px;}
.btn-black:hover, .btn-primary:active{background-color:transparent; color: #000;border:1px solid #000; } 

.areamenu  ul.menutop li{text-transform: uppercase; font-size:14px; color: #0088d9;font-family: 'Libre Baskerville', serif; padding: 0px 10px;position: relative;}
.areamenu  ul.menutop li a, .areamenu  ul.menutop li a:link {color: #0088d9;}
.areamenu  ul.menutop li a:hover, .areamenu  ul.menutop li a.active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{color: #039;}

.dropdown-toggle::after {
  display: none;
}
/*sotto menu*/
.menutop ul li ul {
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  min-width: 250px;
  position: absolute;
  transition: all 0.5s ease;
  margin-top: 0px;
  left: 0;
  display: none;
  padding-top: 10px;
 
}
.menutop  ul li:hover > ul,
.menutop ul li:focus-within > ul,
.menutop  ul li ul:hover,
.menutop ul li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}
.menutop ul li ul li {
  clear: both;
  width: 100%;
  text-align: left;
  padding: 10px 10px!important;
}

.sticky {position: fixed;top: 0;width: 100%;z-index: 9999; border-bottom: 1px solid #0088d9;}
.bg-viola{background-color:#7EB0E1;}
.titoloviola{font-family: 'bodoni'; font-size: 52px; letter-spacing: 1px; color: #0088d9; line-height: 52px; margin: 20px 0px;}
.enfasinero{font-family: 'bodoni'; font-size: 32px; letter-spacing: 1px; color: #000; line-height: 52px; margin: 20px 0px;}
.blkaree img{max-width: 100%; height: auto;}
.blkaree .uk-panel-box, .blkaree .uk-card.uk-card-default{border: 1px solid #0088d9!important;}
.blkaree h3.uk-h3{font-family: 'Libre Baskerville', serif; font-size: 30px;}
.sottotitolo{color: #0088d9; font-size: 18px;font-family: 'Libre Baskerville', serif;}
.blkaree .uk-button{background-color: #0088d9; border:none; color: #fff; text-transform: uppercase; font-size: 14px;}
.blkaree .uk-button:hover{background-color: #7EB0E1; color: #fff;}
img{max-width: 100%; height: auto;}
.acym_module_form table{width: unset; margin: 0px auto;}
.acym_introtext{font-size: 14px;}
.acym_module_form input{border:1px solid #0088d9; padding: 5px;}
ul.menufotmenu li{text-align: center;text-transform: uppercase; font-size: 90%;}
ul.menufotmenu li > a, ul.menufotmenu li > a:link{color: #fff;}
.imgarticolo img{width: 100%; height: auto;}
.socialtxt{font-size: 18px;}
.socialtxt a, .socialtxt a:link{font-size: 30px; color: #fff; text-decoration: none; padding: 0px 10px;}
.socialtxt a:hover{color: #039;}
.chisiamobox .uk-panel-title{color:#0088d9; margin-bottom: 5px;font-family: 'Libre Baskerville', serif; font-size: 25px;}
.chisiamobox * + .uk-margin, .trattamentibox * + .uk-margin{margin-top: 0px;}
.chisiamobox a, .chisiamobox a:link, .trattamentibox a, .trattamentibox  a:link, .readmore a, .readmore a:link{font-size: 14px;}
.trattamentibox .uk-panel-title{color:#0088d9; margin-bottom: 5px;font-family: 'Libre Baskerville', serif; font-size: 18px;}
.oro{color: #039;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #039;
}
div.mod-languages ul.lang-inline li {display: inline !important;float: right;}
div.mod-languages ul.lang-inline li a{padding: 3px;}
.whatsapp-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 65px;
    height: 65px;
    background: #25D366;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 34px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    background: #20ba5a;
    color: #fff;
    transform: scale(1.1);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

.whatsapp-float:active {
    transform: scale(0.95);
}

/*blog*/
.blog-hero-card .hero-image{
    height:520px;
    object-fit:cover;
}

.blog-modern-card .article-image{
    height:320px;
    object-fit:cover;
}

.blog-modern-card .card,
.blog-hero-card .card{
    border-radius:1rem;
    transition:.3s ease;
}

.blog-modern-card .card:hover,
.blog-hero-card .card:hover{
    transform:translateY(-4px);
}

.blog-modern-card h3 a,
.blog-hero-card h2 a{
    color:inherit;
}

.blog-modern-card h3 a:hover,
.blog-hero-card h2 a:hover{
    color:var(--bs-primary);
}

@media (max-width:991px){

    .blog-hero-card .hero-image{
        height:300px;
    }

    .blog-modern-card .article-image{
        height:240px;
    }

}
/*banner*/
.cta-box {
    max-width: 900px;
    margin: 40px auto;
    padding: 35px 40px;
    display: flex;
    align-items: center;
    gap: 30px;

    background: linear-gradient(
        135deg,
        #0f4c81 0%,
        #1b6ca8 50%,
        #2ea3f2 100%
    );

    border-radius: 24px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    overflow: hidden;
    position: relative;
}

.cta-box::before {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    background: rgba(255,255,255,0.08);
    border-radius: 50%;
    top: -80px;
    right: -80px;
}

.cta-logo {
    flex-shrink: 0;
}

.cta-logo img {
    width: 110px;
    height: auto;
    display: block;
    background: #fff;
    padding: 12px;
    border-radius: 18px;
}

.cta-content {
    color: #fff;
}

.cta-content h2 {
    margin: 0 0 10px;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 700;
}

.cta-content p {
    margin: 0 0 25px;
    font-size: 1.2rem;
    opacity: 0.95;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    background: #ffffff;
    color: #0f4c81;

    text-decoration: none;
    font-weight: 700;

    padding: 14px 28px;
    border-radius: 50px;

    transition: all 0.3s ease;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(255,255,255,0.25);
}

@media (max-width: 768px) {
    .cta-box {
        flex-direction: column;
        text-align: center;
        padding: 30px 25px;
    }

    .cta-content h2 {
        font-size: 1.7rem;
    }

    .cta-logo img {
        width: 90px;
    }
}

/*banner univoco*/
.cta-nautica {
    max-width: 1100px;
    margin: 50px auto;
    padding: 50px;

    background: linear-gradient(
        135deg,
        #003b5c 0%,
        #005f8f 50%,
        #0099cc 100%
    );

    border-radius: 24px;
    color: #fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.15);
}

.cta-services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}

.service-item {
  background: rgb(255, 255, 255);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 18px;
  padding: 30px 25px;
  text-align: center;
  color: #2c7fd8;
}

.icon {
    font-size: 3rem;
  margin-bottom: 25px;
}

.service-item h3 {
    margin: 0 0 10px;
  font-size: 1.6rem;
  text-transform: uppercase;
  font-weight: bold;
}

.service-item p {
    margin: 0;
    line-height: 1.5;
    opacity: .95;
}

.cta-footer {
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.20);
    padding-top: 35px;
}

.cta-footer h2 {
    margin: 0 0 20px;
    font-size: 2rem;
}

.cta-btn {
    display: inline-block;
    padding: 15px 35px;

    background: #fff;
    color: #003b5c;

    text-decoration: none;
    font-weight: 700;
    border-radius: 50px;

    transition: all .3s ease;
}

.cta-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(255,255,255,.25);
}

@media (max-width: 768px) {
    .cta-services {
        grid-template-columns: 1fr;
    }

    .cta-nautica {
        padding: 30px 20px;
    }

    .cta-footer h2 {
        font-size: 1.7rem;
    }
}



/* Extra Small Devices, Phones */ 
@media only screen and (min-device-width : 320px) and (max-device-width : 568px)  { 
    #maincontent, #navbar_bloc{width: 100vw; overflow-x: hidden;}
    .navbar-brand img{width: 50%; height: auto;}
    .navbar-toggler{background-color: transparent; border-color: none;}
    .navbar-light .navbar-toggler{border:none;position: absolute;right: 10px;top: 10px;}
    .titoloviola{font-size: 42px; line-height: 42px;}
    .moduletableboxnewsletter{width: 100%;}
    .moduletableboxnewsletter .sottotitolo{padding: 20px; padding-bottom: 0px;} 
    .icotel{position: absolute; right: 110px; top: 15px; font-size: 30px;}
    .icolang{position: absolute; right: 80px; top: 15px;}
    .icomap{position: absolute; right: 70px; top: 15px; font-size: 30px;}
    .navbar-toggler .fa-bars{font-size: 30px; color: #0088d9;}
    /*.areamenu ul.dropdown-menu{display: block!important; border:none!important; padding-bottom: 10px;}
    .areamenu ul.dropdown-menu li a, .areamenu ul.dropdown-menu li a:link{ padding-left: 0px; font-weight: unset!important; border:none!important}
    .areamenu ul.dropdown-menu li a::before, .areamenu ul.dropdown-menu li a:link::before{content: "-"; padding-right: 5px;}
    .areamenu .dropdown-toggle::after{display: none!important;}*/
    .areamenu ul.menutop{margin-top: 20px;}
    .areamenu ul.menutop li{display: block;width: 100vw;padding: 10px;}
    .menutop ul li ul{position: relative;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-device-width: 320px) 
                   and (max-device-width: 736px) 
                   and (orientation: landscape) {
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { /*ipad*/
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {/*ipad orizzontale*/
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px)  { /*ipad pro*/
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/*ordina livelli prima colonna con contenuto poi sidebar*/
.col-lg-pull-3{right:75%;}
.col-lg-push-9{ left:25%;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}