/************HEADER********/
.icon-search::before {
    content: '\eb60';
    font-family: unicons;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#tasks_mobile, #notifications_mobile, #messages_mobile {
    margin-top: 10px;
}
@media only screen and (max-width: 1280px){
    /* ERRORS */
    section.error  {
        margin: 17% auto;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px){
    /* ERRORS */
    section.error  {
        margin: 10% auto;
    }
}

@media only screen and (max-width: 960px) {
    /*******MENU SECONDARIO******/
    header nav li {
        display: inline-block;
        position: relative;
    }
    .secondary-nav-bar .content {
        position: relative;
        display: block !important;
        width: 100% !important;
        margin: 0px !important;
        padding: 0px;
        right: 0px;
        left: 0px;
    }

    .secondary-nav-bar a {
        font-family: 'Roboto', sans-serif;
        color: #fff;
        display: block;
        padding-right: 10px;
        font-size: 14px;
        transition: all .2s;
        text-transform: normal;
        color: #444;
    }
    .secondary-nav-bar li + li::before {
        content: "";
        width: 1px;
        height: 13px;
        position: absolute;
        top: 12px;
    }
    /*******FINE MENU SECONDARIO******/

    #messages_mobile h1, #notifications_mobile h1,  #tasks_mobile h1 {
        text-transform: normal;
        color: #777;
        font-size: 12px;
        font-weight: 300;
        margin: 0;
        margin-bottom: 8px;
    }
}
@media only screen and (max-width: 800px) {



    header .commands a.btn {
        text-align: center !important;
    }
    nav .notifications::after {
        content: attr(data-link);
        color: #666;
        display: list-item;
        font-family: 'Roboto', sans-serif;
        padding-left: 25px;
        font-weight: 300;
        font-size: 15px;
        top: 0px;
        height: 0px;
        transition: padding-left 0.5s ease; /* vendorless fallback */
        -o-transition: padding-left 0.5s ease; /* opera */
        -ms-transition: padding-left 0.5s ease; /* IE 10 */
        -moz-transition: padding-left 0.5s ease; /* Firefox */
        -webkit-transition: padding-left 0.5s ease; /*safari and chrome */
    }
    .notifications.connection[href="#grimlock-registrati-form-modal"], .notifications.task[href="#grimlock-accedi-form-modal"] {
        display:inline-block !important;
    }

    #global-search, .notifications.search, .notifications.connection, .notifications.message, .notifications[href="#partner"], .notifications[href="#tasks"], .notifications[data-link="Partner Finder"], .notifications[data-link="partner finder"], .left-compact-footer {
        display:block !important;
    }

    nav #global-search, nav .notifications.search, nav .notifications.task, nav .notifications.connection, nav .notifications.message, nav .notifications.profile, nav .notifications[href="#partner"], nav .notifications[data-link="partner finder"], nav .interal_menu > li > a{
        display:inline-block !important;
        border-bottom:1px solid #eee;
    }
    .interal_menu {
        margin-top: 20px !important;
    }
    header .tools .mytools {
        padding-top: 0px !important;
    }

    header .tools li {
        width: 48px;
        margin-right: 0px !important;
    }
    header .tools a.notifications[data-link]::after {
        font-size: 10px;
    }

    header .pure-u-1-5, header .pure-u-2-3 {
        display: block;
    }

    div.mytools .arrow-down {
        right: -17px;
    }
    nav .notifications[data-link="partner finder"]  .arrow-down {
        right: -16px;
    }

    .mobile{
        display: none !important;
        width: 32px !important;
    }
    .mobile.owner_qas_mobile {
        width: 100% !important;
    }
    header .tools a.logo img {
        width: auto;
        margin-top: 0;
        min-height: 40px;
    }

    header .tools ul {
        margin-right: 35px !important;
    }

    header .tools a.profile img {
        width: 32px;
    }
    header .tools a.profile {
        height: 32px;
    }
    header li {
        margin-right: 0px;
    }
    .logo-mobile {
        height: auto;
        margin: 10px 15px 0 15px;
    }
    .logo-mobile img {
        width: 120px;
        height: auto;
        max-width: inherit;
    }
    header .tools .panel {
        padding: 8px;
    }
    header .tools .panel {
        padding-top: 10px;
    }
    #profile, #activity {
        right: 0px;
        z-index: 10000;
    }

    #contacts {
        right: 150px;
        z-index: 10000;
    }

    #messages, #notifications, #tasks {
        right: 0px;
        z-index: 10000;
    }
    .registration-page div.step1, .registration-page div.step2, .registration-page div.step3 {
        width:100%;
        float:left;
        position:relative;

    }
    .registration-page ul li {
        width:50% !important;
        float:left;
    }
    .registration-page ul li label{
        display: block !important;
        width:100% !important;
    }

    div.step2 a.button {
        width: 48% !important;
        padding: 12px;
        border: none;
        border-radius: 4px;
        margin: 5px;
        opacity: 0.85;
        display: inline-block;
        font-size: 17px;
        line-height: 20px;
        text-decoration: none; /* remove underline from anchors */
    }
    /* HBR */
    section.top.hbr {
        padding: 0;
        background: url(../img/hbr_img/top-hbr-rivista.jpg) 40% center no-repeat #A6B9D9;
        position: relative;
        z-index: 90;
        margin-top: 0px;
    }
    section.top.hbr .patch {
        width: 50%;
    }
    /* Fine HBR */

    /************HOME LEARNING********/
    section.top.Learning {
        background: url(../img/top-learning.gif) 40% center no-repeat #75AF05;
    }
    section.introArea#livelearning div.pure-u-1-5, section.introArea#lms div.pure-u-1-5, section.introArea#lms-courses div.pure-u-1-5, section.introArea#goodhabitz div.pure-u-1-5, section.introArea#hbr div.pure-u-1-5 {
        width: 100% !important;
    }
    section.introArea#livelearning div.pure-u-4-5, section.introArea#lms div.pure-u-4-5, section.introArea#lms-courses div.pure-u-4-5, section.introArea#goodhabitz div.pure-u-4-5, section.introArea#hbr div.pure-u-4-5 {
        width: 100% !important;
    }
    /************FNE HOME LEARNING********/

}
@media only screen and (min-width: 480px) {
    .logo-mobile {
        display: none !important;
    }

}
@media only screen and (max-width: 360px) {
    #contacts {
        right: 0px;
    }
    .event-calendar-item {
        padding: 10px;
        transition: transform .2s;
        width: 90%;
        height: 410px !important;
        margin: 0 auto 15px auto !important;
        border: 1px solid #ccc;
    }

    .learning h3 {
        font-size: 14px !important;
        min-height: 85px !important;
    }

}
@media only screen and (min-width: 360px) and (max-width: 480px){
    .event-calendar-item {
        padding: 10px;
        transition: transform .2s;
        width: 90%;
        height: 475px !important;
        margin: 0 auto 15px auto !important;
        border: 1px solid #ccc;
    }
    header .tools a.logo img{
        width: auto;
        margin-top: 0;
        max-height: 30px;
        min-height: 0;
    }
    .learning h3 {
        font-size: 14px !important;
        min-height: 63px !important;
    }
    div.current-filters.mobileFilter  {
        display:block !important;
    }
    div.current-filters.mobileFilter h1 {
        font-weight:500;
        margin-top:5px !important;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter {
        display:inline-block;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li  {
        display: inline-flex;
        font-size: 0.68em;
        border: 1px solid #ccc;
        padding: 2px 4px;
        width: 15%;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li a {
        color: #000;
        text-align: center;
        margin:0 auto;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li:hover {
        border: 1px solid #FB7D00;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active {
        border: 1px solid #FB7D00;
        background:#FB7D00;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active a {
        color:#Fff;
    }
    /* ERRORS */
    section.error  {
        max-width: 365px;
        margin: 28% auto;
    }
    div.addCompany {
        position: relative !important;
        padding-top: 20px;
    }
    #personal-data-view, #personal-data-edit {
        margin-top: 0 !important;
    }
    #personal-data-edit ul li {
        padding-right: 0;
        width: 100%;
        margin-left: 10px;
        display: block;
        flex-direction: column;
        padding-bottom: 5px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 800px){
    header .tools ul {
        margin-right: 35px !important;
    }
    .main {
        padding-top: 70px;
    }

    .modal-dialog.modal-dialog-centered {
        margin-top: 150px !important;
    }
    #contacts {
        right: 150px;
    }
    div.current-filters.mobileFilter  {
        display:block !important;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li  {
        display: inline-flex;
        font-size: 0.68em;
        border: 1px solid #ccc;
        padding: 2px 4px;
        width: 15%;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li a {
        color: #000;
        text-align: center;
        margin:0 auto;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li:hover {
        border: 1px solid #FB7D00;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active {
        border: 1px solid #FB7D00;
        background:#FB7D00;
    }
    div.current-filters.mobileFilter ul#filterCalendar.monthFilter li.active a {
        color:#Fff;
    }
}

@media only screen and (max-width: 480px) {
    .registerPage {
        background: var(--main-color)!important;
        margin-bottom: -110px;
        padding: 80px 0;
        height: 100%;
        margin-top: -90px;
    }

    header .tools a.logo  {
        display: block;
    }
    header .tools a.logo.login  {
        display: block;
    }

    header .tools ul {
        margin-right: 0px !important;
    }
    .modal-dialog.modal-dialog-centered {
        margin-top: 180px !important;
    }
    section.top {
        padding: 0 20px;
    }
    article .patch {
        width: 100% !important;
    }
    .undertop h2 {
        font-size: 15px !important;
        height: 30px;
    }
    section.introArea img {
        margin: 10px 0;
    }
    section#if02 div.title-if02_2, section#if02 div.title-if02_3, section#if02 div.title-if02_4, section#if02 div.title-if02_1 {
        margin-top: 20px;
    }
    .first-contact-bootbox {
        position: fixed;
        top: 25%;
        left: 5% !important;
        width: 90% !important;
        z-index: 10000000;
    }
    button.btn-chat-send {
        margin-top:-4px;
    }

    .login-page ul li label[for="privacy"] {
        text-align: left;
        font-size:14px !important;
    }
    .login-page ul li label[for="terms"] {
        text-align: left;
        font-size:14px !important;
    }
    .item.daily-event .eventImage {
        max-width: 100% !important;
        padding-right: 0px !important;
        width: 100%;
    }
    .registration-page {
        padding: 0;
        margin-left:0;
        float:left;
        width:100%;
        text-align: left;
    }
    .registration-page div.step1, .registration-page div.step2, .registration-page div.step3 {
        width:100%;
        float:left;
        position:relative;

    }
    .registration-page ul li {
        width:100% !important;
        float:left;
    }
    .registration-page ul li label{
        display: block !important;
        width:100% !important;
    }

    div.step2 a.button {
        width: 100% !important;
        padding: 12px;
        border: none;
        border-radius: 4px;
        margin: 5px;
        opacity: 0.85;
        display: inline-block;
        font-size: 17px;
        line-height: 20px;
        text-decoration: none; /* remove underline from anchors */
    }
    #conference-call .task-wizard li label {
        width: 45%;
    }
    #conference-call .task-wizard li input{
        padding: 6px;
        width: 35% ! important;
        display: inline;
    }
    #conference-call-owner .task-wizard li label {
        width: 45%;
    }
    #conference-call-owner .task-wizard li input{
        padding: 6px;
        width: 35% ! important;
        display: inline;
    }
    a#conference-call-add.btn.pull-right {
        top: -8px !important;
    }
    .btn.small  {
        font-size: 13px !important;
    }
    article .tasks .qa-mode .labelCall {
        width: 100%;
        font-size:13px;
        font-weight:600;
    }
    article .tasks .qa-mode .label time {
        margin-left: 3px;
    }
    article .tasks .qa-mode .availability div.commandsRight {
        text-align: center;
        padding: 0 0 8px 0;
        margin: 0 auto !important;
        width: 100%;
        float: right;
        font-size:14px;
    }
    article .tasks .qa-mode .availability div.confirmedRight {
        text-align: left;
        padding: 0 0 8px 0;
        margin: 0px auto;
        width: 100%;
        float: left;
        font-size: 14px;
    }
    .editRoom button.btn {
        font-size: 13px !important;
        margin-top: 5px;
    }
    .editRoom textarea {
        width: 100%;
    }
    #reschedule-Conference-0 .task-wizard li label, #reschedule-Conference-1 .task-wizard li label, #reschedule-Conference-2 .task-wizard li label {
        width: 45%;
    }
    #reschedule-Conference-0 .task-wizard li input, #reschedule-Conference-1 .task-wizard li input, #reschedule-Conference-2 .task-wizard li input{
        padding: 6px;
        width: 35% ! important;
        display: inline;
    }
    div.join-call ul {
        list-style-type: none;
        padding: 0 10px;
        margin: 0;
        border:none;
    }
    /***************PRICE MODAL ***************/
    .prices-modal-content {
        width: 100% !important;
        margin: 0;
        padding:15px;
    }
    .pt-special .pt-rows li.title {
        font-size: 24px;
    }
    .big-button {
        font-size: 13px;
        padding: 10px 10px;
        word-break: break-all;
        white-space: normal !important;
    }
    .attr-col {
        width: 150px;
    }
    .attr-col ul {
        font-size: 12px;
        padding-left: 0px;
    }
    .attr-col ul li {
        padding: 0 6px;
    }
    .pt-table {
        padding-left: 150px;
    }
    .pt-rows li span {
        width: 32%;
    }
    .pt-rows li.title {
        font-size: 20px;
    }
    /************FINE RICE MODAL********/

    /************HBR********/
    div.hbrBottomBanner div.hbrDealBanner {
        position: absolute;
        right: 14% !important;
        top: -15px !important;
        color: #fff;
        font-weight: 500;
        font-size: 18px;
        background: #D90000;
        padding: 5px 15px;
    }
    .learning-top-banner.hbr p {
        width: 100%;
    }
    div.hbr-pills {width:100%; }

    section.top.hbr.innovation {
        background: url(../img/hbr_img/top-hbr-innovation.jpg) top center no-repeat #E4E4E4;
    }
    section.top.hbr {
        padding: 0 !important;
        background: url(../img/hbr_img/top-hbr-rivista.jpg) 20% center no-repeat #A6B9D9 !important;
        position: relative;
        z-index: 90;
        margin-top: 40px !important;
    }
    section.top.hbr .patch h1 {
        font-size: 44px;
    }
    section.hbrRivista span.underline-heading {
        left: 39%;
    }
    section.hbrRivista.hbrAbbonamento div.hbr-sales-code {
        width: 80%;

    }
    section.form.hbr fieldset {
        padding: 16px;
        border-radius: 10px;
        margin: auto;
        display: contents;
        text-align: left;
    }
    /************FINE HBR********/

    /************GoodHabitz********/
    .learning-top-banner.gh {
        background-position: left !important;
        background-size: auto !important;
    }
    /************FINE GoodHabitz********/

    /************HOME LEARNING********/
    section.top.Learning {
        padding: 10px;
        background: #75AF05;
        position: relative;
        z-index: 90;
        margin-top: -39px;
    }
    section.top.Learning.guest, section.top.Learning.not_hr_member {padding:0; background:url("../img/top-learning_guest.jpg") 0 0 no-repeat; position:relative; z-index:90;margin-top:-27px;}

    section.introArea#livelearning div.pure-u-1-5, section.introArea#lms div.pure-u-1-5, section.introArea#lms-courses div.pure-u-1-5, section.introArea#gh div.pure-u-1-5, section.introArea#hbr div.pure-u-1-5, section.introArea#sk div.pure-u-1-5 {
        width: 100% !important;
    }
    section.top.Learning.member {
        padding: 55px 0 20px 0;
        background: #25263B;
        background-image: none;
        position: relative;
        z-index: 90;
        margin-top: -40px;
        background-size: cover;
    }
    div#bloccopopupattivo  {
        margin: 30% auto 0px !important;
    }
    div.pure-u-1-3.ls-content div.mr-20   {
        margin-right: 0px !important;
    }
    .learning .ls-content p, .learning .ls-content h2 {
        text-align: left !important;
    }

    /************FNE HOME LEARNING********/


    .learning .bp-item {
        width: 100%;
    }
    .learning div.bp-preferred {
        margin-left: 265px;
    }
    div#boxes div.modal-content a.login {;
        font-size: 17px !important;
    }
    .modal-content.Accedi {
        width: 90%;
        margin: 0 auto;
    }
    .learning-top-banner.livelearning {
        background-image: none !important;
        padding: 100px 20px 20px !important;
    }
    .learning-top-banner.livelearning p {
        width: 100%;
    }
    .learning-top-banner.lms, .learning-top-banner.lms-courses {
        background-image: none !important;
        padding: 100px 20px 20px !important;
    }
    .learning-top-banner.lms p, .learning-top-banner.lms-courses p {
        width: 100%;
    }
    section#categories.introArea, section#howto.introArea, section#projects.introArea, section#timeline.introArea, section#abstract.introArea {
        padding: 40px 0px !important;
        background-size:contain !important;
    }
    div.pure-u-1-5.bhrt-homeHit {
        width: 100%;
    }
    div.current-filters.mobileFilter  {
        display:block !important;
    }
    div.current-filters.mobileFilter h1 {
        font-weight:500;
        margin-top:5px !important;
    }
    article .network-filters form {
        float: none ;
    }
}


