/*==================================================
  Template Name: Friend Finder
  Description: A Social Network Template
  Author: thunder-team
  Version: 1.4
==================================================*/

/*==================================================
  [Table of Contents]
  --------------------------------------------------
  - body
    - Typography
    - Common classes
    - Header
    - Homepage
      - Top Banner
      - Signup Form
      - Features
      - App Download
      - Image Divider
      - Site Facts
      - Live Feed
    - Landing Page | Register
    - Newsfeed 
      - Left Sidebar
      - Right Sidebar
      - Create Post Box
      - Post Contents
      - Nearby People
      - Friend List
      - Chat Room
      - Media: image and video 
    - Timeline
      - Timeline Sidebar
      - Post Date
      - About Profile
      - Profile Album
    - Edit Profile
    - Contact Us
    - Footer
    - Media Queries
    - Slide Animations
    - Scroll Down Arrow
    - Preloader
==================================================*/

html, body {
    height: 100%;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

body {
    font-family: 'Lato', sans-serif;
    line-height: 26px;
    color: #6d6e71;
    font-size: 13px;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}
/*==================================================
  Typography
  ==================================================*/

@font-face {
    font-family: "Agency FB";
    src: url("../fonts/agency-fb.eot") /* EOT file for IE */
}

@font-face {
    font-family: "Agency FB";
    src: url("../fonts/agency-fb.ttf") /* TTF file for CSS3 browsers */
}

h1, h2, h3, h4, h5, h6 {
    color: #27aae1;
}

    h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey {
        color: #6d6e71;
        margin: 0 auto 20px;
    }

.loading-container {
    display: flex;
    align-items: center;
    margin-left: 10px; /* Sposta il contenitore leggermente a sinistra */
}

.loaderBlocco {
    border: 16px solid #f3f3f3; /* colore di sfondo */
    border-top: 16px solid #3498db; /* colore dell'animazione */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
    margin-right: 10px; /* Spazio tra il loader e il testo */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-text {
    text-align: left; /* Allinea il testo a sinistra */
    font-size: 20px;
}

.oggetticarrello-big {
    position: absolute;
    top: 15px;
    right: 90px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 50%;
    min-width: 18px; text-align: center;
    font-weight: bold;
    pointer-events: none;
}

.oggetticarrello-big-no-element {
    position: absolute;
    top: 15px;
    right: 90px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 50%;
    min-width: 18px;
    text-align: center;
    font-weight: bold;
    pointer-events: none;
}

.oggetticarrello-big-1-element {
    position: absolute;
    top: 15px;
    right: 90px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 50%;
    min-width: 18px;
    text-align: center;
    font-weight: bold;
    pointer-events: none;
}

/*@media (min-width: 769px) {
    .uk-offcanvas-bar {
        width: 306px !important;*/ /* o la larghezza desiderata */
        /*right: 0 !important;
        left: auto !important;
        padding-left: 0px;*/ /* puoi ridurre questo se vuoi che parta tutto più a dx */
        /*padding-right: 0px;*/ /* idem */
    /*}
}*/

.uk-offcanvas-bar {
    left: auto !important;
    right: 0 !important;
    width: 440px !important; /* o 450px, 500px… */
    max-width: 100vw;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .oggetticarrello-big {
        top: 16px; /* ad esempio più in basso */
        right: 60px; /* o più a sinistra */
    }

    .oggetticarrello-big-no-element {
        top: 16px; /* ad esempio più in basso */
        right: 60px; /* o più a sinistra */
    }

    .oggetticarrello-big-1-element {
        top: 16px; /* ad esempio più in basso */
        right: 60px; /* o più a sinistra */
    }

    /*.uk-navbar-right {
        min-width: 306px !important;
    }*/
}

/*@media (min-width: 769px) {
    .uk-navbar-right {
        min-width: 306px !important;
    }
}*/

/*INIZIO SCHEDE SPOSTAMENTO*/

#container {
    display: flex;
    flex-wrap: wrap;
    /*max-width: 600px;*/
    /*margin: 20px auto;*/
    /*border: 1px dashed black;*/
    /*padding: 10px;*/
    box-sizing: border-box;
}

.rect {
    /*width: 319px;*/
    height: 374px;
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    /*margin: 10px;*/
    font-size: 24px;
    background-color: #f0f0f0;
    border: 2px solid white;
    cursor: move;
    flex-basis: 300px;
}

    .rect:hover {
        background-color: #ccc;
    }

.showNoPrice {
    display: inline-block;
    padding: 5px 10px;
    background-color: black;
    color: white;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 3px;
    user-select: none;
    user-select: none;
}

.tab-switcher.active-image {
    border: 2px solid blue;
    border-radius: 5px;
}

.itemScheda {
    display: flex;
    align-items: center;
    /*margin-right: 10px;*/
}

.text-shadow {
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

.showMobile {
    display: none;
}

.carosello {
    overflow: hidden; /* Assicura che gli elementi fuori dall'attivo siano nascosti */
    display: flex;
    justify-content: center; /* Centra i contenuti del carosello */
    flex-wrap: wrap;
}

.caroselloScheda {
    overflow: hidden; /* Assicura che gli elementi fuori dall'attivo siano nascosti */
    display: flex;
    justify-content: center; /* Centra i contenuti del carosello */
    flex-wrap: wrap;
}

.carosello .elemento {
    display: none; /* Nasconde tutti gli elementi per default */
    flex: 0 0 100%; /* Assicura che in mobile ogni elemento occupi l'intera larghezza */
}

    .carosello .elemento.active {
        display: block; /* Mostra l'elemento se ha la classe 'active' */
    }

.caroselloScheda .elementoScheda {
    display: none; /* Nasconde tutti gli elementi per default */
    flex: 0 0 100%; /* Assicura che in mobile ogni elemento occupi l'intera larghezza */
}

    .caroselloScheda .elementoScheda.active {
        display: block; /* Mostra l'elemento se ha la classe 'active' */
    }

#contenitoreBottoni {
    text-align: center;
    margin-top: 20px;
}

@media (min-width: 769px) {
    .carosello .elemento {
        flex: 0 0 33.333%; /* Su schermi più grandi, ogni elemento occupa un terzo dello spazio */
    }

    .caroselloScheda .elementoScheda {
        flex: 0 0 33.333%; /* Su schermi più grandi, ogni elemento occupa un terzo dello spazio */
    }
}

@media (max-width: 767px) {
    .blocchi-div {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {

    .showMobile {
        display: block;
    }

    .rect {
        /*width: 319px;*/
        height: 404px;
        display: flex;
        /*justify-content: center;*/
        align-items: center;
        /*margin: 10px;*/
        font-size: 24px;
        background-color: #f0f0f0;
        border: 2px solid white;
        cursor: move;
        flex-basis: 300px;
    }

    .itemScheda {
        display: flex;
        align-items: center;
        margin: auto
        /*margin-right: 10px;*/
    }
}

/*FINE SCHEDE SPOSTAMENTO*/

div.scrollmenu {
    /*background-color: #333;*/
    /*overflow: auto;*/
    /*white-space: nowrap;*/
}

    div.scrollmenu a {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 1px;
        text-decoration: none;
    }

        div.scrollmenu a:hover {
            background-color: #777;
        }

.searchFilterBox {
    padding: 25px 15px 15px 15px !important;
}

.boxInfo {
    float: right;
    margin-top: 5px !important;
    margin-right: -8px;
}

.slidecontainer {
    width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
    -webkit-appearance: none; /* Override default CSS styles */
    appearance: none;
    width: 100%; /* Full-width */
    height: 25px; /* Specified height */
    background: #d3d3d3; /* Grey background */
    outline: none; /* Remove outline */
    opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
    -webkit-transition: .2s; /* 0.2 seconds transition on hover */
    transition: opacity .2s;
}

    /* Mouse-over effects */
    .slider:hover {
        opacity: 1; /* Fully shown on mouse-over */
    }

    /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none; /* Override default look */
        appearance: none;
        width: 25px; /* Set a specific slider handle width */
        height: 25px; /* Slider handle height */
        background: #C83838; /* Green background */
        cursor: pointer; /* Cursor on hover */
    }

    .slider::-moz-range-thumb {
        width: 25px; /* Set a specific slider handle width */
        height: 25px; /* Slider handle height */
        background: #C83838; /* Green background */
        cursor: pointer; /* Cursor on hover */
    }

/*.hiddenDekstop {
    display: none !important;
}*/

.divTitle {
    margin-top: 0px;
}


.microButton {
    width: 25%;
    background-color: #CCCCCC;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: #808080;
    border: 2px solid #F8F8F8;
    cursor: pointer;
    border-radius: 30px;
    font-size: smaller;
}


.column {
    float: left;
    width: 25%;
    background-color: #CCCCCC;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: #808080;
    border: 2px solid #F8F8F8;
    cursor: pointer;
    border-radius: 30px;
    font-size: smaller;
}

.follow {
    /*float: left;*/
    width: 30px;
    background-color: #CCCCCC;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: #808080;
    border: 2px solid #F8F8F8;
    cursor: pointer;
    border-radius: 30px;
    font-size: smaller;
}

.category {
    float: left;
    width: 20%;
    background-color: #CCCCCC;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: #808080;
    border: 2px solid #F8F8F8;
    cursor: pointer;
    border-radius: 30px;
    font-size: smaller;
}

.categoryEmpty {
    float: left;
    width: 20%;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: smaller;
}

.categoryButton {
    float: left;
    width: 20%;
    background-color: #27AAE1;
    padding: 5px;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: white;
    border: 2px solid #F8F8F8;
    cursor: pointer;
    border-radius: 30px;
    font-size: smaller;
}


.subcategory {
    float: left;
    width: 100px;
    background-color: #C8EBFA;
    /*padding: 5px;*/
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: #808080;
    border: 2px solid #F8F8F8;
    cursor: pointer;
    border-radius: 30px;
    font-size: x-small;
}

.subcategoryBig {
    float: left;
    width: 150px;
    background-color: #C8EBFA;
    /*padding: 5px;*/
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: #808080;
    border: 2px solid #F8F8F8;
    cursor: pointer;
    border-radius: 30px;
    font-size: x-small;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.text-white {
    color: #fff;
}

    .text-white:hover {
        color: #fff;
    }

.text-green {
    color: #8dc63f;
}

    .text-green:hover {
        color: #39b54a;
    }

.text-red {
    color: #ef4136 !important;
}

    .text-red:hover {
        color: #d6100b;
    }

.profile-link {
    font-weight: 600;
}

.text-muted {
    color: #939598;
}

a {
    color: #27aae1;
}

    a:hover {
        color: #149AC9;
    }

    a, a:active, a:focus {
        outline: none;
    }

section h1.section-title {
    font-family: 'Agency FB', sans-serif;
    font-size: 215px;
    color: #E6E7E8;
    margin-bottom: -55px;
}

section h2.sub-title {
    font-family: 'Agency FB', sans-serif;
    color: #E6E7E8;
    font-size: 50px;
    margin: 40px 0;
}


.following {
    color: #8dc63f;
    font-size: 12px;
    margin-left: 20px;
}

.tooltipCopy {
    position: relative;
    display: inline-block;
}

    .tooltipCopy .tooltiptext {
        visibility: hidden;
        width: 200px;
        background-color: silver;
        color: black;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltipCopy .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltipCopy:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

/*==================================================
  Common
  ==================================================*/

.container {
    max-width: 1050px;
}

section .wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
}

.page-title-section {
    background: #f1f2f2;
    text-align: center;
    padding: 30px 0 40px;
    position: relative;
}

    .page-title-section h1 {
        font-family: 'Agency FB', sans-serif;
        font-size: 50px;
    }

#page-contents {
    padding: 30px 0 50px;
}

.btn-primary {
    background: #27aae1;
    /*padding: 7px 25px;*/
    padding: 7px 15px;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    font-weight: 600;
    outline: none;
    border-radius: 30px;
}

    .btn-primary:hover {
        background: #149AC9;
        transition: all 1s;
        text-decoration: none;
    }

.btn-secondary {
    background: linear-gradient(to bottom, rgba(109,110,113,1), rgba(0,0,0,1));
    padding: 0 40px;
    border: none;
    min-height: 36px;
    font-size: 18px;
    border-radius: 6px;
    color: #fff;
    position: relative;
    outline: none;
}

    .btn-secondary:hover {
        background: #000;
        transition: all 1s;
    }

.btn-third {
    background: #27aae1;
    padding: 5px 20px 10px 20px;
    border: none;
    font-size: 18px;
    border-radius: 15px;
    color: #fff;
    position: relative;
    outline: none;
    line-height: 35px;
}

    .btn-third:hover, .btn-third:focus {
        background: #269ed0;
        transition: all 1s;
        color: #fff !important;
        text-decoration: none;
    }

section img {
    margin: auto;
}

img.profile-photo {
    height: 58px;
    width: 58px;
    border-radius: 50%;
}

img.profile-photo-lg {
    height: 80px;
    width: 80px;
    border-radius: 50%;
}

.profile-photo-lg-eventi {
    position: absolute;
    top: 223px;
    z-index: 2;
    left: 0;
    right: 0;
}

    .profile-photo-lg-eventi img {
        height: 80px;
        width: 80px;
        border-radius: 50%;
        border: 3px solid white;
    }

img.profile-photo-md {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

img.profile-photo-sm {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

img.profile-photo-xs {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}

.img-wrapper {
    position: relative;
}

    .img-wrapper::after {
        content: "";
        cursor: pointer;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        transition: all 1s ease 0s;
    }

    .img-wrapper:hover:after {
        background-color: rgba(0,0,0, 0.4);
    }


/*.video-wrapper {
    position: relative;
}*/

.video-wrapper {
    position: relative;
    padding-top: 56.25%; /* Rapporto di aspetto 16:9 */
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

ul {
    padding-left: 15px;
}

    ul li {
        list-style-image: url("../images/bullet.png");
    }

.line {
    background: #f1f2f2;
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
}

.line-divider {
    background: none;
    height: 1px;
    border-top: 1px solid #e6e6e6;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
}

.map {
    width: 100%;
    height: auto;
    border: none;
}

.static {
    position: static;
}

textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.custom-label {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 5px;
}

.form-control {
    background: #fff;
    border: 1px solid #f1f2f2;
    box-shadow: none;
    border-radius: 4px;
    color: #939598;
    width: 100% !important;
    border-color: black;
}

.screen-reader-text {
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    position: absolute;
    margin: -1px;
    padding: 0;
    height: 1px;
    width: 1px;
    word-wrap: normal !important;
    border: 0 none;
}

/* Accordion */
.panel-default {
    border-color: #f1f2f2;
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #fff;
        border-color: #f1f2f2;
        padding-right: 40px;
        position: relative;
    }

        .panel-default > .panel-heading::before {
            content: "\f217";
            font-family: ionicons;
            color: #8dc63f;
            position: absolute;
            right: 15px;
            top: 50%;
            font-size: 20px;
            transform: translateY(-50%);
            cursor: pointer;
        }

        .panel-default > .panel-heading .panel-title a:hover,
        .panel-default > .panel-heading .panel-title a:active,
        .panel-default > .panel-heading .panel-title a:focus {
            text-decoration: none;
        }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #f1f2f2;
        }

.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #f1f2f2;
}

.panel-body .label-primary {
    background-color: #27aae1 !important;
}

.panel-body .label-success {
    background-color: #8dc63f;
}


/*==================================================
  Header
  ==================================================*/

#header {
    min-height: 60px;
}


.menu {
    /*background: #231F20;*/
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 5px solid #C83838; /*#27aae1;*/ /*#231F20;*/
}

    .menu form {
        margin: 12px 0;
    }

        .menu form .form-group {
            position: relative;
        }

            .menu form .form-group i.icon {
                position: absolute;
                left: 15px;
                top: 3px;
                color: #fff;
            }

            .menu form .form-group input.form-control {
                background: rgba(255,255,255, 0.2);
                border: 0;
                box-shadow: none;
                min-width: 235px;
                color: #fff;
                height: 26px;
                border-radius: 13px;
                font-size: 13px;
                padding-left: 30px;
            }

    .menu ul.main-menu li a {
        line-height: 26px;
    }

    .menu ul.main-menu li.dropdown a {
        color: #231F20; /*#fff;*/
        /*font-size: 13px;*/
        font-weight: 600;
    }

        .menu ul.main-menu li.dropdown a:hover, .menu ul.main-menu li.dropdown a:active, .menu ul.main-menu li.dropdown a:focus {
            color: #27aae1;
            background: none;
        }

    .menu ul.main-menu li.open a, .menu ul.main-menu li.open a:active, .menu ul.main-menu li.open a:focus {
        background: transparent;
        color: #27aae1;
    }

    .menu ul.main-menu li ul.dropdown-menu {
        background: #231F20;
        box-shadow: none;
        border: 0;
        padding: 0;
    }

        .menu ul.main-menu li ul.dropdown-menu li {
            list-style: none;
            padding: 5px 0;
            border-bottom: 1px solid rgba(255,255,255, 0.1)
        }

            .menu ul.main-menu li ul.dropdown-menu li a, .menu ul.main-menu li.open ul.dropdown-menu li a {
                color: #fff;
                font-size: 13px;
                line-height: 16px;
            }

                .menu ul.main-menu li ul.dropdown-menu li a:hover, .menu ul.main-menu li.open ul.dropdown-menu li a:hover {
                    color: #e6e6e6;
                }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: 0;
}

/*For Homepage Header | Display on Scroll*/

#header.lazy-load {
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    transition: .5s ease-in-out;
    transform: translateY(-50px);
    z-index: 99999;
}

    #header.lazy-load.visible {
        visibility: visible;
        transform: translateY(0);
    }


/*Transparent Background Header for Landing Page-2*/

#header-inverse nav.menu {
    background: transparent;
    margin-top: 15px;
    z-index: 1030;
}

#header-inverse .menu ul.main-menu li ul.dropdown-menu {
    border-radius: 4px;
    position: absolute;
}

    #header-inverse .menu ul.main-menu li ul.dropdown-menu::before {
        content: "";
        display: block;
        position: absolute;
        right: 20px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-bottom: 10px solid #231F20;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }


/*==================================================
  Homepage Top Banner
  ==================================================*/

#banner {
    background: url("http://placehold.it/1920x900") fixed no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 550px;
    position: relative;
    top: 0;
}

/*==================================================
  Homepage Signup Form
  ==================================================*/

.sign-up-form {
    background: linear-gradient(to bottom, rgba(43,57,144,.8), rgba(39,170,225,1) 65%);
    position: absolute;
    width: 340px;
    min-height: 600px;
    top: 0;
    padding: 40px 30px;
    text-align: center;
    color: #fff;
    z-index: 1000;
}

    .sign-up-form:after {
        content: "";
        border-color: #27aae1 transparent transparent;
        border-style: solid;
        border-width: 40px 170px 0;
        bottom: -40px;
        height: 0;
        left: 0;
        position: absolute;
        width: 0;
    }

    .sign-up-form h2 {
        font-family: 'Agency FB', sans-serif;
        margin: 100px 0 20px;
    }

    .sign-up-form .line-divider {
        background: none;
        height: 1px;
        border-top: 1px solid rgba(255, 255, 255, .20);
        width: 180px;
        margin: auto;
        margin-bottom: 10px;
    }

    .sign-up-form .form-wrapper {
        padding: 20px 20px 0;
        border: 1px solid rgba(255, 255, 255, .2);
        border-top: none;
        margin-bottom: 30px;
    }

        .sign-up-form .form-wrapper .signup-text {
            font-size: 15px;
        }

        .sign-up-form .form-wrapper .form-group {
            margin-bottom: 10px;
            width: 100%;
        }

            .sign-up-form .form-wrapper .form-group .form-control {
                border: none;
                box-shadow: none;
                border-radius: 17px;
                padding-left: 20px;
            }

        .sign-up-form .form-wrapper button {
            position: relative;
            top: 20px;
            border-radius: 17px;
        }

    .sign-up-form a {
        color: #fff;
    }

    .sign-up-form img.form-shadow {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 100%;
    }


/*==================================================
  Features Section
  ==================================================*/

#features {
    background: #EFEFEF;
    background: radial-gradient(#fff 50%, #EFEFEF 90%);
    background: -moz-radial-gradient(#fff 50%, #EFEFEF 90%);
    background: -webkit-radial-gradient(#fff 50%, #EFEFEF 90%);
    background: -o-radial-gradient(#fff 50%, #EFEFEF 90%);
    text-align: center;
}

    #features .feature-item .feature-icon {
        background: linear-gradient(to bottom, rgba(43,57,144,.8), rgba(39,170,225,.8) 65%), url("../images/blur.png") no-repeat;
        background-size: cover;
        background-position: center;
        width: 110px;
        height: 110px;
        border-radius: 55px;
        margin: auto;
        border: 6px solid #fff;
        box-shadow: 0 12px 12px rgba(39, 170, 225, 0.3);
        cursor: pointer;
        font-size: 35px;
        color: #fff;
        line-height: 100px;
    }

        #features .feature-item .feature-icon:hover {
            background: #27aae1;
            transition: all 1s;
        }

    #features .feature-item h3 {
        font-family: 'Agency FB', sans-serif;
        color: #939598;
    }

#incremental-counter .num {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #27aae1;
    display: inline-block;
    height: 64px;
    line-height: 62px;
    margin: 0 4px 20px;
    position: relative;
    left: -1px;
    text-align: center;
    width: 50px;
    font-size: 45px;
    font-size: 3.72625em;
    font-weight: normal;
    font-family: 'Agency FB', sans-serif;
}

    #incremental-counter .num::before {
        background: #00aae6;
        content: "";
        display: block;
        height: 1px;
        left: -1px;
        margin: -0.5px 0 0;
        position: absolute;
        right: -1px;
        top: 50%;
        width: auto;
    }

#features img.face-map {
    margin: 0 auto -250px;
}


/*==================================================
  App Download Section
  ==================================================*/

#app-download {
    background: #fff;
    text-align: center;
}

    #app-download ul.app-btn {
        padding: 0;
        margin: 0;
    }

        #app-download ul.app-btn li {
            list-style: none;
            padding-left: 10px;
            padding-right: 10px;
        }

            #app-download ul.app-btn li button {
                padding: 8px 15px;
            }

                #app-download ul.app-btn li button::after {
                    content: "";
                    background: linear-gradient(to bottom, rgba(0,0,0,.1), transparent 70%);
                    height: 36px;
                    width: auto;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 100%;
                    border-radius: 6px;
                }


/*==================================================
  Homepage Image Divider
  ==================================================*/

.img-divider {
    background: url("http://placehold.it/1920x460") no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 460px;
    background-position: center;
}


/*==================================================
  Site Facts Section
  ==================================================*/

#site-facts {
    background: radial-gradient(rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 1) 100%), url("http://placehold.it/1920x1280") fixed no-repeat;
    background-size: cover;
    height: 500px !important;
    text-align: center;
    color: #fff;
}

    #site-facts .circle {
        background: #27aae1;
        width: 660px;
        height: 660px;
        border-radius: 50%;
        margin: auto;
        position: relative;
        top: -180px;
        padding: 75px;
        overflow: hidden;
    }

        #site-facts .circle ul.facts-list {
            padding: 0;
            margin: 0;
        }

            #site-facts .circle ul.facts-list li {
                list-style: none;
            }

                #site-facts .circle ul.facts-list li:nth-child(1) {
                    margin: 5px auto 50px;
                }

                    #site-facts .circle ul.facts-list li:nth-child(1)::before {
                        content: "";
                        border-left: 1px solid rgba(255,255,255, 0.2);
                        height: 75px;
                        position: absolute;
                        top: 0;
                    }

                    #site-facts .circle ul.facts-list li:nth-child(1)::after {
                        content: "";
                        border-left: 1px solid rgba(255,255,255, 0.2);
                        height: 34px;
                        position: absolute;
                    }

                #site-facts .circle ul.facts-list li:nth-child(2)::after {
                    content: "";
                    border-left: 1px solid rgba(255,255,255, 0.2);
                    height: 34px;
                    position: absolute;
                }

                #site-facts .circle ul.facts-list li:nth-child(3) {
                    margin: 50px auto 10px;
                }

                    #site-facts .circle ul.facts-list li:nth-child(3)::after {
                        content: "";
                        border-left: 1px solid rgba(255,255,255, 0.2);
                        height: 75px;
                        position: absolute;
                        bottom: 0;
                    }

        #site-facts .circle .fact-icon {
            background: rgba(255,255,255, .1);
            height: 60px;
            width: 60px;
            border-radius: 50%;
            margin: auto;
        }

        #site-facts .circle .fact-icon {
            font-size: 50px;
        }


/*==================================================
  Live Feed Section Homepage
  ==================================================*/

#live-feed {
    background: #fff;
    text-align: center;
}

    #live-feed ul.online-users li {
        margin: 0;
    }


/*==================================================
  Landing Page: V2 | Register/Login
  ==================================================*/

/*#lp-register {
    background: linear-gradient(to right, rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url("/Content/images/kainet_wallaper.png") fixed no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100vh;
}*/

#lp-register .wrapper {
    padding-top: 140px;
    padding-bottom: 140px;
}

.intro-texts {
    color: #fff;
    font-size: 14px;
    transform: translateY(100px);
}

    .intro-texts h1 {
        font-family: 'Agency FB', sans-serif;
        margin-bottom: 30px;
        font-weight: 700;
    }

    .intro-texts button {
        margin-top: 20px;
        border-radius: 30px;
        padding: 8px 20px;
        width: 150px;
    }

        .intro-texts button::before {
            content: none;
        }


/*Registration Form Container*/

.reg-form-container {
    background: #fff;
    box-shadow: 0 0 35px rgba(0,0,0, .4);
    padding: 40px 40px 40px 60px;
    border-radius: 6px;
    position: relative;
    min-height: 560px;
    z-index: 10;
}

    .reg-form-container::before {
        content: "";
        background: rgba(255,255,255, .1);
        width: 95%;
        height: 70%;
        border-radius: 6px;
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -2;
    }

    .reg-form-container::after {
        content: "";
        background: rgba(255,255,255, .1);
        width: 90%;
        height: 65%;
        border-radius: 6px;
        position: absolute;
        right: -30px;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .reg-form-container .reg-options::before {
        content: "";
        background: linear-gradient(to right, rgba(255,255,255, 0.2), rgba(255,255,255, 0.05));
        height: 70%;
        width: 50px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateX(-100%) translateY(-50%);
        border-radius: 6px 0 0 6px;
        z-index: -1;
    }


    /*Registration Login/Register Tabs*/

    .reg-form-container .reg-options .nav-tabs {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%) translateX(-60%) rotate(270deg);
        border: none;
    }

    .reg-form-container .nav-tabs > li {
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
    }

        .reg-form-container .nav-tabs > li::after {
            content: "";
            background: rgba(255,255,255, 0.1);
            height: 25px;
            width: 1px;
            position: absolute;
            right: -10px;
            top: 5px;
        }

        .reg-form-container .nav-tabs > li:last-child::after {
            content: none;
        }

        .reg-form-container .nav-tabs > li > a {
            background: transparent;
            color: #939598;
            padding: 5px 30px;
            min-width: 120px;
            border-radius: 30px;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            border: none;
        }

        .reg-form-container .nav-tabs > li.active > a,
        .reg-form-container .nav-tabs > li.active > a:focus,
        .reg-form-container .nav-tabs > li.active > a:hover {
            background: transparent;
            color: #fff;
            font-weight: 700;
            border: none;
        }

