body {
        /* font-family: 'Poppins', sans-serif; */
        font-family: Arial, Helvetica, sans-serif;;
        /* color:#082C46; */
        background: #fff;
        background-size: 100% auto;
        line-height: 1.6;
        font-size:18px; 
    }

    a, .a {
        color: #ae2e29;
        transition: color 0.5s ease;
    }


    .overlay{
        position: absolute;
        top:0;
        left:0;
        right: 0;
        bottom: 0;
        background: rgba(255,255,255,0.7); 
    }
    .overlay.dark{
        background: rgba(0, 0, 0, 0.7);
    }


    body.notouch a:hover, body.notouch .a:hover {
        color: #333
    }


    /*#wrapper {*/
    /*    height: 100%;*/
    /*}*/

    #scrollToTop {
        position: fixed;
        bottom: 14px;
        right: -80px;
        /*border:0;
border-radius:50%;*/
        height: 40px;
        width: 40px;
        /*line-height: 38px;*/
        text-align: center;
        z-index: 998;
        border-radius: 50%;
        padding: 0;
        /*box-shadow: 0 0 20px #fff;*/
        border: 2px solid #fff;
        /* font-size: 10px; */
        background: #ae2e29;
        color: #fff;
        transition: right 0.5s ease;
        display: flex;
        /*align-content: center;*/
        justify-content: center;
        align-items: center;
    }

    body.notouch #scrollToTop:hover {
        background: #333
    }

    body.scrolled #scrollToTop {
        right: 8px
    }

    /*#scrollToTop i {*/
    /*    line-height: 31px;*/
    /*    font-size: 20px*/
    /*}*/

    #header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: rgba(255, 255, 255, 0.5);
        border-bottom: 1px solid rgba(132, 132, 132, 0.2);
        color:#fff;
        transition: background .5s, box-shadow .5s;
        color: #333;
    }

    /* #header.sticky {
        position: unset;
        position: sticky;
        background:#fff;
    } */

    body.scrolled #header, body.menued #header {
        background: #fff;
        /* background: rgba(255,255,255,0.9); */
        box-shadow: 0 0 10px #000;
        border: 0
    }

    #header img.logo {
        width: 100%;
        transition: width .5s
    }

    body.scrolled #header .logo {
        width: 200px
    }

    #header .menubutton {
        margin-right: 10px;
        cursor: pointer;
        font-size: 140%;
        /*border: 1px solid #dcdcdc;*/
        border-radius: 4px;
        padding: 0px 10px;
    }

    body.notouch #header .menubutton:hover {
        border-color: #333;
    }

    #header .menubutton>.close {
        display: none;
    }

    #header .menubutton>.open {
        display: inline;
    }

    body.menued {
        overflow: hidden
    }

    body.menued #header .menubutton>.close {
        display: inline;
    }

    body.menued #header .menubutton>.open {
        display: none;
    }

    /*#header nav ul {*/
    /*    margin: 0;*/
    /*    padding: 0*/
    /*}*/

    #header nav li a {
        color: #333;
        /* font-size: 100%; */
        /*font-weight: 700;*/
        text-shadow: 1px 1px 1px #fff;
        /*text-decoration: none;*/
        text-transform: uppercase;
    }

    #header nav li.nowrap a {
        text-shadow: none;
    }

    #header nav li a.active, body.notouch #header nav li a:hover {
        color: #ae2e29;
        /*text-decoration: underline;*/
    }

    body.scrolled #header, body.menued #header, body.scrolled #header a, body.menued #header a {
        color: #333;
        text-shadow: unset;
    }

    body.scrolled #header a.active, body.notouch.scrolled #header a:hover, body.menued #header a.active, body.notouch.menued #header a:hover {
        color: #ae2e29;
    }

    body.menued .main_menu {
        display: block !important;
        border-top: 1px solid #ccc;
    }
    
    body.menued .main_menu ul {
        padding: 10px 0;
        /* font-size: 110%; */
    }

    body.menued .main_menu li {
        display: block;
        padding: 5px;
        /* font-size: 110%; */
    }

    /*.logo{width:150px;}*/

    /* .font1{ */

    /* font-family: 'Galada', cursive; */

    /* font-weight: normal !important; */

    /*font-size:110%;*/

    /* } */

    .font2 {
        font-family: 'Playball', cursive;
        font-weight: normal !important;
        /*font-size:110%;*/
    }

    .btn {
        border-radius: 0;
        padding: 1em 1.2em;
        font-size: 80%;
        font-weight: 700;
        text-transform: uppercase;
    }

    .btn.big {
        border-radius: 0;
        /*padding: 12px 34px;*/
        font-size: 90%;
        font-weight: 700;
    }

    .btn.verybig {
        border-radius: 0;
        /*padding: 12px 34px;*/
        font-size: 120%;
        font-weight: 700;
    }

    .btn.color1 {
        background: #ae2e29;
        border: 2px solid #ae2e29;
        color: #fff !important;
        border-radius: 4px
    }

    body.notouch .btn.color1:hover {
        background: #fff;
        color: #ae2e29 !important;
        border-color: #ae2e29;
        text-shadow: none;
    }

    .btn.color2 {
        background: #fff;
        color: #ae2e29 !important;
        border: 2px solid #fff;
        border-radius: 4px;
        text-shadow: none;
    }

    body.notouch .btn.color2:hover {
        background: #ae2e29;
        /* border:2px solid #fff; */
        color: #fff !important;
        border-color: #fff;
        /* border-radius:4px; */
    }


    .section_title1 {
        text-align: center;
        color: #ae2e29;
        font-weight: normal;
        font-size: 100%
    }

    .section_title2 {
        text-align: center;
        color: #333;
        font-weight: bold;
        font-size: 200%
    }

    .section_title3 {
        text-align: center;
        color: #333;
        font-weight: normal;
        font-size: 200%
    }

    .section_title4 {
        text-align: center;
        color: #ae2e29;
        font-weight: normal;
        font-size: 130%;
    }

    #slider {
        /* position: relative; */
        /* padding-bottom: 40%; */
        height: 100vh;
        min-height: 500px;
        font-size: 120%;
        /* overflow: hidden; */
    }
    
    #slider .inner{
        position: absolute;
        top:50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        padding: 40px 20px;
    }

    /*#slider .item {*/
    /*    z-index: -1;*/
    /*     color:#fff; */
    /*    text-shadow: 1px 1px 1px #fff;*/
    /*    text-shadow:rgba(0, 0, 0, 1) 0px 1px 2px !important;*/
    /*     padding: 160px 0; */
    /*    background: #fff url('') center no-repeat;*/
    /*    background-size: cover;*/
    /*    position: absolute;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    overflow: hidden;*/
    /*}*/

    /*#slider .item .inner {*/
    /*     overflow: hidden; */
    /*    white-space: normal;*/
    /*}*/

    /*#slider .item .btn {*/
    /*    text-shadow: none;*/
    /*}*/

    /*#slider .item.active {*/
    /*    z-index: 0;*/
    /*}*/

    /*#slider .item .overlay {*/
    /*     height: inherit; */
    /*    overflow: hidden;*/
    /*    background: rgba(255, 255, 255, 0.5);*/
    /*}*/
    
    /*#slider .grid{*/
    /*    height: 100%;*/
    /*}*/
    
    /* #slider .item.s2 {*/
    /*    background-image: url(../img/s2.jpg);*/
    /*}*/

    /*#slider .item.s3 {*/
    /*    background-image: url(../img/s3.jpg);*/
    /*} */

    body.loaded #slider .font1 {
        font-size: 300%;
        /*font-weight: 800;*/
        position: relative;
        opacity: 0;
        animation: slider_font1_anim 1s ease forwards;
        animation-iteration-count: 1;
        will-change: transform;
    }

    @keyframes slider_font1_anim {
        from {
            transform: translateX(-300px);
            opacity: 0
        }
        to {
            transform: translateX(0);
            opacity: 1
        }
    }

    body.loaded #slider .font2 {
        font-size: 200%;
        font-weight: normal;
        opacity: 0;
        position: relative;
        animation: slider_font2_anim 1s ease forwards;
        animation-iteration-count: 1;
        will-change: transform;
    }

    @keyframes slider_font2_anim {
        from {
            transform: translateX(300px);
            opacity: 0
        }
        to {
            transform: translateX(0);
            opacity: 1
        }
    }

    body.loaded #slider .frombottom {
        position: relative;
        opacity: 0;
        animation: slider_frombottom_anim 2s ease forwards;
        animation-iteration-count: 1;
        will-change: transform;
    }

    @keyframes slider_frombottom_anim {
        from {
            transform: translateY(-300px);
            opacity: 0
        }
        to {
            transform: translateY(0);
            opacity: 1
        }
    }

    body.loaded #slider .item .font1, body.loaded #slider .item .font2, body.loaded #slider .item .frombottom {
        animation-delay: 0;
    }

    #slider .navigation {
        position: absolute;
        bottom: 10px;
        width: 100%
    }

    #slider .carousel_action {
        width: 40px;
        height: 40px;
        line-height: 46px;
        text-align: center;
        background: #ccc;
        background: rgba(255, 255, 255, 0.7);
        display: inline-block;
        border-radius: 30px
    }

    body.notouch #slider .carousel_action:hover {
        background: #fff;
    }

    #slider .continue_button {
        border: 3px solid #999;
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-left: -25px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 26px;
        color: #999;
        text-align: center;
        vertical-align: middle;
        line-height: 50px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        text-shadow: none;
        animation: anim_bounce 0.5s infinite alternate;
        -webkit-animation: anim_bounce 0.5s infinite alternate;
    }

    @keyframes anim_bounce {
        from {
            transform: translateY(0px)
        }
        to {
            transform: translateY(-15px)
        }
    }

    body.notouch #slider .continue_button:hover {
        color: #333;
        border-color: #333;
        animation-play-state: paused;
        -webkit-animation-play-state: paused;
    }

    #chi-siamo, #servizi, #servizi2, #newsletter{
        padding: 50px 0
    }
    
    #servizi img, #servizi2 img{
        margin-bottom: 1em;
    }

    #newsletter {
        background: #ae2e29;
        background-attachment: fixed;
        background-size: cover;
        color: #fff;
    }
    
    #newsletter .container{
        max-width: 600px;
    }

    #newsletter .gifts {
        font-size: 400%;
        display: inline-block
    }

    #newsletter .t1 {
        margin: 0;
        font-size: 200%;
        font-weight: bold;
    }

    #newsletter form .inner {
        border-radius: 15px;
        overflow: hidden;
        position: relative;
        margin-bottom: 1em;
    }

    #newsletter form .input {
        display: block;
        padding-right: 150px;
        border:0;
        margin: 0;
        /*line-height: 50px;*/
        /*border: 0;*/
        /*line-height: 50px;*/
        /* height:100%; */
        /*padding: 0 20px;*/
        /*border: 0;*/
        /*margin: 0;*/
        /*border-radius: 0;*/
    }
    
     #newsletter form .button {
        position: absolute;
        top:0;
        right: 0;
        bottom: 0;
    }

    #newsletter form .button .btn {
        color: #fff;
        background: #000;
        margin: 0;
        line-height: inherit;
        border: 0;
        height: 100%;
    }

    body.notouch #newsletter form .btn:hover {
        background: #bf977e
    }




    #offer1, #offer2 {
        background: #ae2e29;
        background-attachment: fixed;
        background-size: cover;
        color: #fff;
        padding: 50px 0
    }

    #offer1 .t1 {
        font-size: 220%;
        /*font-weight:bold*/
    }

    #brands {
        padding: 40px 0
    }

    #brands img {
        margin: 0 auto
    }

    #testimonials {
        background: #000 url() center no-repeat;
        background-size: cover;
        background-attachment: fixed;
        color: #fff;
    }

    #testimonials h3 {
        font-size: 200%;
        color: #fff;
    }

    #testimonials .gSlider {
        padding:60px 0;
        
    }
    
    #testimonials .item {
        /*font-size: 80%;*/
        /* display: none; */
        overflow: hidden;
        height: 0;
        opacity: 0;
        transition: opacity 1s;
        max-width: 750px;
        margin: 0 auto;
    }

    #testimonials .item.active {
        /* display: block; */
        opacity: 1;
        height: auto;
        padding: 0 5px;
        margin-bottom: 20px;
    }

    #testimonials .stars {
        color: #fc0
    }

    body.notouch #testimonials a:hover {
        color: #fff
    }

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

    body.notouch #testimonials a:hover {
        text-decoration: none;
    }

    #contatti {
        padding: 50px 0;
    }

    #contatti h3 {
        font-weight: normal;
        font-size: 260%
    }

    #contatti .icon {
        width: 72px;
        height: 72px;
        border: 2px solid #ae2e29;
        text-align: center;
        font-size: 40px;
        color: #ae2e29;
        line-height: 72px;
        -webkit-border-radius: 36px;
        -moz-border-radius: 36px;
        border-radius: 100%;
        /* float: left;
margin-right: 15px */
        display: inline-block;
        margin-bottom: 15px
    }

    #contatti h4 {
        color: #ae2e29
    }

    #contatti a.map {
        display: block;
        padding-bottom: 60%;
        /*background: transparent none center no-repeat;*/
        /*background-size: cover;*/
        position: relative;
        overflow: hidden;
    }

    #contatti a.map>span {
        display: block;
        height: 100%;
        width: 100%;
        transition: background 0.5s;
        position: absolute;
    }

    #contatti a.map>span>span {
        display: block;
        text-align: center;
        width: 100%;
        position: absolute;
        bottom: 100%;
        background: none;
        transition: bottom 0.5s
    }

    #contatti a.map:hover {
        color: #ae2e29;
    }

    #contatti a.map:hover>span {
        background: rgba(255, 255, 255, 0.5);
    }

    #contatti a.map:hover>span>span {
        bottom: 25%
    }

    /* #contatti a.map>span.wrap {
display: block;
position: absolute;
width: 100%;
height: 100%;
}

#contatti a.map>span {
display: block;
text-align: center;
position: absolute;
width: 100%;
bottom: 100%;
}

body.notouch #contatti a.map:hover>span {
bottom: 40%;
transition: bottom 0.5s
} */

    #contatti a.map i {
        font-size: 220%;
    }

    #contatti .form-group {
        margin-bottom: 15px
    }
    
    #contatti form .box{
        position: relative;
        margin-bottom:10px;
    }
    
    #contatti form .box i{
        position: absolute;
        top:.7em;
        right: .8em;
        color:#ccc;
    }

    .gForm .item i {
        font-size: 120%;
        line-height: 47px;
        top:0;
        right:8px
    }
    
    #privacy_box{
        padding: 1em;
        background: #ededed;
        font-size: 80%;
        color: #333;
        position: relative;
        border-radius: 4px;
        border: 1px solid #ddd;
    }

    /*body.placeholder_ok #contatti .placeholder{
display:none;
}*/

    #footer {
        background: #e5e9ec;
        background-size: cover;
        /* color:#fff; */
        /*font-size:80%;*/
        padding: 10px 0;
        border-top: 1px solid #ccc;
    }

    body.notouch #footer a:hover {
        color: #333;
    }

    #footer i {
        font-size: 160%;
    }

    #news_box {
        position: fixed;
        bottom: 10px;
        left: 10px;
        background: #ae2e29;
        color: #fff;
        padding: 10px;
        border-radius: 6px;
        box-shadow: 2px 2px 8px #fff;
        border: 1px solid #fff;
        max-width: 90%;
        font-size: 120%
    }

    #news_box .gClose {
        float: right;
        margin: -5px 0 5px 10px;
        cursor: pointer
    }

    #news_box a {
        color: #ff0;
        text-decoration: underline
    }


    #page {
        padding: 100px 0 40px
    }

    /* .news_article:hover, .news_article:focus {
        color: #555;
        background: #fcfcfc;
    } */

    .news_article .inner {
        /* color: #555; */
        background: #fcfcfc;
        border: 1px solid #ebebeb;
        border-radius: 6px;
        overflow: hidden;
        padding: 10px
    }

    /* .news_article:hover .inner{
        background: #fcfcfc;
    } */

    .blog_th {
        position: relative;
        padding-bottom: 64%;
        margin-bottom: 10px;
        border: 1px solid #ccc;
        border-radius: 6px;
        overflow: hidden;
    }

    .blog_th>a {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: #000 url(../img/noimage.jpg) center no-repeat;
        background-size: cover;
        border-radius: 4px;
        transition: transform 0.5s
    }

    .news_article:hover .blog_th>a, .news_article:focus .blog_th>a {
        opacity: 0.7;
        transform: scale(1.1) rotate(-1deg);
    }

    .blog_credits {
        /* margin-bottom: 30px; */
        /* font-style: italic; */
        /* padding: 4px 6px; */
        /* background: #eee; */
        font-size: 80%;
        /* border: 1px solid #ccc; */
        color: #999;
    }

    .sharing_icons a {
        display: inline-block;
        height: 45px;
        width: 45px;
        margin: 2px;
        line-height: 45px;
        transition: all 0.3s ease-in-out 0s;
        color: #484848;
        border-radius: 6px;
        text-align: center;
        background-color: #f7f7f7;
        vertical-align: middle;
    }

    body.notouch .sharing_icons a:hover {
        background: #ae2e29;
        color: #fff
    }

    .news_article h5 {
        font-size: 110%;
        margin: 0
    }

    .single_img {
        border-radius: 6px;
        width: 100%;
    }

    .search_box {
        position: relative;
        /* margin-top: 20px;   */
        display: inline-block;
        width: 100%;
        max-width: 400px;
    }

    .search_box input {
        background: #fff;
        border: 1px solid #ccc;
        line-height: 50px;
        display: block;
        width: 100%;
        padding: 0 30px 0 10px
    }

    .search_box button {
        position: absolute;
        top: 0;
        right: 10px;
        line-height: 52px;
        cursor: pointer;
        background: transparent;
        border: none
    }

    body.notouch .search_box button:hover {
        font-size: 130%
    }

    #sidebar h4 {
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px
    }


    @media (min-width: 539px) {
        /*body{*/
        /*    font-size:18px; */
        /*}*/
        #gallery .s6 .item {
            padding-bottom: 100%;
            border-width: 3px;
        }
        #page {
            padding: 120px 0 40px
        }
    }

    @media (min-width: 959px) {
        /*body{*/
        /*    font-size:20px; */
        /*}*/
        
        #header .main_menu ul {
            padding: 0;
            margin: 0;
            /* font-size: 110%; */
        }
    
        #header .main_menu li {
            display: inline-block;
            padding: 5px;
            vertical-align: middle;
        }
        #header .main_menu li .nowrap .btn {
            font-size: 80%;
            padding: .4em;
            line-height: 1;
        }
        #contatti .icon {
            float: none;
            margin: 10px auto 20px;
        }
        #gallery .item>a {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
        }
        #sidebar .news_article.col {
            padding-bottom: 0
        }
    }