@media only screen and (min-width: 800px) {
    .mobile {
        display: none !important;
    }
    .main {
        padding-top: 86px;
    }
    section.top.hbr {
        padding: 90px 0;
        background: url(../img/hbr_img/top-hbr-rivista.jpg) 50% center no-repeat #A6B9D9;
        position: relative;
        z-index: 90;
        margin-top: 0;
    }
    /************HOME LEARNING********/


    /************FNE HOME LEARNING********/
}

/************FINE HEADER********/

/***************MENU MOBILE ***************/
/**
 * Panello latearle autouscente con navigazione
 * che esce al clic da sinistra
 */

.nav {
    /*  largezza libera, potrai sperimentare */
    width: 320px;
    min-width: 320px;
    /* fissimo e indichimo l'altezz massimale  */
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    /* spostimo(nscondimo)il panelo rispetto bordo sinistro della pagina  */
    right: -320px;
    /* spazzi interni */
    padding: 15px 20px;
    /* regoliamo la uscita del panello  */
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    transition: left 0.3s;
    /* indichimo il colore dello sfondo del panello */
    background: white;
    /* indichiamo che sara sopra tutti gli altri elementi della pagina  */
    z-index: 1000;
}


/**
 * Bottone interruttore del panello
 * tag <label>
 */