/*Registration Form*/

#registration_form .form-group,
#Login_form .form-group {
    margin-bottom: 10px;
}



#registration_form .form-control,
#Login_form .form-control {
    background: #fff;
    color: #939598;
    border-radius: 30px;
    box-shadow: none;
    width: 100%;
    border: 1px solid #f1f2f2;
    padding-left: 15px;
}

#registration_form select.form-control {
    background: rgba(0, 0, 0, 0) url("../images/down-arrow.png") no-repeat scroll calc(100% - 10px) center / 8px auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #939598;
}

#registration_form p.birth {
    margin-left: 10px;
}

/*Social Links Bottom*/

#lp-register ul.social-icons {
    text-align: center;
    margin-top: 40px;
    z-index: 11;
}

    #lp-register ul.social-icons li {
        border: none;
    }

        #lp-register ul.social-icons li a {
            color: #fff;
        }

            #lp-register ul.social-icons li a:hover {
                color: #27aae1;
                transition: all .5s;
            }


/*feed-block and ul.online-users css available below*/

/*==================================================
  Newsfeed Left Sidebar
  ==================================================*/

/*Profile Card CSS*/

.profile-card {
    background: linear-gradient(to bottom, rgba(39,170,225,.8), rgba(28,117,188,.8)), url("http://placehold.it/1030x430") no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 90px;
    border-radius: 4px;
    padding: 10px 20px;
    color: #fff;
    margin-bottom: 40px;
}

    .profile-card img.profile-photo {
        border: 7px solid #fff;
        float: left;
        margin-right: 20px;
        position: relative;
        top: -30px;
        height: 70px;
        width: 70px;
        border-radius: 50%;
    }

/*Newsfeed Links CSS*/

ul.nav-news-feed {
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 0 40px 0;
}

    ul.nav-news-feed li {
        list-style: none;
        display: block;
        padding: 15px 0;
    }

        ul.nav-news-feed li div {
            position: relative;
            margin-left: 30px;
        }

            ul.nav-news-feed li div::after {
                content: "";
                width: 100%;
                height: 1px;
                border-top: 1px solid #f1f2f2;
                position: absolute;
                bottom: -15px;
                left: 0;
            }

        ul.nav-news-feed li a {
            color: #6d6e71;
        }

        ul.nav-news-feed li i {
            font-size: 18px;
            margin-right: 15px;
            float: left;
        }

    ul.nav-news-feed i.ion-ios-paper {
        color: #8dc63f;
    }

    ul.nav-news-feed i.ion-ios-people {
        color: #662d91;
    }

    ul.nav-news-feed i.ion-ios-people-outline {
        color: #ee2a7b;
    }

    ul.nav-news-feed i.ion-chatboxes {
        color: #f7941e;
    }

    ul.nav-news-feed i.ion-images {
        color: #1c75bc;
    }

    ul.nav-news-feed i.ion-ios-videocam {
        color: #9e1f63;
    }

/*Chat Block CSS*/

#chat-block {
    margin: 0 0 40px 0;
    text-align: center;
}

    #chat-block .title {
        background: #8dc63f;
        padding: 2px 20px;
        width: 70%;
        height: 30px;
        border-radius: 15px;
        position: relative;
        margin: 0 auto 20px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
    }

ul.online-users {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    margin: 0;
}

    ul.online-users li {
        list-style: none;
        position: relative;
        margin: 3px auto !important;
        padding-left: 3px;
        padding-right: 3px;
    }

        ul.online-users li span.online-dot {
            background: linear-gradient(to bottom, rgba(141,198,63, 1), rgba(0,148,68, 1));
            border: none;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            position: absolute;
            bottom: -6px;
            border: 2px solid #fff;
            left: 0;
            right: 0;
            margin: auto;
        }


/*==================================================
  Newsfeed Right Sidebar
  ==================================================*/

.suggestions.affix {
    position: fixed !important;
}

.follow-user {
    margin-bottom: 20px;
}

    .follow-user div {
        margin-left: 50px;
        position: relative;
    }

        .follow-user div::after {
            content: "";
            background: none;
            border-top: 1px solid #f1f2f2;
            position: absolute;
            width: 100%;
            left: 0;
            bottom: -10px;
        }


/*==================================================
  Create Post Box CSS
  ==================================================*/

.create-post-no-border {
    width: 100%;
    min-height: 90px;
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f2f2;
    border-radius: 10px;
}

.create-post {
    padding: 25px 15px 15px 15px !important;
    width: 100%;
    min-height: 90px;
    /*padding: 20px;*/
    margin-bottom: 20px;
    text-align: center;
}

    .create-post .form-group {
        margin-bottom: 0;
        display: inline-flex;
    }

        .create-post .form-group .form-control {
            border: 1px solid #ccc;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        }

        .create-post .form-group img.profile-photo-md {
            margin-right: 10px;
        }

    .create-post .tools {
        padding: 8px 0 10px;
    }

        .create-post .tools ul.publishing-tools {
            display: inline-block;
            text-align: left;
            margin: 0;
            padding: 5px 0;
        }

            .create-post .tools ul.publishing-tools li a {
                color: #6d6e71;
                font-size: 18px;
            }

                .create-post .tools ul.publishing-tools li a:hover {
                    color: #27aae1;
                }


/*==================================================
  Post Contents CSS
  ==================================================*/

.post-content {
    background: #f8f8f8;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #f1f2f2;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

    .post-content img.post-image, video.post-video, .google-maps {
        width: 100%;
        height: auto;
    }

    .post-content .google-maps .map {
        height: 300px;
    }

    .post-content .post-container {
        padding: 20px;
    }

        .post-content .post-container .post-detail {
            margin-left: 65px;
            position: relative;
        }

            .post-content .post-container .post-detail .post-text {
                line-height: 24px;
                margin: 0;
            }

            .post-content .post-container .post-detail .reaction {
                position: absolute;
                right: 0;
                top: 0;
            }

            .post-content .post-container .post-detail .post-comment {
                /*display: inline-flex;*/
                margin: 10px auto;
                width: 100%;
            }

                .post-content .post-container .post-detail .post-comment img.profile-photo-sm {
                    margin-right: 10px;
                }

                .post-content .post-container .post-detail .post-comment .form-control {
                    height: 30px;
                    border: 1px solid #ccc;
                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                    margin: 7px 0;
                    min-width: 0;
                }


/*==================================================
  Nearby People CSS
  ==================================================*/

.people-nearby .google-maps {
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #f1f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

    .people-nearby .google-maps .map {
        height: 300px;
        width: 100%;
        border: none;
    }

.people-nearby .nearby-user {
    padding: 20px 0;
    border-top: 1px solid #f1f2f2;
    border-bottom: 1px solid #f1f2f2;
    margin-bottom: 20px;
}


/*==================================================
  Friend List CSS = Newsfeed and Timeline
  ==================================================*/

.friend-list .friend-card {
    border-radius: 4px;
    border-bottom: 1px solid #C83838; /*#f1f2f2;*/
    overflow: hidden;
    margin-bottom: 20px;
}

    .friend-list .friend-card .card-info {
        padding: 0 20px 10px;
    }

        .friend-list .friend-card .card-info img.profile-photo-lg {
            margin-top: -60px;
            border: 7px solid #fff;
        }


/*==================================================
  Chat Room CSS
  ==================================================*/

/*Chat Contact List*/

.chat-room ul.contact-list li {
    width: 100%;
    margin-bottom: 0;
}

    .chat-room ul.contact-list li a {
        border: none;
        padding: 10px 0;
        border-bottom: 1px solid #f1f2f2 !important;
    }

        .chat-room ul.contact-list li a:hover, .chat-room ul.contact-list li a:active, .chat-room ul.contact-list li a:focus {
            border: none;
            border-bottom: 1px solid #8dc63f !important;
            border-radius: 0;
            cursor: pointer;
            background: none;
        }

        .chat-room ul.contact-list li a .contact {
            margin-left: 10px;
            margin-right: 10px;
        }

            .chat-room ul.contact-list li a .contact .msg-preview {
                margin-left: 50px;
            }

                .chat-room ul.contact-list li a .contact .msg-preview small {
                    position: absolute;
                    top: 20px;
                    right: 10px;
                }

                .chat-room ul.contact-list li a .contact .msg-preview .chat-alert {
                    background: red;
                    text-align: center;
                    border-radius: 4px;
                    padding: 1px 6px;
                    position: absolute;
                    right: 10px;
                    bottom: 20px;
                    color: #fff;
                }

                .chat-room ul.contact-list li a .contact .msg-preview .seen, .replied {
                    color: #939598;
                    position: absolute;
                    right: 10px;
                    bottom: 20px;
                    font-size: 14px;
                }

/*Chat Messages*/

.chat-room .chat-body ul.chat-message {
    padding: 0;
    margin: 0;
}

    .chat-room .chat-body ul.chat-message li {
        list-style: none;
        margin-bottom: 20px;
    }

        .chat-room .chat-body ul.chat-message li.left .chat-item {
            background: rgba(141,198,63, .1);
            margin-left: 50px;
            padding: 5px 10px;
            position: relative;
            border-radius: 10px;
        }

            .chat-room .chat-body ul.chat-message li.left .chat-item::before {
                border-bottom: 10px solid transparent;
                border-right: 8px solid rgba(141,198,63, .1);
                border-top: 10px solid transparent;
                content: "";
                height: 0;
                left: -8px;
                position: absolute;
                top: 10px;
                width: 0;
            }

            .chat-room .chat-body ul.chat-message li.left .chat-item .chat-item-header {
                border-bottom: 1px dotted #caef8e;
                margin-bottom: 10px;
            }

        .chat-room .chat-body ul.chat-message li.right .chat-item {
            background: rgba(39,170,225, .1);
            margin-right: 50px;
            padding: 5px 10px;
            position: relative;
            border-radius: 10px;
        }

            .chat-room .chat-body ul.chat-message li.right .chat-item::after {
                border-bottom: 10px solid transparent;
                border-left: 8px solid rgba(39,170,225, .1);
                border-top: 10px solid transparent;
                content: "";
                height: 0;
                right: -8px;
                position: absolute;
                top: 10px;
                width: 0;
            }

            .chat-room .chat-body ul.chat-message li.right .chat-item .chat-item-header {
                border-bottom: 1px dotted #bce8f7;
                margin-bottom: 10px;
            }

        .chat-room .chat-body ul.chat-message li .chat-item .chat-item-header h5 {
            color: #4d4d4d;
        }

        .chat-room .chat-body ul.chat-message li .chat-item .chat-item-header small {
            position: absolute;
            top: 15px;
            right: 20px;
        }

.chat-room .send-message {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 4px;
}

    .chat-room .send-message button {
        background: #000;
        color: #fff;
    }

/*CSS for custom scrollbar*/

.scrollbar-wrapper.scrollbar-dynamic {
    max-height: none;
}

.scrollbar-wrapper.tab-content {
    overflow-y: auto;
    height: 400px;
}

.scrollbar-wrapper.contact-list {
    overflow-y: auto;
    height: 400px;
    border: none;
    margin-bottom: 20px;
}

.scrollbar-wrapper {
    height: 100%;
    overflow: auto;
    width: 100%;
}


/*==================================================
  Media = Images and Videos CSS
  ==================================================*/

.media .media-grid {
    background: #f8f8f8;
    border: 1px solid #f1f2f2;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}

    .media .media-grid img.post-image, video {
        width: 100%;
        cursor: pointer;
    }

    .media .media-grid .media-info {
        padding-left: 10px;
        padding-right: 10px;
    }

        .media .media-grid .media-info .reaction {
            padding: 10px 0;
            border-bottom: 1px solid #f1f2f2;
        }

        .media .media-grid .media-info .user-info {
            padding: 10px 0;
        }

            .media .media-grid .media-info .user-info .user {
                margin: -10px 0 0 50px;
            }

.modal-content .post-content {
    margin: 0;
}


/*==================================================
  Timeline
  ==================================================*/

.timeline-cover {
    /*background: url("http://placehold.it/1030x360") no-repeat;*/
    background-position: center;
    background-size: cover;
    min-height: 360px;
    border-radius: 0 0 4px 4px;
    position: relative;
}

    /*Timeline Menu for Large Screens*/

    .timeline-cover .timeline-nav-bar {
        background: rgba(0,0,0, .7);
        width: 100%;
        position: absolute;
        bottom: 25px;
    }

        .timeline-cover .timeline-nav-bar .profile-info {
            position: absolute;
            text-align: center;
            padding: 0 20px;
            top: -100px;
            z-index: 999;
        }

            .timeline-cover .timeline-nav-bar .profile-info img.profile-photo {
                height: 200px;
                width: 200px;
                border-radius: 50%;
                border: 10px solid #fff;
            }

        .timeline-cover .timeline-nav-bar ul.profile-menu {
            margin: 0;
            display: table;
        }

        .timeline-cover .timeline-nav-bar .profile-menu li {
            display: table-cell;
            vertical-align: middle;
            padding: 15px 0;
        }

            .timeline-cover .timeline-nav-bar .profile-menu li a {
                color: #fff;
                padding: 15px;
                text-decoration: none;
            }

                .timeline-cover .timeline-nav-bar .profile-menu li a.active {
                    color: #27aae1;
                }

                .timeline-cover .timeline-nav-bar .profile-menu li a:hover {
                    color: #27aae1;
                }

        .timeline-cover .timeline-nav-bar ul.follow-me {
            margin: 0;
            position: absolute;
            right: 15px;
            top: 2px;
        }

        .timeline-cover .timeline-nav-bar .follow-me li {
            padding: 6px 15px;
            color: #fff;
        }

    /*Timeline Menu for Small Screens*/

    .timeline-cover .navbar-mobile {
        bottom: -185px;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
    }

        .timeline-cover .navbar-mobile .profile-info img.profile-photo {
            border: 10px solid #fff;
            border-radius: 50%;
            height: 200px;
            margin: auto;
            width: 200px;
            z-index: 1;
        }

        .timeline-cover .navbar-mobile .mobile-menu ul {
            margin: 0 0 20px;
        }

            .timeline-cover .navbar-mobile .mobile-menu ul li {
                padding-left: 10px;
                padding-right: 10px;
                position: relative;
            }

                .timeline-cover .navbar-mobile .mobile-menu ul li::after {
                    content: "";
                    height: 20px;
                    background: none;
                    border-right: 1px solid #f1f2f2;
                    position: absolute;
                    right: 0;
                }

                .timeline-cover .navbar-mobile .mobile-menu ul li:nth-child(4)::after {
                    content: none;
                }

                .timeline-cover .navbar-mobile .mobile-menu ul li a {
                    color: #4d4d4d;
                }

                    .timeline-cover .navbar-mobile .mobile-menu ul li a.active {
                        color: #27aae1;
                    }


/*==================================================
  Timeline Sidebar Right
  ==================================================*/

.feed-item {
    text-align: left;
    margin-bottom: 13px;
    padding: 0 20px;
    position: relative;
}

    .feed-item::before {
        border-left: 2px solid #8dc63f;
        position: absolute;
        height: 30px;
        content: "";
        left: 0;
        top: 5px;
    }

    .feed-item img.profile-photo-sm {
        float: left;
        margin-right: 10px;
    }

    .feed-item .live-activity {
        border-bottom: 1px solid #f1f2f2;
    }


/*==================================================
 Post Date
==================================================*/

.timeline .post-content {
    position: relative;
    overflow: visible;
}

    .timeline .post-content::before {
        content: "";
        position: absolute;
        background: none;
        width: 1px;
        height: 98%;
        left: -145px;
        border-left: 2px solid #8dc63f;
        top: 15px;
    }

    .timeline .post-content .post-date {
        position: absolute;
        margin-left: -125px;
    }

        .timeline .post-content .post-date::before {
            content: "";
            background: #8dc63f;
            position: absolute;
            width: 20px;
            height: 20px;
            border-radius: 10px;
            left: -30px;
            top: 10px;
            border: 2px solid #fff;
        }

    .timeline .post-content img.post-image {
        border-radius: 4px 4px 0 0;
    }


/*==================================================
  About Profile
  ==================================================*/

.about-profile {
    margin-bottom: 20px;
}

    .about-profile .about-content-block {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #f1f2f2;
        line-height: 24px;
        margin-bottom: 10px;
    }

        .about-profile .about-content-block h4 i.icon-in-title {
            margin-right: 15px;
            color: #27aae1;
        }

        .about-profile .about-content-block .organization img.img-org {
            height: 40px;
            width: 40px;
            border-radius: 50%;
        }

        .about-profile .about-content-block .organization .work-info {
            margin-left: 50px;
        }

        .about-profile .about-content-block .google-maps .map {
            height: 150px;
        }

ul.interests span.int-icons {
    color: #fff;
    font-size: 25px;
    color: #8dc63f;
    cursor: pointer;
}

.map-container {
    width: 100%;
}

    .map-container iframe {
        display: block;
        width: 100%;
        position: relative; /* IE needs a position other than static */
        pointer-events: none;
    }

        .map-container iframe.clicked {
            pointer-events: auto;
        }


/*==================================================
  Profile Album
  ==================================================*/

ul.album-photos {
    padding: 0;
    margin: 0 auto 20px;
    ;
    display: block;
    font-size: 0;
    text-align: center;
}

    ul.album-photos li {
        list-style: none;
        display: inline-block;
        max-width: 195px;
        padding: 2px;
    }

        ul.album-photos li img {
            max-width: 100%;
        }


/*==================================================
  Edit Profile
  ==================================================*/

/* Edit Profile Menu */

ul.edit-menu {
    margin-top: 100px;
    padding: 0 20px;
}

    ul.edit-menu li {
        list-style: none;
        border-bottom: 1px solid #d2d2d2;
        padding: 15px 0;
        position: relative;
        font-size: 16px;
    }

        ul.edit-menu li.active::before {
            content: "";
            background: #8dc63f;
            width: 2px;
            height: 40px;
            position: absolute;
            top: 50%;
            left: -20px;
            transform: translate(-50%,-50%);
        }

        ul.edit-menu li i.icon {
            font-size: 16px;
        }

        ul.edit-menu li.active i.icon {
            color: #8dc63f;
        }

        ul.edit-menu li a {
            color: #6d6e71;
            margin-left: 10px;
        }

        ul.edit-menu li.active a {
            /*color: #8dc63f;*/
            color: black;
            font-weight: bold;
        }

/* Edit Profile Contents */

.edit-profile-container h4 i {
    margin-right: 15px;
    color: #27aae1;
}

.edit-block {
    margin-bottom: 30px;
}

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

    .edit-block select.form-control {
        background: rgba(0, 0, 0, 0) url(../images/down-arrow.png) no-repeat scroll calc(100% - 10px) center / 8px auto;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .edit-block ul.interests {
        margin: 0;
        margin-bottom: 10px;
    }

        .edit-block ul.interests li {
            background: #8dc63f;
            color: #fff;
            padding: 5px 15px;
            margin-right: 10px;
            margin-top: 5px;
            margin-bottom: 5px;
            border-radius: 40px;
        }

            .edit-block ul.interests li a {
                color: #fff;
            }

                .edit-block ul.interests li a i.icon {
                    font-size: 18px;
                }

/*.edit-block .btn-primary {
        width: 100%;
    }*/

.gender .custom-label {
    padding-left: 0;
}

/* Toggle Notification Switch */

.toggle-switch {
    text-align: right;
}

    .toggle-switch .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
        margin-top: 9px;
    }

        .toggle-switch .switch input {
            display: none;
        }

    .toggle-switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f2f2f2;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .toggle-switch .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

input:checked + .slider {
    background-color: #8dc63f;
}

input:focus + .slider {
    box-shadow: 0 0 1px #8dc63f;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }


/*==================================================
  Contact Us
  ==================================================*/

.contact-map {
    height: 250px;
}

.contact-us {
    background: #fff;
    padding: 40px;
    margin-top: -140px;
    border-radius: 4px;
}

    .contact-us form.contact-form {
        margin-bottom: 20px;
    }

        .contact-us form.contact-form .form-group {
            position: relative
        }

            .contact-us form.contact-form .form-group i {
                color: #f1f2f2;
                font-size: 16px;
                left: 10px;
                position: absolute;
                top: 3px;
            }

            .contact-us form.contact-form .form-group input.form-control {
                padding-left: 30px;
            }

            .contact-us form.contact-form .form-group textarea {
                box-shadow: none;
                font-size: 12px;
                border: 1px solid #f1f2f2;
            }

    .contact-us .reach {
        margin: 10px 0;
        position: relative;
        line-height: 40px;
    }

        .contact-us .reach span {
            border: 1px solid #f1f2f2;
            position: absolute;
            color: #8DC63F;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            margin-right: 50px;
            text-align: center;
            font-size: 20px;
        }

        .contact-us .reach p {
            margin-left: 50px;
        }

    .contact-us ul.social-icons {
        margin-top: 20px;
    }


/*==================================================
  FAQ Page
  ==================================================*/

.page-title-section.faq {
    background: linear-gradient(to right, rgba(0,0,0, 0.5), rgba(0,0,0, 0.5)), url("http://placehold.it/1920x500") fixed no-repeat;
    background-size: cover;
    background-position: center;
    padding: 90px 0 110px;
    color: #fff;
}

    .page-title-section.faq h1 {
        color: #fff;
    }

.faq .page-search {
    max-width: 60%;
    margin: auto;
}

    .faq .page-search .search-form {
        position: relative;
    }

        .faq .page-search .search-form .form-control {
            border: none;
            padding: 10px 30px;
            border-radius: 100px;
            height: 45px;
            border: 2px solid #27aae1;
        }

        .faq .page-search .search-form button.btn-primary {
            height: 45px;
            width: 45px;
            border-radius: 50%;
            position: absolute;
            right: 0;
            top: 0;
            text-align: center;
            font-size: 20px;
            padding: 5px;
        }

.faq-cat-list {
    text-align: center;
    border: none;
    font-family: 'Agency FB', sans-serif;
    font-size: 0;
    margin-top: -90px;
    margin-bottom: 50px;
}

    .faq-cat-list.nav-tabs > li {
        float: none;
        display: inline-block;
        font-size: 25px;
    }

        .faq-cat-list.nav-tabs > li > a {
            border: none;
            color: #fff;
            border-radius: 0;
            margin: 0;
            font-size: 25px;
            padding: 40px 30px;
            position: relative;
            min-width: 200px;
        }

            .faq-cat-list.nav-tabs > li > a:hover {
                transform: scale(1.1);
                z-index: 1;
                transition: transform .5s;
            }

        .faq-cat-list.nav-tabs > li.active > a,
        .faq-cat-list.nav-tabs > li.active > a:focus,
        .faq-cat-list.nav-tabs > li.active > a:hover {
            border: none;
            color: #fff;
        }

            .faq-cat-list.nav-tabs > li.active > a::after {
                content: "";
                background: #000;
                height: 40px;
                width: 1px;
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                bottom: -20px;
            }

        .faq-cat-list.nav-tabs > li:nth-child(1) > a {
            background: #40ccf2;
        }

        .faq-cat-list.nav-tabs > li:nth-child(2) > a {
            background: #39bcea;
        }

        .faq-cat-list.nav-tabs > li:nth-child(3) > a {
            background: #29abe2;
        }

        .faq-cat-list.nav-tabs > li:nth-child(4) > a {
            background: #1ea2d1;
        }

        .faq-cat-list.nav-tabs > li > a > i {
            display: block;
            font-size: 30px;
        }

.faq-headline .item-title {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .faq-headline .item-title i {
        color: #27aae1;
        margin-right: 10px;
    }

/* FAQ page contact sidebar */
.faq_contact .reach-out .method {
    margin-bottom: 15px;
    font-weight: 700;
}

    .faq_contact .reach-out .method a {
        background: #000;
        color: #fff;
        padding: 5px 20px;
        border-radius: 4px;
        display: block;
        box-shadow: 0 3px 6px rgba(0,0,0, .06);
    }

        .faq_contact .reach-out .method a:hover,
        .faq_contact .reach-out .method a:active,
        .faq_contact .reach-out .method a:focus {
            box-shadow: 0 0 12px rgba(0,0,0, .2);
            text-decoration: none;
            transition: box-shadow .5s;
        }

    .faq_contact .reach-out .method.by-forum a {
        background: #f7931e;
    }

    .faq_contact .reach-out .method.by-ticket a {
        background: #ed1e79;
    }

    .faq_contact .reach-out .method.by-email a {
        background: #29abe2;
    }

    .faq_contact .reach-out .method.by-phone a {
        background: #93278f;
    }

    .faq_contact .reach-out .method i {
        font-size: 15px;
        margin-right: 10px;
    }


/*==================================================
  404 Error page
  ==================================================*/
.error-page {
    display: table;
    text-align: center;
    width: 100%;
    height: 100vh;
}

    .error-page .error-content {
        display: table-cell;
        vertical-align: middle;
    }

        .error-page .error-content img {
            margin: auto;
        }

        .error-page .error-content h1.error-title {
            font-family: "Agency FB";
            color: #6d6e71;
            font-size: 60px;
        }

        .error-page .error-content p {
            font-size: 16px;
        }

        .error-page .error-content form .form-group {
            width: 50%;
            margin: 0 auto 15px;
        }

            .error-page .error-content form .form-group .form-control {
                border-radius: 50px;
                padding-left: 20px;
                padding-right: 20px;
            }


/*==================================================
  Site Footer
  ==================================================*/

#footer {
    /*  background: #fff;*/
    position: relative;
}

    #footer::before {
        /* content: "";
        background: linear-gradient(to right, #ffffff 0%,#53cbf1 50%,#ffffff 100%);
        height: 5px;
        width: 100%;
        position: absolute;*/
    }

.footer-wrapper {
    padding: 50px 0;
    float: left;
    width: 100%;
}

img.footer-logo {
    margin-bottom: 20px;
}

ul.social-icons {
    margin: 0;
}

    ul.social-icons li {
        background: transparent;
        width: 30px;
        height: 30px;
        border: 1px solid #f1f2f2;
        border-radius: 4px;
        margin: 3px;
        text-align: center;
    }

        ul.social-icons li a {
            color: #6d6e71;
            font-size: 15px;
            line-height: 30px;
        }

            ul.social-icons li a:hover {
                color: #27aae1;
                transition: all 1s;
            }

ul.footer-links li {
    line-height: 25px;
}

    ul.footer-links li a {
        color: #6d6e71;
    }

        ul.footer-links li a:hover {
            color: #27aae1;
        }

ul.contact {
    margin: 0;
    padding: 0;
}

    ul.contact li {
        list-style: none;
        padding: 15px 0;
        border-bottom: 1px solid #f1f2f2;
        font-size: 13px;
        font-weight: 600;
        line-height: 15px;
    }

        ul.contact li i {
            font-size: 18px;
            margin-right: 20px;
            color: #27AAE1;
        }

.copyright {
    /*background: #231F20;*/
    background: #C83838;
    text-align: center;
    color: #fff;
    padding: 12px 0 4px;
}


/*==================================================
  CSS for width 992px
  ==================================================*/

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

    .hiddenTablet {
        display: none !important;
    }

    .boxInfo {
        float: right;
        margin-top: 5px !important;
        margin-right: -16px;
    }

    section h1.section-title {
        font-size: 175px;
        margin-bottom: -40px;
    }

    #features .feature-item {
        margin-bottom: 20px;
    }

    #features .item {
        margin-bottom: 20px;
    }

    /*.timeline #page-contents {
        margin-top: 185px !important;
    }*/

    ul.edit-menu {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .faq-cat-list.nav-tabs > li > a {
        min-width: 150px;
        padding: 30px 15px;
    }

    .error-page .error-content form .form-group {
        width: 80%;
    }
}


/*==================================================
  CSS for width 768px
  ==================================================*/

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

    .boxInfo {
        float: right;
        margin-top: 5px !important;
        margin-right: -6px;
    }

    #cercaPer {
        display: none;
    }

    .hiddenDekstop {
        display: none !important;
    }

    .cke_toolgroup {
        display: none;
    }

    #oper {
        display: none;
    }

    #page-contents {
        padding: 10px 0 50px !important;
    }

    .create-post {
        padding: 5px 5px 5px 15px !important;
        min-height: inherit;
    }

    .searchFilterBox {
        padding: 5px 5px 5px 15px !important;
    }

    .divTitle {
        margin-top: -40px;
    }

    .hiddenMobile {
        display: none !important;
    }

    .menu ul.main-menu li.dropdown ul.dropdown-menu li {
        background: #282425;
    }

    #header-inverse nav.menu .navbar-collapse {
        background: rgba(0,0,0, 0.9);
    }

    .sign-up-form {
        left: 0;
        right: 0;
        margin: auto;
    }

    section h1.section-title {
        font-size: 90px !important;
        margin-bottom: 0 !important;
    }

    #features .feature-item {
        margin-bottom: 20px;
    }

    #site-facts .circle {
        width: 100%;
        border-radius: 1000px;
    }

    .nearby-user {
        text-align: center;
    }

        .nearby-user button.btn-primary {
            float: none !important;
        }

    .post-content .post-container .post-detail .reaction {
        position: relative;
    }

    #footer .footer-wrapper ul {
        margin-bottom: 20px;
    }

    .contact-us .col-sm-7 {
        margin-bottom: 20px !important;
    }

    .intro-texts {
        transform: translateY(0);
        margin-bottom: 80px;
        text-align: center;
    }

    .reg-form-container {
        padding: 30px !important;
        text-align: center;
    }

        .reg-form-container .reg-options::before {
            background: linear-gradient(to bottom, rgba(255,255,255, 0.2), rgba(255,255,255, 0.05));
            height: 50px;
            width: 70%;
            left: 0;
            right: 0;
            margin: auto;
            top: -50px;
            transform: translateX(0) translateY(0);
            border-radius: 6px 6px 0 0;
        }

        .reg-form-container .reg-options .nav-tabs {
            left: 50%;
            transform: translateY(0) translateX(-50%) rotate(0);
            top: -40px;
        }

            .reg-form-container .reg-options .nav-tabs li {
                margin: 0;
            }

                .reg-form-container .reg-options .nav-tabs li:after {
                    right: 0;
                }

        .reg-form-container::before {
            content: none;
        }

        .reg-form-container::after {
            content: none;
        }

        .reg-form-container .nav-tabs > li > a {
            padding-left: 10px;
            padding-right: 10px;
            min-width: 50px;
        }

    .toggle-switch {
        text-align: left;
    }

        .toggle-switch .switch {
            margin-top: 0;
        }

    .faq-content {
        margin-bottom: 30px;
    }

    .faq .page-search {
        max-width: 90%;
    }

    .faq-cat-list.nav-tabs > li > a {
        width: 100px;
        min-width: initial;
        padding: 20px 10px;
        font-size: 16px;
    }

        .faq-cat-list.nav-tabs > li > a > i {
            font-size: 20px;
        }

    .error-page .error-content form .form-group {
        width: 100%;
    }
}


