/*
 * 
 * Harley & Dikkinson 
 * BY Francesco Iacovelli
 * f.iacovelli@4sigma.it
 * 
 */

html { 
    width: 100%;  
    min-height: 100%;
    margin: 0px;
    float: left;
    padding: 0px;
    background-color: white;
    font-family: 'Montserrat', sans-serif;
}

body {    
    border: none; 
    padding: 0px; 
    margin: 0px; 
    width: 100%;
    min-height: 100vh;        
    float: left;
    -webkit-text-size-adjust: 100%;
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: #595959;
    position: relative;    
}

td {
    border: none;
    text-align: left;    
    margin: 0px;
    padding: 0px;
}
div, p, h1, h2, h3, h4, h5, h6, ul, 
footer, header, nav, article, main, aside,
section, form {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;    
    text-align: left;    
    text-decoration: none;    
    -webkit-text-size-adjust: 100%;
}
img {
    text-decoration: none;
    border: none; 
    vertical-align: middle;
}
svg {
    border: none;
    border-image-width: 0;
    stroke-width: 0px;
}
iframe {
    margin: 0px;
    padding: 0px;
    border: none;
}
table, td, tr {
    margin: 0px;
    padding: 0px;
    border: none;
}
table {
    float: left;
}
label {
    cursor: pointer;
}
a {
    outline: none;    
    text-decoration: none;    
    color: #004e9f;    
    cursor: pointer;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
li {
    outline: none;
}

i, em, .italic {
    font-style: italic;
    font-weight: inherit;
}
.underline {
    text-decoration: underline;
}
*:-placeholder
{
    color: #bfbfbf;
}
*::-webkit-input-placeholder
{
    color: #bfbfbf;
}

*::-moz-placeholder
{
    color: #bfbfbf;
}
*:-moz-placeholder
{
    color: #bfbfbf;
}

*:-ms-input-placeholder
{
    color: #bfbfbf;
}
button::-moz-focus-inner {
  border: 0;
}
a:focus { 
    outline: none; 
}
input:focus:-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder  { color:transparent; }

input,
textarea,
select,
button {    
    outline: none;
    border: none;
    padding: 0px;
    -webkit-border-radius: 0px;        
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
button {
    cursor: pointer;
    -webkit-appearance: none;
    background-color: transparent;
    font-family: 'Lato', sans-serif;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;
    vertical-align: middle;
}
input[type="radio"] {
/*    -webkit-appearance: checkbox;
    -webkit-border-radius: auto;*/
    vertical-align: middle;
}
input[type=submit] {
    -webkit-border-radius:0px;
    -webkit-appearance: none;
}
.vis_hidden {
    visibility: hidden;
}
.hidden {
    display: none;
}
.over_hidden {
    overflow: hidden;
}
.block,
.desktop {
    display: block;
}
.mobile {
    display: none;
}
.opacity_0 {
    opacity: 0;
}
.inline-block {
    display: inline-block;
}
.inline-desktop {
    display: inline;
}
.inline-tab{
    display: none;
}
.table {
    display: table;
    float: none;
    table-layout: fixed;
}
.table-cell {
    display: table-cell;
    float: none;    
    vertical-align: middle;
}
.table-row {
    display: table-row;
    float: none;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.pointer {
    cursor: pointer;
}
.left {
    float: left;
}
.right {
    float: right;
}
.none {
    float: none;
}
.clear {
    clear: both;
}
.v_top {
    vertical-align: top;
}
.text_top {
    vertical-align: text-top;
}
.v_middle {
    vertical-align: middle;
}
.v_bottom {
    vertical-align: bottom;
}
.m_auto {
    margin: 0px auto
}
.w_auto {
    width: auto;
}
.max_w_100pe {
    max-width: 100%;
}
.w_33pe {
    width: 33.333333%;
}
.maxw_100pe {
    max-width: 100%;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bradius_5 {
    border-radius: 5px;
}
.extralight {
    font-weight: 100;
}
.light {
    font-weight: 200;
}
.normal {
    font-weight: 400;
}
.style-normal {
    font-style: normal;
}
.strike {
      text-decoration: line-through;
}
.medium {
    font-weight: 500;
}
.bold,
strong, 
b {    
    font-weight: 700;
/*     font-style: inherit; */
}
.extrabold {
    font-weight: 900;
}
.black,
.nero,
.blacklink,
.blacklink:visited,
.black_white_lnk {
    color: black;    
}
.white, .bianco {
    color: #FFFFFF;
}

.cover {
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
.uppercase {
    text-transform: uppercase;
}
.two-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
#mobile-nav{
    display: none;
}

.ritch-cont {
    /* Qua se vogliamo imporre qualcosa */
}
.ritch-cont a {
/*    font-style: normal;*/
    font-weight: bold;
}
.ritch-cont ul {
    width: 100%;
    box-sizing: border-box;
    list-style-type: disc;
/*     padding-left: 25px; */
    padding-left: 45px;
}
#ritch-bullet-int ul {
    padding-left: 45px;
}
.ritch-cont ol {
    width: 100%;
    box-sizing: border-box;
    list-style-type:decimal;
    padding-left: 45px;
}
.ritch-cont li {
    float: left;
    width: 100%;
}
.ritch-cont img {
    max-width: 100% !important;
    height: auto !important;
}

.richt-cont-accordion {
    font-size: 12px!important;
    line-height: 15px!important;
}

.richt-cont-accordion p{
    font-size: 12px!important;
    line-height: 15px!important;
}
.richt-cont-accordion ul {
    font-size: 12px!important;
    line-height: 15px!important;
    width: 100%;
    box-sizing: border-box;
    list-style-type: disc;
/*     padding-left: 25px; */
    padding-left: 45px;
}

.richt-cont-accordion li{
    font-size: 12px!important;
    line-height: 15px!important;
    float: left;
    width: 100%;
}

.richt-cont-accordion span{
    font-size: 12px!important;
    line-height: 15px!important;
}

.richt-cont-accordion a {
/*    font-style: normal;*/
    font-weight: bold;
}

.richt-cont-accordion ol {
    width: 100%;
    box-sizing: border-box;
    list-style-type:decimal;
    padding-left: 45px;
}
.richt-cont-accordion img {
    max-width: 100% !important;
    height: auto !important;
}

/* Honey POT anti SPAM */
.hnpt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: transparent;
    height: 100%;
    z-index: 100;
}
#over-box {
    display: none;
    position: fixed;
    z-index: 95;
    background-color: rgba( 255,255,255, 0.8);
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    cursor: pointer;
}
.modal-box {
    display: none;
    position: fixed;    
    padding: 40px;
    background-color: #fff;
    color: #000;
    text-align: center;        
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);    
    z-index: 100;
    top: -500px;    
    opacity: 1;
    box-sizing: border-box;    
    width: 400px;
    left: 50%;
    margin-left: -200px;
}

.modal-box p {
    font-size: 12px;
    line-height: 15px;
}

.form-input {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0px 10px 0px 10px;
    height: 60px;
    box-sizing: border-box;    
    line-height: 60px;    
    font-size: 12px;
    background-color: #f6f6f6;
    color: #999;
}

.form-input-small{
    width: calc(50% - 5px);
    display: inline-block;
    float: left;
    padding: 0px 10px 0px 10px;
    height: 60px;
    box-sizing: border-box;    
    line-height: 60px;    
    font-size: 12px;
    background-color: #f6f6f6;
    color: #999;
    margin-bottom: 10px;
}

.form-input-small:first-child{
    margin-right: 5px;
}

.form-input-small:last-child{
    margin-left: 5px;
}