.nav-toggle {
    /* posizionamento assoluto*/
    position: absolute;
    /*  spazio rispetto bordo sinistro del panello  */
    right: 340px;
    /* rispetto bordo superiore  */
    top: 0px;
    /* spazzi interni  */
    padding: 0.5em;
    /* indichimo il colore dllo sfondo del interruttore
     * di solito corrisponde al colore del panello
    */
    background: white;
    /* colore del testo */
    color: #666;
    /* tipo del cursore */
    cursor: pointer;
    /* altezza del font */
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
    /* sempre in prima vista rispetto altri elementi della pagina  */
    z-index: 2001;
    /* animazione del colore del testo al hover */
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

nav .nav-toggle {
    top: 0px !important;
}


/* identifichino il teso del bottone interruttore
 * simbolo Unicode (TRIGRAM FOR HEAVEN)
*/

.nav-toggle:after {
    content: '\2630';
    text-decoration: none;
}


/* colore del testo al hover  */

.nav-toggle:hover {
    color: #333;
}


/**
 * Checkbox nascosto
 * invisibile e inaccessibile  :)
 * nome del selettore del attributo del checkbox
 */

[id='nav-toggle'] {
    position: absolute;
    display: none;
}


/**
 * cambiamento della posizione del iterutore
 * in caso di dispositivi mobili
 * quando panello aperto si trova al interno del panello */

[id='nav-toggle']:checked ~ .nav > .nav-toggle {
    left: auto;
    right: 20px;
    top: 1em;
}


/**
 * Quando checkbox selezionato, aprire panello
 * usiamo pseudo-classe :checked
 */

[id='nav-toggle']:checked ~ .nav {
    right: 0;
    box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -moz-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    -webkit-box-shadow:-4px 0px 20px 0px rgba(0,0,0, 0.5);
    overflow-y: auto;
}


/*
 * spostamento del contenuto della pagina
 * per largezza del panelo ,
 * non e obbligatorio il trucco, ma puoi sempre usarlo
*/

[id='nav-toggle']:checked ~ main > article {
    -webkit-transform: translateX(-320px);
    -moz-transform: translateX(-320px);
    transform: translateX(-320px);
}


/*
 * cambio simbolo del bottone interruttore ,
 * solita croce  (MULTIPLICATION X),
 * potrai utilizare qualsiasi altro simbolo
*/

[id='nav-toggle']:checked ~ .nav > .nav-toggle:after {
    content: '\2715';
}



/**
 * prefissi per Android <= 4.1.2
 *
 */
@-webkit-keyframes bugfix {
    to {
        padding: 0;
    }
}


/**
 * per dispositivi medie e piccoli
 */

@media screen and (min-width: 320px) {
    html,
    body {
        margin: 0;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 320px) {
    html,
    body {
        margin: 0;
        overflow-x: hidden;
    }
    .nav {
        width: 100%;
        box-shadow: none
    }
}


/**
 * Definiamo lo stile del titolo(logo) del panello
*/

.nav h2 {
    width: 90%;
    padding: 0;
    margin: 10px 0;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .1) -1px -1px 1px, rgba(0, 0, 0, .5) 1px 1px 1px;
    font-size: 1.3em;
    line-height: 1.3em;
    opacity: 0;
    transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -webkit-transform: scale(0.1, 0.1);
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    transition: opacity 0.8s, transform 0.8s;
    -ms-transition: opacity 0.8s, -ms-transform 0.8s;
    -moz-transition: opacity 0.8s, -moz-transform 0.8s;
    -webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
}

.nav h2 a {
    color: #dadada;
    text-decoration: none;
    text-transform: uppercase;
}

/*Uscita morbida del titolo(logo) al apertura del panello  */

[id='nav-toggle']:checked ~ .nav h2 {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    width: 100%;
}

/**
 * Decoriamo il menu
 * usando la lista non numerata per le voci
 * aggiungiamo passaggi morbidi e trasformazioni
 */

.nav > ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav > ul > li {
    line-height: 2.5;
    opacity: 0;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: opacity .5s .1s, -webkit-transform .5s .1s;
    -moz-transition: opacity .5s .1s, -moz-transform .5s .1s;
    -ms-transition: opacity .5s .1s, -ms-transform .5s .1s;
    transition: opacity .5s .1s, transform .5s .1s;
}

[id='nav-toggle']:checked ~ .nav > ul > li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

/* impostiamo intervalli di apparizone dei voci del menu  */

.nav > ul > li:nth-child(2) {
    -webkit-transition: opacity .5s .2s, -webkit-transform .5s .2s;
    transition: opacity .5s .2s, transform .5s .2s;
}

.nav > ul > li:nth-child(3) {
    -webkit-transition: opacity .5s .3s, -webkit-transform .5s .3s;
    transition: opacity .5s .3s, transform .5s .3s;
}

.nav > ul > li:nth-child(4) {
    -webkit-transition: opacity .5s .4s, -webkit-transform .5s .4s;
    transition: opacity .5s .4s, transform .5s .4s;
}

.nav > ul > li:nth-child(5) {
    -webkit-transition: opacity .5s .5s, -webkit-transform .5s .5s;
    transition: opacity .5s .5s, transform .5s .5s;
}

.nav > ul > li:nth-child(6) {
    -webkit-transition: opacity .5s .6s, -webkit-transform .5s .6s;
    transition: opacity .5s .6s, transform .5s .6s;
}

.nav > ul > li:nth-child(7) {
    -webkit-transition: opacity .5s .7s, -webkit-transform .5s .7s;
    transition: opacity .5s .7s, transform .5s .7s;
}


/**
 * decoriamo link delle voci del menu
 */

.nav > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 0;
    font-weight: 300;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    color: #666;
    width: 100%;
    text-decoration: none;
    /* passagio morbido */
    -webkit-transition: color .5s ease, padding .5s ease;
    -moz-transition: color .5s ease, padding .5s ease;
    transition: color .5s ease, padding .5s ease;
}
nav > ul > li > a > i {
    margin-right: 5px;
}