/*==================================================
  CSS for width 480px
  ==================================================*/

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

    .boxInfo {
        float: right;
        margin-top: 5px !important;
        margin-right: -4px;
    }

    .sign-up-form {
        left: 0;
        right: 0;
        margin: auto;
        width: 90%;
        overflow: hidden;
        border-radius: 0 0 4px 4px;
    }

    #app-download ul.app-btn li button {
        margin-bottom: 20px;
    }

    .post-contents .post-container .post-detail .reaction {
        position: relative;
    }

    .faq-cat-list.nav-tabs > li > a {
        width: 60px;
    }
}


/*==================================================
  Slide Animations
  ==================================================*/

.slideUp, .slideDown {
    visibility: hidden;
}

    .slideDown.appear {
        animation-name: slideDown;
        -webkit-animation-name: slideDown;
        animation-duration: 1s;
        -webkit-animation-duration: 1s;
        animation-timing-function: ease;
        -webkit-animation-timing-function: ease;
        visibility: visible !important;
    }

@keyframes slideDown {
    0% {
        transform: translateY(-100%);
    }

    50% {
        transform: translateY(8%);
    }

    65% {
        transform: translateY(-4%);
    }

    80% {
        transform: translateY(4%);
    }

    95% {
        transform: translateY(-2%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        -webkit-transform: translateY(8%);
    }

    65% {
        -webkit-transform: translateY(-4%);
    }

    80% {
        -webkit-transform: translateY(4%);
    }

    95% {
        -webkit-transform: translateY(-2%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

.slideUp.appear {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible !important;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }

    50% {
        transform: translateY(-8%);
    }

    65% {
        transform: translateY(4%);
    }

    80% {
        transform: translateY(-4%);
    }

    95% {
        transform: translateY(2%);
    }

    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }

    50% {
        -webkit-transform: translateY(-8%);
    }

    65% {
        -webkit-transform: translateY(4%);
    }

    80% {
        -webkit-transform: translateY(-4%);
    }

    95% {
        -webkit-transform: translateY(2%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}


/*==================================================
  Scroll Down Arrow
  ==================================================*/

.arrows {
    width: 60px;
    height: 72px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -90px;
}

    .arrows path {
        stroke: #27aae1;
        fill: transparent;
        stroke-width: 1px;
        animation: arrow 2s infinite;
        -webkit-animation: arrow 2s infinite;
    }

@keyframes arrow {
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
    0% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}

.arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}

.arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}


/*==================================================
  Preloader Animation CSS
  ==================================================*/

.spinner {
    width: 40px;
    height: 40px;
    background-color: #27aae1;
    position: absolute;
    top: 48%;
    left: 48%;
    box-shadow: 0 0 8px rgba(0,0,0, .3);
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

#spinner-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999999;
}

/*Modifiche pagina On Demand*/
/*body.on-demand-page #page-contents > .container{
    max-width:100%;
    width:100%;
}*/
/*body.on-demand-page #form-cerca {
    margin-right: -25px;
    margin-left: -25px;
}*/
/*body.on-demand-page #datiDefault, body.on-demand-page #dati {
    padding-right: 65px;
    padding-left: 65px;
}*/

/*body.on-demand-page .create-post {
    position: static !important;
}*/
.spazio5 {
    clear: both;
    height: 5px;
}

.spazio70 {
    clear: both;
    height: 70px;
}

.spazio60 {
    clear: both;
    height: 60px;
}

.spazio10 {
    clear: both;
    height: 10px;
}

.spazio15 {
    clear: both;
    height: 15px;
}

.spazio20 {
    clear: both;
    height: 20px;
}

.spazio25 {
    clear: both;
    height: 25px;
}

.spazio30 {
    clear: both;
    height: 30px;
}

.spazio40 {
    clear: both;
    height: 40px;
}

.spazio50 {
    clear: both;
    height: 50px;
}

.spazio100 {
    clear: both;
    height: 100px;
}

.container-testo {
    padding-top: 20px;
}

body.on-demand-page {
    font-size: 16px;
    color: #414141;
}

    body.on-demand-page a {
        text-decoration: none !important;
    }

    body.on-demand-page .category, body.on-demand-page .categoryButton {
        float: left;
        width: 20%;
        background-color: #CCCCCC;
        padding: 12px 30px;
        margin: auto;
        width: auto !important;
        text-align: center;
        font-weight: bold;
        color: #fff;
        border: 2px solid #F8F8F8;
        cursor: pointer;
        border-radius: 20px;
        font-size: 16px;
        box-shadow: none;
        border: none;
        width: 150px;
        transition: ease-in-out .3s;
    }

        body.on-demand-page .category:hover {
            -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            transition: ease-in-out .3s;
        }

        body.on-demand-page .category.selected {
            background-color: #c83838;
        }

    body.on-demand-page #dati-filtri {
        /*padding-top: 30px !important;
        padding-bottom: 30px !important;*/
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: #f2f2f2;
        position: relative;
    }

        body.on-demand-page #dati-filtri:before {
            content: '';
            border-style: solid;
            border-width: 15px 15px 15px 15px;
            border-color: transparent transparent #f2f2f2 transparent;
            position: absolute;
            top: -29px;
            margin-right: auto;
            margin-left: auto;
            right: 0px;
            left: 0px;
            display: block;
            width: 15px;
        }

    body.on-demand-page #dati-filtri-feed {
        /*padding-top: 30px !important;
        padding-bottom: 30px !important;*/
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        background-color: #f2f2f2;
        position: relative;
    }

        body.on-demand-page #dati-filtri-feed:before {
            content: '';
            /*border-style: solid;
            border-width: 15px 15px 15px 15px;
            border-color: transparent transparent #f2f2f2 transparent;*/
            position: absolute;
            top: -29px;
            margin-right: auto;
            margin-left: auto;
            right: 0px;
            left: 0px;
            display: block;
            width: 15px;
        }

    /*  body.on-demand-page .btn-primary {
        float: left;
        width: 20%;
        background-color: #c83838;
        padding: 10px 30px;
        margin: auto;
        width: auto !important;
        text-align: center;
        font-weight: bold;
        color: #fff !important;
        border: 2px solid #c83838 !important;
        cursor: pointer;
        border-radius: 20px;
        font-size: 16px;
        box-shadow: none;
        border: none;
        width: 150px;
        text-transform: uppercase;
        transition: ease-in-out .3s;
    }*/

    body.on-demand-page .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: #922626 !important;
        transition: ease-in-out .3s;
    }

        body.on-demand-page .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
            color: #fff;
            background-color: #922626 !important;
            transition: ease-in-out .3s;
            border-color: #27aae1;
        }


    body.on-demand-page .btn-secondary {
        float: left;
        width: 20%;
        background-color: #fff !important;
        padding: 10px 30px;
        margin: auto;
        width: auto !important;
        text-align: center;
        font-weight: bold;
        color: #c83838 !important;
        border: 2px solid #c83838 !important;
        cursor: pointer;
        border-radius: 20px;
        /*font-size: 16px;*/
        font-size: 14px;
        box-shadow: none;
        border: none;
        width: 150px;
        background: linear-gradient(to bottom, rgb(255, 255, 255), rgb(255, 255, 255));
        text-transform: uppercase;
        transition: ease-in-out .3s;
    }

        body.on-demand-page .btn-secondary:hover, body.on-demand-page .btn-secondary:active, body.on-demand-page .btn-secondary:focus {
            transition: ease-in-out .3s;
            background-color: #c83838 !important;
            color: #fff !important;
            background: #fff;
        }


    /*body.on-demand-page .categoria-btn {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            padding: 15px;
            margin-right: auto;
            margin-left: auto;
            display: block;
            -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
            background-color: #c83838;
            margin: 0px 10px;
        }
        body.on-demand-page .categoria-btn:hover, .categoria-btn:active, .categoria-btn:focus {
            background-color: #ad2b2b;
            -webkit-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
        }*/

    body.on-demand-page .categoria-btn {
        padding: 5px 5px;
        width: 25%;
    }

