body {
    margin:0;
    padding:0;
    font-family:'Roboto', sans-serif;
    font-size:16px;
    line-height:24px;
    color:#000000;
    font-weight:300
}

a {
    text-decoration:none;
    color:#E86051
}

a img {
    border:0
}

img {
    max-width:100%
}

div, span, a, p, section, big, small, label {
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

h1 {
    font-family:'Playfair Display', serif;
    font-size:56px;
    line-height:56px;
    margin:0 0 20px 0;
    color:#1D1D1B;
    font-weight:400
}

h2 {
    font-weight:300;
    font-size:18px;
    line-height:20px;
    letter-spacing:1px;
    color:#898989;
    text-transform:uppercase;
    margin:0 0 24px 0
}

h3 {
    font-family:'Playfair Display', serif;
    font-size:40px;
    line-height:40px;
    margin:0 0 15px 0;
    color:#1D1D1B;
    font-weight:400
}

h4 {
    font-weight:700;
    font-size:20px;
    line-height:20px;
    margin:0 0 10px 0;
}

@media (max-width:480px) {
    h1 {
        font-size:36px;
        line-height:36px;
    }

    h3 {
        font-size:30px;
        line-height:30px;
    }
}

.container {
    max-width:1300px;
    margin:0 auto;
    padding:0 24px
}

.container650 {
    max-width:650px;
    margin:0 auto;
    padding:0 24px
}

.full-container {
    margin:0 auto;
    padding:0 24px
}

@media (max-width:480px) {
    .container.container-site {
        padding:0 14px
    }
}

#bar-menu-mobile {
    position:fixed;
    left:0;
    bottom:0;
    height:100%;
    width:100%;
    background:url(../img/bg-op-w.svg) repeat;
    z-index:1000;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}

#bar-menu-mobile.nomenu {
    left:-100%;
}

#bar-menu-mobile #content-bar-menu-mobile {
    background:#1D1D1B;
    opacity:0.9;
    padding:0 20px 40px 20px;
    height:100%;
    width:250px;
    overflow-y:auto;
    padding-top:40px
}

#bar-menu-mobile #content-bar-menu-mobile a, #bar-menu-mobile #content-bar-menu-mobile span {
    display:block;
    color:#fff;
    font-size:14px;
    line-height:14px;
    padding:12px 0;
    border-bottom:1px dotted #fff;
    text-transform:uppercase;
    font-size:13px;
    letter-spacing:1px;
    font-weight:400
}

#bar-menu-mobile #content-bar-menu-mobile a.btt-menu-sct {
    border:0
}

#bar-menu-mobile #content-bar-menu-mobile a.btt-menu-sct img {
    display:inline-block;
    height:35px
}

#bar-menu-mobile #content-bar-menu-mobile a:last-child {
    border-bottom:0
}

#bar-menu-mobile #content-bar-menu-mobile img#close-bar {
    display:block;
    margin-bottom:15px;
    width:40px
}

#bar-menu-mobile #content-bar-menu-mobile .bar-submm {
    margin-top:5px;
    display:block;
}

#bar-menu-mobile #content-bar-menu-mobile .bar-submm.no-view {
    display:none;
}

#bar-menu-mobile #content-bar-menu-mobile .bar-submm a {
    display:block;
    font-size:10px;
    line-height:10px;
    padding:8px;
    margin:2px 0;
    background:#fff;
    color:#1D1D1B;
    border:0;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

#bar-menu-mobile #content-bar-menu-mobile .bar-submm a:hover {
    background:#EAEAEA
}

#lang {
    position:absolute;
    right:15px;
    top:10px;
}

#lang a, #lang span {
    width:28px;
    display:inline-block
}

#lang a img, #lang span img {
    display:block
}

#lang span {
    opacity:0.7
}

#top-slide {
    /* position:absolute; */
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1
}

#top-slide #slide, #top-slide .callbacks_container, #top-slide ul, #top-slide li {
    height:100%;
}

#top-slide.top-slide-big {
    /*height:800px; */
    height:100%
}

#top-slide.top-slide-small {
    /*height:400px; */
    height:100%
}

#header {
    margin-top:70px;
    padding-bottom:30px
}

#header .sx {
    width:240px
}

#header .sx img {
    display:block
}

#header .dx {
    text-align:right;
    vertical-align:middle
}

#header .dx .btt-big-top a {
    margin-bottom:5px;
    padding:10px 20px 10px 30px;
    font-size:16px;
    line-height:16px;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
    -webkit-transition:0.4s;
    -moz-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;
}

#header .dx .btt-big-top a:hover {
    padding:10px 28px 10px 30px;
}

#header .dx .btt-big-top a.btt-parchi {
    background:#00AA9F
}