/**
 * stato dei link al passaggio del mouse
 */

.nav > ul > li > a:hover,
.nav > ul > li > a:focus {
    color: #333;
    padding-left: 15px;
}


/**
 * sottolineatura dei link del menu
 */

.nav > ul > li > a:before {
    transition: width 0s ease;
}

.nav > ul > li > a:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0px;
    width: 100%;
    background: #666;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}


/**
 * animazione delle linea di sottolineatura al hover
 */

.nav > ul > li > a:hover:before {
    width: 0%;
    background: #666;
    -webkit-transition: width .5s ease;
    transition: width .5s ease;
}

.nav > ul > li > a:hover:after {
    padding-left:40px;
    background: transparent;
    -webkit-transition: padding-left .5s ease;
    transition: padding-left .5s ease;
}


/* lo sfondo oscurante della pagina
 * in questo caso ellementi vengono blocati */


.mask-content {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    visibility: hidden;
    opacity: 0;
}

[id='nav-toggle']:checked ~ .mask-content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .5s, visibility .5s;
    transition: opacity .5s, visibility .5s;
}

nav .lang {
    padding-top: 35px !important;
    padding-bottom: 10px !important;
}

nav .ico-search {
    width: 32px;
    height: 36px;
    border: 0;
    margin: 0px 0px 0px -36px !important;
    content: '\eb60';
    transition: all .3s;
    vertical-align: top;
    background: #f4f4f4;
    font-size: 18px;
}