.sezione-categoria {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .sezione-categoria .lista-categorie {
        display: -webkit-flex;
        display: flex;
    }

        .sezione-categoria .lista-categorie .categoria-btn {
            -webkit-flex: 1 0 0px;
        }

body.on-demand-page .categoria-btn input {
    display: none;
}

body.on-demand-page label {
    font-weight: 500;
}

body.on-demand-page .campo-ricerca {
    max-width: 60%;
    margin: auto;
}


/*body.on-demand-page .friend-list .friend-card .card-info {*/
/* padding: 55px 40px 40px 40px;*/
/*padding: 65px 25px 25px 25px;
    text-align: left;
    position: relative;
    background-color: #f2f2f2;
}*/
body.on-demand-page .friend-list .friend-card .card-info {
    padding: 40px 15px 25px 15px;
    text-align: left;
    position: relative;
    background-color: #f2f2f2;
    font-size: 14px;
    line-height: 18px;
    min-height: 515px;
    overflow: hidden;
}

    body.on-demand-page .friend-list .friend-card .card-info.card-info-live {
        min-height: 485px;
    }

    body.on-demand-page .friend-list .friend-card .card-info.card-info-ondemand {
        min-height: 440px;
    }

body.on-demand-page .friend-info h2 {
    margin-top: 0px;
    margin-bottom: 5px;
    /*font-size: 35px;*/
    font-size: 30px;
    font-weight: 600;
    /*max-width: 85%;*/
    /* max-width: 60%;*/
}

body.on-demand-page .friend-info p {
    margin-bottom: 5px;
}

body.on-demand-page .friend-list .friend-card a {
    color: #414141;
}

body.on-demand-page .friend-list .friend-card .card-info img.profile-photo-lg {
    margin-top: -60px;
    border: 7px solid #fff;
    position: absolute;
    top: -15px;
    right: 0px;
    left: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
}



/*body.on-demand-page .friend-card .icone-dettagli {
    position: absolute;
    right: 5%;*/
/*top:10%;*/
/*top: 20%;
}*/

body.on-demand-page img.profile-photo-lg {
    height: 130px;
    width: 130px;
    border-radius: 50%;
}

body.on-demand-page .cover {
    background-size: cover;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /*height:500px;*/
    /*height: 267px;*/
}

body.on-demand-page .friend-list .friend-card {
    border-bottom: 0px;
}

body.on-demand-page .friend-card .prezzo {
    font-size: 24px;
    position: absolute;
    right: 5%;
    /*bottom: 20%;*/
    bottom: 15%;
    margin-bottom: 0px;
}

    body.on-demand-page .friend-card .prezzo span {
        font-size: 35px;
    }

body.on-demand-page .friend-card ul {
    margin-bottom: 0px;
}

body.on-demand-page .friend-card .btn-secondary, body.on-demand-page .friend-card .btn-primary {
    padding: 0px 10px;
    font-size: 14px !important;
    width: auto;
}

body.on-demand-page .friend-card .list-inline > li {
    padding-right: 2px;
    padding-left: 2px;
}

.carousel-categorie .carousel-control {
    background-image: none;
}

    .carousel-categorie .carousel-control img {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .carousel-categorie .carousel-control.left {
        margin-left: -15px;
    }

    .carousel-categorie .carousel-control.right {
        margin-right: -15px;
    }

.categoria-btn input[type=checkbox] {
    opacity: 0;
}

ul.edit-menu li a {
    font-size: 14px;
}

body.on-demand-page .card-utente {
    /*position: fixed;*/
    top: 75px;
    z-index: 9999;
    background-color: white;
}

/*Media pagina On demand*/

@media (max-width: 399px) {
    /*body.on-demand-page #datiDefault, body.on-demand-page #dati {
        padding-right: 0px;
        padding-left: 0px;
    }*/
    body.on-demand-page .friend-card .prezzo {
        position: static;
        margin-top: 10px;
    }

    body.on-demand-page .friend-card .icone-dettagli {
        position: static;
        margin-bottom: 10px;
    }

    body.on-demand-page .friend-list .friend-card .card-info {
        padding: 70px 25px 25px 25px;
    }

    body.on-demand-page .create-post {
        padding: 5px 5px 5px 5px !important;
    }

    body.on-demand-page #form-cerca {
        margin-right: 0px;
        margin-left: 0px;
    }

    .lista-cerca li {
        display: block;
    }

    .container-tabella {
        overflow: scroll;
    }

    .table-plan p.big {
        font-size: 18px;
    }

    .table-plan p {
        line-height: 17px;
        font-size: 18px;
    }

    .table-plan > tbody > tr > td, .table-plan > tbody > tr > th, .table-plan > tfoot > tr > td, .table-plan > tfoot > tr > th, .table-plan > thead > tr > td, .table-plan > thead > tr > th {
        padding: 10px 20px !important;
    }

    .sezione-categoria .lista-categorie {
        display: block;
    }

        .sezione-categoria .lista-categorie .categoria-btn {
            display: blocK;
            float: none;
        }

    .carousel-categorie .carousel-control.left {
        margin-left: 0px;
    }

    .carousel-categorie .carousel-control.right {
        margin-right: 0px;
    }

    body.on-demand-page .friend-info h2 {
        max-width: 100%;
    }

    body.on-demand-page .categoria-btn {
        width: 100%;
    }

    body.on-demand-page .navbar-default .navbar-brand {
        padding: 10px 0px 10px 9px !important;
        max-width: 80%;
    }

        body.on-demand-page .navbar-default .navbar-brand img {
            width: 100%;
        }

    body.on-demand-page .livello-btn {
        padding: 0px;
        max-width: 32%;
    }

    body.on-demand-page .create-post.box-filtri {
        top: 55px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 400px) and (max-width: 639px) {
    /*body.on-demand-page #datiDefault, body.on-demand-page #dati {
        padding-right: 0px;
        padding-left: 0px;
    }*/
    body.on-demand-page .friend-card .prezzo {
        position: static;
        margin-top: 10px;
    }

    .container-tabella {
        overflow: scroll;
    }

    .table-plan p.big {
        font-size: 18px;
    }

    .table-plan p {
        line-height: 17px;
        font-size: 18px;
    }

    .table-plan > tbody > tr > td, .table-plan > tbody > tr > th, .table-plan > tfoot > tr > td, .table-plan > tfoot > tr > th, .table-plan > thead > tr > td, .table-plan > thead > tr > th {
        padding: 10px 20px !important;
    }

    body.on-demand-page .friend-card .icone-dettagli {
        position: static;
        margin-bottom: 10px;
    }

    body.on-demand-page .friend-list .friend-card .card-info {
        padding: 70px 25px 25px 25px;
    }

    body.on-demand-page .create-post {
        padding: 5px 5px 5px 5px !important;
    }

    body.on-demand-page #form-cerca {
        margin-right: 0px;
        margin-left: 0px;
    }

    .lista-cerca li {
        display: block;
    }

    .sezione-categoria .lista-categorie {
        display: block;
    }

        .sezione-categoria .lista-categorie .categoria-btn {
            display: blocK;
            float: none;
        }

    .carousel-categorie .carousel-control.left {
        margin-left: 15px;
    }

    .carousel-categorie .carousel-control.right {
        margin-right: 15px;
    }

    body.on-demand-page .friend-info h2 {
        max-width: 100%;
    }

    body.on-demand-page .categoria-btn {
        width: 100%;
    }

    body.on-demand-page .livello-btn {
        padding: 0px;
        max-width: 32%;
    }

    body.on-demand-page .create-post.box-filtri {
        top: 55px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    /*body.on-demand-page #datiDefault, body.on-demand-page #dati {
        padding-right: 0px;
        padding-left: 0px;
    }*/
    body.on-demand-page .friend-card .prezzo {
        position: static;
        margin-top: 10px;
    }

    .container-tabella {
        overflow: scroll;
    }

    .table-plan p.big {
        font-size: 18px;
    }

    .table-plan p {
        line-height: 17px;
        font-size: 18px;
    }

    .table-plan > tbody > tr > td, .table-plan > tbody > tr > th, .table-plan > tfoot > tr > td, .table-plan > tfoot > tr > th, .table-plan > thead > tr > td, .table-plan > thead > tr > th {
        padding: 10px 20px !important;
    }

    .container-tabella {
        overflow: scroll;
    }

    .table-plan p {
        font-size: 17px;
    }

    body.on-demand-page .friend-card .icone-dettagli {
        position: static;
        margin-bottom: 10px;
    }

    body.on-demand-page .friend-list .friend-card .card-info {
        padding: 70px 25px 25px 25px;
    }

    body.on-demand-page .create-post {
        padding: 5px 5px 5px 5px !important;
    }

    body.on-demand-page #form-cerca {
        margin-right: 0px;
        margin-left: 0px;
    }

    .table-plan p {
        font-size: 17px;
    }

    .lista-cerca li {
        display: block;
    }

    .sezione-categoria .lista-categorie {
        display: block;
    }

        .sezione-categoria .lista-categorie .categoria-btn {
            display: blocK;
            float: none;
        }

    .carousel-categorie .carousel-control.left {
        margin-left: 15px;
    }

    .carousel-categorie .carousel-control.right {
        margin-right: 15px;
    }

    body.on-demand-page .friend-info h2 {
        max-width: 100%;
    }

    body.on-demand-page .categoria-btn {
        width: 100%;
    }

    body.on-demand-page .livello-btn {
        padding: 5px;
    }

    body.on-demand-page .create-post.box-filtri {
        top: 55px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    /*body.on-demand-page .friend-card .prezzo {
        position: static;
        margin-top: 10px;
    }*/
    /*.carousel-categorie .carousel-control.left {
        margin-left: 30px;
    }
    .carousel-categorie .carousel-control.right {
        margin-right: 30px;
    }*/
    .categoria-btn {
        /*max-width: 16.0%;*/
        display: inline-block;
        padding: 0px;
    }

    body.on-demand-page .friend-info h2 {
        max-width: 70%;
    }

    body.on-demand-page .create-post.box-filtri {
        top: 67px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    /*.categoria-btn {
        max-width: 20%;
        display: inline-block;
    }*/
    .categoria-btn {
        /*max-width: 16.0%;*/
        display: inline-block;
        padding: 0px;
    }
    /*body.on-demand-page .friend-card .prezzo {
        position: static;
        margin-top: 15px;
    }*/
    body.on-demand-page .friend-info h2 {
        max-width: 70%;
    }
}


@media (min-width: 1200px) and (max-width:1280px) {
    .categoria-btn {
        /*max-width: 16.0%;*/
        display: inline-block;
        padding: 0px;
    }
}

@media (min-width: 1281px) and (max-width:1440px) {
    .categoria-btn {
        /*max-width: 16.0%;*/
        display: inline-block;
        padding: 0px;
    }
}

@media (min-width: 1441px) and (max-width:1680px) {
    /*.categoria-btn {
        max-width: 20%;
        display: inline-block;
    }
    .carousel-categorie .item {
        display: table;
    }*/
}

.table-plan {
    font-family: "HandelGothicITCW01-Light";
    /*font-size: 25px;*/
    font-size: 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
}

    .table-plan p {
        margin-bottom: 0px;
        line-height: 22px;
    }

        .table-plan p.big {
            /*font-size:30px;*/
            font-size: 25px;
        }

        .table-plan p .small, .table-plan p small {
            font-size: 70%;
        }

    .table-plan > tbody > tr > th {
        vertical-align: middle;
    }

    .table-plan > tbody > tr > td {
        text-align: center;
        vertical-align: middle;
        border: none;
    }

    .table-plan > thead > tr > th {
        text-align: center;
        vertical-align: middle;
    }

        .table-plan > thead > tr > th > h2 {
            /*font-size: 30px;*/
            font-size: 25px;
            color: #fff;
            font-weight: bold;
        }

    .table-plan > tbody > tr > td, .table-plan > tbody > tr > th, .table-plan > tfoot > tr > td, .table-plan > tfoot > tr > th, .table-plan > thead > tr > td, .table-plan > thead > tr > th {
        border: none;
    }

    .table-plan > tbody > tr > td, .table-plan > tbody > tr > th, .table-plan > tfoot > tr > td, .table-plan > tfoot > tr > th, .table-plan > thead > tr > td, .table-plan > thead > tr > th {
        padding: 15px 20px;
    }

    .table-plan .red {
        color: #c83737 !important;
    }

    .table-plan .grey {
        color: #a1a1a1;
        font-weight: 600;
    }

    .table-plan .blue {
        color: #1b779e;
    }

    .table-plan .white {
        color: #fff;
    }

.TitoloLanding {
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 1.1px;
}



@media (min-width: 2000px) {
}

@import url(//db.onlinewebfonts.com/c/cc873b8982bb73bccadbb72c039c0995?family=HandelGothicITCW01-Light);

@font-face {
    font-family: "HandelGothicITCW01-Light";
    src: url("//db.onlinewebfonts.com/t/cc873b8982bb73bccadbb72c039c0995.eot");
    src: url("//db.onlinewebfonts.com/t/cc873b8982bb73bccadbb72c039c0995.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/cc873b8982bb73bccadbb72c039c0995.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/cc873b8982bb73bccadbb72c039c0995.woff") format("woff"), url("//db.onlinewebfonts.com/t/cc873b8982bb73bccadbb72c039c0995.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/cc873b8982bb73bccadbb72c039c0995.svg#HandelGothicITCW01-Light") format("svg");
}

.strikethrough {
    position: relative;
}

    .strikethrough:before {
        position: absolute;
        content: "";
        left: 0;
        top: 40%;
        right: 0;
        border-top: 3px solid;
        border-color: inherit;
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    .strikethrough.blue:before {
        border-color: #c6393a;
    }

    .strikethrough.red:before {
        border-color: #1f789e;
    }

.container-medium {
    width: 1200px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}


#dati-categorie .slidecontainer {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
}

.box-filtri {
    position: sticky;
    top: 60px;
    z-index: 1100;
    background-color: white;
}

.full {
    width: 100%;
}

.text-secondary {
    color: #C83838;
}

.home h1 {
    color: #231F20;
    font-size: 40px;
}

.home h2 {
    color: #231F20;
}

.bg-home {
    background-image: url(/Content/images/home/bg-home.jpg);
    background-size: cover;
    background-position: center;
    height: 1067px;
    padding-top: 50px;
}



    .bg-home h2 {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .bg-home p {
        font-size: 22px;
        color: #231F20;
    }

.home .btn-primary, .home .btn-secondary {
    background-color: #c83838;
    padding: 10px 30px;
    text-align: center;
    font-weight: bold;
    color: #fff !important;
    border: 2px solid #c83838 !important;
    cursor: pointer;
    border-radius: 20px;
    font-size: 16px;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    transition: ease-in-out .3s;
}

.home .btn-secondary {
    background-image: none;
    background-color: #27aae1;
    border: 2px solid #27aae1 !important;
}

.btn-atleta {
    background-color: #DEDEDE; /*#C83838;*/
    float: right;
    margin-right: 20px;
}

.btn-trainer {
    background-color: #DEDEDE; /*#C83838;*/ /*#27aae1;*/
    float: left;
    margin-left: 20px;
}

.btn-atleta, .btn-trainer {
    font-size: 16px;
    width: 244px;
    height: 244px;
    border-radius: 100%;
    color: black; /*white;*/
    text-align: center;
    display: block;
    padding: 50px 10px 0 10px;
    line-height: 20px;
}

    .btn-atleta .iconify, .btn-trainer .iconify {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .btn-atleta:hover, .btn-trainer:hover {
        color: #27aae1; /*white;*/
        text-decoration: none;
    }

    .btn-atleta b, .btn-trainer b {
        font-size: 18px;
    }

.box-home {
    background-size: cover;
    background-position: center;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

    .box-home.alteti01 {
        background-image: url(/Content/images/home/alteti01.jpg);
        height: 550px;
    }

    .box-home.alteti02 {
        background-image: url(/Content/images/home/alteti02.jpg);
        height: 390px;
    }

    .box-home.alteti03 {
        background-image: url(/Content/images/home/alteti03.jpg);
        height: 340px;
    }

    .box-home.alteti04 {
        background-image: url(/Content/images/home/alteti04.jpg);
        height: 600px;
    }

    .box-home.trainer01 {
        background-image: url(/Content/images/home/trainer01.jpg);
        height: 600px;
    }

    .box-home.trainer02 {
        background-image: url(/Content/images/home/trainer02.jpg);
        height: 336px;
    }

    .box-home.trainer03 {
        background-image: url(/Content/images/home/trainer03.jpg);
        height: 393px;
    }

    .box-home.trainer04 {
        background-image: url(/Content/images/home/trainer04.jpg);
        height: 543px;
    }

    .box-home p, .vantaggi-home p {
        font-size: 16px;
        color: #231F20;
        line-height: 22px;
    }

    .box-home.light p, .box-home.light h2 {
        color: white;
    }

.bg-primary {
    background-color: #f2f2f2;
}

.feed-home {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .feed-home .grid {
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fill, minmax(250px,1fr));
        grid-auto-rows: 20px;
    }

    /* Non-grid specific CSS */


    .feed-home .item {
        background-color: #ffffff;
        box-shadow: 1px 0 8px rgba(0, 0, 0, 0.1);
        color: #231F20;
        margin-left: 5px;
        margin-right: 5px;
    }

    .feed-home .photothumb {
        width: 100%;
    }



    .feed-home .title h3 {
        text-transform: uppercase;
        color: #231F20;
        font-size: 18px;
        margin-bottom: 0;
    }



    .feed-home .desc, .feed-home .title, .feed-home .user-feed {
        padding: 0 20px 0px 20px;
    }

    .feed-home .desc {
        padding-top: 10px;
    }

    .feed-home .user-feed {
        padding-top: 10px;
    }

    .feed-home .desc img {
        width: 50%;
        margin: 0 10px 10px 0;
        float: left;
    }

    .feed-home .desc p {
        margin-bottom: 10px;
        color: #231F20;
        font-size: 15px;
        line-height: 18px;
    }

    .feed-home .user-feed h5 {
        margin-bottom: 0;
        margin-top: 0;
    }

.item-training {
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 20px 30px 10px 20px;
    margin-top: 10px;
}

    .item-training img.profile-photo-md {
        height: 90px;
        width: 90px;
        border: 3px solid white;
    }

    .item-training h3 {
        color: #231F20;
        font-size: 18px;
        margin-top: 15px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .item-training p {
        color: #231F20;
        font-size: 16px;
        line-height: 20px;
    }

.prezzo-feed img {
    height: 50px;
    float: right;
}

.prezzo-feed h2 {
    margin-top: 0;
}

.bg-palestre {
    background-image: url(/Content/images/home/bg-palestre.jpg);
    background-size: cover;
    background-position: center;
    height: 1020px;
    padding-top: 50px;
}



    .bg-palestre p {
        font-size: 20px;
        color: #231F20;
        margin-bottom: 20px;
    }

/*CSS NOTIFICHE*/
.notifiche {
    float: right !important;
}

    .notifiche .dropdown-menu {
        padding-left: 5px;
        right: 0 !important;
        left: auto !important;
        border-radius: 15px !important;
        margin-top: -6px !important;
    }

    .notifiche .dropdown-toggle {
        position: relative;
        display: block;
    }

.bell-notifiche {
    font-size: 21px;
    margin-top: 4px;
    color: #27aae1;
}



.notifiche.dropdown-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.40);
}

.notifiche .not-counter {
    position: absolute;
    top: 15px;
    right: 10px;
    background-color: #C83838;
    width: 15px;
    height: 15px;
    text-align: center;
    color: white;
    border-radius: 15px;
    font-size: 10px;
    line-height: 14px;
}

.navbar-toggle {
    float: left !important;
    margin-left: 15px !important;
}

.notifiche-mobile {
    float: right;
    margin: 12px 20px;
}

    .notifiche-mobile li {
        list-style: none;
    }

    .notifiche-mobile .not-counter {
        top: 1px;
        right: -3px;
    }

    .notifiche-mobile .dropdown-menu {
        right: 0;
        left: auto !important;
        width: 270px;
    }

    .notifiche-mobile .dropdown-submenu .dropdown-menu {
        width: 180px;
    }

    .notifiche-mobile .dropdown-menu a {
        padding: 5px 5px;
        line-height: 1.2;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

.menu-notifiche {
    position: absolute;
    right: -13px;
    top: 4px;
    display: none !important;
    z-index: 2;
}

.dropdown-submenu:hover .menu-notifiche {
    display: block !important;
}

.dropdown-submenu .dropdown-menu {
    min-width: 180px;
}

    .dropdown-submenu .dropdown-menu > li > a {
        padding: 3px 12px;
    }

    .dropdown-submenu .dropdown-menu img {
        float: left;
    }

.notifiche-mobile .menu-notifiche {
    display: block !important;
    right: -3px;
}

/*FINE CSS NOTIFICHE*/


/*LISTA UTENTI*/

.count-utenti a {
    color: #231F20;
}

.count-utenti li {
    margin-right: 20px;
}

.count-utenti a b {
    font-size: 15px;
}

.count-utenti .btn-primary {
    color: white;
}

.table-utenti {
    width: 100%;
}

    .table-utenti .btn-secondary {
        background-image: none;
        background-color: #c83838;
        padding: 6px 23px;
        text-align: center;
        font-weight: bold;
        color: #fff !important;
        border: 2px solid #c83838 !important;
        cursor: pointer;
        border-radius: 20px;
        font-size: 12px;
        box-shadow: none;
        border: none;
        text-transform: uppercase;
        transition: ease-in-out .3s;
        min-height: 30px;
    }

.btn-muted {
    background-image: none;
    background-color: transparent;
    padding: 6px 12px;
    text-align: center;
    font-weight: bold;
    color: #6d6e71 !important;
    cursor: pointer;
    border-radius: 20px;
    font-size: 12px;
    box-shadow: none;
    border: 1px solid #939598;
    text-transform: uppercase;
    transition: ease-in-out .3s;
    min-height: 30px;
}

.table-utenti td {
    padding-bottom: 5px;
}

.table-trainer-venduti a {
    color: #6d6e71;
}

.table-trainer-venduti .profile-photo-sm {
    margin-bottom: 5px;
}

.list-unstyled li {
    list-style-image: none !important;
}

.trainer-visti img {
    max-width: 15px;
    margin: -2px 0 0 2px;
}

.trainer-visti p {
    line-height: 18px;
}

.trainer-visti .btn-primary {
    color: white;
}

/*FINE LISTA UTENTI*/
.vantaggi-home p {
    margin-top: 5px;
}

.vantaggi-home .row {
    margin-bottom: 10px;
}

.background-primary {
    background-color: #f8f8f8;
}


/*Modifiche Digiside Homepage*/
/*Generico*/
body.home .text-primary {
    color: #c83838;
}

body.home h2 {
    font-size: 33px;
}

body.home h3 {
    font-size: 30px;
    color: #231f20;
}

body.home h4 {
    font-size: 26px;
}

body.home h5 {
    font-size: 22px;
}

body.home p {
    font-size: 16px;
    color: #231F20;
}

body.home footer p {
    color: #fff;
}

body.home .text-white {
    color: #fff !important;
}

body.home .container-medium, body#lp-palestre-trainer .container-medium {
    padding-right: 15px;
    padding-left: 15px;
}

body.home .btn-primary {
}

    body.home .btn-primary:hover {
        background-color: #922626 !important;
    }

body.home ul.social-icons li a {
    color: #6d6e71 !important;
}

body.home ul.social-icons li {
    border: 1px solid #f1f2f2 !important;
}

.btn-negative {
    background: #fff;
    padding: 7px 25px;
    border: none;
    font-size: 14px;
    border-radius: 4px;
    color: #c83838;
    position: relative;
    font-weight: 600;
    outline: none;
    border-radius: 30px;
    transition: .3s ease-in-out;
    webkit-transition: .3s ease-in-out;
    border: 2px solid #fff;
}

    .btn-negative:hover {
        background: #c83838;
        color: #fff;
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
        border: 2px solid #fff;
    }

.btn.btn-xl {
    font-size: 20px;
    text-transform: uppercase;
    padding: 15px 45px;
    border-radius: 30px;
}

/*Modifiche menu*/
.menu ul.main-menu li.dropdown a {
    font-size: 16px;
}

/*Video*/
.container-video-home {
    overflow: hidden;
    position: relative;
}

.video-home {
    position: relative;
    z-index: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    height: 123%;
    width: 100%;
    vertical-align: middle;
    right: 0px;
    left: 0px;
    display: block;
}

.container-video-home .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.60);
    z-index: 1;
}

.container-video-home .slogan {
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    left: 0px;*/
    text-align: center;
    /* z-index: 2;*/
    padding: 15px;
}

.visible-xl {
    display: none;
}

.container-video-home .slogan .text-white {
    color: #fff;
}

.container-video-home .slogan h1 {
    font-size: 80px;
    font-weight: bold;
}

.container-video-home .slogan p {
    font-size: 25px;
    line-height: 30px;
}

.boule-scroll {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 30px;
    margin: 0 auto;
    border-radius: 100%;
    border: 2px solid #fff;
    text-align: center;
    padding: 7px;
    color: #fff;
    z-index: 3;
    width: 45px;
    height: 45px;
    font-size: 27px;
    cursor: pointer;
}


/*Box servizi*/
/*.carousel-box-servizi .carousel-inner {
    min-height: 445px;
}*/
.carousel-box-servizi .carousel-control {
    background-image: none;
    width: 15px;
}

    .carousel-box-servizi .carousel-control i {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        color: #231f20;
    }

    .carousel-box-servizi .carousel-control.left {
        /*left:-15%;*/
        left: -60px;
    }

    .carousel-box-servizi .carousel-control.right {
        /*right: -15%;*/
        right: -60px;
    }

.carousel-box-servizi .bg-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    padding-top: 105%;
    border-radius: 10px;
    box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 37%);
    margin-bottom: 50px;
}

    .carousel-box-servizi .bg-img.bg-primary {
        background-color: #c83838;
    }

        .carousel-box-servizi .bg-img.bg-primary .text {
            opacity: 1;
            background: none;
        }

        .carousel-box-servizi .bg-img.bg-primary:hover .text {
            opacity: 1;
        }

    .carousel-box-servizi .bg-img .text, .carousel-box-servizi .bg-img .text-hover {
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        bottom: 0px;
        text-align: center;
        border-radius: 10px;
    }

    .carousel-box-servizi .bg-img .text-hover {
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.60);
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }

    .carousel-box-servizi .bg-img:hover .text-hover {
        opacity: 1;
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }

    .carousel-box-servizi .bg-img:hover .text {
        opacity: 0;
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }

    .carousel-box-servizi .bg-img .text {
        opacity: 1;
        background: rgb(230,230,230);
        background: linear-gradient(0deg, rgba(230,230,230,1) 0%, rgba(0,0,0,0.5690651260504201) 0%, rgba(255,255,255,0) 92%);
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }

    .carousel-box-servizi .bg-img h4 {
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .carousel-box-servizi .bg-img p {
        color: #fff;
        font-size: 16px;
    }

    .carousel-box-servizi .bg-img h5 {
        color: #fff;
        line-height: 1.4;
        font-weight: 400;
    }

    .carousel-box-servizi .bg-img .text .text-position {
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        padding: 15px;
        /*padding-bottom: 60px;*/
    }

    .carousel-box-servizi .bg-img .text-hover .text-position {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 15px;
        width: 100%;
    }

.carousel-box-servizi .boule {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: -10%;
    background-color: #fff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    padding: 20px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 2px 5px 0px rgb(0 0 0 / 37%);
}

    .carousel-box-servizi .boule.bg-primary {
        background-color: #c83838;
    }

.carousel-box-servizi .bg-img.bg-primary .btn-primary {
    background-color: #fff;
    color: #c83838 !important;
}

.carousel-box-servizi .carousel-indicators {
    bottom: -35px;
}

    .carousel-box-servizi .carousel-indicators .active {
        background-color: #c83838;
        border: 1px solid #c83838;
        margin: 3px;
    }

    .carousel-box-servizi .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin: 0px;
        background-color: #c8c8c8;
        border: 1px solid #c8c8c8;
        margin: 3px;
    }


/*Sezione reviews*/
.carousel-video-home .carousel-control {
    background-image: none;
    width: 15px;
}

    .carousel-video-home .carousel-control.left {
        /* left: -15%; */
        left: -60px;
    }

    .carousel-video-home .carousel-control.right {
        /* left: -15%; */
        right: -60px;
    }

    .carousel-video-home .carousel-control i {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        color: #231f20;
    }

.carousel-video-home .carousel-indicators {
    bottom: -15%;
}

    .carousel-video-home .carousel-indicators .active {
        background-color: #c83838;
        border: 1px solid #c83838;
        margin: 3px;
    }

    .carousel-video-home .carousel-indicators li {
        width: 12px;
        height: 12px;
        margin: 0px;
        background-color: #c8c8c8;
        border: 1px solid #c8c8c8;
        margin: 3px;
    }

.carousel-video-home .embed-responsive-16by9 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*Lista vantaggi*/

.lista-vantaggi2 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 50px;
}

    .lista-vantaggi li, .lista-vantaggi2 li {
        vertical-align: top;
        padding-right: 30px;
        padding-left: 30px;
    }

        .lista-vantaggi li:first-child .boule {
            --animate-duration: 800ms;
            --animate-delay: 0.5s;
        }

        .lista-vantaggi li:nth-child(2) .boule {
            --animate-duration: 1000ms;
            --animate-delay: 1s;
        }

        .lista-vantaggi li:nth-child(3) .boule {
            --animate-duration: 1200ms;
            --animate-delay: 1.5s;
        }

        .lista-vantaggi li:nth-child(4) .boule {
            --animate-duration: 1400ms;
            --animate-delay: 5s;
        }

    .lista-vantaggi .boule, .lista-vantaggi2 .boule {
        border-radius: 100%;
        border: 2px solid #fff;
        padding: 15%;
        text-align: center;
        width: 315px;
        height: 315px;
        position: relative;
    }

    .lista-vantaggi2 .boule {
        width: 350px;
        height: 350px;
        padding: 15% 0;
        display: inline-block;
    }

    .lista-vantaggi2 img {
        margin-top: 20px;
        max-width: 86px;
    }

.lista-vantaggi .boule-down {
    padding-top: 70px;
}

.lista-vantaggi .boule img {
    max-width: 60px;
}

.lista-vantaggi .boule h3 {
    color: #fff;
    font-size: 80px;
    margin-top: 10px;
}

.lista-vantaggi2 .boule h3 {
    color: #fff;
    font-size: 25px;
    margin-top: 10px;
}

.lista-vantaggi2 .boule:hover {
    text-decoration: none !important;
}

.lista-vantaggi .boule p, .lista-vantaggi2 .boule p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 1.3;
}

.lista-vantaggi2 .numb, .lista-vantaggi2 .numb-dowm {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.lista-vantaggi2 .numb {
    top: -60px;
}

.lista-vantaggi2 .numb-dowm {
    bottom: -40px;
}

.boule.dots-down:after {
    content: '';
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    right: -20%;
    background-image: url(/Content/images/home/icons/dots-down-w.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 56px;
    height: 56px;
}

.boule.dots-up:after {
    content: '';
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: -20%;
    background-image: url(/Content/images/home/icons/dots-down-w.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 56px;
    height: 56px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.boule .text {
    opacity: 1;
    transition: .3s ease-in-out;
    webkit-transition: .3s ease-in-out;
}

.boule:hover .text {
    opacity: 0;
    transition: .3s ease-in-out;
    webkit-transition: .3s ease-in-out;
}

.lista-vantaggi2 .boule:hover .text {
    opacity: 1;
    transition: none;
    webkit-transition: none;
}

.boule:hover .text-hover {
    opacity: 1;
    transition: .3s ease-in-out;
    webkit-transition: .3s ease-in-out;
    z-index: 1;
}

.boule .text-hover {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 15%;
    opacity: 0;
    transition: .3s ease-in-out;
    webkit-transition: .3s ease-in-out;
    background-color: rgb(0 0 0 / 14%);
    border-radius: 100%;
    z-index: 0;
}

    .boule .text-hover img {
        margin-bottom: 20px;
    }

.pulsante-home {
    margin-top: 70px;
}


/*Listino prezzi*/
.lista-prezzi {
    margin: 0;
    /*display: table;*/
    display: flex;
    width: 100%;
    table-layout: fixed;
    padding-right: 5%;
    padding-left: 5%;
}

    .lista-prezzi > li {
        display: table-cell;
        width: 100%;
        float: none;
        text-align: center;
        padding-right: 20px;
        padding-left: 20px;
    }

    .lista-prezzi .card {
        padding: 30px;
        padding-top: 60px;
        border-radius: 15px;
        text-align: left;
        position: relative;
        height: 100%;
    }

        .lista-prezzi .card .card-title {
            margin-top: 0px;
            line-height: 1.2;
        }

            .lista-prezzi .card .card-title .big {
                font-size: 35px;
            }

        .lista-prezzi .card p {
            margin-bottom: 0px;
        }

        .lista-prezzi .card .lista-check {
            list-style-image: none;
            list-style-type: none;
            color: #231f20;
            padding-left: 40px;
            padding-top: 20px;
            padding-bottom: 80px;
        }

            .lista-prezzi .card .lista-check li {
                padding-top: 5px;
                padding-bottom: 5px;
                position: relative;
            }

                .lista-prezzi .card .lista-check li:before {
                    content: '';
                    background-image: url(/Content/images/home/icons/check-primary.png);
                    background-size: cover;
                    background-position: center center;
                    background-repeat: no-repeat;
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    left: -30px;
                    display: block;
                    top: 12px;
                    /*margin: 0 auto;
            top: 50%;
            transform: translateY(-50%);*/
                }

            .lista-prezzi .card .lista-check p {
                font-size: 18px;
            }
        /*.lista-prezzi .card .btn-xl {
        width: 100%;
        border-radius: 10px;
    }*/
        .lista-prezzi .card .btn-xl {
            border-radius: 10px;
            position: absolute;
            right: 25px;
            left: 25px;
            bottom: 25px;
        }

        .lista-prezzi .card .free-icon {
            position: absolute;
            right: 15px;
            top: 15px;
            max-width: 100px;
        }

/*Collapse FAQ*/
.lista-faq li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.lista-faq .btn {
    width: 100%;
    padding: 15px;
    text-align: left;
    border-radius: 10px;
    font-size: 18px;
    /*text-transform: uppercase;*/
    background-color: #fff;
    color: #231f20;
    transition: .3s ease-in-out;
    webkit-transition: .3s ease-in-out;
    box-shadow: none;
    white-space: unset;
}

    .lista-faq .btn i {
        margin-right: 5px;
        font-size: 8px;
        position: static;
        top: 50%;
        transform: translateY(-50%);
    }

    .lista-faq .btn:hover, .lista-faq .btn:active, .lista-faq .btn:focus, .lista-faq .btn:visited, .lista-faq .btn.active {
        background-color: #c83838 !important;
        color: #fff !important;
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }

.sezione-faq .nav-tabs > li {
    float: none;
    display: inline-block;
}

    .sezione-faq .nav-tabs > li > a {
        font-size: 16px;
        color: #333;
    }

    .sezione-faq .nav-tabs > li.active > a, .sezione-faq .nav-tabs > li.active > a:focus, .sezione-faq .nav-tabs > li.active > a:hover {
        color: #555;
        cursor: default;
        background-color: transparent;
        border: none;
        border-bottom: 2px solid #c83838;
        border-bottom-color: #c83838;
        font-weight: bold;
        /* font-size: 16px; */
    }
/*.lista-faq .btn.collapsed {
        color: #231f20;
    }
    .lista-faq .btn.collapsed {
        background-color: #fff;
        color: #231f20;
        transition: .3s ease-in-out;
        webkit-transition: .3s ease-in-out;
    }*/
.container-tab-faq .multi-collapse, .lista-faq .multi-collapse {
    padding: 15px;
}

    .container-tab-faq .multi-collapse p, .lista-faq .multi-collapse p {
        font-size: 18px !important;
    }

/*.lista-faq .multi-collapse{
        opacity:0;
    }
  .lista-faq .collapse.in {
    opacity: 1;
}*/

.lista-faq .panel-heading {
    padding: 0px 15px;
}

/*Fine Modifiche Digiside Homepage*/



/*Modifiche Digiside LP Palestre/Trainer*/
#lp-palestre-trainer .container-testo {
    padding-top: 50px;
    padding-bottom: 50px;
}

#lp-palestre-trainer h1, #lp-palestre-trainer h2, .news-lp h1, .news-lp h2 {
    color: #231f20;
    font-size: 40px;
}

#lp-palestre-trainer p {
    font-size: 16px;
    color: #231F20;
    line-height: 1.5;
}

#lp-palestre-trainer .text-white {
    color: #fff;
}

#lp-palestre-trainer a {
    font-size: 16px;
    /*color: #231F20;*/
}

#lp-palestre-trainer h3 {
    font-size: 20px;
    color: #231F20;
    font-weight: 600;
}

#lp-palestre-trainer .text-primary {
    color: #27aae1;
}

#lp-palestre-trainer .link-primary {
    color: #27aae1;
    font-weight: 700;
}

#lp-palestre-trainer .link-secondary {
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    color: #C83838;
}

    #lp-palestre-trainer .link-secondary:hover {
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
        color: #27aae1;
    }

#lp-palestre-trainer .navbar-fixed-top > .container {
    padding: 0px;
    max-width: 1170px;
}

#lp-palestre-trainer .navbar-fixed-top .navbar-brand {
    height: 100%;
    padding: 5px 0px;
}

@media (max-width: 767px) {
    #lp-palestre-trainer .navbar-fixed-top .navbar-brand {
        padding-top: 2px !important;
    }
}

#lp-palestre-trainer .navbar-fixed-top .navbar-brand > img {
    max-width: 175px;
}

#lp-palestre-trainer .navbar-fixed-top .nav > li > a {
    position: relative;
    display: block;
    /* padding: 24px 13px;*/
}

#lp-palestre-trainer .lista-social li {
    padding-left: 7px;
    padding-right: 7px;
}

#lp-palestre-trainer .lista-social a {
    color: #5c5c5c;
    font-size: 17px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

    #lp-palestre-trainer .lista-social a:hover {
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
        color: #C83838;
    }

#lp-palestre-trainer .navbar-fixed-top .nome-trainer h2 {
    font-size: 30px;
}

#lp-palestre-trainer .lista-contatti li {
    padding-right: 10px;
    padding-left: 10px;
}

#lp-palestre-trainer .richiesta-informazioni .form-group {
    width: 100%;
}

#lp-palestre-trainer .richiesta-informazioni .form-control {
    border-color: #dadada;
    height: auto;
    min-height: 50px;
    padding: 15px 12px;
    color: #231f20;
    font-size: 15px;
}

#lp-palestre-trainer .richiesta-informazioni .col-lg-3, #lp-palestre-trainer .richiesta-informazioni .col-lg-12 {
    padding: 5px;
}

#lp-palestre-trainer .richiesta-informazioni label {
    font-size: 16px;
    color: #231F20;
}

#lp-palestre-trainer .btn-primary, #lp-palestre-trainer .btn-primary.active {
    background-color: #c83838;
    /* padding: 15px 20px;*/
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    /*border-radius: 10px;*/
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    width: auto !important;
    height: auto !important;
    /* margin: 3px;*/
    border: 0;
}

    #lp-palestre-trainer .btn-primary:hover, #lp-palestre-trainer .btn-primary:active, #lp-palestre-trainer .btn-primary:focus {
        background-color: #922626;
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }

#lp-palestre-trainer footer {
    /* background-color: #231f20;*/
    /*padding:10px;*/
}



.nomargin {
    margin: 0px;
}

.nopadding {
    padding: 0px !important;
}

.navbar-fixed-top .nome-trainer {
    height: 100%;
}


.table-borderless > thead > tr > th, .table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th {
    border-bottom: 0px;
    border-top: 0px;
}

.tabella-orari {
    font-size: 16px;
    color: #231f20;
    margin-bottom: 0px;
}

    .tabella-orari th {
        text-align: right;
        width: 46%;
        padding: 1px 10px !important;
    }

    .tabella-orari td {
        text-align: left;
        width: 54%;
        padding: 1px 10px !important;
    }