#header .dx .btt-big-top a.btt-magazine {
    background:#E86051
}

#header .dx .btt-big-top a.btt-associazione {
    background:#C0CE7E
}

#header .dx .btt-menu-header a.back-bott-top {
    display:block;
    float:right;
    width:60px;
    height:55px;
    background-color:#1D1D1B;
    background-image:url(../img/arr-back-bott.svg);
    background-size:auto 20px;
    background-position:center;
    background-repeat:no-repeat;
    border-bottom:3px solid #C0CE7E
}

#header .dx .btt-menu-header a.menu-bott-top {
    display:block;
    float:right;
    height:55px;
    font-weight:700;
    background-color:#fff;
    background-image:url(../img/ico-menu.svg);
    background-size:auto 16px;
    background-position:left 25px center;
    background-repeat:no-repeat;
    color:#1D1D1B;
    text-transform:uppercase;
    font-size:20px;
    line-height:55px;
    padding:0 30px 0 60px;
    border-bottom:3px solid #E86051;
    margin-left:5px
}

@media (max-width:650px) {
    #header {
        margin-top:40px;
    }
    
    #header .sx {
        width:180px
    }
    
    #header .dx .btt-big-top a {
        margin-bottom:2px;
        padding:6px 10px 6px 20px;
        font-size:13px;
        line-height:12px;
    }
    
    #header .dx .btt-big-top a:hover {
        padding:6px 14px 6px 20px;
    }
}

@media (max-width:480px) {
    #header .sx {
        width:140px;
        vertical-align:middle
    }
    
    #header .dx .btt-big-top a {
        margin-bottom:2px;
        padding:6px 5px 6px 10px;
        font-size:11px;
        line-height:11px;
    }
}

#header .in-head.in-head-home {
    height:200px;
}

#header .in-head.in-head-parco {
    height:400px;
}

#header .in-head .tab {
    height:100%
}

#header .in-head .td {
    width:100%;
    height:100%;
    vertical-align:bottom
}

#header .in-head .td .container-frase {
    background:url(../img/bg-op-w.svg) repeat;
    max-width:600px;
    float:right
}

#header .in-head .td .container-frase .frase {
    padding:20px 20px 20px 60px;
    background-image:url(../img/frase.svg);
    background-repeat:no-repeat;
    background-size:20px auto;
    background-position:20px 20px;
    font-family:'Courgette', cursive;
    font-size:20px;
}

#header .in-head .td .container-frase .frase span {
    font-family:'Roboto', sans-serif;
    font-size:11px;
    text-transform:uppercase;
    line-height:11px;
    display:block;
    margin-top:15px;
    letter-spacing:1px
}

#header .in-head.in-head-parco .td {
    text-align:right;
    position:relative
}

.in-head.in-head-parco .img-top-parco {
    display:inline-block;
    height:85%;
    width:450px;
    background:green
}

.in-head.in-head-parco .breve-parco {
    position:absolute;
    background:#fff;
    padding:20px 20px 10px 20px;
    bottom:30px;
    right:400px;
    z-index:2;
    max-width:50%;
    opacity:0.9
}

.in-head.in-head-parco .breve-parco h1 {
    font-size:23px;
    line-height:24px;
    margin:0 0 10px 0;
    text-transform:uppercase;
    font-weight:bold
}

.in-head.in-head-parco .breve-parco h2 {
    text-transform:none;
    color:#686868;
    margin-bottom:0;
}

.in-head.in-head-parco .breve-parco p {
    font-size:12px;
    font-style:italic;
    color:#565656;
    line-height:18px
}

@media (max-width:1190px) {
    #header .in-head.in-head-home {
        height:250px;
    }
    
    #header .in-head.in-head-parco {
        height:320px;
    }
    
    .in-head.in-head-parco .img-top-parco {
        width:350px;
    }
    
    .in-head.in-head-parco .breve-parco {
        bottom:30px;
        right:260px;
        max-width:70%
    }
}

@media (max-width:900px) {
    #header .in-head.in-head-parco {
        height:auto;
        margin-top:30px
    }
    
    #header .in-head.in-head-home {
        display:none
    }
    
    .in-head.in-head-parco .img-top-parco {
        width:100%;
        position:static;
        padding-top:60%;
        bottom:auto;
        height:auto
    }
    
    .in-head.in-head-parco .breve-parco {
        position:static;
        max-width:none
    }
}

#menu {
    background:#1D1D1B
}

#menu .menu-mobile {
    display:none
}

#menu a, #menu span {
    display:inline-block;
    height:90px;
    line-height:90px;
    text-transform:uppercase;
    padding:0 20px;
    color:#fff;
    font-weight:700;
    font-size:14px;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