#ch_lang_chosen, nav #ch_lang {
    width: 100% !important;
}

nav #ch_lang {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px !important;
    padding: 10px 15px !important;
    vertical-align: top !important;
    background: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;
    box-shadow: none !important;
}

nav input[type="text"] {
    font-family: 'Roboto', sans-serif !important;
    width: 100%;
    font-size: 13px !important;
    padding: 10px 15px !important;
    vertical-align: top !important;
    background: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;
    box-shadow: none !important;
    display: inline !important;
}

nav a.notifications[data-notifications]::before {
    content: attr(data-notifications);
    color: #FFF;
    display: block;
    min-width: 14px;
    padding: 0 5px;
    border-radius: 10px;
    background: #FB7D00;
    position: absolute;
    top: 6px;
    right: 0px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

#global-search-mobile {
    display: inline-block;
    position: relative;
    left: auto;
    white-space: nowrap;
    width: 100%;
}

nav h2 img {
    max-width: 105px;
    border: 5px solid #ebebeb;
    border-radius: 50%;
}
nav h2 a.notifications[data-notifications]::before {
    right: 75px;
}


/*********FINE MENU MOBILE**************/

/******CONTENT***********/
article .current-filters {
    min-height: 60px;
}
article .results.qas .item img {
    font-size: 10px;
}
.item iframe {
    width: 95%;
}
@media only screen and (max-width: 780px) {
    .left-rail, .right-rail {
        display:none !important;
    }
    .main-rail {

        width: 100%;

    }
    aside.right-rail.bhrt-project {
        display: block !important;
        width: 100%;
        margin-bottom: 10px;
    }
    div.pure-u-13-24.main-rail  {

        width: 100%;
    }

    .contacts > .pure-u-1-4.left-rail {

        display: block !important;
        width: 100%;
        margin-bottom: 10px;
    }
    .left-sidebar-banner {
        display:none !important;
    }

    .tasks > .pure-u-3-5 {
        width: 100% !important;
    }
    /******DOCUMENT******/
    .documents .pure-u-3-4 {
        width: 100%;
        padding-right: 10px;
    }
    /******FINE DOCUMENT******/
    /********ARTICLE *****/
    article .activity-stream div.command ul li {
        width: 90%;
        margin: 5px;
    }

    article .current-filters h1 {
        visibility: inherit !important;
    }

    article .search-contacts {
        width: 100%;
    }

    article .current-filters h1 {
        display: inline-block;
    }

    .content.cf .pure-g-r > .pure-u, .content.cf .pure-g-r > [class*="pure-u-"] {
        /*text-align: center;*/
    }

    article .results .item .content.cf img {
        float: initial;
    }

    /********FINE ARTICLE *****/

    /********COMMENTI**********/
    #comment .pure-g{
        padding: 0 20px;
    }
    #comment figure {
        margin: 0;
    }
    #comment figure img{
        width: 40px;
    }
    #comment .pure-u-7-8{
        padding-left: 15px;
    }
    #comment textarea {
        width: 100%;
    }
    #comment button {
        float: right;
        margin-right: 0px;
    }
    /*****FINE COMMENTI******/

    .learning-item {
        padding-right: 0px;
    }

    .replies > .item {
        width: 100%;
    }

    article .social-stream div.command ul li {
        padding-right: 10px;
    }

    .learning-splash div.learning-item {
        margin-bottom: 10px;
    }

    /******PARTNER*******/
    .partner-results .marginforbuttons.partner-name, .partner-results .marginforbuttons.partner-address, .partner-results .partner-categories.qa-text-container h3 {
        margin-right: 0px !important;
        width: 100% !important;
    }

    .partner-results figure {
        display: inline-block !important;
        float: initial !important;
    }

    .partner-results figure img {
        margin: 0px !important;
    }

    .partner-results .action-button-holder {
        float: none;
    }
    .partner-results .action-button-holder button{
        width: 100%;
    }

    /******FINE PARTNER******/

    article .tasks .pure-u-19-24 {
        width: 100%;
    }

    /********FORM REGISTRAZIONE*****/
    .form .content ul li,
    #grimlock-editCompany-form-modal #employment-status-edit ul li{
        width: 100%
    }
    .form .content ul li label[for="terms"], .form .content ul li label[for="privacy"]{
        text-align: left;
    }
    .form .content .commands button, #pulsanteInvio {
        width: 100%;
    }

    /********FINE FORM REGISTRAZIONE*****/
    /*********LOGIN***********/
    #registrazione-box .pure-u-1-3, #registrazione-box .pure-u-2-3 {
        width: 100%;
        margin-bottom: 10px;
    }

    .modal-content .login-form .pure-u-1-2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .modal-content .login-form input[type=username], .modal-content .login-form input[type=password] {
        width: 100%;
    }
    input, .modal-content .button {
        width: 23%;
    }

    .modal-content .login-form .pure-u-1-2 .social-btn {
        margin: 0px;
    }

    .modal-content .login-form .pure-u-1-2 .login-btn {
        margin: 0px;
        width: 100%;
    }

    section#registrazione-box.form div.pure-u-1-2 {
        width: 100%;
    }
    section#registrazione-box.form div.login-btn input[type=username], .modal-content .login-btn input[type=password] {
        width: 100%;
    }
    /*********FINE LOGIN******/

    .btn.orange_bg.btn-text-large.uppercase {
        width: 100%;
        text-align: center;
    }
    /*********MODAL VIDEO***********/
    .trial-modal-content.left {
        margin-top: 60px;
    }
    .modal-dialog.modal-dialog-centered.prices {
        margin: 0px !important;
        padding: 0px !important;
        width: 100% !important;
        min-width: auto !important;
    }
    .modal-content {
        min-height: auto;
    }
    .modal-content-small {
        min-height: auto;
    }
    .trial-modal-content.left {
        text-align: left;
        min-height: auto;
        position: fixed;
        top: 0px;
        padding: 10px;
        width: 100% !important;
    }
    .modal-content .pure-gr{
        width: 100%;
    }
    .modal-content .pure-u-5-8{
        width: 100% !important;
        height: auto !important;
    }
    .pure-u-1-3.modalview {
        width: 100% !important
    }
    /********* FINE MODAL VIDEO********/


    .form .content select {
        width: 100%;
    }
    .btn.grey_bg_outline.cancel, .btn.orange_bg_outline.act,
    #grimlock-editCompany-form-modal .btn.orange_bg_outline{
        width: 100%;
        text-align: center;
        margin: 5px 0px !important;
    }
}
@media only screen and (min-width: 780px) and (max-width: 960px){
    .main-rail {
        padding-left: 10px ;
    }

    /*******LAYOT 3 COLONNE*********/
    article .tasks .profile img {
        float: initial;
        margin-right: 0px;
    }
    article .right-sidebar-partner-banner {
        margin-left: 5px !important;
    }
    article .profile {
        margin-right: 5px !important;
    }
    article .profile .content .commands .btn {
        font-size: 12px !important;
    }
    article .left-sidebar-banner, article .left-compact-footer {
        width: 95%;
    }
    .left-compact-footer .social a {
        width: 20px;
        height: auto;
    }
    article .profile-badge ul li a.badgeProfile {
        font-size: 12px;
    }
    /*******FINE LAYOT 3 COLONNE*********/


}
@media only screen and (max-width: 480px) {
    .main  {
        margin-bottom: 0;
    }
    .item.daily-event > .pure-g > .pure-u-1-3 {
        width: 100%;
        text-align: center;
    }
    .item.daily-event > .pure-g > .pure-u-2-3 {
        width: 100%;
    }
    .item.daily-event > .pure-g > .pure-u-1-2 {
        width: 100%;
    }
    .join-events ul li {
        width: 100%;
    }
    .btn.orange_bg.btn-text-large.uppercase {
        width: 100%;
        white-space:normal;
    }
    /****ITEM ***/
    .item.cf > .pure-g > .pure-u-1-2 {
        width: 100%;
        text-align: center;
    }

    .item.cf > .pure-g > .pure-u-1-2  > .info.home{
        width: 100%;
        padding: 0px;
        min-height: auto;
        text-align: left;
        margin: 0;
    }

    .item.cf > .pure-g > .pure-u-1-2  > .info.home > .counters{
        float: right;
        position: initial;
    }

    .item.cf > .pure-g > .pure-u-1-2  > .action-button-holder > button {
        width: 100%;
        margin: 0px;
    }
    /****FINE ITEM***/

    article .tasks .task .chosen-container {
        width: 100% !important;
    }

    article .profile-page img {
        float: initial !important;
        margin-right: 0px !important;
    }

    /**********INSERT POST ********/
    #post_insert .pure-g-r > .pure-u-1-2 > p {
        text-align: left;
    }
    #post_insert .pure-g-r > .pure-u-1-2 > p > select{
        width: 100%;
    }
    #documents #document-titles {
        text-align: center
    }
    #documents #document-titles .attachLabel {
        display: block;
        width: 100%;
    }
    #documents #document-titles .inline-options {
        width: 100%;
    }

    /*****MODAL REGISTRAZIONE*****/
    .modal-content form .pure-u-1-3 {
        width: 100% !important;
        padding-bottom: 10px;
    }
    .modal-content form .pure-u-1-3 .login-btn, .modal-content form .pure-u-1-3 .social-btn{
        width: 100%;
        margin: 0px;
    }
    /*****FINE MODAL REGISTRAZIONE*****/
    article hgroup h1{
        margin-bottom: 5px !important;
    }
    .tabber {
        padding-bottom: 30px !important;
    }
    .tabber .views {
        display: block !important;
        position: initial !important;
        float: right !important;
        margin: 5px 5px !important;
    }
    .btn.orange_bg_outline.btn-text-large.uppercase {
        width: 100% !important;
        text-align: center !important;
    }
    .info .pure-g .pure-u-1-2 {
        width: 100% !important;
    }
    .tasks.custom-event-task > div.event-digest-summary.qa-mode {
        margin-top: 40px !important;
    }
    label[for="terms"] {
        margin-bottom: 15px !important;
    }

    .undertop a h2 {
        font-size: 15px !important;
        margin: 10px auto;
    }

    section.prices .pricing-table {
        width: 100%;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    section#registrazione-box.form div.login-btn input[type=username], section#registrazione-box.form div.login-btn input[type=password], section#registrazione-box.form div.login-btn input[type=text] {
        font-size:0.8em !important;
    }
    section#registrazione-box.form div.login-btn {
        padding: 0;
        border: none;
        border-radius: 10px;
        margin-right: 0px;
    }
    div.current-filters.learningAreas  {
        display:block !important;
    }
    div.current-filters.learningAreas ul  {
        padding: 0 0 0 10px;
        list-style:none;
        margin: 0.5em 0;
    }
    div.current-filters.learningAreas h3  {
        margin: 0;
    }
    div.current-filters.learningAreas .btn.more.learning-areas {
        position:absolute;
        top:10px;
        right:10px;
        padding:5px 10px;
    }

}
@media only screen and (max-width: 960px) {
    /*********MESSAGE******/
    .conversations .item, .conversation .message {
        text-align: left;
        white-space: initial;
    }
    .conversations .item .text, .conversation .message {
        white-space: initial !important;
    }
    /******FINE MESSAGE*****/
    .submenu li {
        width: 100% !important;
    }

    .submenu li a {
        padding: 0px !important;
    }

    .content .content {
        padding: 0px;
    }
    /********LEARNING*********/
    .learning .video, .video-thumbnail, .video-thumbnail img, div.learning-item a, div.learning-item a img{
        width: 100% !important;
    }
    .learning-top-banner {
        padding: 140px 0 20px !important;
    }
    .learning-top-banner.int {
        padding: 50px 0 20px !important;
    }
    .learning-top-banner.lms p, .learning-top-banner.lms-courses p {
        color: #000;
        width: 100%;
    }
    .video.learning-item {
        padding-right: 0px;
    }
    section#if02 div.title-if02_2, section#if02 div.title-if02_3, section#if02 div.title-if02_4, section#if02 div.title-if02_1 {
        margin-right: 0px;
    }
    .learning .video {
        margin-bottom: 10px;
    }
    .learning h3 {
        min-height: 50px;
    }
    .learning h3.hbr-elenco-title {
        min-height: 50px;
        width:100%;
        font-size:18px;
    }
    .newlaybuttons1 {
        margin: 20px;
    }
    .btn.grey_bg_outline.btn-text-large.uppercase {
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }

    .main {
        padding-top: 95px;
    }
    /*********FINE LEARNING ************/

    /*********CARD *********************/
    section.card {
        margin: 0px 50px;
        padding: 0px;
    }
    /*********FINE CARD ********/

    /*****EVENT **********/

    .item.daily-event .digest-infos .share{
        width: auto;
    }
    .item.daily-event .digest-infos .share .tools {
        float: right;
    }

    .item.daily-event .btn.grey_bg_outline.btn-text-large.uppercase {
        margin-top: 10px;
        width: 100%;
        font-size: 12px !important;
        text-align: center;
        white-space: initial;
    }
    /******FINE EVENT *****/

    /********BUTTONS********/
    .commands-contact a {
        text-align: center;
    }
    .icon-remove::before {
        content: "\e604";
    }
    article .current-filters #current-filters .filter {
        font-family: 'Roboto', sans-serif;
        color: #999;
        background: #f4f4f4;
        padding: 4px 6px;
        display: inline-block;
        vertical-align: top;
        margin-right: 4px;
        margin-top: 4px;
        font-size: 11px;
    }
    .network-buttons a {
        font-size: 12px !important;
        text-align: center !important;
    }
    div.tooltipFlix.large a {
        width: 100% !important;
    }

    .btn.act.btn-text-large.uppercase {
        width: 100%;
        text-align: center;
    }
    .btn.orange_bg_outline.btn-text-large.uppercase.partner-chat-action {
        margin: 10px 0px;
    }
    /******* FINE BUTTONS *******/

    /****CALENDAR********/
    .homeCalendar.calendar-item {
        padding-right: 10px;
    }
    div.calendar-item a.logo {
        width: 100%;
        text-align: center;
    }
    .calendar-item div.date div.dateSx {
        float: left;
        text-align: left;
    }
    .newlaybuttons1 {
        text-align: center !important;
        margin-bottom: 30px;
    }
    /******FINE CALENDAR ******/

    .left-sidebar-banner, .right-sidebar-banner {
        margin: 10px 0px !important;
        width: 100%;
        text-align: center;
    }
    .boxCalendar, .learning-space, .right-sidebar-banner, .boxHits {
        margin-left: 0px !important;
    }

    div.pure-g-r.features p, section.introArea p {
        padding-right: 0px !important;
    }
    .form .content {
        padding: 20px !important;
    }
    article .profile-page {
        margin-right: 0px;
    }
    .section.addresses li {
        padding-right: 0px !important;
    }
    article .myProfile h1 {
        text-align: center;
    }

    /*********INTRO**********/
    .introArea .pure-u-2-3{
        padding: 0 10px;
    }
    section.tag h2, section.tag .AreaTitle h4 {
        text-align: center;
    }

    section.tag .areaTematica, section.tag #areaTag label, section.tag #areaTag ul li:last-child {
        margin-right: 0px;
        width: 100%;
    }
    #areaTag label::before, #areaTag label::after {
        position: initial;
    }
    li[role="presentation"] {
        display: none;
    }

    .introArea {
        padding: 5px 0;
        text-align: center;
    }
    .introArea .pure-u-1-3, .introArea .pure-u-2-3{
        width: 100%;
    }
    .introArea h2{
        padding-right: 0px !important;
    }

    /***** FINE INTRO **********/

    article .patch {
        width: 60% ;
    }
    .undertop h2{
        font-size: 20px !important;
    }
    .login-form > form{
        padding: 0px;
        margin: 0px;
        width: 100%
    }
    .modal-dialog.modal-dialog-centered {
        margin-top: 50px !important;
    }
    .modal-dialog.small.modal-dialog-centered {
        margin-top: 50px !important;
    }
    #areaTag label::before {
        font-size: 20px;
        left: auto;
    }

    section.tag #areaTag ul li:last-child .container {
        text-align: center;
    }

    /******** BANNER **********/

    .content.cf div.logo-format {
        margin-top: 60px !important;
    }

    /******** FINE BANNER **********/

    .mobile.owner_qas_mobile a {
        position: relative;
    }

    .mobile.owner_qas_mobile a figure{
        position: relative;
        float: left;
        margin-right: 10px;
        width: 70px;
        height: 70px;
    }

    .mobile.owner_qas_mobile a figure img{
        font-size: 10px;
        width: 54px !important;
    }

    .mobile.owner_qas_mobile a h1{
        display: block !important;
        font-size: 17px;
        margin: 0px;
        font-weight: bold;
    }

    .mobile.owner_qas_mobile a h2{
        display: block !important;
        font-size: 14px;
        color: #666;
        margin: 0px;
        padding-left: 20px;
    }

    .mobile.owner_qas_mobile a h3{
        display: block !important;
        font-size: 14px;
        margin: 0px;
        background: none;
        color: #666;
        font-weight: bold;
    }
    #personal-data-view, #personal-data-edit {
        padding: 0 20px 20px 20px;
        margin-top:25px;
    }
}
/************FINE CONTENT********/