.sezione-video-training .nav-tabs {
    border-bottom: 0px;
    position: relative;
}

    .sezione-video-training .nav-tabs:after {
        content: '';
        position: absolute;
        background-color: rgb(51 51 51 / 22%);
        width: 50%;
        margin: 0 auto;
        bottom: -1px;
        right: 0px;
        left: 0px;
        height: 1px;
    }

    .sezione-video-training .nav-tabs > li {
        float: none;
        display: inline-block;
    }

        .sezione-video-training .nav-tabs > li.active > a, .sezione-video-training .nav-tabs > li.active > a:focus, .sezione-video-training .nav-tabs > li.active > a:hover {
            color: #c83838 !important;
            cursor: default;
            background-color: transparent;
            border: none;
            border-bottom: 2px solid #c83838;
            border-bottom-color: #c83838;
            font-weight: bold;
            /* font-size: 16px; */
        }

        .sezione-video-training .nav-tabs > li > a {
            font-size: 16px;
            color: #231f20;
            text-transform: uppercase;
        }

.sezione-video-training .mask {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgb(0 0 0 / 22%);
    display: table;
    width: 100%;
    height: 100%;
}

    .sezione-video-training .mask .text {
        text-align: left;
        display: table-cell;
        vertical-align: bottom;
        padding: 20px 30px;
    }

        .sezione-video-training .mask .text h4 {
            margin-bottom: 5px;
        }

        .sezione-video-training .mask .text p {
            font-size: 18px;
            margin-bottom: 0px;
        }

    .sezione-video-training .mask .etichetta {
        background-color: #c83838;
        float: right;
        text-align: center;
        border-radius: 10px;
        /*padding: 10px;*/
        position: absolute;
        right: 20px;
        top: 20px;
        padding: 0px 10px;
    }

        .sezione-video-training .mask .etichetta img {
            max-width: 20px;
            margin-right: 3px;
            margin-top: -5px;
        }

        .sezione-video-training .mask .etichetta p, .sezione-video-training .mask .etichetta ul {
            margin-bottom: 0px;
        }

            .sezione-video-training .mask .etichetta ul li {
                padding: 15px;
                position: relative;
            }

                .sezione-video-training .mask .etichetta ul li:first-child:after {
                    content: '';
                    width: 1px;
                    height: 65%;
                    right: 0px;
                    bottom: 0px;
                    margin: 0px;
                    background-color: rgb(255 255 255 / 31%);
                    position: absolute;
                    vertical-align: middle;
                    display: block;
                    top: 50%;
                    transform: translateY(-50%);
                }

.carousel-trainer {
    padding-right: 185px;
    padding-left: 185px;
}

    .carousel-trainer .carousel-inner .item {
        padding: 10px;
    }

    .carousel-trainer .card, .carousel-news .card {
        background-color: #f8f8f8;
        box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 9%);
        /*display: table;*/
        display: table;
        width: 100%;
        border-radius: 10px;
        padding: 30px;
        vertical-align: middle;
        display: flex;
        align-items: center;
    }

    .carousel-trainer .carousel-item {
        padding: 15px;
    }

    .carousel-trainer .card .card-img, .carousel-news .card .card-img {
        display: table-cell;
        padding: 0px;
        width: 25%;
        float: left;
        padding-right: 40px;
    }

    .carousel-trainer .card .card-body, .carousel-news .card .card-body {
        display: table-cell;
        padding: 0px;
        width: 75%;
        float: left;
        text-align: left;
    }

        #lp-palestre-trainer .carousel-trainer .card .card-body h3, .carousel-news .card .card-body h3 {
            font-size: 25px;
            font-weight: 400;
        }

    .carousel-trainer .boule-img-trainer, .carousel-news .boule-img-trainer {
        margin-top: 0px;
        display: inline-block;
        vertical-align: middle;
        float: left;
        width: 100%;
        padding-top: 100%;
        height: auto;
    }

    .carousel-trainer .card .card-body .lista-recapiti li {
        padding-left: 7px;
        padding-right: 7px;
    }

    .carousel-trainer .carousel-control {
        background-image: none;
    }

        .carousel-trainer .carousel-control i {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            color: #231f20;
        }

    .carousel-trainer .carousel-indicators {
        position: static;
        bottom: 10px;
        left: 0px;
        right: 0px;
        margin: 0 auto;
        z-index: 15;
        width: 100%;
        padding-left: 0;
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
        list-style: none;
        margin-top: 15px;
    }

        .carousel-trainer .carousel-indicators li {
            width: 12px;
            height: 12px;
            margin: 0px;
            background-color: #c8c8c8;
            border: 1px solid #c8c8c8;
            margin: 3px;
        }

        .carousel-trainer .carousel-indicators .active {
            background-color: #c83838;
            border: 1px solid #c83838;
            margin: 3px;
        }

.boule-img-trainer {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 235px;
    height: 235px;
    /*border-radius: 100%;*/
    display: block;
    margin: 0 auto;
    margin-top: 15px;
    border: 1px solid;
}

.link-default {
    color: #231F20;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

    .link-default:hover {
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
    }

.carousel-trainer.recensioni .card {
    background-color: #fff;
}

    .carousel-trainer.recensioni .card .card-body .recensione {
        padding: 10px 0px;
    }

    .carousel-trainer.recensioni .card p {
        margin-bottom: 0px;
    }

.card .card-body .recensione {
    border-bottom: 1px solid #e4e4e4;
}

    .card .card-body .recensione:last-child {
        border: 0px;
    }

.lista-gallery {
    width: 100%;
    display: table;
    margin: 0 auto;
}

    .lista-gallery li {
        width: 33.3%;
        -webkit-transition: ease-in-out .3s;
        -o-transition: ease-in-out .3s;
        transition: ease-in-out .3s;
        vertical-align: middle;
        float: left;
        padding: 5px;
    }

    .lista-gallery .box-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        padding-top: 75%;
        position: relative;
    }

        .lista-gallery .box-img .mask {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            background-color: rgb(0 0 0 / 35%);
            z-index: 1;
            text-align: center;
            opacity: 0;
            -webkit-transition: ease-in-out .3s;
            -o-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
        }

        .lista-gallery .box-img:hover .mask {
            -webkit-transition: ease-in-out .3s;
            -o-transition: ease-in-out .3s;
            transition: ease-in-out .3s;
            opacity: 1;
        }

        .lista-gallery .box-img.video {
            padding-top: 0px;
            position: relative;
        }

            .lista-gallery .box-img.video .mask {
                opacity: 1;
            }

        .lista-gallery .box-img .mask .btn-zoom, .btn-zoom {
            vertical-align: middle;
            max-width: 50px;
            margin: 0px auto;
            margin-top: 30%;
        }

        .lista-gallery .box-img.video .mask .btn-play {
            /*display: table-cell;*/
            vertical-align: middle;
            max-width: 75px;
            /*display: block;*/
            /*display: table-cell;
                vertical-align: middle;
                text-align: center;*/
            margin: 0px auto;
            /*top: 50%;
                transform: translateY(-50%);*/
            margin-top: 30%;
        }

        .lista-gallery .box-img.video .embed-responsive {
            padding-bottom: 75%;
        }

            .lista-gallery .box-img.video .embed-responsive video {
                position: absolute;
                z-index: 0;
                top: 0;
                bottom: 0;
                overflow: hidden;
                height: 105%;
                width: 141%;
                vertical-align: middle;
                right: -50%;
                left: -50%;
                margin: 0 auto;
                display: block;
                float: none;
            }

.lista-palestre li {
    padding: 5px 10px;
}

    .lista-palestre li img {
        max-height: 113px;
        max-width: 200px;
    }

/*Fine Modifiche Digiside LP Palestre/Trainer*/


/*MEDIA*/


@media (min-width: 767px) {
    .hiddenDekstopVendita {
        display: none !important;
    }

    .hiddenDekstop {
        display: none !important;
    }
}

@media (max-width: 767px) {

    .container-medium {
        width: 100%;
    }

    .btn-atleta, .btn-trainer {
        font-size: 14px;
        width: 165px;
        height: 165px;
        padding: 40px 10px 0 10px;
        line-height: 18px;
        margin-left: 0;
        margin-right: 0;
    }

        .btn-atleta b, .btn-trainer b {
            font-size: 16px;
        }

        .btn-atleta .iconify, .btn-trainer .iconify {
            margin-top: 10px;
            margin-bottom: 0;
            clear: both;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

    /*.btn-atleta, .btn-trainer {
        margin-left:auto;
        margin-right:auto;
        margin-bottom:19px;
        float:none;
        }*/
    .bg-home {
        height: auto;
        padding-bottom: 50px;
        padding-top: 20px;
    }

    .box-home.alteti03 {
        height: 380px;
    }

    .box-home.alteti04 {
        height: 366px;
    }

    .box-home.trainer01 {
        background-image: url(/Content/images/home/trainer01.jpg);
        height: 467px;
    }

    .home .btn-primary, .home .btn-secondary {
        margin-top: 10px;
    }

    .home h1 {
        font-size: 30px;
    }

    .home h2 {
        font-size: 25px;
    }

    .item-training {
        border-radius: 10px;
        padding: 10px 20px 10px 20px;
    }

        .item-training p {
            font-size: 14px;
            line-height: 18px;
        }

    .bg-palestre {
        height: 915px;
        padding-top: 15px;
    }
}

/*MEDIA CONTAINER*/
@media (max-width: 399px) {
    .bg-home {
        height: auto;
        padding-bottom: 140px;
        padding-top: 55px;
    }

    .btn-atleta, .btn-trainer {
        width: 145px;
        height: 145px;
    }

        .btn-atleta .iconify, .btn-trainer .iconify {
            display: none;
        }

    body#lp-palestre-trainer .container {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container-medium, body.home .container-medium, body#lp-palestre-trainer .container-medium {
        width: 736px;
    }

    body#lp-palestre-trainer .container {
        width: 736px;
        max-width: 736px;
    }

    .spazio46 {
        clear: both;
        height: 46px;
    }
}

@media (min-width: 992px) {
    .container, .container-medium, body.home .container-medium, body#lp-palestre-trainer .container-medium {
        width: 970px;
    }

    body#lp-palestre-trainer .container {
        width: 970px;
        max-width: 970px;
    }

    .spazio46 {
        clear: both;
        height: 46px;
    }
}

@media (min-width: 1200px) {
    .container, .container-medium, body.home .container-medium, body#lp-palestre-trainer .container-medium {
        width: 1170px;
    }

    body#lp-palestre-trainer .container {
        width: 1170px;
        max-width: 1170px;
    }
}

@media (min-width: 1500px) {
    .container-medium {
        width: 1494px;
    }

    body.home .container-medium {
        width: 1479px;
    }

    /*.trainer-home, .servizi-home {
                width: 1480px !important;
            }*/

    body#lp-palestre-trainer .container-medium {
        width: 1450px;
    }

    body#lp-palestre-trainer .container {
        width: 1175px;
        max-width: 1175px;
    }

    .lista-vantaggi .boule {
        width: 305px;
        height: 305px;
    }
}


@media (min-width: 768px) {
    .modal-dialog {
        margin: 90px auto;
    }
}
/*/MEDIA CONTAINER*/

/*MEDIA DIGISIDE*/
@media (max-width: 399px) {
    /*Modifiche Digiside Homepage*/
    .menu .navbar-brand {
        padding: 10px !important;
        float: left;
        width: auto;
        position: absolute;
        right: 0px;
        left: 0px;
        margin: 0px 65px;
        text-align: center;
    }

        .menu .navbar-brand img {
            float: none;
            margin: 0 auto;
            display: block;
        }

    body.home h2 {
        font-size: 30px;
    }

    body.home h3 {
        font-size: 24px;
    }

    body.home ul.social-icons {
        margin-top: 0px !important;
        margin-bottom: 0px;
        text-align: left !important;
    }

    .footer-wrapper {
        padding: 0px 15px;
    }

    .btn.btn-xl {
        font-size: 13px;
        padding: 11px 10px;
    }

    .lista-vantaggi2 {
        margin-top: 0px;
    }

        .lista-vantaggi2 .carousel-inner {
            height: 360px;
        }

        .lista-vantaggi2 .boule {
            padding: 8% 0;
            width: 270px;
            height: 270px;
        }

        .lista-vantaggi2 img {
            margin-top: 5px;
            max-height: 70px;
        }

        .lista-vantaggi2 .numb {
            top: -48px;
        }

        .lista-vantaggi2 .numb-dowm {
            bottom: -33px;
        }

        .lista-vantaggi2 .boule p {
            font-size: 14px;
            line-height: 1.2;
        }

        .lista-vantaggi2 .carousel-control {
            background-image: none !important;
        }

        .lista-vantaggi2 .boule {
            margin-top: 45px;
        }

    .pulsante-home {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .container-video-home {
        height: auto !important;
        min-height: auto !important;
    }
    /*.container-video-home {
        height: 325px !important;
    }*/
    /*.video-home {
        height: 120%;
        width: 215%;
    }*/
    .video-home {
        /*height: 108%;
        width: 165%;
        object-fit:fill;*/
        /* Video full */
        min-width: 100%;
        min-height: 100%;
        /* Video ratio */
        /*width: auto;*/
        width: 600px;
        height: auto;
        /* Video centrato */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .container-video-home .slogan .btn-xl {
        margin-top: -5px;
    }

    .container-video-home .slogan h1 {
        font-size: 21px;
    }

    .container-video-home .slogan p {
        font-size: 15px;
        margin-top: 0;
        line-height: 19px;
    }

    .boule-scroll {
        bottom: 15px;
        padding: 6px;
        width: 40px;
        height: 40px;
    }
    /*.carousel-box-servizi .carousel-inner {
        min-height: 445px;
    }*/
    .carousel-box-servizi .bg-img {
        padding-top: 115%;
    }

        .carousel-box-servizi .bg-img .text .text-position {
            padding: 15px 15px 60px 15px;
        }

            .carousel-box-servizi .bg-img .text .text-position h4 {
                font-size: 22px;
            }

            .carousel-box-servizi .bg-img .text .text-position h5 {
                font-size: 18px;
            }

    .carousel-box-servizi .carousel-control, .carousel-video-home .carousel-control {
        width: 55px;
        opacity: 1;
    }

        .carousel-box-servizi .carousel-control.left, .carousel-video-home .carousel-control.left, .carousel-trainer .carousel-control.left {
            left: -15px;
        }

        .carousel-box-servizi .carousel-control.right, .carousel-video-home .carousel-control.right, .carousel-trainer .carousel-control.right {
            right: -15px;
        }
        /*.carousel-box-servizi .carousel-control i {
            color: #c83838;
        }*/
        .carousel-box-servizi .carousel-control i, .carousel-video-home .carousel-control i {
            color: #fff;
        }

    .boule.dots-down:after, .boule.dots-up:after {
        display: none;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
        margin-top: 0px !important;
    }

    .boule .text-hover {
        padding: 10%;
    }

    .lista-vantaggi li {
        padding: 15px;
    }

    .lista-vantaggi .boule {
        width: 200px;
        height: 200px;
    }

        .lista-vantaggi .boule img {
            margin-top: -10px;
            max-width: 42px;
        }

        .lista-vantaggi .boule h3 {
            font-size: 45px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .lista-vantaggi .boule p {
            font-size: 16px;
        }

    .lista-vantaggi .boule-down {
        padding-top: 15px;
    }

    .lista-prezzi {
        display: block;
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            display: block;
            padding-right: 0px;
            padding-left: 0px;
        }

        .lista-prezzi .card {
            padding: 25px;
            padding-top: 30px;
            margin-bottom: 15px;
        }

            .lista-prezzi .card .card-title .big {
                font-size: 26px;
            }

            .lista-prezzi .card .lista-check p {
                font-size: 17px;
            }

            .lista-prezzi .card .lista-check {
                padding-top: 0px;
                padding-bottom: 40px;
                padding-left: 30px;
            }

            .lista-prezzi .card .btn-xl {
                position: static;
                width: 100%;
            }

            .lista-prezzi .card .free-icon {
                max-width: 55px;
            }

    .lista-faq .btn {
        padding: 15px;
        font-size: 14px;
    }

    .carousel-video-home .carousel-indicators {
        bottom: -30%;
    }

    .container-video-home .slogan {
        top: 45%;
    }
    /*.carousel-box-servizi .carousel-indicators {
        bottom: 0px;
    }*/
    .carousel-video-home .carousel-control /*, .carousel-box-servizi .carousel-control*/ {
        width: 90px;
    }
    /*Fine Modifiche Digiside Homepage*/
    #lp-palestre-trainer h1, #lp-palestre-trainer h2, .news-lp h1, .news-lp h2 {
        font-size: 30px;
    }

    #lp-palestre-trainer .navbar-fixed-top > .container {
        padding: 0px 15px;
    }

    #lp-palestre-trainer .container-testo {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    #lp-palestre-trainer .navbar-fixed-top .nome-trainer h2 {
        font-size: 18px;
        margin-top: 15px;
    }

    .sezione-video-training .mask .etichetta ul li {
        padding: 5px;
    }

    .sezione-video-training .mask .etichetta p {
        font-size: 13px !important;
    }

    .sezione-video-training .mask .etichetta {
        right: 10px;
        top: 10px;
        padding: 0px 5px;
    }

    .sezione-video-training .mask .text {
        padding: 15px 15px;
    }

    .sezione-video-training .nav-tabs > li > a {
        padding: 10px 0px;
        font-size: 13px !important;
        text-transform: none;
    }

    .sezione-video-training .nav-tabs:after {
        width: 95%;
    }

    #lp-palestre-trainer .sezione-video-training h4 {
        font-size: 15px;
    }

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

        .carousel-trainer .card {
            display: table;
        }

            .carousel-trainer .card .card-img {
                width: 100%;
                float: none;
                padding: 0px;
                display: block;
            }

        .carousel-trainer .boule-img-trainer {
            margin-top: 0px;
            display: inline-block;
            vertical-align: middle;
            float: none;
            width: 195px;
            height: 195px;
            padding: 0px;
        }

        .carousel-trainer .card .card-body {
            width: 100%;
        }

    .lista-palestre li {
        display: block;
    }

    .lista-gallery li {
        width: 100%;
    }
}