#menu a:hover, #menu span:hover, #menu a.sel, #menu span.sel {
    background:#00AA9F
}

#menu a img {
    display:inline-block;
    height:34px;
    position:relative;
    bottom:-10px;
}

#menu span {
    position:relative;
    cursor:pointer
}

#menu span .submenu {
    width:250px;
    padding-top:5px;
    position:absolute;
    z-index:10;
    left:0;
    top:120%;
    opacity:0;
    visibility:hidden;
    height:1px;
    overflow:hidden;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

#menu span:hover .submenu {
    top:100%;
    opacity:1;
    visibility:visible;
    height:auto;
    overflow:auto
}

#menu span .submenu .in-submenu {
    background:#fff;
    border:1px solid #1D1D1B;
}

#menu span .submenu a {
    display:block;
    color:#1D1D1B;
    padding:14px 10px;
    line-height:13px;
    font-size:13px;
    height:auto
}

#menu span .submenu a:hover {
    color:#fff
}

#menu span .submenu a:last-child {
    border-bottom:0
}

#menu #social-menu {
    float:right;
    padding-right:20px;
}

#menu #social-menu a {
    padding:0 3px;
}

#menu #social-menu a:hover {
    background:none
}

#menu #social-menu a img {
    height:14px;
    bottom:-3px;
}

@media (max-width:1190px) {
    #menu a, #menu span {
        padding:0 12px;
    }
}

@media (max-width:1050px) {
    #menu .menu-desktop {
        display:none
    }
    
    #menu .menu-mobile {
        display:block
    }
    
    #menu .menu-mobile a.btt-menu-mobile {
        background-color:#00AA9F;
        color:#fff;
        background-image:url(../img/ico-menu-w.svg);
        background-size:auto 20px;
        background-position:28px center;
        background-repeat:no-repeat;
        font-size:18px;
        padding:0 40px 0 80px;
        cursor:pointer;
        line-height:88px
    }
}

@media (max-width:650px) {
    #menu .menu-mobile .btt-menu-magazine, #menu .menu-mobile .btt-menu-associazione {
        display:none
    }
}

#page {
    padding:50px 30px;
    background:url(../img/bg-op-w.svg) repeat;
}

#page.page-home {
    padding:0;
    background:none;
}

@media (max-width:480px) {
    #page {
        padding:30px 15px
    }
}

#banner {
    margin:30px 0;
    padding:20px 20px 0 20px;
    background:#fff
}

#banner a {
    display:flex;
    margin-bottom:24px;
    justify-content: center;
    align-items: center;
    height:100px;
}

#banner a img {
    display:inline-block;
    max-width:100%;
    max-height:100%
}

#banner a.bigbanner {
    display:block;
    height:auto
}

#banner a.bigbanner img {
    width:100%
}

@media (max-width:768px) {
    #banner .menodue {
        margin-left:-2%
    }
    
    #banner a {
        width:48%;
        margin-left:2%;
        float:left
    }
}

#footer {
    background:#1D1D1B;
    color:#fff;
    padding:60px 30px;
}

#footer h3 {
    color:#fff;
    font-size:30px;
    line-height:30px;
    margin-bottom:30px
}

#footer .link-foot a {
    display:inline-block;
    margin-bottom:6px;
    color:#fff;
    -webkit-transition:0.2s;
    -moz-transition:0.2s;
    -o-transition:0.2s;
    transition:0.2s;
}

#footer .link-foot a:hover {
    color:#00AA9F
}

#footer #social-foot {
    margin-top:20px;
}

#footer #social-foot a {
    margin-right:3px
}

#footer #social-foot a img {
    width:20px
}

#footer .link-foot a.abracapp img {
    display:inline-block;
    height:22px;
    position:relative;
    bottom:-2px
}

#footer .el-butt-foot a {
    display:block;
    font-size:12px;
    line-height:16px;
    padding-bottom:10px;
    border-bottom:1px solid #fff;
    margin-bottom:16px
}

#footer .el-butt-foot a:last-child {
    border-bottom:0
}

#footer .logo-foot {
    max-width:180px
}

#footer .border {
    margin:5px 0;
    border-bottom:1px solid #fff
}

#footer .dtt-foot {
    font-size:12px;
    line-height:18px
}

#bott-foot {
    font-size:11px;
    line-height:15px;
    color:#fff;
    text-align:center;
    padding:15px 0 25px 0
}

#bott-foot a {
    color:#fff;
    text-decoration:underline
}







/* --------- 768px - Tablet --------- */

@media (max-width:768px) {
    
    
}



/* --------- 480px - Smartphone --------- */

@media (max-width:480px) {

    
}