/********FOOTER*********/
@media only screen and (max-width: 800px) {
    footer {
        /*display:none !important;*/
    }

    footer .pure-u-1-8, footer .pure-u-1-4, footer .tools1 p{
        display:none !important;
    }
    footer .tools1 a {
        float:left;
        margin: 10px 4px;
        font-size: 11px;
    }

    footer {
        z-index: 99999;
        position: relative;
        bottom: 0px;
        margin: 0 0;
        padding: 20px 0px;
        text-align: center;

    }
    footer .social ul {
        margin: 5px 10px;
    }
    footer .lang, footer .social {
        float:left;
    }
    footer .lang {
        margin: 5px 0px;
    }
    footer .lang form select {
        font-size: 14px !important;
    }
    footer .social a {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    footer .social a i {
        font-size: 16px;
        margin-left: 5px;
    }
    footer .chosen-container-single .chosen-single {
        height: 27px;
        line-height: 27px;
    }
    footer br, nav .lang br {
        display: none;
    }
    footer .fa.fa-globe {
        display: none;
    }
    footer .lang {
        padding-left: 0px;
        min-width: auto;
    }
}
@media only screen and (max-width: 360px) {
    footer .tools1 a {
        margin: 10px 4px;
        font-size: 10px;
    }


}

/************BHRT********/
@media (max-width: 768px) {
    div.bhrt-select-category li {
        max-width: 24.3%;
    }

    div.bhrt-select-category label img {
        height: 90px;
        width: 130px;
    }
    .right-manage-prj input#prj_title {
        width: 100%;
    }
}
@media (max-width: 480px) {
    img.banner-home-desktop {
        display: none;
    }
    img.banner-home-mobile {
        display: block;
        margin-top:-70px;
    }
    header .tools li {
        width: 47px;
        margin-right: 0px !important;
    }
    .pure-u-1-4.bhrt-categories {
        width: 100%;
    }
    .bhrt-project-content {
        width: 97%;
    }
    .bhrt-edit-video ul li {
        width: 100%;
        height: auto;
        margin-bottom:5px;
    }
    #grimlock-share-video-form-modal div.share-video {
        padding: 0px;
    }
    #add-member-list-modal ul.bhrt-member-email-form input{
        width:100% !important;
    }
    #add-member-list-modal .modal-dialog.small h1.likeTitle, #grimlock-upload-video-form-modal .modal-dialog.small h1.likeTitle {
        width: 90%;
    }
    #add-member-list-modal .action-button-holder {
        margin-top: 0px;
    }
    div.bhrt-select-category li {
        max-width: 49.3%;
    }
    div.bhrt-select-category label img {
        height: 90px;
        width: 132px;
    }
    .bhrt-profile-page h1.small-prj {

        float: left;
        width: 100%;
    }
    .left-manage-prj {
        height: 100%;
        left: 20px;
        width: calc(100% - 40px);
        max-height: 360px;
        border-right:1px solid #ccc;
    }
    .left-manage-prj.bhrt-pdf {
        min-height: 900px;
    }
    .right-manage-prj input#prj_title {
        width: 100%;
    }
    div.box_modifica_dati div.input_modifica_dati {
        margin: 0 5px 0px 0;
    }
    div.box_modifica_dati div.input_modifica_dati select {
        width: 100%;
    }
    div.box_modifica_dati div.input_modifica_dati select#change_aree1 option{
        word-break: break-word;
        white-space: normal;
        margin: 0 6px 6px 0;
    }
    div.box_modifica_dati div.checkbox {
        width: 100%;
    }
    div.box_modifica_dati .modal-content .login-form .btn.orange_bg_outline.btn-text-large.uppercase {
        width: 47% !important;
    }
    div.box_modifica_dati .modal-content .login-form .btn.grey_bg_outline.btn-text-large.uppercase {
        width: 47%;
    }
    .bhrt-top-banner-int div.bhrt-private-intro {
        color: #fff;
        font-size: 1.2em;
        max-width: 95%;
        font-weight: 400;
        margin: 0.5em 0.5em;
        text-shadow: 1px 2px 2px #000;
    }
    #submit_change_data {
        width: 100%;
    }
    select#change_aree1 {
        width: 100%;
    }
    section.bhrt-projects .pure-u-1-2 {
        width: 100% !important;
    }
    section.bhrt-projects .bhrt-project-content {
        width: 100% !important;
        text-align:left !important;
    }
    section.bhrt-projects .bhrt-project-content-large {
        width: 100% !important;
        text-align:left !important;
    }
    article .boxCalendar {
        width: 100% !important;
    }
    .certificateContent_button {
        width: 40%;
    }
    a.certificateContent_button{
        font-size: 13px !important;
    }
    div.pure-u-1-2.bannerHomeSx {width:100% !important;}
    div.pure-u-1-2.bannerHomeDx {width:100% !important;}
    section.top.Learning .patchSx {
        padding: 10% 50px;
        height:auto;
    }
    section.top.Learning .patchDx {
        padding: 12% 50px;
    }
    div.calendar-item h1 {
        twxt-align:center;
        min-height: auto;
    }
}