@media (min-width: 400px) and (max-width: 639px) {
    /*Modifiche Digiside Homepage*/
    .menu .navbar-brand {
        padding: 10px !important;
        float: left;
        width: auto;
        position: absolute;
        right: 0px;
        left: 0px;
        margin: 0px 65px;
        text-align: center;
    }

        .menu .navbar-brand img {
            float: none;
            margin: 0 auto;
            display: block;
        }

    .carousel-box-servizi .carousel-indicators {
        bottom: -50px;
    }

    body.home h2 {
        font-size: 30px;
    }

    body.home h3 {
        font-size: 24px;
    }

    body.home ul.social-icons {
        margin-top: 0px !important;
        margin-bottom: 0px;
        text-align: left !important;
    }

    .footer-wrapper {
        padding: 0px 15px;
    }

    .btn.btn-xl {
        font-size: 15px;
        padding: 11px 30px;
    }

    /*.container-video-home {
        height: 380px !important;
    }*/

    .video-home {
        /*height: 110%;
        width: 180%;*/
        /* Video full */
        min-width: 100%;
        min-height: 100%;
        /* Video ratio */
        /*width: auto;*/
        width: 700px;
        height: auto;
        /* Video centrato */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .container-video-home .slogan .btn-xl {
        margin-top: -5px;
    }

    .container-video-home .slogan h1 {
        font-size: 27px;
    }

    .container-video-home .slogan p {
        font-size: 15px;
        margin-top: 0;
        line-height: 19px;
    }

    .container-video-home .slogan {
        top: 45%;
    }
    /*.carousel-box-servizi .carousel-inner {
        min-height: 390px;
    }*/
    .carousel-box-servizi .bg-img {
        padding-top: 90%;
    }

        .carousel-box-servizi .bg-img .text .text-position {
            padding: 15px 45px 60px 45px;
        }

    .carousel-box-servizi .carousel-control, .carousel-video-home .carousel-control {
        width: 55px;
        opacity: 1;
    }

        .carousel-box-servizi .carousel-control.left, .carousel-video-home .carousel-control.left, .carousel-trainer .carousel-control.left {
            left: -15px;
        }

        .carousel-box-servizi .carousel-control.right, .carousel-video-home .carousel-control.right, .carousel-trainer .carousel-control.right {
            right: -15px;
        }
        /*.carousel-box-servizi .carousel-control i {
            color: #c83838;
        }*/
        .carousel-box-servizi .carousel-control i, .carousel-video-home .carousel-control i {
            color: #fff;
        }

    .boule.dots-down:after, .boule.dots-up:after {
        display: none;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
        margin-top: 0px !important;
    }

    .boule .text-hover {
        padding: 10%;
    }

    .lista-vantaggi li {
        padding: 15px;
    }

    .lista-vantaggi .boule {
        width: 230px;
        height: 230px;
    }

        .lista-vantaggi .boule img {
            margin-top: -10px;
        }

        .lista-vantaggi .boule h3 {
            font-size: 55px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .lista-vantaggi .boule p {
            font-size: 16px;
        }

    .lista-vantaggi .boule-down {
        padding-top: 15px;
    }

    .lista-vantaggi2 {
        margin-top: 0px;
    }

        .lista-vantaggi2 .carousel-inner {
            height: 360px;
        }

        .lista-vantaggi2 .boule {
            padding: 8% 0;
            width: 270px;
            height: 270px;
        }

        .lista-vantaggi2 img {
            margin-top: 5px;
            max-height: 70px;
        }

        .lista-vantaggi2 .numb {
            top: -48px;
        }

        .lista-vantaggi2 .numb-dowm {
            bottom: -33px;
        }

        .lista-vantaggi2 .boule p {
            font-size: 14px;
            line-height: 1.2;
        }

        .lista-vantaggi2 .carousel-control {
            background-image: none !important;
        }

        .lista-vantaggi2 .boule {
            margin-top: 45px;
        }

    .pulsante-home {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .container-video-home {
        height: auto !important;
        min-height: auto !important;
    }

    .lista-prezzi {
        display: block;
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            display: block;
        }

        .lista-prezzi .card {
            padding-top: 30px;
            margin-bottom: 15px;
        }

            .lista-prezzi .card .lista-check {
                padding-top: 0px;
                padding-bottom: 40px;
            }

            .lista-prezzi .card .btn-xl {
                position: static;
                width: 100%;
            }

            .lista-prezzi .card .free-icon {
                max-width: 110px;
            }
    /*.carousel-video-home .carousel-indicators {
        bottom: -25%;
    }*/
    .carousel-video-home .carousel-indicators {
        bottom: -25%;
    }

    .carousel-box-servizi .bg-img {
        margin-bottom: 60px;
    }

    .carousel-video-home .carousel-control, .carousel-box-servizi .carousel-control {
        width: 100px;
    }
    /*Fine Modifiche Digiside Homepage*/
    #lp-palestre-trainer h1, #lp-palestre-trainer h2, .news-lp h1, .news-lp h2 {
        font-size: 32px;
    }

    #lp-palestre-trainer .navbar-fixed-top > .container {
        padding: 0px 15px;
    }

    #lp-palestre-trainer .container-testo {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    #lp-palestre-trainer .navbar-fixed-top .nome-trainer h2 {
        font-size: 20px;
        margin-top: 15px;
    }

    .sezione-video-training .mask .etichetta ul li {
        padding: 10px;
    }

    .sezione-video-training .mask .etichetta p {
        font-size: 13px !important;
    }

    .sezione-video-training .mask .etichetta {
        right: 10px;
        top: 10px;
    }

    .sezione-video-training .nav-tabs > li > a {
        padding: 10px 0px;
        font-size: 14px !important;
    }

    .sezione-video-training .nav-tabs:after {
        width: 95%;
    }

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

        .carousel-trainer .card {
            display: table;
        }

            .carousel-trainer .card .card-img {
                width: 100%;
                float: none;
                padding: 0px;
                display: block;
            }

        .carousel-trainer .boule-img-trainer {
            margin-top: 0px;
            display: inline-block;
            vertical-align: middle;
            float: none;
            width: 195px;
            height: 195px;
            padding: 0px;
        }

        .carousel-trainer .card .card-body {
            width: 100%;
        }

    .lista-palestre li {
        display: block;
    }

    .lista-gallery li {
        width: 100%;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    /*Modifiche Digiside Homepage*/
    .menu .navbar-brand {
        padding: 10px !important;
        float: left;
        width: auto;
        position: absolute;
        right: 0px;
        left: 0px;
        margin: 0px 65px;
        text-align: center;
    }

        .menu .navbar-brand img {
            float: none;
            margin: 0 auto;
            display: block;
        }

    .carousel-box-servizi .carousel-indicators {
        bottom: -50px;
    }

    body.home ul.social-icons {
        margin-top: 0px !important;
        margin-bottom: 0px;
        text-align: left !important;
    }

    .footer-wrapper {
        padding: 0px 15px;
    }
    /*.container-video-home {
        height: 445px!important;
    }*/
    .container-video-home {
        height: 360px !important;
    }
    /*.video-home {
        height: 100%;
        width: 123%;
    }*/
    .video-home {
        height: 100%;
        width: 100%;
    }

    .container-video-home .slogan h1 {
        font-size: 28px;
        margin-bottom: -5px;
        margin-top: 0px;
    }

    .container-video-home .slogan p {
        font-size: 19px;
    }

    .container-video-home .slogan .btn-primary {
        margin-top: -15px;
    }

    .btn.btn-xl {
        font-size: 17px;
        padding: 15px 45px;
    }

    .boule-scroll {
        bottom: 15px;
    }

    /*.carousel-box-servizi .carousel-inner {
        min-height: 510px;
    }*/
    .carousel-box-servizi .bg-img {
        padding-top: 75%;
    }

        .carousel-box-servizi .bg-img .text .text-position {
            padding: 15px 45px 60px 45px;
        }

    .carousel-box-servizi .carousel-control, .carousel-video-home .carousel-control {
        width: 55px;
        opacity: 1;
    }

        .carousel-box-servizi .carousel-control.left, .carousel-video-home .carousel-control.left, .carousel-trainer .carousel-control.left {
            left: -15px;
        }

        .carousel-box-servizi .carousel-control.right, .carousel-video-home .carousel-control.right, .carousel-trainer .carousel-control.right {
            right: -15px;
        }
        /*.carousel-box-servizi .carousel-control i {
            color: #c83838;
        }*/
        .carousel-box-servizi .carousel-control i, .carousel-video-home .carousel-control i {
            color: #fff;
        }

    .boule.dots-down:after, .boule.dots-up:after {
        display: none;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
        margin-top: 0px !important;
    }

    .boule .text-hover {
        padding: 10%;
    }

    .lista-vantaggi li {
        padding: 15px;
    }

    .lista-vantaggi .boule {
        width: 260px;
        height: 260px;
    }

        .lista-vantaggi .boule h3 {
            font-size: 55px;
        }

        .lista-vantaggi .boule p {
            font-size: 16px;
        }

    .lista-vantaggi .boule-down {
        padding-top: 15px;
    }

    .lista-prezzi {
        display: block;
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            display: block;
        }

        .lista-prezzi .card {
            padding-top: 30px;
            margin-bottom: 15px;
        }

            .lista-prezzi .card .lista-check {
                padding-top: 0px;
                padding-bottom: 40px;
            }

            .lista-prezzi .card .btn-xl {
                position: static;
                width: 100%;
            }

            .lista-prezzi .card .free-icon {
                max-width: 135px;
            }

    .carousel-video-home .carousel-control, .carousel-box-servizi .carousel-control {
        width: 140px;
    }
    /*.carousel-video-home .carousel-control.right{
            text-align:right;
        }
        .carousel-video-home .carousel-control.left {
            text-align: left;
        }*/
    /*Fine Modifiche Digiside Homepage*/

    .lista-vantaggi2 .carousel-inner {
        height: 450px;
    }

    .lista-vantaggi2 .boule {
        padding: 8% 0;
    }

    .lista-vantaggi2 .carousel-control {
        background-image: none !important;
    }

    .lista-vantaggi2 .boule {
        margin-top: 45px;
    }


    #lp-palestre-trainer .navbar-fixed-top > .container {
        padding: 0px 15px;
    }

    #lp-palestre-trainer .navbar-fixed-top .nome-trainer h2 {
        margin-top: 7px;
    }

    #lp-palestre-trainer .container-testo {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .sezione-video-training .mask .etichetta ul li {
        padding: 10px;
    }

    .sezione-video-training .nav-tabs:after {
        width: 85%;
    }

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

        .carousel-trainer .card {
            display: table;
        }

            .carousel-trainer .card .card-img {
                width: 100%;
                float: none;
                padding: 0px;
                display: block;
            }

        .carousel-trainer .boule-img-trainer {
            margin-top: 0px;
            display: inline-block;
            vertical-align: middle;
            float: none;
            width: 195px;
            height: 195px;
            padding: 0px;
        }

        .carousel-trainer .card .card-body {
            width: 100%;
        }

    .lista-palestre li img {
        max-height: 90px;
        max-width: 170px;
    }

    .lista-gallery li {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    /*Modifiche Digiside Homepage*/
    /*.container-video-home {
        max-height: 550px;
    }*/
    /* .container-video-home {
        max-height: 520px;
    }*/
    /*.video-home {
        height: 100%;
        width: 127%;
    }*/
    .video-home {
        /*height: 100%;
        width: 100%;*/
        /* Video full */
        min-width: 100%;
        min-height: 100%;
        /* Video ratio */
        /*width: auto;*/
        width: 935px;
        height: auto;
        /* Video centrato */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .container-video-home .slogan h1 {
        font-size: 40px;
    }

    .lista-vantaggi2 .carousel-inner {
        height: 450px;
    }

    .lista-vantaggi2 .boule {
        padding: 8% 0;
    }

    .lista-vantaggi2 .carousel-control {
        background-image: none !important;
    }

    .lista-vantaggi2 .boule {
        margin-top: 45px;
    }

    .carousel-box-servizi .carousel-inner {
        min-height: 430px;
    }

    .carousel-box-servizi .bg-img {
        padding-top: 110%;
    }

    .carousel-box-servizi .carousel-control, .carousel-video-home .carousel-control {
        width: 55px;
        opacity: 1;
    }

        .carousel-box-servizi .carousel-control.left, .carousel-video-home .carousel-control.left, .carousel-trainer .carousel-control.left {
            left: -15px;
        }

        .carousel-box-servizi .carousel-control.right, .carousel-video-home .carousel-control.right, .carousel-trainer .carousel-control.right {
            right: -15px;
        }

        .carousel-box-servizi .carousel-control i {
            color: #c83838;
        }

    .boule.dots-down:after, .boule.dots-up:after {
        display: none;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
    }

    .lista-vantaggi li {
        padding: 15px;
    }

    .lista-vantaggi .boule-down {
        padding-top: 15px;
    }

    .lista-prezzi {
        display: block;
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            display: block;
        }

        .lista-prezzi .card {
            padding-top: 30px;
            margin-bottom: 15px;
        }

            .lista-prezzi .card .lista-check {
                padding-top: 0px;
                padding-bottom: 40px;
            }

            .lista-prezzi .card .btn-xl {
                position: static;
                width: 100%;
            }

            .lista-prezzi .card .free-icon {
                max-width: 135px;
            }

    .carousel-video-home .carousel-indicators {
        bottom: -12%;
    }

    .carousel-video-home .carousel-control, .carousel-box-servizi .carousel-control {
        width: 140px;
    }
        /*.carousel-video-home .carousel-control.right{
            text-align:right;
        }
        .carousel-video-home .carousel-control.left {
            text-align: left;
        }*/
        .carousel-video-home .carousel-control i {
            color: #fff;
        }
    /*Fine Modifiche Digiside Homepage*/

    /*Modifiche Digiside LP Palestre/Trainer*/
    body#lp-palestre-trainer {
        padding-top: 60px;
    }

    #lp-palestre-trainer .navbar-fixed-top .nome-trainer h2 {
        font-size: 20px !important;
    }

    #lp-palestre-trainer .navbar-nav > li {
        float: none;
        display: inline-block;
    }

    #lp-palestre-trainer .navbar-fixed-top .nav > li > a {
        /*padding: 15px 6px;
        font-size: 14px;*/
        padding: 15px 4px;
        font-size: 13px;
    }

    #lp-palestre-trainer .navbar-right {
        margin-right: 0px;
        float: none !important;
        text-align: center;
    }

    #lp-palestre-trainer .navbar-header {
        margin-right: 0px;
        margin-left: 0px;
        float: none !important;
        display: block;
        width: 100%;
        text-align: center;
    }

    #lp-palestre-trainer .navbar-fixed-top .navbar-brand {
        margin: 0px;
        display: block;
        float: none;
    }

        #lp-palestre-trainer .navbar-fixed-top .navbar-brand > img {
            margin: 0 auto;
        }

    .sezione-video-training .mask .etichetta ul li {
        padding: 10px;
    }
    /*Fine Modifiche Digiside LP Palestre/Trainer*/

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

    .lista-gallery li {
        width: 50%;
    }

    #lp-palestre-trainer footer p {
        font-size: 15px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    /*Modifiche Digiside Homepage*/
    /*.container-video-home {
        max-height: 610px;
    }*/

    .video-home {
        /*height: 100%;
        width: 105%;*/
        /* object-fit: fill; */
        /* Video full */
        min-width: 100%;
        min-height: 100%;
        /* Video ratio */
        /*width: auto;*/
        width: 1366px;
        height: auto;
        /* Video centrato */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .container-video-home {
        height: auto !important;
        min-height: auto !important;
    }

        .container-video-home .slogan {
            padding-right: 25px;
            padding-left: 25px;
        }

            .container-video-home .slogan h1 {
                font-size: 58px;
            }

    .pulsante-home {
        margin-bottom: 30px;
    }

    .carousel-box-servizi .bg-img {
        padding-top: 160%;
    }

    body.home p .visible-lg {
        display: none !important;
    }

    .carousel-box-servizi .bg-img h5 {
        font-size: 16px;
    }

    .carousel-box-servizi .carousel-control.left, .carousel-video-home .carousel-control.left, .carousel-trainer .carousel-control.left {
        left: -25px;
    }

    .carousel-box-servizi .carousel-control.right, .carousel-video-home .carousel-control.right, .carousel-trainer .carousel-control.right {
        right: -25px;
    }

    .lista-vantaggi li {
        padding-right: 15px;
        padding-left: 15px;
    }

    .lista-vantaggi .boule {
        width: 185px;
        height: 185px;
    }

        .lista-vantaggi .boule img {
            max-width: 40px;
            margin-bottom: -10px;
        }

        .lista-vantaggi .boule h3 {
            font-size: 39px;
        }

        .lista-vantaggi .boule p {
            font-size: 12px;
        }

    .lista-vantaggi li, .lista-vantaggi2 li {
        margin-top: 45px;
    }

    .boule.dots-up:after, .boule.dots-down:after {
        right: -30%;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
    }

    .lista-prezzi {
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-prezzi .card {
            padding-top: 35px;
        }

            .lista-prezzi .card .lista-check {
                padding-left: 20px;
                padding-top: 20px;
            }

                .lista-prezzi .card .lista-check li:before {
                    width: 15px;
                    height: 15px;
                }

            .lista-prezzi .card .card-title .big {
                font-size: 24px;
            }

            .lista-prezzi .card .lista-check p {
                font-size: 16px;
            }

    .carousel-video-home .carousel-indicators {
        bottom: -25%;
    }
    /*Fine Modifiche Digiside Homepage*/

    #lp-palestre-trainer .navbar-fixed-top .nav > li > a {
        padding: 24px 7px;
        font-size: 15px;
    }

    .sezione-video-training .mask .etichetta ul li {
        padding: 10px;
    }

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

        .carousel-trainer .carousel-control {
            width: 15px;
        }
}

@media (min-width: 1200px) and (max-width:1280px) {
    /*Modifiche Digiside Homepage*/
    .video-home {
        /*height: 122%;
        width: 128%;*/
        /* object-fit: fill; */
        /* Video full */
        min-width: 100%;
        min-height: 100%;
        /* Video ratio */
        width: auto;
        height: auto;
        /* Video centrato */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .container-video-home {
        max-height: 750px;
    }

        .container-video-home .slogan h1 {
            font-size: 58px;
        }

    .carousel-box-servizi .bg-img {
        padding-top: 135%;
    }

    body.home p .visible-lg {
        display: none !important;
    }

    .carousel-box-servizi .bg-img h5 {
        font-size: 18px;
    }

    .carousel-box-servizi .carousel-control.left, .carousel-video-home .carousel-control.left, .carousel-trainer .carousel-control.left {
        left: -45px;
    }

    .carousel-box-servizi .carousel-control.right, .carousel-video-home .carousel-control.right, .carousel-trainer .carousel-control.right {
        right: -45px;
    }

    .lista-vantaggi .boule {
        width: 215px;
        height: 215px;
    }

        .lista-vantaggi .boule img {
            max-width: 45px;
            margin-bottom: -10px;
        }

        .lista-vantaggi .boule h3 {
            font-size: 55px;
        }

        .lista-vantaggi .boule p {
            font-size: 14px;
        }

    .boule.dots-up:after, .boule.dots-down:after {
        right: -30%;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
    }

    .lista-vantaggi2 {
        margin-top: 20px;
    }

        .lista-vantaggi2 li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-vantaggi2 .boule {
            width: 250px;
            height: 250px;
        }

            .lista-vantaggi2 .boule p {
                font-size: 14px;
            }

            .lista-vantaggi2 .boule h3 {
                margin-top: 0px;
            }

    .container-video-home .slogan p {
        font-size: 20px;
        line-height: 25px;
    }

    .pulsante-home {
        margin-top: 35px;
    }

    .lista-vantaggi2 img {
        margin-top: 10px;
        max-height: 50px;
    }

    .lista-vantaggi2 .numb {
        top: -45px;
    }

    .lista-vantaggi2 .numb-dowm {
        bottom: -27px;
    }

    .lista-prezzi {
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-prezzi .card .card-title .big {
            font-size: 30px;
        }

        .lista-prezzi .card .lista-check p {
            font-size: 17px;
        }

    /*Fine Modifiche Digiside Homepage*/

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

        .carousel-trainer .carousel-control {
            width: 15px;
        }
}

@media (min-width: 1281px) and (max-width:1366px) {
    /*Modifiche Digiside Homepage*/
    .video-home {
        height: 130%;
        width: 101%;
    }

    .container-video-home .slogan h1 {
        font-size: 40px;
    }

    .carousel-box-servizi .bg-img {
        padding-top: 135%;
    }

    body.home p .visible-lg {
        display: none !important;
    }

    .carousel-box-servizi .bg-img h5 {
        font-size: 18px;
    }

    .lista-vantaggi .boule {
        width: 215px;
        height: 215px;
    }

        .lista-vantaggi .boule img {
            max-width: 45px;
            margin-bottom: -10px;
        }

        .lista-vantaggi .boule h3 {
            font-size: 55px;
        }

        .lista-vantaggi .boule p {
            font-size: 14px;
        }

    .boule.dots-up:after, .boule.dots-down:after {
        right: -30%;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
    }

    .lista-vantaggi2 {
        margin-top: 20px;
    }

        .lista-vantaggi2 li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-vantaggi2 .boule {
            width: 280px;
            height: 280px;
        }

            .lista-vantaggi2 .boule p {
                font-size: 15px;
            }

    .container-video-home .slogan p {
        font-size: 20px;
        line-height: 25px;
    }

    .pulsante-home {
        margin-top: 35px;
    }

    .lista-vantaggi2 img {
        margin-top: 10px;
        max-height: 70px;
    }

    .lista-vantaggi2 .numb {
        top: -45px;
    }

    .lista-vantaggi2 .numb-dowm {
        bottom: -27px;
    }

    .lista-prezzi {
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-prezzi .card .card-title .big {
            font-size: 30px;
        }

        .lista-prezzi .card .lista-check p {
            font-size: 17px;
        }
    /*Fine Modifiche Digiside Homepage*/

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

        .carousel-trainer .carousel-control {
            width: 15px;
        }

            .carousel-trainer .carousel-control.left {
                left: -60px;
            }

            .carousel-trainer .carousel-control.right {
                right: -60px;
            }
}

@media (min-width: 1367px) and (max-width:1440px) {
    /*Modifiche Digiside Homepage*/
    .video-home {
        /*height: 100%;
        width: 106%;*/
        /* Video full */
        min-width: 100%;
        min-height: 100%;
        /* Video ratio */
        width: auto;
        height: auto;
        /* Video centrato */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .container-video-home .slogan h1 {
        font-size: 60px;
    }

    .carousel-box-servizi .bg-img {
        padding-top: 135%;
    }

    body.home p .visible-lg {
        display: none !important;
    }

    .carousel-box-servizi .bg-img h5 {
        font-size: 18px;
    }

    .lista-vantaggi .boule {
        width: 215px;
        height: 215px;
    }

        .lista-vantaggi .boule img {
            max-width: 45px;
            margin-bottom: -10px;
        }

        .lista-vantaggi .boule h3 {
            font-size: 55px;
        }

        .lista-vantaggi .boule p {
            font-size: 14px;
        }

    .boule.dots-up:after, .boule.dots-down:after {
        right: -30%;
    }

    .boule .text-hover img {
        margin-bottom: 15px !important;
    }

    .lista-vantaggi2 {
        margin-top: 20px;
    }

        .lista-vantaggi2 li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-vantaggi2 .boule {
            width: 300px;
            height: 300px;
        }

            .lista-vantaggi2 .boule p {
                font-size: 15px;
            }

    .container-video-home .slogan p {
        font-size: 20px;
        line-height: 25px;
    }

    .pulsante-home {
        margin-top: 35px;
    }

    .lista-vantaggi2 img {
        margin-top: 10px;
        max-height: 70px;
    }

    .lista-vantaggi2 .numb {
        top: -45px;
    }

    .lista-vantaggi2 .numb-dowm {
        bottom: -27px;
    }

    .lista-prezzi {
        padding-right: 0px;
        padding-left: 0px;
    }

        .lista-prezzi > li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-prezzi .card .card-title .big {
            font-size: 30px;
        }

        .lista-prezzi .card .lista-check p {
            font-size: 17px;
        }

    .carousel-trainer {
        padding-right: 0px;
        padding-left: 0px;
    }

        .carousel-trainer .carousel-control {
            width: 15px;
        }

            .carousel-trainer .carousel-control.left {
                left: -60px;
            }

            .carousel-trainer .carousel-control.right {
                right: -60px;
            }
    /*Fine Modifiche Digiside Homepage*/
}

@media (min-width: 1441px) and (max-width:1680px) {
    /*Modifiche Digiside Homepage*/
    /*.video-home {
            height: 117%;
        }*/

    .carousel-box-servizi .carousel-control.left, .carousel-video-home .carousel-control.left {
        left: -35px;
    }

    .carousel-box-servizi .carousel-control.right, .carousel-video-home .carousel-control.right {
        right: -35px;
    }
    /*Fine Modifiche Digiside Homepage*/

    .carousel-trainer {
        padding-right: 70px;
        padding-left: 70px;
    }

        .carousel-trainer .carousel-control {
            width: 15px;
        }

            .carousel-trainer .carousel-control.left {
                left: -10px;
            }

            .carousel-trainer .carousel-control.right {
                right: -10px;
            }

    .lista-vantaggi2 {
        margin-top: 50px;
    }

        .lista-vantaggi2 li {
            padding-right: 10px;
            padding-left: 10px;
        }

        .lista-vantaggi2 .boule {
            width: 300px;
            height: 300px;
        }

            .lista-vantaggi2 .boule p {
                font-size: 15px;
            }

    .container-video-home .slogan h1 {
        font-size: 50px;
    }

    .container-video-home .slogan p {
        font-size: 25px;
        line-height: 30px;
    }

    .pulsante-home {
        margin-top: 55px;
    }

    .lista-vantaggi2 img {
        margin-top: 10px;
        max-height: 70px;
    }

    .lista-vantaggi2 .numb {
        top: -45px;
    }

    .lista-vantaggi2 .numb-dowm {
        bottom: -27px;
    }
}

@media (min-width: 1900px) {
    /*Modifiche Digiside Homepage*/
    .video-home {
        height: 123%;
        width: 105%;
    }

    .visible-xl {
        display: block !important;
    }
    /*Fine Modifiche Digiside Homepage*/
}

.user-container {
    /*padding: 10px 15px;*/
    padding: 12px 10px 4px 14px;
    border: 2px solid;
    border-radius: 15px;
    width: fit-content;
    position: relative;
}

    .user-container .star-container {
        position: absolute;
        top: -18px;
        font-size: 18px;
        color: #b8b8b8;
        left: 0;
        right: 0;
        text-align: center;
    }



        .user-container .star-container img {
        }

    .user-container.basic {
        border-color: #CCCCCC;
    }

    .user-container.pro {
        border-color: #C83838;
    }

    .user-container.influencer {
        border-color: #27aae1;
    }

    .user-container small {
        font-size: 12px;
    }

.divider-line {
    color: #CCCCCC;
    margin: 0 5px;
}

.box-follower {
    margin-top: 5px;
}

    .box-follower li {
        padding: 0px 10px;
        border-radius: 5px;
        background-color: #27aae1;
        color: white;
        font-size: 12px;
    }

.post-container ul {
    margin-top: 15px;
}

.post-detail .user-info h5 {
    color: #414141;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 5px;
}

.clearboth {
    clear: both;
}

.post-comment .btn-primary {
    padding: 10px 15px !important;
    margin: 20px auto !important;
    float: none !important;
}

.post-comment .form-control {
    height: 60px !important;
    margin-top: 20px;
}

.post-comment .profile-photo-sm {
    float: left;
    margin-right: 5px;
}

.post-comment .user-comment {
    float: left;
    line-height: 18px;
}

.spazio20 {
    height: 20px;
    clear: both;
}

.post-text p {
    margin-top: 10px;
    line-height: 20px;
}

.contieni-post {
    height: 55px;
    overflow: hidden;
}

    .contieni-post.active {
        height: auto;
        overflow: auto;
    }

.continua-desc {
    color: #C83838;
    margin-top: 0 !important;
    cursor: pointer;
}


.menu-post ul li {
    list-style-image: none;
}

.btn-utente {
    text-align: right;
    padding-top: 20px;
}

.btn-desc {
    width: auto;
    background-color: #27AAE1;
    color: white;
    padding: 5px 10px
}

.btn-comment {
    width: auto;
    padding: 5px 10px
}

.dropdown-menu-right {
    right: -30px;
}



@media (max-width: 767px) {
    .container-medium {
        width: 100%;
    }

    .btn-utente {
        text-align: left;
    }

    .feed h2 {
        font-size: 25px;
        margin-left: 20px;
    }
}

@media (min-width: 768px) {
    .container-medium {
        width: 736px;
    }
}


@media (min-width: 992px) {
    .container, .container-medium {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container, .container-medium {
        width: 1100px;
    }
}

@media (min-width: 1500px) {
    .container-medium {
        width: 1494px;
    }
}


@media only screen and (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
    body.home h2 {
        font-size: 25px;
    }

    body.home p {
        font-size: 12px;
        color: #231F20;
    }

    .btn.btn-xl {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1340px) and (max-width: 1340px) and (min-height: 800px) and (max-height: 800px) {
    body.home h2 {
        font-size: 25px;
    }

    body.home p {
        font-size: 12px;
        color: #231F20;
    }

    .btn.btn-xl {
        font-size: 16px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 800px) and (min-height: 1340px) and (max-height: 1340px) {
    .text-right {
        text-align: center;
    }

    .resizeButton {
        width: 100% !important
    }

    .btn.btn-xl {
        font-size: 12px !important;
    }
}

.modaledit {
    top: 50px;
    z-index: 9999;
}

/*MODIFICA MENU UTENTE NERO*/
.test01 .dropdown-menu.visible, .test02 .dropdown-menu.visible, .test03 .dropdown-menu.visible, .test04 .dropdown-menu.visible, .test05 .dropdown-menu.visible, .test06 .dropdown-menu.visible {
    display: block !important;
}

.test01 .dropdown-menu, .test02 .dropdown-menu, .test03 .dropdown-menu, .test04 .dropdown-menu, .test05 .dropdown-menu, .test06 .dropdown-menu {
    display: none !important;
}

.test01 .dropdown-menu, .test02 .dropdown-menu, .test03 .dropdown-menu {
    margin-left: -5px;
}

.newsfeed-home .sottomenu-xs {
    padding-left: 40px;
}

.menu-palestre .navbar-brand img {
    max-height: 40px !important;
}

/*PAGINA NEWS/BLOG*/

.news-lp h1 {
    color: #231f20;
    font-size: 40px;
    margin: 50px 0;
}

.carousel-news .card {
    background-color: #f8f8f8;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 9%);
    /*display: table;*/
    display: table;
    width: 100%;
    border-radius: 10px;
    padding: 30px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

    .carousel-news .card .card-img {
        display: table-cell;
        padding: 0px;
        width: 25%;
        float: left;
        padding-right: 40px;
    }

    .carousel-news .card .card-body {
        display: table-cell;
        padding: 0px;
        width: 75%;
        float: left;
        text-align: left;
    }

        .carousel-news .card .card-body h3 {
            font-size: 25px;
            font-weight: 400;
        }

.carousel-news .boule-img-trainer {
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    width: 100%;
    padding-top: 100%;
    height: auto;
}

.carousel-news h3 {
    color: #231f20;
}

.carousel-news p, #ModalNews p {
    font-size: 16px;
    color: #231F20;
    line-height: 1.5;
}

.close-modal {
    position: static !important
}

@media (max-width: 767px) {

    .TitoloLanding {
        font-weight: 700;
        line-height: 35px;
        letter-spacing: 1.1px;
    }

    .carousel-news .card {
        border-radius: 0;
        display: block;
    }

        .carousel-news .card .card-img {
            display: block;
            padding: 0px;
            width: 60%;
            float: none;
            padding-right: 0;
            margin-left: auto;
            margin-right: auto;
        }

        .carousel-news .card .card-body {
            display: block;
            padding: 0px;
            width: 100%;
            float: none;
            text-align: left;
            clear: both;
            padding-top: 20px;
        }

    #ModalNews .modal-dialog {
        margin-top: 100px;
    }
}

@media (min-width: 1100px) and (max-width: 1270px) {

    .container, .container-medium, body.home .container-medium, body#lp-palestre-trainer .container-medium {
        width: 1110px;
    }
}

/* LOGO XS a COMPARSA LANDING*/

@media (max-width: 767px) {


    .logo-xs {
        max-height: 46px !important;
        width: 140px !important;
        opacity: 0;
        -webkit-transition: .2s;
        transition: opacity .2s;
        position: absolute;
        left: 0;
        right: 0;
    }

        .logo-xs.active {
            opacity: 1;
            -webkit-transition: .2s;
            transition: opacity .2s;
        }
}

/*CALENDARIO*/

#calendar .fc-toolbar-title {
    text-transform: uppercase;
    font-size: 25px;
}

#calendar .fc-col-header-cell {
    background-color: #2c3e50;
    text-transform: uppercase;
}

#calendar .fc-col-header-cell-cushion {
    color: white !important;
}

#calendar .fc-daygrid-dot-event .fc-event-title {
    color: #231F20 !important;
    font-weight: normal;
}

#calendar .fc-daygrid-day-frame {
    background-color: #f8f8f8;
}

#calendar .fc-daygrid-day-number {
    color: #231F20 !important;
    font-size: 18px;
}

#calendar .fc-list-day-text {
    color: #231F20 !important;
    font-size: 18px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .fc .fc-daygrid-more-link {
        top: -16px;
        font-size: 13px !important;
    }

    #calendar .fc-daygrid-day-number {
        font-size: 12px;
    }

    #calendar .fc-col-header-cell-cushion {
        font-size: 13px;
        line-height: 18px;
    }

    #calendar .fc-toolbar-title {
        font-size: 14px;
        text-transform: none;
    }
}

/*BODY TRASFORMATION*/

.body-trasformation .carousel, .body-trasformation .carousel-inner {
    height: 346px;
}

.body-trasformation .carousel-caption {
    bottom: -65px;
    background-color: #c83838;
    left: 0;
    right: 0;
    padding: 5px;
    line-height: 20px;
    min-height: 65px;
}

.body-trasformation .carousel .carousel-caption {
    background-color: #27aae1;
}

.body-trasformation img, .body-trasformation .item img {
    object-fit: cover;
    width: 100%;
    height: 280px;
}

@media (max-width: 767px) {
    .body-trasformation-xs img, .body-trasformation-xs .item img {
        height: 200px;
    }
}

.body-trasformation .carousel-caption b {
    font-size: 18px;
}