/* .form-input:focus,
.form-input-small:focus,
.form-input-textarea:focus {
    border: 1px solid #595959;
} */

.form-select {
    display: inline-block;
    width: 100%;
    height: 60px;
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    padding: 0px 40px 0px 10px;
    box-sizing: border-box;
    /* border: 1px solid #e5e5e5; */
    line-height: 40px;    
    font-size: 12px;
    background-color: #f2f2f2;
    color: #000;
    margin-bottom: 10px;
}

.form-select-small {
    display: inline-block;
    width: 50%;
    height: 60px;
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    padding: 0px 40px 0px 10px;
    box-sizing: border-box;
    /* border: 1px solid #e5e5e5; */
    line-height: 40px;    
    font-size: 12px;
    background-color: #f2f2f2;
    color: #000;
    margin-bottom: 10px;
}

.form-input-textarea {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 10px 10px 10px 10px;    
    background-color: #f2f2f2;
    line-height: 20px;    
    box-sizing: border-box;
    font-size: 12px;
    color: #000;
    position: relative;
    z-index: 1;
}

.btn {
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 25px;
    height: 60px;
    line-height: 60px;
    padding: 0px 20px;
    color: white;
    font-weight: 200;
    background-color: #058C42;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;        
}

.btn-small {
    font-family: 'Saira Extra Condensed', sans-serif;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    min-width: 120px;
    color: white;
    font-weight: 200;
    background-color: #058C42;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;        
}

/* MAIN */
header {
    height: 78px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1200;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0px 10px 15px -7px rgba(0,0,0,.3);
    box-shadow: 0px 10px 15px -7px rgba(0,0,0,.3);
}

.page {
    max-width: 1326px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    float: none;
    margin-left: auto;
    margin-right: auto;
}


#logo-top{
    height: 78px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding-left: 20px;
    line-height: 78px;
}

#logo-top img{
    height: 50px;
    width: auto;
}

#social-top{
    width: auto;
    float: right;
    height: 58px;
    line-height: 58px;
    padding-top: 20px;
    padding-right: 20px;
    border-left: 1px solid #e5e5e5;
}

#social-top a {
    display: inline-block;
    margin-left: 10px;
    color: #595959;
}

#social-top a:first-child{
    margin-left: 20px;
}

#nav-top{
    float: right;
    width: auto;
    height: 78px;
}

.sel{
    color: #eb1a21;
}

#ul-first-level{
    display: block;
    float: left;
    width: auto;
    height: 78px;
    margin-right: 12.5px;
}

.li-first-level{
    display: block;
    float: left;
    width: auto;
    height: 78px;
}

.li-first-level-sep{
    width: 1px;
    background-color: #e5e5e5;
    margin: 0px 12.5px;
}

.a-first-level{
    display: block;
    float: left;
    /* padding: 20px 7.5px 0 7.5px; */
    padding: 20px 5px 0 5px;
    line-height: 58px;
    font-size: 12px;
}

.a-first-level i{
    color: #595959;
}

/* .a-first-level i:last-child {
    display: none;
} */

#nav-top .a-first-sel i:last-child {
    display: inline;
}

#nav-top .a-first-sel i:first-child {
    display: none;
}

.has-second-lvl{
    position: relative;
}

.ul-second-level{
    display: none;
    position: absolute;
    float: left;
    width: 500px;
    top: 78px;
    left: 0px;
    height: 50px;
    -webkit-box-shadow: 0px 10px 15px -7px rgba(0,0,0,.3);
    box-shadow: 0px 10px 15px -7px rgba(0,0,0,.3);
}

.has-second-lvl .ul-second-level-start{
    display: block;
    opacity: 0;
}

.ul-second-level li{
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #e5e5e5;
    /* background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.95) 0%, rgba(0,78,159,0.95) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.95) 0%, rgba(0,78,159,0.95) 100%);
    background: linear-gradient(-45deg, rgba(89,89,89,0.95) 0%, rgba(0,78,159,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1); */
    background-color: #ededed;
    /* background-color: rgba(211,222,228, .95); */
}

.ul-second-level li:last-child{
    border-right: none;
}

.ul-second-level a {
    display: block;
    float: left;
    position: relative;
    height: 50px;
    /* background-color: rgba(255, 255, 255, 0.95); */
    
}

.ul-second-level a span:first-child{
    position: relative;
    display: block;
    float: left;
    z-index: 5;
    height: 50px;
    line-height: 55px;
    font-size: 10px;
    font-weight: 700;
    padding: 0px 20px 0px 10px;
    -webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.2);
    box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.2);
}

.ul-second-level a span:last-child{
    position: absolute;
    display: block;
    float: left;
    z-index: 2;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background-color: #ffffff;
    opacity: 1;
}

.mobile-menu{
    display: none;
}

main {
    min-height: 100vh;
    box-sizing: border-box;
    margin-bottom: 620px; /* Deve rimanere sincronizzato con altezza del footer */
    position: relative;
    z-index: 10;
    /* background-color: #c6c6c6; */
    background-color: white;
    -webkit-box-shadow: 0px 10px 15px -7px rgba(0,0,0,.3);
    box-shadow: 0px 10px 15px -7px rgba(0,0,0,.3);
}
.main-padded {
    padding-top: 78px;
}

.white-border{
    border-top: 80px solid white;
}

#slider-hp-cont{
    height: 100vh;
    overflow: hidden;
    position: relative;
}

#slider-hp-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    /* background-size: 100% 100%;
    background-image: -moz-linear-gradient(-45deg,  rgba(44, 94, 168, 1) 0%, rgba(98, 186, 156, 1) 100%); /* FF3.6-15 
    background-image: -webkit-linear-gradient(-45deg,  rgba(44, 94, 168, 1) 0%, rgba(98, 186, 156, 1) 100%); /* Chrome10-25,Safari5.1-6 
    background-image: linear-gradient(135deg,  rgba(44, 94, 168, 1) 0%, rgba(98, 186, 156, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ */
}

#slider-hp-loader p {
    position: absolute;
    top: calc(50% - 25px);
    text-align: center;
}

#slider-hp,
.slider-hp-obj {
    height: 100vh;
    width: 100vw;
}
#slider-hp .page {
    padding: 0px;
    max-width: 100%;
}

.slider-hp-obj .table {
    height: 100vh;
    padding: 0px 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 11;
}

.slider-occhiello {
    font-size: 20px;
    line-height: 20px;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 1px 1px 2px #000000;
}
.slider-titolo {
    width: 90%;
    padding-right: 10%;
    font-size: 30px;
    line-height: 35px;
    color: white;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000000;
    margin-top: 20px;
    margin-bottom: 40px;
}

.slider-link{
    height: 58px;
    width: 198px;
    border: 1px solid;
    border-color: rgba(255, 255, 255, .30);
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    letter-spacing: 2px;
}

.slider-link a{
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 58px;
    display: block;
    width: 100%;
}

.slider-shadow{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    /* background-color: rgba(0,0,0,0.4); */
    background-color: rgba(0,78,159,0.4);
    /* background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1); */
}

.hp-slider-buttons-cont{
    height: calc(100vh - 80%);
    position: absolute;
    bottom: 0px;
    z-index: 999;
}

.hp-slider-button{
    width: calc(25% - 1px);
    height: 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: rgba(255, 255, 255, .30);
    font-weight: bold;
    /* background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);     */
}

.hp-slider-button:last-child{
    border-right: none;
}

.hp-slider-button div{
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    padding: 30px;
}

.hp-slider-button i{
    color: #ffb910;
    margin-top: 0px;
    text-shadow: 1px 1px 2px #000000;
}

.hp-slider-button p{
    color: white;
    margin-top: 5px;
    font-size: 15px;
    line-height: 18px;
    text-shadow: 1px 1px 2px #000000;
}

.img-hover{
    height: 300px;
    position: relatives;
    bottom: 0px;
    background-color: red;
}

#strumenti-hp,
#servizi-splash,
#strumenti-splash {
    position: relative;
    margin-top: 100px;
}

#strumenti-splash .small-blue-bar{
    z-index: 1;
    background-color: #D3DEE4;
    position: absolute;
    top: 240px;
    z-index: -1;
    height: 125px;
}

#servizi-splash .small-blue-bar{
    z-index: 1;
    background-color: #D3DEE4;
    position: absolute;
    top: 220px;
    z-index: -1;
    height: 125px;
}

.strumenti-hp-title,
.servizi-splash-title,
.strumenti-splash-title,
.agenda-title{
    width: calc(50% - 40px);   
    color: black;
    padding-left: 40px;
}

.strumenti-hp-title p,
.servizi-splash-title p,
.strumenti-splash-title p,
.agenda-title p,
.contatti-container p{
    width: 90%;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.strumenti-hp-title h2,
.servizi-splash h2,
.strumenti-splash h2,
.agenda-title h2,
.contatti-title h2{
    width: 95%;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
}
.strumenti-hp-text,
.servizi-splash-text,
.strumenti-splash-text,
.agenda-text {
    width: calc(50% - 40px);
    color: #595959;
    font-size: 15px;
    line-height: 18px;
    padding-right: 40px;
}
.strumenti-hp-text div,
.servizi-splash-text div,
.strumenti-splash-text div,
.agenda-text div,
.contatti-text div{
    width: 95%;
}

#strumenti-hp .card-container{
    height: 250px;
}

.card-container{
    position: relative;
    margin-top: 60px;
    height: 640px;
}
.card-first-row,
.card-news-row{
    position: absolute;
    z-index: 10;
    top: 0px;
    margin-bottom: 20px;
}
.card-second-row{
    position: absolute;
    z-index: 10;
    bottom: 20px;
}
.card-hp-small{
    position: relative;
    width: 300px;
    height: 300px;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

@keyframes slide-up-shadow {
    0%   {overflow: hidden;}
    99%  {overflow: hidden;}
    100% {overflow: visible;}
  }

.card-second-row
.card-hp-small {
    float: right;
    margin-left: 20px;
}

.card-first-row
.card-hp-small {
    margin-right: 20px;
}

.card-hp-anchor,
.card-news-anchor{
    display: block;
    width: 100%;
    height: 100%;
}

.card-hp-filter {
    width: 100%;
    height: 100%;
    /* background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1); */
}

.card-hp-filter-odd{
    width: 100%;
    height: 100%;
    background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(255,185,16,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255,185,16,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: linear-gradient(-45deg, rgba(255,185,16,0.75) 0%, rgba(0,78,159,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);
}

.card-hp-filter-even{
    width: 100%;
    height: 100%;
    background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(0,78,159,0.75) 0%, rgba(255,185,16,0.75) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0,78,159,0.75) 0%, rgba(255,185,16,0.75) 100%);
    background: linear-gradient(-45deg, rgba(0,78,159,0.75) 0%, rgba(255,185,16,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);
}

.card-front{
    width: calc(100% - 60px);
    height: auto;
    position: absolute;
    bottom: 0px;
    padding: 30px;
}

.card-front i{
    color: #ffb910;
    margin-top: 0px;
    text-shadow: 1px 1px 2px #000000;
}

.card-front p{
    color: white;
    margin-top: 5px;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-shadow: 1px 1px 2px #000000;
}

.card-back{
    width: 100%;
    height: 100%;
    background-color: white;
    /* opacity: 0.5; */
    bottom: -300px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);    
    -webkit-transition: all 400ms ease-in; 
    -moz-transition: all 200ms ease-in; 
    -o-transition: all 200ms ease-in; 
    transition: all 200ms ease-in;
}

.card-back div{
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    padding: 30px;
    font-size: 12px;
    line-height: 15px;
}

.card-back .card-abstract{
    color: #595959;
}

.card-back i{
    color: #004e9f;
    margin-top: 0px;
    text-shadow: none;
}

.card-abstract-arrow{
    position: absolute;
    bottom: 30px;
    width: auto;
}

.blue-bar-h{
    position: absolute;
    z-index: 1;
    height: 350px;
    background-color: #D3DEE4;
    top: 320px;
}

/* #strumenti-hp .card-view-all{
    margin-top: 60px;
} */

.card-view-all{
    font-size: 12px;
    line-height: 15px;
    /* margin-top: 120px; */
    display: block;
    position: absolute;
    right: 10px;
    margin-top: 320px;
}

#slider-double {
    position: relative;
    margin-top: 100px;
}

.owl-carousel-double,
.owl-carousel-evidenza {
    overflow: hidden;
    height: 500px;
}

.slider-double-item,
.slider-evidenza-item{
    height: 500px;
    background-position: center center; 
    background-size: cover;
}

.slider-double-panel,
.slider-evidenza-panel{
    width: 50%;
    height: 500px;
    background-color: white;
    position: absolute;
    right: 40px;
    overflow-y: hidden;
}

.slider-double-panel .slider-double-container,
.slider-evidenza-panel .slider-evidenza-container{
    width: calc(100% - 100px);
    padding: 50px;
    margin-top: 50px;
}

#slider-double-occhiello,
#slider-evidenza-occhiello{
    font-size: 20px;
    line-height: 20px;
    color: black;
    margin-bottom: 10px;
}

#slider-double-title,
#slider-evidenza-title{
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    color: black;
}

#slider-double-link,
#slider-evidenza-link{
    height: 58px;
    width: 198px;
    /* background-color: rgba(255, 255, 255, .30); */
    border: 1px solid #e5e5e5;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    letter-spacing: 2px;
    bottom: 50px;
    position: absolute;
}

#slider-double-link a,
#slider-evidenza-link a{
    color: #004e9f;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 58px;
    display: block;
}

/* ANIMAZIONE TESTO SLIDER */
.slide-in-bottom {
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-bottom {
    0% {
      -webkit-transform: translateY(500px);
              transform: translateY(500px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-bottom {
    0% {
      -webkit-transform: translateY(500px);
              transform: translateY(500px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }

/* SPOSTARE */

#nav-slider-double,
#nav-slider-evidenza {
    width: 50%;
    position: relative;
}

#nav-slider-double a,
#nav-slider-evidenza a {
    /* width: 40px;
    height: 40px; */
    line-height: 40px;
    text-align: center;
    line-height: 38px;
    color: white;
    font-size: 15px;
    box-sizing: border-box;
    background-color: black;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;            
}

#nav-slider-double .owl-next,
#nav-slider-evidenza .owl-next {
    height: 58px;
    width: 58px;
    line-height: 58px;
    position: absolute;
    right: 58px;
    top: -78px;
    opacity: 1;
    border: 1px solid;
    border-color: rgba(255, 255, 255, .30);
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#nav-slider-double .owl-prev,
#nav-slider-evidenza .owl-prev {
    height: 58px;
    width: 58px;
    line-height: 58px;
    position: absolute;
    right: 116px;
    top: -78px;
    opacity: 1;
    border: 1px solid;
    border-color: rgba(255, 255, 255, .30);
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}


.owl-carousel-news{
    overflow: hidden;
    height: 140px;
    max-width: calc(100% - 180px);
    padding-left: 20px;
    /* background-color: grey; */
}

#news{
    margin-top: 50px;
    margin-bottom: 50px;
}

.news-action-container{
    width: 139px;
    height: 140px;
    position: relative;
    border-left: 1px solid #e5e5e5;
}

.news-view-all {
    position: absolute;
    width: 119px;
    padding-left: 20px;
    height: 40px;
    font-size: 12px;
    line-height: 50px;
}

.slider-news-item{
    height: 140px;
    border-left: 1px solid #e5e5e5;
    padding-left: 10px;
    padding-top: 20px;
}

#nav-slider-news{
    margin-top: 40px;
    width: 139px;
    height: 120px;
    position: absolute;
}

#nav-slider-news .owl-prev{
    height: 58px;
    width: 58px;
    line-height: 58px;
    position: absolute;
    right: 59px;
    opacity: 1;
    border: 1px solid #e5e5e5;
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#nav-slider-news .owl-next{
    height: 58px;
    width: 58px;
    line-height: 58px;
    position: absolute;
    right: 0px;
    opacity: 1;
    border: 1px solid #e5e5e5;
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.news-category{
    font-size: 10px;
    text-transform: uppercase;
    line-height: 10px;
    color: black;
    font-weight: bold;
}

.news-date{
    font-size: 20px;
    font-weight: 200;
    line-height: 20px;
}

.news-title{
    font-size: 15px;
    line-height: 18px;
    color: black;
    font-weight: bold;
    max-width: 85%;
    margin-top: 5px;
    height: 38px;
    overflow: hidden;
}

.news-read{
    width: auto;
    font-size: 12px;
    line-height: 15px;
    position: absolute;
    bottom: 30px;
}


/* FOOTER */
footer {
    height: 620px; /* Deve rimanere sincronizzato con il margin-bottom del main */
    position: fixed;
    bottom: 0px;
    z-index: 0;    
    background-size: 100% 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#footer-shadow{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    background: linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);
}

.footer-left{
    width: 66%;
}

.footer-right{
    width: 33%;
}

#footer-top {
    height: 537px; /* 620-83*/
    box-sizing: border-box;
    padding-top: 150px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
}

#footer-top p{
    color: white;
    font-size: 15px;
    line-height: 18px;
}

#footer-top span{
    font-size: 12px;
    line-height: 15px;
}

#nav-bottom li{
    color: #ffb910;
    font-size: 15px;
    line-height: 25px;
}

#nav-bottom .ul-bottom-second-level{
    display: none;
}


#social-bottom{
    width: auto;
    margin-top: 30px;  
}

#social-bottom a {
    font-size: 15px;
    display: inline-block;
    margin-right: 20px;
    color: white!important;
}

#social-bottom a:nth-child(n+3){
    margin-top: 10px;
}

#newsletter-email-cont{
    position: relative;
    padding-right: 60px;
    box-sizing: border-box;
}

#newsletter-email-cont .form-input,
#newsletter-name-cont .form-input-small{
    background-color: white;
    color: black;
}

#newsletter-email-cont .form-input:focus,
#newsletter-name-cont .form-input-small:focus {
    border: none;
}

#newsletter-bottom-cont p{
    font-size: 20px;
}

#newsletter-bottom-cont .newsletter-abstract{
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#newsletter-form .newsletter-email-input{
    width: 100%;
    height: 60px;
    font-size: 12px;
    padding-left: 20px;
}

#newsletter-form button {
    width: 60px;
    height: 60px;
    color: white;
    font-size: 15px;
    background-color: #ffb910;
    position: absolute;
    right: 0px;
    top: 0px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;        
}

.newsletter-privacy{
    margin-top: 10px;
}

.newsletter-privacy label{
    color: white;
    font-size: 12px;
    line-height: 15px;
}

.cuu_label {
    font-size: 12px;
    line-height: 15px;
}

#footer-bottom {
    height: 83px;
    box-sizing: border-box;
    padding-top: 10px;
    position: relative;
    z-index: 2;  
    margin-top: 10px;
}

.logo-link-bottom{
    width: 66%;
}

#logo-bottom{
    display: block;
    float: left;
}

#logo-bottom img{
    height: 50px;
    width: auto;
}

#footer-bottom p {
    height: 50px;
    line-height: 50px;
    color: white;
    font-size: 12px;
}

#footer-bottom a,
#footer-top a{
    color: #ffb910;
}

#footer-top .page,
#footer-bottom .page{
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

/* CONTATTI */

.contatti-container{
    color: white;
}

/* #contatti .page{
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    float: none;
    margin-left: auto;
    margin-right: auto;
} */

.contatti-container {
    margin-top: 60px;
}

.contatti-title{
    width: 50%;
    color: white;
}

.contatti-title p{
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}

.contatti-title h2{
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
}
.contatti-text{
    width: 50%;
    color: white;
    font-size: 15px;
    line-height: 18px;
}

.contatti-container form{
    margin-top: 20px;
}

.contatti-container .form-input{
    margin-bottom: 10px;
}

.contatti-container a{
    color: #ffb910;
}

.send-message {
    height: 58px;
    width: 198px;
    border: 1px solid;
    border-color: rgba(255, 255, 255, .30);
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    letter-spacing: 2px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 58px;
    margin-left: -100px;
}

.send-message-container{
    width: 50%;
    float: right;
}

.contatti-thanks{
    min-height: calc(100vh - 200px);
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 40px;
}

.contatti-thanks .send-message{
    margin-left: 0px;
}
.modal-box .send-message {
    color: #004e9f;
    border: 1px solid #e5e5e5;
    margin-left: calc(50% - 100px);
}

.contatti-thanks .send-message a{
    color: white;
    display: block;
    width: 100%;
}

/* PAGINA GENERICA */

.cover-photo{
    background-position: center center;
    background-size: cover;
    height: 600px;
    position: relative;
}

.cover-container{
    max-width: 1326px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    float: none;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    position: relative;
}

.cover-title{
    width: 100%;
    margin-top: 150px;
    color: white;
    font-size: 30px;
    line-height: 35px;
    z-index: 3;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000000;
}

/* sgurino */
.fake-stripe{
    width: 50%; 
    float: right; 
    height: 50px; 
    position: absolute;
    z-index: 2; 
    bottom: 0px; 
    right: 0px; 
    background-color: white;
}

.fake-step{
    background-color: white; 
    top: -50px; 
    position: relative;
    z-index: 2;
    min-height: 100px;
    padding-top: 50px;
}

.generic-container{
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1326px;
    width: 100%;
    box-sizing: border-box;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.left-column{
    width: calc(25% - 60px);
    padding-right: 20px;
    display: block;
}

.section-name{
    font-size: 15px;
    line-height: 15px;
    font-weight: 400;
    color: black;
}

.block-title{
    font-size: 22px;
    line-height: 22px;
    color: #004e9f;
    text-transform: uppercase;
    font-weight: bold;
}

.blocks-container .block-title{
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    color: black;
    text-transform: none;
}


.right-column{
    width: calc(75% - 60px);
    display: block;
    float: right;
}

.two-column-text{
    /* margin-top: 20px; */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}

.left-text-half {
    width: calc(50% - 10px);
}

.image-half-right {
    width: calc(50% - 10px);
    float: right;
    height: 300px;
    background-position: center center;
    background-size: cover;
}

.right-text-half {
    width: calc(50% - 10px);
    float: right;
}

.image-half-left {
    width: calc(50% - 10px);
    float: left;
    height: 300px;
    background-position: center center;
    background-size: cover;
}

.image-over-page{
    width: 100%;
    height: auto;
    float: left;
}

.full-block{
    width: calc(100% - 120px);
    float: left;
    height: auto;
    padding: 60px;
    background: rgb(89,89,89);
    background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.95) 0%, rgba(0,78,159,0.95) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.95) 0%, rgba(0,78,159,0.95) 100%);
    background: linear-gradient(-45deg, rgba(89,89,89,0.95) 0%, rgba(0,78,159,0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);
}

.full-block-title{
    font-size: 30px;
    line-height: 30px;
    color: #ffb910;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}

.full-block p:last-child{
    font-size: 20px;
    line-height: 25px;
    color:white;
    text-align: center;
}

.img-full{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.video-full-w{
    height: auto;
    position: relative;
}

.video-full-w iframe {
    width: 100%;
    height: 100%;
}

.file-download p{
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #e5e5e5;
}

.file-download p:last-child{
    border-bottom: 1px solid #e5e5e5;
}


.file-download a{
    float: right;
    font-size: 12px;
}

.accordion-question {
    display: block;
    float: left;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    width: 100%; 
}

.accordion-question:first-child{
    border-top: 1px solid #e5e5e5;
}

.accordion-question-arrow {
    position: absolute;
    right: 15px;
    top: 0px;
    color: #004e9f;
}

.accordion-question {
    box-sizing: border-box;
}

.accordion-question .accordion-title {
    font-size: 15px;
    height: 30px;
    line-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #595959;
    text-transform: none;
    border-top: none;
    font-weight: 700;
}

.accordion-reply{
    background-color: #fafafa;
    border-top: 1px solid #e5e5e5;
}

.accordion-reply p{
    width: calc(100% - 40px);
    font-size: 12px;
    line-height: 15px;
    padding: 20px;
    text-transform: none;
    border-top: none;
}

.double-action-c{
    float: right;
    margin-right: calc(50% - 100px);
    margin-bottom: 40px;
    margin-top: 20px;
}

/* CUSTOM FORM */
#custom-form {
    padding-bottom:40px;
}

/* PARTNERS */

.logo-cont div{
    width: calc(25% - 30px);
    height: auto;
    margin-right: 10px;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
}


.logo-cont img{
    width: 100%;    
}

.logo-cont img:nth-child(4){
    margin-right: 0px;
}

.logo-cont a {
    display: block; 
    width: 100%;
}

/* AGENDA */

#agenda{
    position: relative;
    margin-top: 50px;
}
.card-news-small{
    position: relative;
    width: 298px;
    height: 298px;
    background-color: white;
    border: 1px solid #e5e5e5;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;      
}
.card-news-small:nth-child(4n){
    margin-right: 0px;
}
.card-news{
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 20px;
    position: absolute;
    bottom: 0px;
}
.card-news-day{
    font-weight: bold;
    font-size: 25px;
    color: black;
}
.card-news-month{
    font-size: 25px;
    line-height: 27px;
    color: black;
    font-weight: 100;
    text-transform: uppercase;
}
.card-news-year{
    font-size: 20px;
    color: black;
    font-weight: 400;
    line-height: 20px;
}
.card-news-title{
    margin-top: 20px;
}
.card-news-title{
    font-weight: normal;
    color: #595959;
}
.card-news-link {
    position: absolute;
    display: block;
    bottom: 20px;
    left: 20px;
    font-size: 12px;
    line-height: 15px;
}

#agenda .blue-bar-h{
    top: 320px;
}

#nav-agenda{
    margin-top: 20px;
    width: 139px;
    height: 80px;
    position: relative;
    float: right;
}

#nav-agenda .prev{
    height: 58px;
    width: 58px;
    line-height: 58px;
    position: absolute;
    right: 59px;
    opacity: 1;
    border: 1px solid #e5e5e5;
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#nav-agenda .next{
    height: 58px;
    width: 58px;
    line-height: 58px;
    position: absolute;
    right: 0px;
    opacity: 1;
    border: 1px solid #e5e5e5;
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#slider-evidenza {
    position: relative;
    margin-top: 40px;
}
.news-bottom-cont{
    height: 140px; 
    margin-top: 10px; 
    width: 50%;
}
.news-bottom{
    height: 100px; 
    border-left: 1px solid #e5e5e5;
    padding: 10px; 
    width: calc(100% - 20px);
}

.news-bottom-link{
    font-size: 12px;
}
.page-number-cont{
    margin-top: 20px;
    margin-bottom: 40px;
}


#page-number a{
    height: 58px;
    width: 58px;
    line-height: 58px;
    opacity: 1;
    border: 1px solid #e5e5e5;
    background-color: rgba(255, 255, 255, .30);
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    display: inline-block;
    margin-right: 20px;
}

#page-number a:last-child{
    margin-right: 0px;
}

#page-number .sel{
    background: rgb(89,89,89);
        background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
        background: linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;      
        color: white;
        -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
}

.news-gallery{
    position: relative;
    width: 50%;
    margin-top: 20px;
}

.first-image{
    width: 100%;
    height: auto;
}

.gallery-thumb{
    height: 107px;
    width: calc((100% - 20px) / 3);
    margin-right: 10px;
    background-position: center center;
    background-size: cover;
    position: relative;
    display: block;
}
.gallery-thumb:last-child{
    margin-right: 0px;
}
.gallery-thumb img{
    width: 100%;
    height: auto;
}

.left-agenda{
    width: 50%; 
    padding-right: 0px;
}
.right-agenda{
    width: calc(50% - 20px); 
    margin-left: 20px; 
}

.agenda-detail-title{
    /* padding-left: 40px; */
    color: black;
    margin-bottom: 10px;
}
.agenda-detail-title p {
    width: 90%;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
}
.agenda-detail-title h2{
    width: 95%;
    font-size: 25px;
    line-height: 30px;
    font-weight: 700;
}
.card-advice-small{
    position: relative;
    width: 298px;
    height: 298px;
    background-color: white;
    border: 1px solid #e5e5e5;
    margin-right: 20px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;      
}
.card-advice-small:last-child{
    margin-right: 0px;
}
.news-advice .news-bottom-cont{
    width: 100%;
}

/* LAVORA CON NOI */

.posizione-aperta .block-title{
    font-size: 22px;
    line-height: 22px;
    color: #004e9f;
    text-transform: uppercase;
    font-weight: bold;
}

#lavora-con-noi label,
#hd-academy-form label,
#custom-form label {
    color: #595959;
}

#lavora-con-noi .send-message,
#hd-academy-form .send-message,
#custom-form .send-message {
    height: 58px;
    width: 198px;
    /* background-color: rgba(255, 255, 255, .30); */
    border: 1px solid #e5e5e5;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    letter-spacing: 2px;
    bottom: 50px;
    color: #004e9f;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 58px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;        
}

#lavora-con-noi .contatti-thanks{
    margin-top: 0px;
}

.back-home{
    color: #595959!important;
}

.upload-text{
    font-size: 12px; 
    position: absolute; 
    right: 10px; 
    width: 75px; 
    width: 300px;
    line-height: 58px;
    color: #004e9f;
    font-weight: bold;
    text-align: right;
}

/* ACADEMY */
.card-academy .card-hp-small{
    margin-right: 10px;
}

.card-academy .card-hp-small:last-child{
    margin-right: 0px;
}

.small-bar-container{
    height: 0px;
}

#strumenti-hp .small-blue-bar{
    top: -160px;
}

.small-blue-bar{
    z-index: 1;
    background-color: #D3DEE4;
    position: relative; 
    top: -250px; 
    z-index: -1; 
    height: 125px;
}

.accordion-action {
    height: 58px;
    width: 198px;
    border: 1px solid #e5e5e5;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    letter-spacing: 2px;
    
    color: #004e9f;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 58px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;    
}

.accordion-action a {
    display: block;
    font-weight: normal!important;
}

.double-action-l{
    margin-left: calc(50% - 210px);
    margin-top: 20px;
    margin-bottom: 40px;
}

.double-action-r{
    float: right;
    margin-right: calc(50% - 200px);
    margin-bottom: 40px;
    margin-top: 20px;
}

.single-action{
    margin-left: calc(50% - 100px);
    margin-top: 20px;
    margin-bottom: 40px;
}

.paypal-logo-cont{
    text-align: center;
    margin-top: 20px;
    height: 100px;
}

.paypal-logo-cont img {
    height: 100px;
}

.disabled-label {
    opacity: 50%;
}

.paypal-cont {
    width: 50%;
    margin: auto;
    float: none;
}

/* Over Cage */
@media only screen and (min-width:1025px) and (max-width:10000px) {      
    a:hover,
    #social-top a:hover {
        color: #eb1a21;
        transition: color 0.2s;
        -webkit-transition: color 0.2s;        
    }

    .has-second-lvl:hover .a-first-level{
        color: #eb1a21;
    }

    .has-second-lvl:hover .ul-second-level{
        display: block;
    }

    .ul-second-level a:hover{
        /* color: white; */
        color: #eb1a21;
    }

    .ul-second-level a:hover span:last-child{
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;        
    }

    #footer-bottom a:hover,
    .back-home:hover,
    #footer-top a:hover,
    .slider-link a:hover,
    #slider-double-link:hover a,
    #slider-evidenza-link:hover a{
        color: white!important;
    }

    #social-bottom a:hover{
        color: #ffb910!important;
    }

    #newsletter-form button:hover{
        background-color: #004e9f;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;        
    }

    .slider-link:hover,
    #slider-double-link:hover,
    #slider-evidenza-link:hover,
    .send-message:hover {
        /* background: rgb(89,89,89);
        background: -moz-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
        background: linear-gradient(-45deg, rgba(89,89,89,0.75) 0%, rgba(0,78,159,0.75) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1); */
        
        background: rgb(89,89,89);
        background: -moz-linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        background: linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);
        
        transition: all 0.2s;
        -webkit-transition: all 0.2s;      
        letter-spacing: 4px;  
        -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
    }

    #page-number a:hover{
        background: rgb(89,89,89);
        background: -moz-linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        background: linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);
        transition: all 0.2s;
        -webkit-transition: all 0.2s;      
        color: white;
        -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
    }

    .card-back:hover i{
        color: #eb1a21;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;      
    }

    .card-hp-anchor:hover .card-back{
        bottom: 0px;
        -webkit-transition: all 300ms ease-out; 
        -moz-transition: all 300ms ease-out; 
        -o-transition: all 300ms ease-out; 
        transition: all 300ms ease-out;
        opacity: 1;
        -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
    }

    .card-hp-small:hover{
        overflow: visible;
        /* -webkit-transition: overflow 200ms ease-out; 
        -moz-transition: overflow 200ms ease-out; 
        -o-transition: overflow 200ms ease-out; 
        transition: overflow 200ms ease-out; */

        -webkit-animation-name: slide-up-shadow;
        -webkit-animation-duration: 300ms;
    }

    .contatti-container a:hover{
        color: white;
    }
    
    .card-news-small:hover,
    .card-advice-small:hover{
        transition: all 0.2s;
        -webkit-transition: all 0.2s;      
        -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
        box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
    }
    .card-news-small:hover .card-news-link,
    .card-advice-small:hover .card-news-link{
        color: #eb1a21;
    } 
    
    #nav-agenda a:hover,
    #lavora-con-noi .send-message:hover,
    #hd-academy-form .send-message:hover,
    .accordion-action:hover a {
        color: white;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;        
        background-position: 0px 0px;
        background: rgb(89,89,89);
        background: -moz-linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        background: linear-gradient(-45deg, rgba(0,78,159,0.50) 0%, rgba(255,185,16,0.50) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#595959",endColorstr="#004e9f",GradientType=1);

        -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
        box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.5);
     }
    
}

@media only screen and (min-width:320px) and (max-width:1279px) {
    .desktop-only{
        display: none;
    }
}

@media only screen and (min-width:1024px) and (max-width:1320px) {
    /* .desktop{
        display: none;
    } */
    .desktop-only{
        display: none;
    }
    #mobile-nav{
        display: none;
    }
    .inline-desktop{
        display: none;
    }
    .inline-tab{
        display: block;
    }
    .responsive-arrow{
        display: block;
        float: left;
        padding: 20px 5px 0 5px;
    }
    .responsive-arrow i{
        display: block;
        float: left;
        line-height: 58px;
        font-size: 15px;
    }
    .a-first-level{
        padding-right: 5px;
    }

    /* 2022 OVERRIDE 1320 */
    .hr-custom{
        border: 1px solid #e5e5e5;
    }
    .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }

    header{
        height: 60px;
    }
    #logo-top{
        height: 100%;
    }
    #logo-top img{
        height: 40px;
        vertical-align: unset;
        margin-top: 10px;
    }
    #mobile-nav{
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        float: right;
        border-left: 1px solid #e5e5e5;
    }
    #mobile-nav a{
        display: block;
        width: 100%;
    }
    .mobile-menu{
        display: none;
        width: 100%;
        height: calc(100vh - 120px);
        padding-top: 20px;
        padding-bottom: 40px;
        background-color: white;
        position: absolute;
        float: left;
        left: 0px;
        top: 60px;
        z-index: 2;
        -webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        overflow: scroll;
    }
    .mobile-menu a{
        line-height: 20px;
    }
    .li-first-level{
        display: block;
        width: 100%;
        float: right;
        height: auto;
        padding: 5px 20px;
        text-align: right; 
        font-size: 15px; 
    }
    .a-first-level{
        display: block;
        width: 100%;
    }

    .ul-second-level-mobile{
        position: static;
        right: 0px;
        float: right;   
        text-align: right;
        font-weight: normal;
    }
    .ul-second-level-mobile li{
        font-size: 15px;
        line-height: 20px;
        padding: 5px 0px;
    }
    #social-top-mobile{
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .social-top-mobile-item{
        width: 60px;
        height: 60px;
        text-align: center;
        float: right;
    }
    #social-top-mobile a{
        width: 100%;
        display: block;
        line-height: 60px;
        color: #595959;
    }
    /* fine 2022 */
    .hr-custom{
        border: 1px solid #e5e5e5;
    }
    .card-hp-small{
        width: 200px;
        height: 200px;
    }
    .cover-photo{
        height: 400px;
    }
    #strumenti-hp {
        height: 450px;
    }

    #strumenti-hp .small-blue-bar {
        top: -210px;
    }

    #strumenti-hp .card-view-all{
        margin-top: 20px;
    }
    #news{
        margin-top: 0px;
        margin-bottom: 25px;
    }
    #slider-double{
        margin-top: 25px;
    }    
    #servizi-splash .small-blue-bar{
        top: 260px;
    }
    #servizi-splash .card-container{
        height: 300px;
    }
    #strumenti-splash .small-blue-bar{
        top: 205px;
    }
    #strumenti-splash .card-container{
        height: 300px;
    }
    .small-bar-container .small-blue-bar{
        top: -200px;
    }
    .card-academy .card-hp-small{
        margin-top: 10px;
    }
    .card-container{
        height: 500px;
    }
    .card-news-small{
        width: 220px;
        height: 220px;
    }
    .card-news-small:nth-child(4n){
        margin-right: 0px;
    }
    .left-agenda{
        width: 60%; 
        padding-right: 0px;
    }
    .right-agenda{
        width: calc(40% - 20px); 
        margin-left: 20px; 
    }
    .card-advice-small{
        margin-bottom: 20px;
    }
    
}

@media only screen and (min-width:768px) and (max-width:1023px) {      
/*     .desktop{
        display: none;
    } */
    .desktop-only{
        display: none;
    }
    .inline-desktop{
        display: none;
    }
    .inline-tab{
        display: block;
    }
    .hr-custom{
        border: 1px solid #e5e5e5;
    }
    header{
        height: 113px;
    }
    #mobile-nav{
        display: none;
    }
    #nav-top {
        float: left;
        padding-left: 10px;
    }
    #social-top{
        /* margin-top: 37px; */
        height: 113px;
        padding-top: 0px;
        line-height: 175px;
    }

    /* 2022 OVERRIDE 767 */
    
    .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }

    header{
        height: 60px;
    }
    #logo-top{
        height: 100%;
    }
    #logo-top img{
        height: 40px;
        vertical-align: unset;
        margin-top: 10px;
    }
    #mobile-nav{
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        float: right;
        border-left: 1px solid #e5e5e5;
    }
    #mobile-nav a{
        display: block;
        width: 100%;
    }
    .mobile-menu{
        display: none;
        width: 100%;
        height: calc(100vh - 120px);
        padding-top: 20px;
        padding-bottom: 40px;
        background-color: white;
        position: absolute;
        float: left;
        left: 0px;
        top: 60px;
        z-index: 2;
        -webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        overflow: scroll;
    }
    .mobile-menu a{
        line-height: 20px;
    }
    .li-first-level{
        display: block;
        width: 100%;
        float: right;
        height: auto;
        padding: 5px 20px;
        text-align: right; 
        font-size: 15px; 
    }
    .a-first-level{
        display: block;
        width: 100%;
    }

    .ul-second-level-mobile{
        position: static;
        right: 0px;
        float: right;   
        text-align: right;
        font-weight: normal;
    }
    .ul-second-level-mobile li{
        font-size: 15px;
        line-height: 20px;
        padding: 5px 0px;
    }
    #social-top-mobile{
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .social-top-mobile-item{
        width: 60px;
        height: 60px;
        text-align: center;
        float: right;
    }
    #social-top-mobile a{
        width: 100%;
        display: block;
        line-height: 60px;
        color: #595959;
    }
    /* fine 2022 */



    .cover-photo{
        height: 400px;
    }
    #ul-first-level{
        margin-top: 40px;
    }
    .responsive-arrow{
        display: block;
        float: left;
        padding: 20px 5px 0 5px;
    }
    .responsive-arrow i{
        display: block;
        float: left;
        line-height: 58px;
        font-size: 15px;
    }
    .a-first-level{
        margin-top: 20px;
        padding-top: 0px;
        padding-right: 5px;
        height: 50px;
    }
    .responsive-arrow{
        padding-top: 0px;
        margin-top: 20px;
    }
    .li-first-level-sep{
        display: none;
    }
    .ul-second-level{
        top: 73px;
        left: 0px!important;
    }
    .ul-second-level a span:first-child{
        padding: 0px 10px 0px 5px;
    }
    .slider-titolo{
        width: 80%;
    }
    #strumenti-hp .card-view-all{
        margin-top: 220px;
    }
    #strumenti-hp .card-container{
        height: 480px;
    }
    .card-hp-small{
        margin-bottom: 20px;
    }
    .card-hp-small:nth-child(2n){
        margin-right: 10px;
    }
    #strumenti-hp .small-blue-bar{
        top: -240px;
    }
    #servizi-splash .small-blue-bar{
        top: 300px;
    }
    #slider-double{
        margin-top: 0px;
    }
    .owl-carousel-double, .owl-carousel-evidenza,
    .slider-double-panel, .slider-evidenza-panel {
        height: 350px;
    }
    .slider-double-panel .slider-double-container,
    .slider-evidenza-panel .slider-evidenza-container  {
        margin-top: 0px;
    }
    #slider-double-link, #slider-evidenza-link{
        bottom: 20px;
    }
    .send-message-container{
        width: 100%;
        float: right;
    }
    .modal-box .send-message,
    #lavora-con-noi .send-message{
        float: right;
        margin-left: 0px;
    }
    .contatti .send-message{
        float: right;
        margin-left: 0px;
    }
    .card-container{
        height: 700px;
    }
    .card-news-small{
        width: 220px;
        height: 220px;
    }
    .card-news-small:nth-child(3n){
        margin-right: 0px;
    }
    .card-news-small:nth-child(4n){
        margin-right: 10px;
    }
    #agenda .blue-bar-h {
        top: 380px;
    }
    .left-agenda{
        width: 55%; 
        padding-right: 0px;
    }
    .right-agenda{
        width: calc(45% - 20px); 
        margin-left: 20px; 
    }
    .card-advice-small{
        margin-bottom: 20px;
    }
}

/* @media only screen and (min-width:320px) and (max-width:1023px) {           

}
*/


@media only screen and (min-width:320px) and (max-width:767px) {         
    .desktop{
        display: none;
    }
    .mobile{
        display: block;
    }
    header{
        height: 60px;
    }
    #logo-top{
        height: 100%;
    }
    #logo-top img{
        height: 40px;
        vertical-align: unset;
        margin-top: 10px;
    }
    #mobile-nav{
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        float: right;
        border-left: 1px solid #e5e5e5;
    }
    #mobile-nav a{
        display: block;
        width: 100%;
    }
    .mobile-menu{
        display: none;
        width: 100%;
        height: calc(100vh - 120px);
        padding-top: 20px;
        padding-bottom: 40px;
        background-color: white;
        position: absolute;
        float: left;
        left: 0px;
        top: 60px;
        z-index: 2;
        -webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        -moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.25);
        overflow: scroll;
    }
    .mobile-menu a{
        line-height: 20px;
    }
    .li-first-level{
        display: block;
        width: 100%;
        float: right;
        height: auto;
        padding: 5px 20px;
        text-align: right; 
        font-size: 15px; 
    }
    .a-first-level{
        display: block;
        width: 100%;
    }

    .ul-second-level-mobile{
        position: static;
        right: 0px;
        float: right;   
        text-align: right;
        font-weight: normal;
    }
    .ul-second-level-mobile li{
        font-size: 15px;
        line-height: 20px;
        padding: 5px 0px;
    }
    .cover-photo{
        height: 400px;
    }
    .hr-custom{
        border: 1px solid #e5e5e5;
    }
    #social-top-mobile{
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    .social-top-mobile-item{
        width: 60px;
        height: 60px;
        text-align: center;
        float: right;
    }
    #social-top-mobile a{
        width: 100%;
        display: block;
        line-height: 60px;
        color: #595959;
    }

    #footer-top .page{
        padding-left: 10px;
        padding-right: 10px;
    }

    .footer-left{
        width: 100%;
    }

    #footer-top{
        padding-top: 100px;
        font-size: 11px!important;
    }

    #footer-top p{
        font-size: 10px;
        line-height: 12px;
    }

    .footer-company-data{
        width: 60%;
        padding-right: 10px;
        box-sizing: border-box;
    }
    main{
        margin-bottom: 560px;
    }
    footer{
        height: 560px; /* combaciare con margin bottom del main */
    }

    #footer-top{
        height: 520px; /* 600 - 60 */
        padding-bottom: 20px;
    }
    #footer-bottom{
        padding-top: 0px;
    }
    #nav-bottom{
        width: 40%;
    }
    #nav-bottom li{
        font-size: 10px;
        line-height: 12px;
    }
    .footer-right{
        width: 100%;
        margin-top: 20px;
    }
    #newsletter-title {
        font-size: 12px!important;
    }
    #newsletter-bottom-cont .newsletter-abstract{
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 10px;
    }

    .logo-link-bottom{
        width: 100%;
    }
    #logo-bottom{
        display: none;
    }
    #copyright-bottom{
        width: 100%;
        height: 15px!important;
        text-align: center;
        font-size: 10px!important;
        line-height: 12px!important;
    }
    #footer-email{
        width: 100%;
        height: 15px!important;
        text-align: center;
        font-size: 10px!important;
        line-height: 12px!important;
    }
    #newsletter-name-cont input,
    #newsletter-email-cont input {
        height: 40px;
        font-size: 10px;
    }
    #newsletter-email-cont button{
        height: 40px;
        width: 40px;
    }
    #newsletter-email-cont {
        padding-right: 40px;
    }
    .newsletter-privacy label,
    .newsletter-privacy input{
        font-size: 10px!important;
        line-height: 12px!important;
    }
    #footer-top span {
        font-size: 10px!important;
        line-height: 12px!important;
    }
    /* mobile hp */
    .slider-occhiello{
        font-size: 12px;
        line-height: 15px;
    }
    .slider-titolo{
        font-size: 15px;
        line-height: 18px;
    }
    .table-cell{
        padding-top: 100px;
        vertical-align: top;
    }
    #nav-slider-hp a{
        bottom: 27.5vh!important;
    }
    .hp-slider-button {
        width: calc(50% - 1px);
        height: 50%;
    }
    .hp-slider-button div {
        width: calc(100% - 10px);
        height: calc(100% - 20px);
        padding: 10px 5px;
        line-height: 12px;
    }
    .hp-slider-button p {
        margin-top: 5px;
        font-size: 10px;
        line-height: 12px;
    }
    .hp-slider-button i{
        font-size: 12px;
    }
    .hp-slider-buttons-cont {
        height: calc(100vh - 75%);
    }
    .page {
        width: 100%;
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    #strumenti-hp, #servizi-splash, #strumenti-splash {
        margin-top: 50px;
    }
    .strumenti-hp-title, .servizi-splash-title, .strumenti-splash-title, .agenda-title {
        width: calc(50% - 10px);
        padding-left: 10px;
    }
    .strumenti-hp-title p, .servizi-splash-title p, .strumenti-splash-title p, .agenda-title p, .contatti-container p {
        font-size: 15px;
        line-height: 15px;
    }
    .strumenti-hp-title h2, .servizi-splash h2, .strumenti-splash h2, .agenda-title h2, .contatti-title h2 {
        font-size: 15px;
        line-height: 15px;
    }
    .strumenti-hp-text, .servizi-splash-text, .strumenti-splash-text, .agenda-text {
        width: calc(50% - 10px);
        padding-right: 10px;
        font-size: 12px;
        line-height: 15px;
    }
    .card-hp-small {
        width: calc(50% - 5px);
        height: auto;
        height: 150px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
    .card-first-row .card-hp-small {
        margin-right: 10px;
    }
    .card-hp-small:nth-child(odd){
        margin-right: 10px;
    }
    .card-hp-small:nth-child(even){
        margin-right: 0px;
    }
    .card-front {
        padding: 10px;
    }
    .card-front p {
        font-size: 12px;
        line-height: 15px;
    }
    #news{
        margin-top: 0px;
    }
    .news-date{
        font-size: 15px;        
        line-height: 15px;
    }
    .news-title{
        font-size: 12px;        
        line-height: 15px;
    }
    .news-action-container {
        width: 100px;
        height: 140px;
        position: relative;
        float: right;
    }
    .news-view-all{
        width: auto;
    
    }
    #slider-double,
    #slider-evidenza{
        margin-top: 0px;
    }
    .slider-double-panel,
    .slider-evidenza-panel{
        right: 0px;
        height: 300px;
        width: 60%;
    }
    .owl-carousel-double,
    .owl-carousel-evidenza{
        height: 300px;
    }
    .slider-double-panel .slider-double-container, .slider-evidenza-panel .slider-evidenza-container {
        width: calc(100% - 20px);
        padding: 10px;
        margin-top: 0px;
    }
    #slider-double-occhiello{
        font-size: 12px;
        line-height: 15px;
    }
    #slider-double-title{
        font-size: 15px;
        line-height: 18px;
    }
    #slider-double-link, #slider-evidenza-link {
        height: 38px;
        width: 148px;
    }
    #slider-double-link a, #slider-evidenza-link a {
        font-size: 10px;
        line-height: 38px;
    }

    #nav-slider-double .owl-next,
    #nav-slider-evidenza .owl-next {
        height: 38px;
        width: 38px;
        line-height: 38px;
        position: absolute;
        right: 58px;
        top: -58px;
    }

    #nav-slider-double .owl-prev,
    #nav-slider-evidenza .owl-prev {
        height: 38px;
        width: 38px;
        line-height: 38px;
        position: absolute;
        right: 96px;
        top: -58px;
    }
    .contatti-title,
    .agenda-title,
    .strumenti-hp-title {
        width: 100%;
        padding-left: 0px;
    }
    .contatti-text,
    .agenda-text,
    .strumenti-hp-text {
        width: 100%;
        margin-top: 10px;
        padding-right: 0px;
    }
    .contatti-container{
        margin-top: 20px;
    }
    .contatti-text {
        font-size: 12px;
        line-height: 15px;
    }
    .form-input-small,
    .form-select{
        height: 40px;
        line-height: 40px;
        font-size: 10px;
    }
    .text-area-cont{
        margin-bottom: 5px;
    }
    .send-message-container {
        margin-top: 40px;
    }
    .generic-container{
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
        box-sizing: border-box;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .left-column {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    .right-column {
        width: 100%;
    }
    .two-column-text {
        -moz-column-count: 1;
        column-count: 1;
        width: 100%;
    }
    .left-text-half,
    .image-half-left {
        width: 100%;
        margin-bottom: 10px;
    }

    .image-half-right,
    .right-text-half {
        width: 100%;
    }

    .full-block {
        width: calc(100% - 40px);
        padding: 20px;
    }
    .double-action-r {
        float: right;
        margin-right: calc(50% - 98px);
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .accordion-action {
        height: 38px;
        width: 98px;
        font-size: 10px;
        line-height: 38px;
    }
    .double-action-l {
        margin-left: calc(50% - 108px);
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .double-action-c {
        float: right;
        margin-right: calc(50% - 49px);
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .file-download p,
    .accordion-question .accordion-title{
        font-size: 10px;
    }
    .accordion-question-arrow{
        right: 5px;
    }
    .logo-cont div {
        width: calc((100% - 26px) / 3);   
    }
    .logo-cont div:nth-child(3n){
        margin-right: 0px;
    }

    .card-container{
        height: 850px;
    }
    .card-news-small{
        width: calc(50% - 10px);
        min-height: 200px;
        height: auto;
        margin-right: 5px;
    }
    .card-news-small:nth-child(2n){
        margin-right: 0px;
    }
    .card-news-small:nth-child(3n){
        margin-right: 5px;
    }
    .card-news-small:nth-child(4n){
        margin-right: 0px;
    }
    #agenda .blue-bar-h {
        top: 380px;
    }
    .card-news-title{
        font-size: 12px;
        line-height: 15px;
    }
    .card-news-day,
    .card-news-month,
    .card-news-year {
        font-size: 15px;
        line-height: 15px;
    }
    .news-bottom-cont {
        height: 170px;
    }
    .news-bottom .news-title{
        height: 50px;
    }
    .card-advice-small{
        margin-bottom: 20px;
    }
    #turn-your-device .table-cell{
        padding-top: 0px;
        vertical-align: top;
    }
    .time-cont .w_25pe{
        width: 50%;
        margin-bottom: 10px;
    }

}