header{ width: 100%; overflow: hidden; padding: 20px 6% 2%;}
.lang{ position: absolute; top: 10px; right: 20px;color: #10069F; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px;}
.logo-txt{ margin:auto; width: 20%; max-width: 186px;  }
.logo{ margin: auto; width: 6%; max-width: 119px; }

.menu{ position: absolute; top: 30px;}
.menu li{ display: inline-block;  margin: 0 5px; background-color: #f3f3f3; color: #00287A; text-transform: uppercase; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold;}
.menu li:hover{ background-color:#00287A ; color: #f3f3f3; }
.menu li:hover a{ color: #f3f3f3; }
.menu li a{ text-decoration: none; color: #00287A; display: block; padding: 3px 5px; }


main{min-height: 38.5vw;}
footer{color: #10069F; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 11px;  text-align: center; margin: 3% 0; font-weight: 400; position: relative;}
.piva{  position: absolute; left: 3%; top: 20px; text-align: left; line-height: 160%;}
.piva a{  text-transform: lowercase; text-decoration: none;color: #10069F; }

.informativa{ position: absolute; right: 3%; top: 60%; font-size: 9px;text-transform: uppercase;}
.informativa a{ color: #10069F;}

.indirizzo{ text-align: center;font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; color: #10069F; padding-top: 10px;}

.cont-video{ width: 62%; max-width: 1328px; margin: auto; cursor:pointer; position: relative;}
.cont-video p{font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; text-align: center; font-weight: bold; letter-spacing: 3px; padding-top: 20px; color: #10069F;}
.cont-video img{position: absolute; width: 100%; z-index: 9;}



.box-fixed-cookie{ width: 100%;  background: rgba(39,52,139, 0.85); position: fixed; bottom: 0; left: 0;z-index: 9999999999; color: #ffffff; font-size: 11px; font-family:'Roboto',Arial, Helvetica, sans-serif; text-align: center;-webkit-box-shadow: 0px -20px 22px -23px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px -20px 22px -23px rgba(0,0,0,0.51);
    box-shadow: 0px -20px 22px -23px rgba(0,0,0,0.51);}
.box-int-cookie{position: relative;padding: 0.5% 4% 0.5%;}
.txt-cookie-fixed{display: inline-block; vertical-align: middle; }
.close-cookie{position: absolute; width: 15px; height: 15px; top: 10px; right: 10px; cursor:pointer;}


.cont-privacy{ width: 90%; margin: auto; max-width: 1200px; color: #10069F; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px;}
.cont-privacy a{  color: #10069F; }
.privacy{font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 18px; color: #10069F; text-transform: uppercase; font-weight: 700;}
.cont-privacy .txt{ padding-bottom: 50px;}

.box-fixed-cookie{ width: 100%;  background: #C2E2F1; position: fixed; bottom: 0; left: 0;z-index: 9999999999; color: #000; font-size: 11px; font-family:'Roboto',Arial, Helvetica, sans-serif; text-align: center;-webkit-box-shadow: 0px -20px 22px -23px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px -20px 22px -23px rgba(0,0,0,0.51);
    box-shadow: 0px -20px 22px -23px rgba(0,0,0,0.51);}
.box-int-cookie{position: relative;padding: 0.5% 4% 0.5%;}
.txt-cookie-fixed{display: inline-block; vertical-align: middle; }
.close-cookie{position: absolute; width: 15px; height: 15px; top: 10px; right: 10px; cursor:pointer;}


/* CAREERS inizio*/
.container-contact{ width: 90%; max-width: 640px; margin: auto;}
.title-contact{ text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 20px; color: #10069F; text-transform: uppercase; font-weight: bold; padding-top: 10%; padding-bottom: 3%;}
.subtitle-contact{ text-align: center; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; color: #10069F; max-width: 470px; margin: auto; padding-bottom: 50px;}

.section-input-contact{font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 15px; color: #10069F; text-align: center; text-transform: uppercase; padding: 30px 0 10px;}
.section-input-contact span{ text-transform: none; font-weight: 300;}
.cont-input-contact{width: 100%; font-size: 0;}
.cont-input-contact.mod{ text-align: center; padding-top: 20px; padding-bottom: 50px;}
.box-input-contact{width: 48%; margin-right: 4%; display: inline-block; padding-bottom: 20px;vertical-align: top; }
.box-input-contact:nth-child(2n){margin-right:0; }
.label-contact{ display: block; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 12px; color:#2F2F2F; font-weight: 300; padding-left: 15px; padding-bottom: 4px; }
.input-txt{ height: 36px; width: 100%; border: 1px solid #707070; padding: 0 10px;}
.input-messaggio{height: 110px; width: 100%; border: 1px solid #707070; outline: none; resize: none; padding: 10px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 10px; overflow: auto;}
.input-messaggio.small{height: 150px;}
.select-contact{height: 36px; width: 100%; border: 1px solid #707070; padding: 0 10px; background: url(/images/select.svg) no-repeat center right 10px; background-size:7px; -moz-appearance: none; -webkit-appearance: none; appearance:none; outline:none; border-radius: 0;}
.rimuovi{ position: absolute; top: 60px; right: 0; cursor: pointer;font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 10px; color:#2F2F2F;}
.rimuovi a{  color: #2F2F2F; }

.select-contact::-ms-expand {
    display: none;
}
.select-contact:hover {
    border-color: #888;
}
.select-contact:focus {
    border-color: #aaa;
    box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
    box-shadow: 0 0 0 3px -moz-mac-focusring;
    color: #222;
    outline: none;
}
.select-contact option {
    font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-contact, :root:lang(ar) .select-contact, :root:lang(iw) .select-contact {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-contact:disabled, .select-contact[aria-disabled=true] {
    color: graytext;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}
.select-contact:disabled:hover, .select-contact[aria-disabled=true] {
    border-color: #aaa;
}


.btn-submit {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    display: block;
    margin: 0 auto 45px;
    background:  #00287A;
    border: 1px solid #999;
    border-radius: 0;
    padding: 5px 8px;
    outline: none;
    width: 244px;
    height: 36px;
    cursor: pointer;
    color: #FFF;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
}
.btn-submit a{display: block;color: #FFF; text-decoration: none;}


/* CAREERS fine*/


/**/
input[type=file]{ width: 100%;}
.upload-cv {
    /*color: transparent;*/
    margin-top: 24px;
}
.upload-cv::-webkit-file-upload-button {
    visibility: hidden;
}
.upload-cv::before {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    content: 'carica file';
    display: block;
    margin: 45px auto 0;
    background: -webkit-linear-gradient(top, #00287A, #00287A);
    border: 1px solid #999;
    border-radius: 0;
    padding: 5px 8px;
    outline: none;
    width: 144px;
    height: 36px;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 0;
    color: #FFF;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    line-height: 26px;
}
.upload-cv:hover::before {
    border-color: black;
}
.upload-cv:active {
    outline: 0;
}
.upload-cv:active::before {
    background: -webkit-linear-gradient(top, #0043CC, #0043CC);
}/**/

/* RADIO BUTTON STYLE */
body {
    font-family: "Roboto", sans-serif;
}
.radio {
    position: relative;
    cursor: pointer;
    line-height: 20px;
    font-size: 10px;
    margin: 0 15px;
}
.radio .label {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border: 1px solid #707070;
    border-radius: 100%;
    -webkit-tap-highlight-color: transparent;
}
.radio .label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #10069F;
    transform: scale(0);
    transition: all 0.2s ease;
    opacity: 0.08;
    pointer-events: none;
}
.radio:hover .label:after {
    transform: scale(3.6);
}
input[type="radio"]:checked + .label {
    border-color: #10069F;
}
input[type="radio"]:checked + .label:after {
    transform: scale(1);
    transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
    opacity: 1;
}
.cntr {
    position: absolute;
    top: calc(50% - 10px);
    left: 0;
    width: 100%;
    text-align: center;
}
.hidden {
    display: none;
}
.credit {
    position: fixed;
    right: 20px;
    bottom: 20px;
    transition: all 0.2s ease;
    -webkit-user-select: none;
    user-select: none;
    opacity: 0.6;
}
.credit img {
    width: 72px;
}
.credit:hover {
    transform: scale(0.95);
}


.spacer-blue{ width: 60%; max-width: 300px; margin: auto; height: 1px; background-color: #00287A; margin-bottom: 30px; margin-top: -25px;}
.txtcenter{ text-align: center;}

.error{color:red;}

@media(max-width:1440px){
    .cont-video{ width: 42%; padding-bottom: 2%;}
    main{ min-height: 30vh;}
}


@media (max-width:1024px){
    .informativa{ position:static; text-align: center; padding-top: 12px;}
    .logo-txt{  width: 40%; }
    .logo{ width: 15%;  }
    .cont-video{ width: 95%;}
    .piva{  position: static; text-align: center; padding: 30px 0;}
    footer{ margin: 8% 0;}
    .cont-video p{ font-size: 18px;}
    .menu{ position: static; display: block; text-align: center; padding-top: 20px; }
}
@media (max-width:767px){
    .cont-video p{ font-size: 14px; padding-top: 10px;}
    main{ min-height: 65vw;}
    header{padding-bottom: 5%;}

    .subtitle-contact{ font-size: 15px !important;}
    .box-input-contact{width: 100%; margin-right: 0;  }

    .menu{ position: static; display: block; text-align: center; padding-top: 20px; }

    .box-int-cookie{padding: 1.5% 8% 1.5%;}
}