.hover-button {
    -webkit-transition: .5s;
    transition: opacity .5s;
    position: relative;
    display: block;
}

    .hover-button::before {
        content: 'DETTAGLI';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(200,56,56,.7);
        text-align: center;
        padding-top: 140px;
        opacity: 0;
        -webkit-transition: .5s;
        transition: opacity .5s;
        z-index: 2;
        color: white;
        font-weight: bold;
    }

    .hover-button:hover::before {
        -webkit-transition: .5s;
        transition: opacity .5s;
        opacity: 1;
    }

.table-dati thead th {
    color: #C83838;
}

.body-trasformation .div-body {
    padding: 20px;
}

.body-zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    width: 28px !important;
    height: 29px !important;
}

.btn-whapp {
    background: #3ab54a !important;
}

    .btn-whapp:hover {
        background: #38a346 !important;
        text-decoration: none;
    }


.tabs-scheda button {
    width: 100%;
    display: block;
    background: #C83838;
    color: white;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1px;
    margin-bottom: 1px;
    border-radius: 5px 5px 0 0;
    border: 0;
    padding: 10px;
    font-size: 18px;
}

.tabs-scheda .panel-heading {
    background-color: #f8f8f8;
    padding: 0;
}

.tabs-scheda .panel-body {
    padding: 20px;
}

.tabs-scheda .card {
    background-color: white;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
    border-radius: 5px;
    padding: 15px;
    font-size: 16px;
    margin-bottom: 15px;
}

.tabs-scheda .fa-info-circle {
    font-size: 30px;
    color: #CCCCCC;
}

    .tabs-scheda .fa-info-circle.active {
        color: #27aae1;
    }



@media (min-width: 1200px) and (max-width:1280px) {
    .body-trasformation .carousel {
        height: 335px;
    }

    .body-trasformation img, .body-trasformation .item img {
        height: 270px;
    }

    .hover-button::before {
        padding-top: 150px;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    /* .hover-button::before {
        top: auto;
        bottom: 50px;
        height: 50px;
        opacity: 1;
        padding-top: 10px;
    }*/
    .body-trasformation .carousel, .body-trasformation .carousel-inner {
        height: 628px;
    }


    .body-trasformation img, .body-trasformation .item img {
        height: 560px;
    }

    .btn-scheda {
        text-align: left !important;
        margin-top: 10px;
    }
    /*.body-zoom {
        bottom: 44px;
    }*/
}

@media (min-width: 992px) and (max-width:1199px) {
    /*.hover-button::before {
        top: auto;
        bottom: 50px;
        height: 50px;
        opacity: 1;
        padding-top: 5px;
    }*/



    .body-trasformation img, .body-trasformation .item img {
        height: 345px;
    }

    .navbar-nav > li > .dropdown-menu {
        overflow-y: auto;
        height: 500px;
    }

    .body-trasformation .carousel, .body-trasformation .carousel-inner {
        height: 410px;
    }
    /*  .body-zoom {
        bottom: 44px;
    }*/

}


@media (max-width: 767px) {
    .body-trasformation h4 {
        margin-top: 30px;
    }

    .body-trasformation .carousel {
        height: 325px;
    }

    /*.body-trasformation img, .body-trasformation .item img {
        height: 260px;
    }*/

    .body-zoom {
        bottom: 10px;
    }

    /* .hover-button::before {
        top: auto;
        bottom: 50px;
        height: 50px;
        opacity: 1;
        padding-top: 10px;
    }*/
    .btn-scheda {
        text-align: left !important;
        margin-top: 10px;
    }

    .btn-full-mobile {
        width: 100%;
        display: block;
        text-align: center;
        padding: 0 5px;
        font-size: 18px !important;
        margin-top: 10px;
    }

    .tabs-scheda .panel-heading {
        padding: 0;
    }

    #modalInfo .modal-dialog, #modalNota .modal-dialog {
        top: 100px;
    }
}

@media (max-height:500px) {

    .navbar-nav > li > .dropdown-menu {
        overflow-y: auto;
        height: 450px;
    }
}

.menu-palestre {
    z-index: 10000;
}

/*.carousel-top .item {
    height: 630px;
    background-size: cover;
    background-position: center;
}*/



@media (min-width: 768px) and (max-width: 991px ) {
    /* .carousel-top .item {
        height: 450px;
    }*/
}

@media (min-width: 1281px) and (max-width:1366px) {
    .body-trasformation .carousel, .body-trasformation .carousel-inner {
        height: 344px;
    }

    .body-trasformation img, .body-trasformation .item img {
        height: 279px;
    }
}


@media (min-width: 1367px) and (max-width:1500px) {
    .body-trasformation .carousel, .body-trasformation .carousel-inner {
        height: 328px;
    }

    .body-trasformation img, .body-trasformation .item img {
        height: 263px;
    }
}


@media (min-width: 3500px) {
    .video-home {
        height: 130%;
        width: 101%;
    }
    /*.carousel-top .item {
        height: 940px;
    }*/
}

#ModalBodyTrasformation {
    z-index: 10050;
}

    #ModalBodyTrasformation button.close {
        top: 10px;
        font-size: 30px;
    }

    #ModalBodyTrasformation .close:before, #ModalBodyTrasformation .close:after {
        display: none;
    }

.carousel-top .item img {
    width: 100%;
}

/*GESTIONE SCHEDE ALLENAMENTO*/

.work-info {
    background: #f2f2f2;
    border-radius: 10px;
    padding: 10px 15px;
    margin-bottom: 20px;
}

    .work-info h4, .link-dett-ev {
        min-height: 45px;
        color: #231F20;
        margin-bottom: 0;
        font-size: 20px !important;
    }

.dettaglio-scheda label {
    font-size: 16px;
    color: #231F20;
    margin-bottom: 0;
}

.dettaglio-scheda p {
    opacity: .7;
    margin-top: -5px;
    line-height: 1 !important;
}

.dettaglio-scheda .form-control, .campi-condividi .form-control, .form-categoria .form-control {
    border: 1px solid #c8c6c6;
    color: #939598;
    border-color: #c8c6c6;
}

.box-video-yt {
    background: #f2f2f2;
    padding: 30px 20px;
    margin-top: 20px;
}

    .box-video-yt ul {
        margin-left: auto;
        margin-right: auto;
        width: 200px;
    }

        .box-video-yt ul li a {
            color: #231F20 !important;
        }

    .box-video-yt .nav-tabs > li.active > a, .box-video-yt .nav-tabs > li.active > a:focus, .box-video-yt .nav-tabs > li.active > a:hover {
        background-color: transparent;
        border: 0;
        border-bottom-color: transparent;
    }

    .box-video-yt .nav-tabs > li.active > a {
        font-weight: bold;
        border-bottom: 2px solid #27aae1
    }


.modal-esercizio {
    padding: 0 50px;
}

.tab-lista-utenti {
    background-color: #f2f2f2;
    padding: 20px;
    border-radius: 5px;
}

.pulsanti-utente-condiviso {
    float: right;
    text-align: right;
    margin-top: 10px;
}

@media (max-width: 700px) {
    .work-info h4 {
        min-height: 20px;
        margin-bottom: 5px;
    }

    .modal-esercizio {
        padding: 0 20px;
    }

    .pulsanti-utente-condiviso {
        float: none;
        clear: both;
        text-align: left;
        padding-top: 10px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .work-info {
        padding: 10px 15px;
    }

        .work-info h4 {
            font-size: 18px;
        }
}

/*FINE GESTIONE SCHEDE ALLENAMENTO*/


/*INIZIO GESTIONE ABBONAMENTI*/
.text-big {
    font-size: 23px;
}

.abb-abilitato {
    position: absolute;
    top: -15px;
    right: 15px;
    color: #17b356;
    font-size: 40px;
}

.tab-pagamenti {
    font-size: 15px;
    border-radius: 10px;
    background-color: #f2f2f2;
}

    .tab-pagamenti th {
        font-size: 17px;
    }

    .tab-pagamenti th, .tab-pagamenti td {
        padding: 10px 15px !important;
    }

    .tab-pagamenti .table {
        margin-bottom: 0;
    }

.user-attivi {
    position: absolute;
    top: -27px;
    right: 15px;
    text-align: center;
}

.user-number {
    position: absolute;
    top: 27px;
    right: 21px;
    font-size: 15px;
}

.img-abbonamento {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 180px;
    object-fit: cover;
    overflow: hidden;
}

@media (max-width: 700px) {
    /*.tab-pagamenti {
        font-size: 13px;
    }

        .tab-pagamenti th {
            font-size: 15px;
        }*/
}

@media (min-width: 768px) and (max-width: 991px ) {
    .tab-pagamenti {
        font-size: 13px;
    }

        .tab-pagamenti th {
            font-size: 15px;
        }

    .carousel-abbonamenti .item {
        padding-left: 160px !important;
        padding-right: 160px !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .tab-pagamenti {
        font-size: 13px;
    }

        .tab-pagamenti th {
            font-size: 15px;
        }
}


/*FINE GESTIONE ABBONAMENTI*/


/*PROVVIGGIONI*/

.provvigioni h3 {
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 0
}

.obbiettivi h3 {
    font-size: 30px;
    margin: 0;
}

.obbiettivo {
    font-size: 15px;
    line-height: 16px;
}

.tabella-provvigioni {
    border-radius: 10px;
    background-color: #f2f2f2;
    font-size: 15px;
}

    .tabella-provvigioni th {
        font-size: 18px;
        font-weight: bold;
    }

.carousel-proposte {
    padding-left: 50px;
    padding-right: 50px;
}

.foto-proposte {
    width: 100%;
    height: 200px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
}

.carousel-proposte a:hover, .carousel-proposte a:active, .carousel-proposte a:focus {
    text-decoration: none !important;
}

.carousel-proposte .carousel-control {
    width: 50px;
}

.ricerca-list li {
    font-size: 16px;
}

.icona-whapp {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
}




@media (max-width: 700px) {
    .tabella-provvigioni, .tabella-provvigioni th {
        font-size: 13px;
    }

    .ricerca-list li {
        display: block;
        float: none;
    }

    .carousel-proposte {
        padding-left: 25px;
        padding-right: 25px;
    }

    .foto-proposte {
        height: 100px;
    }

    .carousel-proposte h3 {
        font-size: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    .ricerca-list .form-control {
        width: 128px !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .ricerca-list .form-control {
        width: 120px !important;
    }
}


@media (min-width: 1200px) and (max-width:1366px) {
    .ricerca-list .form-control {
        width: 140px !important;
    }
}
/*FINE PROVVIGIONI*/
/*progress BAR*/
.w3-progress-container {
    width: 210px;
    height: 1.5em;
    position: relative;
    border: 1px solid #7ad06d;
    border-radius: 16px !important;
}

.w3-progressbar {
    background-color: #7ad06d;
    height: 100%;
    position: absolute;
    line-height: inherit;
    border-radius: 16px !important;
}

/*FINE progress BAR*/


/*MODIFICHE AGENDA*/

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    left: 2px !important;
    right: 2px !important;
}

.fc .fc-daygrid-event-harness {
    line-height: 15px !important;
}

.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover {
    background: transparent !important;
}

@media (max-width: 700px ) {
    .fc .fc-toolbar {
        display: block !important;
    }

    .fc, .fc *, .fc :after, .fc :before {
        text-align: center;
    }

    #calendar .fc-toolbar-title {
        font-size: 15px;
        text-transform: none;
        padding-top: 10px;
        padding-bottom: 10px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .fc .fc-daygrid-day-bottom {
        font-size: .85em;
        margin: 0px 3px 0 !important;
    }

    .fc-daygrid-event div {
        text-align: left !important;
    }
}

.btn-menu-user {
    padding-left: 0px !important;
    padding-right: 5px !important;
}

.main-menu {
    width: 100%;
    height: 56px;
}

.menu ul.main-menu li ul.dropdown-menu {
    background: #1c1c1c;
}

.menu-user, .icona-carrello {
    float: right !important;
}

.icona-carrello-big {
    float: right !important;
}

    .menu-user .navbar-default {
        border: 0;
    }

    .menu-user .btn-primary {
        padding: 7px 25px;
    }

    .menu-user .dropdown-menu {
        border-radius: 15px !important;
        margin-top: -6px !important;
        left: auto;
        right: 0;
    }

    .menu-user .dropdown-submenu.open .dropdown-menu, .menu-user .dropdown-submenu:hover > .dropdown-menu, .menu-user .dropdown-submenu:hover > .dropdown-menu li:hover > a {
        background: #000000 !important;
        padding: 3px 12px;
        width: 100%;
    }

    .menu-user .dropdown-submenu.open a, .menu-user .dropdown-menu.open a, .menu-user .dropdown-menu a {
        background-color: transparent !important;
    }

    .menu-user .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #fff;
        margin-top: 0px;
        margin-right: -10px;
        transform: rotateY(0deg) rotate(90deg);
    }

    .menu-user .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .menu-user .dropdown-submenu.pull-left {
        float: none;
    }

        .menu-user .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

    .menu-user ul.dropdown-menu li a:hover, .menu-user li.open ul.dropdown-menu li a:hover {
        color: #ffffff !important;
        background-color: #1c1c1c;
    }

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > a::after {
        display: block;
        content: "";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        border-left-color: #000;
        margin-top: 6px;
        margin-right: -10px;
    }

    .dropdown-submenu > ul.dropdown-menu {
        position: absolute;
        left: 0;
        top: 40px;
        margin-left: 0;
        border-bottom: 1px solid white !important;
    }

.btn-carrello, .btn-carrello:hover {
    width: 40px !important;
    height: 40px !important;
    border-radius: 40px;
    /*background-color: #45a9dc !important;*/
    margin-top: 12px;
    margin-right: 5px;
    padding: 7px !important;
    text-align: center;
    /*color: white !important;*/
    position: relative;
}

    .btn-carrello svg {
        font-size: 21px;
    }

    .btn-carrello .numero-elementi {
        position: absolute;
        top: 1px;
        right: 3px;
        width: 15px;
        height: 15px;
        border-radius: 15px;
        background-color: #C83838;
        text-align: center;
        color: white;
        padding: 0px;
        font-size: 10px;
        line-height: 14px;
    }

.qrcode-menu {
    float: right !important;
}

.notifiche {
    float: right !important;
    top: -5px;
}


.qrcode-menu a {
    padding: 13px 0 0 0 !important;
}

.menu-user .navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.modal-agenda {
    background-color: rgba(0,0,0,.5);
}
/*.modal-agenda .modal-dialog {
        top: 70px;
    }*/
@media (max-width: 700px) {
    .menu-user {
        float: none !important;
        display: block;
    }

    .menu-user {
        width: 100%;
        padding-left: 10px;
    }

    .icona-carrello {
        padding: 18px 15px 0 0;
    }

        .icona-carrello svg, .qrcode-menu svg {
            color: #333;
        }

        .icona-carrello-big svg {
            color: #333;
        }

    .btn-carrello {
        line-height: 10px;
    }

        .btn-carrello .numero-elementi {
            top: -2px;
            /*right: -26px;*/
        }

    .menu-user .navbar-collapse {
        display: block;
        overflow-y: scroll;
    }

    .main-menu {
        height: auto;
    }

    .menu ul.main-menu li a {
        line-height: 20px;
    }

    .menu ul.main-menu li.dropdown .dropdown-submenu ul.dropdown-menu li {
        background: #000000 !important;
        padding: 3px 12px;
        width: 100%;
    }

    .qrcode-menu {
        padding: 14px 10px 0 0
    }

    .notifiche {
        padding: 14px 10px 0px 0px;
    }

    .notifiche li {
        list-style: none;
    }

        .notifiche .not-counter {
            top: 1px;
            right: -5px;
        }

    .list-notifica {
        font-size: 14px;
    }

    .notifiche .dropdown-menu {
        padding-left: 0px;
        right: -20px !important;
        left: auto !important;
        border-radius: 10px !important;
        margin-top: 0px !important;
    }



    .list-notifica {
        padding: 3px 20px 3px 10px !important;
        font-size: 13px !important;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .text-center-xs {
        text-align: center !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-menu-user {
        padding: 15px 3px !important;
    }

    .qrcode-menu a {
        padding: 18px 5px !important;
    }

    .menu ul.main-menu li.dropdown ul.dropdown-menu li {
        background: #1c1c1c;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /*  .btn-menu-user {
        padding: 7px 14px !important;
    }*/

    .notifiche a, .btn-menu-user {
        padding: 15px !important;
    }

    .main-menu .dropdown a {
        padding: 16px 7px !important;
    }

    .btn-carrello {
        padding: 7px !important;
    }
}


.flex-middle {
    display: flex;
    align-items: center;
    justify-content: center;
}

.border-left {
    border-left: 1px solid rgba(0,0,0,.3);
}

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

.padding-remove {
    padding: 0;
}

.nomargin-top {
    margin-top: 0;
}

.nomargin-bottom {
    margin-bottom: 0;
}

.inizia-ora {
    background-color: #C83838 !important;
    float: right !important;
}

    .inizia-ora a, .inizia-ora a:hover {
        color: white !important
    }

.btn-accedi {
    float: right !important;
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

    .carousel-fade .carousel-inner .next,
    .carousel-fade .carousel-inner .prev,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        transform: translate3d(0, 0, 0);
    }

.text-16 {
    font-size: 16px;
}

.padding-10 {
    padding: 10px;
}

.box-shadow {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.background-white {
    background-color: white;
}

.nopadding-left {
    padding-left: 0;
}

.nopadding-right {
    padding-right: 0;
}

.padding-30 {
    padding: 30px !important;
}

/*NUOVA HOME*/

.bg-sfumato {
    background: rgb(235,235,235);
    background: linear-gradient(180deg, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 100%);
}

.text-20 {
    font-size: 20px !important;
}

/*.container-testo-big {
    padding:60px 0;
}*/

.container-testo-big {
    padding-top: 60px;
    padding-bottom: 60px;
}

.border-rounded {
    border-radius: 30px;
}

.come-funziona {
    background-image: url(/Content/images/home/bg-grunge.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.boule-top {
    margin-top: 140px;
}

.lista-vantaggi2 li {
    vertical-align: middle;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
}

.carousel-box-servizi .bg-img p {
    line-height: 18px;
}

.modal-servizi h4 {
    color: #231F20 !important;
}


.carousel-box-servizi .bg-img {
    cursor: pointer;
}

.tabella-comparativa td {
    font-size: 18px;
}

.padding-20 {
    padding: 20px !important;
}

.spazio-pre-tabella {
    height: 160px;
}

.presente {
    background-color: #e9f7ed;
    color: #33b75c;
}

.assente {
    background-color: #f8e7e8;
    color: #C83838;
}

    .assente td, .presente td {
        padding: 10px !important;
    }

.border-rounded-bottom {
    border-radius: 0px 0px 30px 30px !important;
}

.video-recensione {
    height: 300px;
}

.btn-primary2, .btn-primary2:hover {
    background-color: transparent !important;
    border: 2px solid #C83838 !important;
    font-size: 16px !important;
    line-height: 17px !important;
    color: #C83838 !important;
}

.home .btn-primary2, .home .btn-primary2:hover {
    color: #C83838 !important;
}

body.home .btn-primary2.btn-primary:hover {
    background-color: transparent !important;
}



/**:focus {
    outline: none;
}*/

.toggle-button-cover {
    position: relative;
    box-sizing: border-box;
}


.button-cover:after {
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}

.button-cover,
.knobs,
.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.toggle-button-cover .button {
    position: relative;
    top: 50%;
    width: 230px;
    height: 47px;
    margin: -20px auto 0 auto;
    overflow: hidden;
}

.button.r,
.button.r .layer {
    border-radius: 100px;
    /*    border: 1px solid #c9c9ca;
*/
}

.button.b2 {
    border-radius: 2px;
}

.toggle-button-cover .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.knobs {
    z-index: 2;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    padding: 13px 20px;
    text-align: left;
}

.toggle-button-cover .layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
#button-1 .knobs:after {
    content: "MENSILE";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 116px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
    padding: 9px 4px;
    background: rgb(3,169,244);
    background: linear-gradient(90deg, rgba(3,169,244,1) 0%, rgba(3,133,244,1) 100%);
    border-radius: 20PX;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked + .knobs:after {
    content: "ANNUALE";
    left: 110px;
    background: rgb(0,181,56);
    background: linear-gradient(90deg, rgba(0,181,56,1) 0%, rgba(0,141,40,1) 100%);
}

#button-1 .checkbox:checked ~ .layer {
    background-color: rgba(0, 179, 55, .16);
}

#button-1 .knobs,
#button-1 .knobs:after,
#button-1 .layer {
    transition: 0.3s ease all;
}

.knobs::before {
    content: "ANNUALE";
    right: 25px;
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    z-index: 0;
}

.popolare {
    background: rgb(199,0,0);
    background: linear-gradient(90deg, rgba(199,0,0,1) 0%, rgba(157,9,9,1) 100%);
    width: 100%;
    border-radius: 20px 20px 0 0;
    padding: 5px;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}

.popolareBlack {
    background: black;
    background: black;
    width: 100%;
    border-radius: 20px 20px 0 0;
    padding: 5px;
    color: white;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
}


/*.abbonamenti-home ul{
    margin-left:30px;
}*/

.abbonamenti-home li {
    font-size: 16px;
    color: #231F20;
    /* list-style: url(/Content/images/home/icons/check.svg) !important; */
    line-height: 30px;
    margin-top: 0;
    padding-left: 30px;
}

/*.abb-pers li {
    line-height: 16px;
}*/

.abbonamenti-home .btn-primary {
    width: 100%;
    background: rgb(0,181,56);
    /* background: linear-gradient(90deg, rgba(0,181,56,1) 0%, rgba(0,141,40,1) 100%);*/
    border-color: transparent !important;
}

.spazio-abb {
    height: 36px;
}

.contatti-home p {
    font-size: 20px !important;
    line-height: 24px !important;
}

.form-contatti-home {
    background-image: url(/Content/images/home/bg-grunge.jpg);
    background-size: cover;
    background-position: center;
}

    .form-contatti-home input, .form-contatti-home select {
        border: 0 !important;
        padding: 10px !important;
        font-size: 18px;
        border-radius: 10px;
        height: 40px;
    }

.priv {
    color: white;
    font-size: 13px;
}

.form-contatti-home .btn-primary2 {
    border-color: white !important;
    color: white !important
}

#footer a {
    color: #231F20 !important;
    font-size: 18px;
}

.newsletter {
    border: 1px solid #6d6e71;
    padding-left: 2px;
}

    .newsletter input {
        width: 55% !important;
        border: 0 !important;
        margin-top: 6px;
        border-radius: 20px;
        font-size: 16px;
    }

    .newsletter .btn-primary {
        margin-top: 0 !important;
        padding: 10px 25px;
    }

.cod-sconto {
    font-size: 18px;
}

    .cod-sconto input {
        width: 200px;
        max-width: 200px;
        border-radius: 20px;
    }

.btnApplicaCodice {
    width: 150px !important;
    height: 35px !important;
    line-height: 12px !important;
}

@media (max-width: 700px) {
    .cod-sconto input {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }

    .tabella-comparativa h2 {
        font-size: 20px !important;
    }

    .tabella-comparativa .border-rounded {
        border-radius: 10px;
    }

    .border-rounded-bottom {
        border-radius: 0px 0px 10px 10px !important;
    }

    .assente td, .presente td {
        padding: 5px !important;
    }

    .btn-primary2, .btn-primary2:hover {
        font-size: 12px !important;
        line-height: 14px !important;
        padding: 6px 10px !important;
    }

    .newsletter .btn-primary {
        margin-top: 0 !important;
    }

    .lista-vantaggi2 .boule {
        BORDER: 0;
    }

    .come-funziona .text h3, .come-funziona .text p {
        color: white !important;
    }

    .come-funziona .text h3 {
        margin-bottom: 5px;
        margin-top: 0;
    }

    .come-funziona .text p {
        line-height: 18px;
        margin-bottom: 50px;
    }

    .modal-servizi .modal-dialog {
        width: 90%;
    }
}


@media (min-width: 768px) and (max-width: 991px ) {
    .tabella-comparativa h2 {
        font-size: 30px !important;
    }

    .video-recensione {
        height: 160px;
    }

    .spazio-pre-tabella {
        height: 136px;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .video-recensione {
        height: 200px;
    }
}


/*FINE NUOVA HOME*/

.img-linktree {
    width: 250px;
    height: 250px;
    object-fit: cover;
    overflow: hidden;
    /*border-radius: 100%;*/
}

.linktree p {
    font-size: 18px;
}

.linktree .lista-social li {
    margin: 20px;
}

.box-linktree {
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    /* text-transform: uppercase;*/
    width: 100%;
    padding: 5px;
    transition: 0.3s ease all;
    display: block;
    margin-bottom: 15px;
    line-height: 49px;
    color: white;
}

    .box-linktree:hover {
        transition: 0.3s ease all;
        text-decoration: none;
        color: white;
    }

.responsive-box-linktree {
    max-width: 80%;
    width: 80%;
}

.responsive-box-linktree-text {
    max-width: 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .responsive-box-linktree {
        max-width: 100%;
        width: 100%;
    }
}

.img-linktree-small {
    width: 50px;
    height: 50px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 100%;
    margin-right: 10px;
    float: left;
}

.social-icons-spider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px; /* spazio tra le icone */
    margin-top: 26px;
    margin-bottom: 26px;
    padding-left: 0; /* togli il padding della ul */
    list-style: none; /* togli i pallini */
}

    .social-icons-spider li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.box-linktree span {
    margin-left: -40px;
}

.img-cover-evento {
    width: 100%;
    height: 200px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 5px;
}

.img-cover-evento-big {
    width: 100%;
    height: 400px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 5px;
}

/*CONFIGURATORE*/

.configuratore a, .configuratore p, .configuratore, .span-menu {
    font-size: 16px !important;
}

    .configuratore ul.edit-menu li a {
        font-size: 15px !important;
    }

    .configuratore .menu ul.main-menu li ul.dropdown-menu li a, .configuratore .menu ul.main-menu li.open ul.dropdown-menu li a {
        color: #fff !important;
    }

.menu-configuratore .iconify {
    color: #27aae1;
    margin-right: 10px;
    float: left;
}

.menu-configuratore li {
    border-bottom: 1px solid #939598;
    padding: 20px 0;
}

.span-menu {
    margin-left: 10px;
}

.configuratore h1, .configuratore a, .configuratore h2, .span-menu {
    color: #231F20 !important;
}

.configuratore h1 {
    font-size: 40px !important;
}

.configuratore h2 {
    font-size: 20px !important;
    font-weight: bold;
}

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


.contieni-template .col-lg-6 {
    padding: 15px;
}

/*.contieni-template img{
    cursor:pointer;
}*/

.conf-checked {
    position: absolute;
    top: -10px;
    right: 10px;
    color: #39b121;
    display: none;
}

.conf-checked-header {
    position: absolute;
    top: 45px;
    right: 10px;
    color: #39b121;
    display: none;
}


.contieni-template .conf-checked {
    top: 45px;
}

.contieni-template h4 {
    height: 45px;
}

footer h3 {
    color: #231F20;
}

.configuratore .btn-primary {
    background-color: #C83838;
    color: white !important;
}

.linee-curve, .linee-rette {
    width: 210px;
    height: 150px;
    background-color: white;
    padding-top: 60px;
    cursor: pointer;
}

.linee-curve {
    border-radius: 40px;
    float: right;
}

.cecked-rette {
    right: auto;
    left: 190px;
}

.check-colore {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.lista-colori li {
    width: 50px;
    position: relative;
    margin: 10px;
}

.check-colore0 {
    background-color: #FFFFFF;
}

.check-colore1 {
    background-color: #393990;
}

.check-colore2 {
    background-color: #226670;
}

.check-colore3 {
    background-color: #00bdbb;
}

.check-colore4 {
    background-color: #50a45c;
}

.check-colore5 {
    background-color: #0c57f7;
}

.check-colore6 {
    background-color: #ec2273;
}

.check-colore7 {
    background-color: #df523e;
}

.check-colore8 {
    background-color: #f09616;
}

.check-colore9 {
    background-color: #000;
}

.lista-colori .conf-checked {
    top: -21px;
    right: -27px;
}

.input-colore {
    max-width: 120px;
}

.configuratore .btn-primary.btn-invia-colore {
    color: #C83838 !important;
}

.contieni-font .conf-checked {
    top: -23px;
}

.contieni-font img {
    margin-bottom: 20px;
    cursor: pointer;
}

.el-dark, .el-light {
    border-radius: 20px;
    cursor: pointer;
}

.el-dark {
    float: right;
}

.checked-light {
    right: auto;
    left: 145px;
}

.compositore-componenti {
    border-radius: 20px;
    background-color: white;
}

    .compositore-componenti h2 {
        color: #C83838 !important;
    }

    .compositore-componenti td {
        padding-left: 15px !important;
        padding-bottom: 0 !important;
        cursor: pointer;
    }

.padding-15 {
    padding: 15px;
}

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

#sortable li {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    cursor: pointer;
    padding-left: 15px;
    position: relative;
}

#sortable > li:nth-of-type(odd) {
    background-color: #f9f9f9;
}

#sortable .elimina-componente {
    position: absolute;
    right: 10px;
}

#sortable .contieni-icone {
    position: absolute;
    right: 40px;
}

.mostra-componente, .attiva-sfondo {
    display: none;
}

.attiva-sfondo, .disattiva-sfondo {
    margin-right: 5px;
}

.contieni-nuovo-slider, .contieni-nuovo-desc {
    display: none;
}

.text-default {
    color: #231F20 !important;
}

/*.template-bloccato{
    margin-top:10px;
}*/

.template-bloccato img {
    opacity: .3;
    filter: grayscale(40%);
    pointer-events: none;
}

.funzione-bloccata {
    opacity: .5;
    filter: grayscale(100%);
    pointer-events: none;
}

.sblocca-ora {
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: white;
}

    .sblocca-ora .btn-primary {
        background-color: #27aae1 !important;
        font-size: 18px !important;
        text-transform: none;
    }

.btn-azzurro, .configuratore .btn-azzurro {
    background: #27aae1;
    padding: 5px 20px 10px 20px;
    border: none;
    font-size: 18px;
    border-radius: 28px;
    color: #fff !important;
    position: relative;
    outline: none;
    line-height: 35px;
}

.margin-right-small {
    margin-right: 5px;
}

.modal-componenti p {
    font-size: 18px;
}

.configuratore .btn-zoom {
    background: #27aae1 !important;
    padding: 7px 9px 3px 7px;
    margin-top: 0 !important;
}

.colore-pro {
    margin: 0;
    /*display: table;*/
    display: flex;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

    .colore-pro input, .colore-pro .btn {
        margin-top: 10px;
    }

    .colore-pro > li {
        display: table-cell;
        float: none;
        text-align: center;
    }

.configuratore .btn-primary.btn-invia-colore:hover, .configuratore .btn-primary.btn-invia-colore:focus, .configuratore .btn-primary.btn-invia-colore:active {
    color: #fff !important;
    background-color: #C83838 !important;
}

@media (max-width: 700px) {
    .configuratore.padding-30 {
        padding: 10px !important;
    }

    .menu-configuratore li {
        padding: 10px 0;
    }

    .linee-curve, .el-dark {
        float: none;
    }

    .linee-curve, .linee-rette, .el-dark, .el-light {
        margin-left: auto;
        margin-right: auto;
    }

    .cecked-rette, .cecked-curve, .checked-light, .checked-light, .checked-dark {
        right: auto;
        left: 200px;
    }

    .configuratore .btn.btn-xl {
        font-size: 16px;
        padding: 11px 25px;
    }

    .configuratore .btn-primary.btn-invia-colore {
        color: #C83838 !important;
        padding: 8px 18px !important;
        font-size: 16px !important;
    }
}

/*REGISTRAZIONE*/

.registrazione-scelta {
    width: 300px;
    height: 300px;
    border: 1px solid #C83838;
    border-radius: 100%;
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .registrazione-scelta img {
        margin-top: -40px;
    }

    .registrazione-scelta b {
        margin-top: 60px;
        display: block;
        color: #231F20;
        font-size: 20px;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .registrazione-scelta:hover {
        background-color: #C83838;
        -webkit-transition: .5s;
        transition: .5s;
        text-decoration: none !important;
    }

        .registrazione-scelta:hover b {
            color: white;
            text-decoration: none !important;
            -webkit-transition: .5s;
            transition: .5s;
        }

.slide-registrazione {
    margin-left: 100px;
    margin-right: 100px;
}

    .slide-registrazione .form-control {
        max-height: 30px;
    }

    .slide-registrazione.slide-registrazione-user {
        min-height: 395px;
    }

    .slide-registrazione.slide-registrazione-professional {
        min-height: 410px;
    }

    .slide-registrazione.slide-registrazione-center {
        min-height: 410px;
    }

    .slide-registrazione .item {
        border-radius: 10px;
        border: 3px solid #C83838;
        padding: 40px 50px 30px 50px;
        background-color: white;
        margin-top: 50px;
    }

.reg-number {
    position: absolute;
    top: -55px;
    left: 47%;
}

.slide-registrazione .carousel-control {
    background-image: none !important;
    opacity: 1 !important;
    bottom: -50px;
    top: auto;
}


    .slide-registrazione .carousel-control.left {
        left: 35%;
    }

    .slide-registrazione .carousel-control.right {
        right: 35%;
    }

/*.slide-registrazione .carousel-control {
    background-image: none !important;
    opacity: 1 !important;
    color: #C83838;
    box-shadow: none !important;
    width: 40px;
}
    .slide-registrazione .carousel-control.right {
        right: -60px;
    }

    .slide-registrazione .carousel-control.left {
        left: -60px;
    }*/

.slide-registrazione label {
    font-size: 15px;
}

.mostra-pass {
    font-size: 14px !important;
    color: #231F20 !important
}

.info-codice {
    color: #231F20;
    margin: 3px 0 0 3px;
    float: left;
}

.slide-registrazione input[type=checkbox], .slide-registrazione input[type=radio] {
    margin-top: 6px;
}

.slide-registrazione hr {
    border-color: #C83838;
}

#reg-testo1, #reg-testo2 {
    display: none;
}

    #reg-testo1 h1, #reg-testo2 h1 {
        margin-bottom: 0;
    }

.btn-dis {
    background-color: #939598 !important;
    pointer-events: none;
}

#avanti-dis, #indietro {
    display: none;
}


.progress-reg .w3-progress-container {
    width: 82%;
    margin-top: 45px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

    .progress-reg .w3-progress-container::before {
        content: "1";
        position: absolute;
        top: -40px;
        width: 35px;
        height: 35px;
        background-color: #7ad06d;
        border-radius: 100%;
        left: 14%;
        color: white;
        font-weight: bold;
        display: none;
        padding-top: 4px;
    }

    .progress-reg .w3-progress-container.prog1::before {
        display: block;
        content: "1";
        left: 14%;
    }

    .progress-reg .w3-progress-container.prog1w::before {
        display: block;
        content: "1";
        left: 30%;
    }

    .progress-reg .w3-progress-container.prog2::before {
        display: block;
        content: "2";
        left: 28%;
    }

    .progress-reg .w3-progress-container.prog2w::before {
        display: block;
        content: "2";
        left: 63%;
    }

    .progress-reg .w3-progress-container.prog3::before {
        display: block;
        content: "3";
        left: 48%;
    }

    .progress-reg .w3-progress-container.prog4::before {
        display: block;
        content: "3";
        left: 47%;
    }

    .progress-reg .w3-progress-container.prog4b::before {
        display: block;
        content: "4" !important;
        left: 62% !important;
    }

    .progress-reg .w3-progress-container.prog5::before {
        display: block;
        content: "5";
        left: 80%;
    }

    .progress-reg .w3-progress-container.prog5a::before {
        display: block;
        content: "3";
        left: 80%;
    }

    .progress-reg .w3-progress-container.prog6::before {
        display: block;
        content: "FINE";
        left: 98%;
        font-size: 13px;
    }

    .progress-reg .w3-progress-container.prog1b::before {
        display: block;
        content: "1";
        left: 8%;
    }

    .progress-reg .w3-progress-container.prog2b::before {
        display: block;
        content: "2";
        left: 20%;
    }

    /* .progress-reg .w3-progress-container.prog3b::before {
        display: block;
        content: "3";
        left: 40%;
    }*/

    .progress-reg .w3-progress-container.prog4b::before {
        display: block;
        content: "3";
        left: 33%;
    }

    .progress-reg .w3-progress-container.prog5b::before {
        display: block;
        content: "4";
        left: 47%;
    }

    .progress-reg .w3-progress-container.prog6b::before {
        display: block;
        content: "5";
        left: 63%;
    }

    .progress-reg .w3-progress-container.prog6bb::before {
        display: block;
        content: "6";
        left: 82%;
    }

    .progress-reg .w3-progress-container.prog7b::before {
        display: block;
        content: "FINE";
        left: 98%;
        font-size: 13px;
    }

    .progress-reg .w3-progress-container.prog1c::before {
        display: block;
        content: "1";
        left: 31%;
    }

    .progress-reg .w3-progress-container.prog2c::before {
        display: block;
        content: "2";
        left: 64%;
    }

    .progress-reg .w3-progress-container.prog3c::before {
        display: block;
        content: "FINE";
        left: 100%;
        font-size: 13px;
    }

.reg-item7, .slide-registrazione-center .reg-item6 {
    background-color: transparent !important;
    border: 0 !important;
    text-align: center;
}

.margin-radio100 {
    margin-left: 100px !important;
}

.margin-radio80 {
    margin-left: 80px !important;
}

.margin-radio50 {
    margin-left: 50px !important;
}

.line-height-1 {
    line-height: 1 !important;
}

.line-height-1-2 {
    line-height: 1.2 !important;
}

@media (max-width: 700px) {
    .registrazione-scelta {
        width: 220px;
        height: 220px;
        margin-bottom: 50px;
    }

        .registrazione-scelta b {
            margin-top: 55px;
            font-size: 16px;
            line-height: 18px;
        }

        .registrazione-scelta img {
            width: 70px;
        }

    .slide-registrazione {
        margin-left: 0;
        margin-right: 0;
        min-height: none;
    }

        .slide-registrazione .item {
            padding: 40px 20px;
        }

        .slide-registrazione .carousel-control.left {
            left: 16%;
        }

    .reg-number {
        left: 39%;
    }

    .reg-pulsanti a {
        width: 100%;
        margin-bottom: 10px;
    }

    .progress-reg .w3-progress-container.prog6::before {
        left: 90%;
    }

    .margin-radio100, .margin-radio80, .margin-radio50 {
        margin-left: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    .registrazione-scelta {
        width: 220px;
        height: 220px;
    }

        .registrazione-scelta b {
            margin-top: 30px;
            font-size: 16px;
            line-height: 18px;
        }

    .slide-registrazione .carousel-control.left {
        left: 30%;
    }

    .slide-registrazione .carousel-control.right {
        right: 30%;
    }

    .margin-radio100 {
        margin-left: 50px;
    }

    .margin-radio80 {
        margin-left: 40px;
    }

    .slide-registrazione {
        min-height: none;
    }

    .margin-radio100, .margin-radio80, .margin-radio50 {
        margin-left: 10px !important;
    }
}



@media (min-width: 992px) and (max-width:1199px) {
    .margin-radio100, .margin-radio80, .margin-radio50 {
        margin-left: 30px !important;
    }
}

.logo-header-kainet img {
    max-width: 100px !important;
}

.logo-header-kainet a {
    padding-top: 12px !important;
}

.menu-arrow {
    margin-top: 7px;
    float: right;
    margin-left: 3px;
}

@media (min-width: 768px) and (max-width: 991px ) {
    .menu ul.main-menu li.dropdown a {
        font-size: 13px !important;
        padding: 15px 5px;
    }

    .logo-header-kainet img {
        max-width: 60px !important;
        margin-top: 5px;
    }
}

@media (max-width: 700px) {
    .logo-xs-kainet {
        float: left;
    }

    .logo-header-kainet {
        max-width: 85px !important;
        margin-top: 10px;
    }

    .modal-dialog {
        top: 50px;
    }
}

.link-box-configuratore a {
    display: block;
    background-color: #f8f8f8;
    border-radius: 10px;
    padding: 18px;
    -webkit-transition: .3s;
    transition: .3s;
}

    .link-box-configuratore a:hover {
        text-decoration: none;
        background-color: #e0eef5;
        -webkit-transition: .3s;
        transition: .3s;
    }

label {
    font-size: 15px;
}

ul.edit-menu li a:hover, #lp-palestre-trainer a:hover {
    text-decoration: none;
}

.contieni-filtro {
    padding: 20px;
}

    .contieni-filtro .btn-secondary {
        padding: 6px 40px;
        font-size: 16px;
    }

.ricerca-dashboard input {
    margin: 0 20px 0 10px;
}

.ricerca-dashboard .btn-cerca {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background-color: #27aae1;
    text-align: center;
    padding-top: 10px;
    display: inline-block;
}

.dashboard .work-info {
    min-height: 152px;
}

    .dashboard .work-info .text-big {
        font-size: 45px;
        color: #231f20;
        font-weight: 600;
    }

        .dashboard .work-info .text-big small {
            font-size: 20px;
        }

.dashboard .btn-primary {
    background-color: #27aae1;
    font-size: 14px !important;
}

    .dashboard .btn-primary.btn-green {
        background-color: #6eaf55;
    }

.text-potenziale {
    font-size: 72px;
}

    .text-potenziale small {
        font-size: 33px;
    }

.text-yellow {
    color: #e9c918;
}

.dashboard .progress-reg .w3-progress-container {
    margin-top: 20px;
}

.text-mb {
    font-size: 30px;
    color: #231f20;
}

.carousel-corsi {
    padding-left: 40px;
    padding-right: 40px;
}

    .carousel-corsi img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px 10px 0 0;
    }

    .carousel-corsi .carousel-control {
        background-image: none;
        width: 30px;
    }

    .carousel-corsi .text-carousel {
        padding: 10px;
        text-align: center;
    }

.prog-percentuale {
    padding-top: 26px;
}

.tab-condividi .nav-tabs > li.active > a, .tab-condividi.nav-tabs > li.active > a:focus, .tab-condividi .nav-tabs > li.active > a:hover {
    background-color: #f2f2f2;
}

.tab-condividi .nav-tabs {
    margin-left: 7px;
    margin-right: 7px;
}

.btn-copia-link {
    margin-left: 10px;
}

.text-18, .configuratore p.text-18 {
    font-size: 18px !important;
}

.dashboard-logo {
    max-height: 100px;
}

.btn-cancella {
    width: 38px;
    height: 38px;
    border-radius: 100%;
    background-color: #C83838;
    text-align: center;
    padding-top: 10px;
    display: inline-block;
}

.input-carica-logo {
    width: 80%;
    font-size: 12px;
    margin-left: 10px;
    margin-top: 5px;
}

#btnDivFiltra .btn-primary, #btnDivRicerca .btn-primary, body.on-demand-page .categoryButton, body.on-demand-page .category {
    padding: 2px 30px;
    height: 37px;
    line-height: 34px;
}

.profile-link {
    word-wrap: break-word;
}

#BodyTransformationsDetail .modal-title {
    word-break: break-all;
}


@media (max-width: 700px) {
    .btn-copia-link {
        margin-left: 0;
        margin-top: 5px;
        display: block;
    }

    .dashboard .btn-green {
        display: block;
    }

    .list-ricerca li {
        display: block;
        clear: both;
    }

    .btn {
        white-space: normal;
    }

    #BodyTransformationsDetail iframe, #BodyTransformationsDetail img {
        max-width: 100% !important;
    }

    .menu-palestre .navbar-collapse {
        max-height: 530px;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    .prog-percentuale {
        padding-top: 9px;
    }

    .dashboard .progress-reg .w3-progress-container {
        margin-top: 10px;
    }

    .carousel-corsi img {
        height: 150px;
    }

    #BodyTransformationsDetail iframe, #BodyTransformationsDetail img {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .carousel-corsi img {
        height: 150px;
    }


    .btn-carrello {
        padding-top: 7px !important;
    }
}

.password-toggle-icon {
    position: absolute;
    right: 20px;
    top: 5px;
    cursor: pointer;
}

}

.lista-utenti-coupon {
    margin-top: 10px;
}

.acqQuantita {
    width: 40px;
}

.img-carrello {
    object-fit: cover;
    width: 100%;
    height: 70px !important;
}

.carrelloitem {
    margin-bottom: 5px;
    /*  border-bottom:1px solid #6d6e71;*/
    padding-bottom: 5px;
}


    /*.carrelloitem:nth-child(odd) {
    background-color: #f1f2f2;
}*/
    .carrelloitem .col-md-1 {
        padding-left: 0;
    }

.prodotto-correlato img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}



@media (max-width: 700px) {
    .carrelloitem p {
        font-size: 13px !important;
    }

    .intestaz-carrello p {
        font-size: 12px !important;
    }

    .carrelloitem, .intestaz-carrello, .tot-carrello {
        padding-left: 5px;
        padding-right: 5px;
    }

    .prodotto-correlato img {
        width: 200px;
        height: 200px;
        object-fit: cover;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
}

/*CONFIGURATORE*/

@media (min-width:1200px) and (max-width:1450px) {
    .abb-pers p {
        line-height: 16px;
    }

    .abbonamenti-home ul {
        margin-left: 0px;
    }
}

@media (max-width:1450px) {
    .visible-1450 {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px ) {
    body.home h2 {
        font-size: 26px;
    }

    body.home h3 {
        font-size: 19px;
    }

    .abbonamenti-home ul {
        margin-left: 0px;
    }

    .abb-pers p {
        line-height: 16px;
        font-size: 14px !important;
    }

    .btn.btn-xl {
        font-size: 15px;
        padding: 15px 15px;
    }

    .abbonamenti-home li {
        font-size: 13px;
        line-height: 24px;
        padding-left: 10px;
    }

    .abbonamenti-home .padding-20 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .carousel-corsi img {
        height: 150px;
    }

    .btn.btn-xl {
        padding: 15px 30px;
    }

    .abb-pers p {
        line-height: 16px;
    }

    body.home h3 {
        font-size: 27px;
    }

    .abbonamenti-home ul {
        margin-left: 0px;
    }

    .abbonamenti-home li {
        font-size: 14px;
        line-height: 27px;
        padding-left: 15px;
    }
}

@media (max-width: 700px) {
    .abbonamenti-home li {
        padding-left: 10px;
        line-height: 27px;
    }

    .menu-palestre .navbar-collapse {
        max-height: 530px;
    }
}

.background-light-green {
    background-color: #f2fef4;
}

.background-light-red {
    background-color: #FFCCCC;
}

.carousel-agevolazioni .img-agevolazioni {
    object-fit: cover;
    width: 100%;
    height: 250px;
    border-radius: 10px;
}

.line-grey {
    background: #dadfdf;
}

.carousel-agevolazioni .item {
    padding-left: 30px;
    padding-right: 30px;
}

.carousel-agevolazioni .carousel-control {
    background-image: none;
    text-shadow: none;
    width: 30px;
}

    .carousel-agevolazioni .carousel-control svg {
        margin-top: 120px;
    }

    .carousel-agevolazioni .carousel-control.right svg {
        margin-left: 5px;
    }

.text-carousel-ag {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    color: white;
    transform: translate(0, 50%);
    text-align: center;
}

.cursor-pointer {
    cursor: pointer;
}

.tabs-affiliazioni img {
    max-width: 80px;
}

@media (max-width: 700px) {
    .carousel-agevolazioni .img-agevolazioni {
        height: 330px;
    }
}

/* Media query per dispositivi mobili */
@media (max-width: 768px) { /* Questo valore può variare in base al breakpoint che consideri per "mobile" */
    body.on-demand-page .friend-list .friend-card {
        border-bottom: 0px;
        height: 720px !important;
    } 
}

/*IMPAGINAZIONE LISTA ESERCIZI*/

.div-item-scheda {
    background-color:#f1f2f2;
    border-radius:5px;
    padding:15px;
    width:100%;
    margin-top:15px
}

.nome-utente-scheda {
    height: 50px !important;
}

    .nome-utente-scheda h4 {
        text-transform: uppercase;
        color:#231F20;
        margin-bottom:0;
    }

.img-scheda {
    height: 150px !important;
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .img-scheda img {
        max-height: 150px;
        width: 100%;
        object-fit: cover;
    }



.esercizio p {
    font-size: 14px !important;
    line-height:1.1 !important;
    opacity:1 !important;
}

.esercizio .btn-primary {
    cursor: pointer;
    background: #27aae1 !important;
    padding: 7px 13px;
    font-size: 15px;
}

    .esercizio .btn-primary.canc {
        cursor: pointer;
        padding: 5px 7px !important;
        border-radius: 100% !important;
        background-color: #c83838 !important;
    }

.contieni-esercizio {
    height: 110px !important;
    margin-top:20px;
}
.calendario-home {
    background-color: #f0f0f0;
}

    .calendario-home .btn-prev {
        margin: .2em .5em;
    }

    .calendario-home .btn-next {
        margin: .2em .5em;
    }

    .calendario-home .month {
        font-size: 25px !important;
        text-transform: uppercase;
        margin-top: 5px !important;
    }

.sezione-intro .background-secondary .calendario-home a {
    color: #b4b4b4 !important;
}

.image-container-template3 {
    position: relative;
}

.badge-container {
    position: absolute;
    top: 12px; /* Più vicino al bordo */
    right: 12px;
    background-color: var(--main-bg-color);
    color: white;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.image-template3 {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border: 1px solid transparent;
}

.btn-custom-nav {
    display: inline-flex;
    align-items: center; /* Centra verticalmente icona e testo */
    justify-content: center;
    height: 40px; /* Altezza uniforme */
    font-size: 16px;
    padding: 8px 12px;
    background: #C83838;
    color: white;
    border: none;
    gap: 6px; /* Distanza tra icona e testo */
}

.btn-custom-nav:hover {
    background: #A62F2F; /* Leggermente più scuro al passaggio */
}

/* Evita che l'icona sia troppo schiacciata */
.btn-custom-nav .iconify {
    display: inline-block;
    vertical-align: middle;
}

/* Badge posizionato sopra l'immagine */
.custom-badge-container {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--main-bg-color, red); /* Cambia con il colore desiderato */
    color: white;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.custom-box-img {
    width: 100%;
    height: 200px; /* Imposta un'altezza fissa o dinamica */
    background-size: cover;
    background-position: center;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .badge-container {
        width: 28px; /* Rende il bollino più piccolo */
        height: 28px;
        top: 10px; /* Sposta il bollino più in basso per stare dentro l'immagine */
        right: 18px;
    }
}

.video-container {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio per desktop */
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* Mobile: 500x580 */
@media screen and (max-width: 768px) {
    .video-container {
        padding-top: 116%; /* 500x580 px aspect ratio */
    }
}

@media (min-width: 1280px) and (max-width:1600px) {
    
}

#ModalPreview .modal-dialog {
    width: 90%;
}

.box-carino {
    width: 60% !important;
    background-color: white; /* Sfondo bianco */
    border-radius: 10px; /* Angoli arrotondati */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Ombra leggera */
    padding: 20px; /* Spaziatura interna */
    margin: 15px; /* Distanza dagli altri elementi */
    transition: transform 0.3s ease-in-out; /* Effetto hover */
}


#card_5_element_blocco-personalizzato .card5-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#card_5_element_blocco-personalizzato .card5-text-wrapper {
    overflow: hidden;
    transition: max-height 0.4s ease;
    max-height: 120px;
}

    #card_5_element_blocco-personalizzato .card5-text-wrapper.card5-collapsed {
        max-height: 120px;
        overflow: hidden;
        position: relative;
        display: block;
    }

    #card_5_element_blocco-personalizzato .card5-text-wrapper.card5-expanded {
        max-height: none;
        overflow: visible;
        display: block;
    }

#card_5_element_blocco-personalizzato .card5-footer {
    margin-top: 10px;
    /* forza visibilità */
    z-index: 1;
    position: relative;
    background: white; /* utile se il testo ha background trasparente */
}

#card_5_element_blocco-personalizzato .card5-container .card5-toggle {
    color: #0056b3 !important; /* esempio colore e forza con !important */
}

#card_5_element_blocco-personalizzato .uk-card-body.card5-container {
    padding-top: 10px; /* o meno */
}

#card_5_element_blocco-personalizzato .uk-card-body.card5-container {
    padding: 10px 20px; /* top/bottom e left/right */
}

#card_5_element_blocco-personalizzato .card5-container > h3.uk-card-title {
    margin-top: 5px;
    color: #000; /* assicurati che non venga sovrascritto */
}

#card_5_element_blocco-personalizzato .square-image-container {
    position: relative;
    width: 100%;
    padding-top: 100%; /* forza altezza = larghezza → quadrato */
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    #card_5_element_blocco-personalizzato .square-image-container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* mantiene proporzioni, tagliando */
        object-position: center; /* centra il taglio */
        display: block;
    }

#card_5_element_blocco-personalizzato .uk-slider-items > li {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#card_5_element_blocco-personalizzato .uk-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#card_5_element_blocco-personalizzato .uk-card-media-top {
    aspect-ratio: 1 / 1; /* forza quadrato */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #card_5_element_blocco-personalizzato .uk-card-media-top img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }