<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * 
 * Milano Fashion Institute
 * 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';
    /* background-color: #e5e5e5; */
    /* -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */

}

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%;
}
h2 { font-weight:900; }
p {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #4d4d4d;
}
a {
    color: #a13221;
    outline: none;    
    text-decoration: none;    
    cursor: pointer;
    transition: color 0.2s;
    -webkit-transition: color 0.2s;
}
sup {
    vertical-align: super!important;
}
.red {
    color: #a13221;
}
.light-grey {
    color: #fbf5f8;
}
.dark-grey{
    color: #4d4d4d;
}
.light-grey-background{
    background-color:#fbf5f8!important;
}
.white-background{
    background-color: white;
}
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;
}
li {
    outline: none;
}

ul.errorlist { color: red; font-size: 80%; margin-top: -10px; margin-bottom: 10px;}

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

*::-moz-placeholder
{
    color: black;
}
*:-moz-placeholder
{
    color: black;
}

*:-ms-input-placeholder
{
    color: black;
}
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: 'Montserrat';
}
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;
}
.tablet{
    display: none;
}
.tablet-inline{
    display: none;
}
.mobile {
    display: none;
}
.smartphone{
    display: none;
}
.tablet-s{
    display: block;
}
.block,
.desktop {
    display: block;
}
.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;
}
.ritch-cont {
    color: black;
    /* 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: 35px;
}
#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;
}

.big-margin-page{
    margin-top: 200px;
}

#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: 20px 20px;
    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: 300px;
    left: 50%;
    margin-left: -150px;
}

.form-input {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0px 0px 0px 20px;
    height: 50px;
    box-sizing: border-box;    
    line-height: 50px;    
    font-size: 11px;
    color: black;
    background-color: white;
}

.form-input-small{
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0px 0px 0px 20px;
    height: 50px;
    box-sizing: border-box;    
    line-height: 50px;    
    font-size: 11px;
    color: black;
    margin-bottom: 10px;
    background-color: white;
}
.text-area{
    width: 100%;
    display: inline-block;
    float: left;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;    
    line-height: 15px;    
    font-size: 11px;
    color: black;
    background-color: white;
    margin-bottom: 10px;
    height: 200px;
}

/* DROPDOWN TODO */
.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-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 {
    min-width: 150px;
    height: 50px;
    background-color: #a13221;
    font-size: 12px;
    color:white;
    font-weight: 900;
    line-height: 50px;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;        
}

.btn-white {
    min-width: 150px;
    height: 50px;
    background-color: white;
    font-size: 12px;
    color: #a13221;
    font-weight: 900;
    line-height: 50px;
    text-transform: uppercase;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;        
}

h1 {
    font-weight: 900;
    font-size: 40px;
    line-height: 35px;
    text-transform: uppercase;
}

i {
    font-size: 15px;
}

/* HEADER */
.mobile-full-menu{
    display: none;
}

#logo-menu-container{
    padding: 10px; 
    width: 55px; 
    height: auto;
    background-color: white;
    position: fixed;
    top: 0px;
    z-index: 10;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
#logo-menu-container img{
    width: 100%;
    height: auto;
}
#nav-top{
    display: none;
    height: 25px;
    position: absolute;
    background-color: white;
    left: 0px;
    z-index: 9;
    
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

#ul-first-level{
    display: block;
    width: 600px;
    margin-left: calc(50% - 300px);
    float: left;
    height: 25px;
    font-size: 12px;
    line-height: 25px;
}
#ul-first-level i{
    font-size: 12px;
    line-height: 25px;
}
#ul-first-level a{
    color:black;
    display: block;
    width: 100%;
}
#ul-first-level span{
    color:black;
}
.has-second-level {
    position: relative;
}
.li-first-level {
    width: 100px;
    height: 25px;
    display: block;
    float: left;
    margin-right: 20px;
    text-align: center;
}
.anti-shadow{
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 12;
    left: 0px;
    background-color: white;
}
.courses-ul{
    width: 380px!important;
}
.ul-second-level{
    display: none;
    width: 100px;
    margin-top: 25px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    z-index: 9;
}
.ul-second-level-social{
    display: none;
    margin-top: 25px;
    width: 80px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

.ul-second-level li {
    width: 100px;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: white;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}
.ul-second-level-social li {
    width: 80px;
    /* display: block; */
    float: left;
    height: 40px;
    line-height: 40px;
    background-color: white;
    text-align: center;
    border-top: 1px solid #e5e5e5;
}

.ul-second-level li a,
.ul-second-level-social li a{
    display: block;
    width: 100%;
}
#burger-menu-mobile{
    display: none;
}

#burger-menu{
    display:block;
    width: 75px;
    height: 75px;
    position: fixed;
    z-index: 10;
    background-color: white;
    right: 0px;
    line-height: 75px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

#burger-menu a{
    width: 100%;
    display: block;
}   

#burger-menu i{
    font-size: 12px;
    color: #a13221;
}

.burger-container a{
    width: 100%;
    display: block;
    padding-right: 20px;
    box-sizing: border-box;
}

.burger-container{
    width: 190px;
    float: right;
    background-color: white;
    height: 328px;
    display: none;
    margin-top: 75px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

.burger-li{
    height: 40px;
    line-height: 40px;
    text-align: right;
    border-top:1px solid #e5e5e5;
}

.burger-li span,
.burger-li i{
    color: black!important;
    font-size: 12px;
}

.burger-social-item{
    width: calc((100% / 6) - 5px);
    margin-left: 5px;
    text-align: center;
}
.burger-social-item a{
    padding: 0px!important;
}
#social-row{
    background-color: white!important;
}

.main-menu-container{
    width: 930px;
    height: 75px;
    background-color: white;
    z-index: 10;
    margin-left: calc(50% - 465px);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    position: fixed;
    top: 0px;
}
.main-menu-container_reversed{
    width: 930px;
    height: 75px;
    background-color: white;
    position: relative;
    top: calc(100vh - 75px);
    z-index: 10;
    margin-left: calc(50% - 465px);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

.li-main-first.extra-social {
    width: 28px;
    height: 75px;
    text-align: center;
    padding: 10px 0px;
    box-sizing: border-box;
}    

.extra-social-link {
    color: black;
    display: block;
    position: relative!important;
    width: 100%;
    background-color: white!important;
    line-height: 20px;
    font-size: 10px!important;
}

.extra-social-link i{
    font-size: 11px!important;
}

.main-menu-first{
    width: 100%;
    height: 75px;
}
.main-menu-first a{
    color: black;
    position: absolute;
    width: 100%;
}
.main-menu-first li{
    width: calc(120px - 1px);
    height: 75px;
    display: block;
    float: left;
    position: relative;
}
.main-first{
    width: calc(120px - 3px);
    line-height: 75px;
    height: 75px;
    text-align: center;
    display: block;
    float: left;
    font-size: 12px;
}
.menu-separator{
    height: 55px;
    margin: 10px 0px;
    width: 1px;
    background-color: #e5e5e5;
    
}
#apply-now-menu-item{
    width: 150px;
    position: relative;
}
#apply-now-menu-item a{
    color: black;
    position: absolute;
    height: 100%;
    width: 100%;
}
#apply-now-menu-item svg{
    height: 30px;
    display: block;
    margin: auto;
    margin-top: 13px;
    margin-bottom: 5px;
}
.apply-now-text{
    font-size: 12px;
    color: #a13221;
    font-weight: 900;
    text-align: center;
}
.es-menu-item{
    height: auto;
    line-height: 15px;
    padding: 23px 0px;
}
.main-second{
    display: none;
    width: 200px;
    position: absolute;
    top: 75px;
    background-color: white;
}

.main-second_reversed{
    display: none;
    width: 200px;
    position: absolute;
    top: 75px;
    background-color: white;
}

.main-second li,
.main-second_reversed li{
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 35px;
    box-sizing: border-box;
    font-size: 12px;
    color: black;
    background-color: white;
}
.main-second a,
.main-second_reversed a{
    box-sizing: border-box;
    padding-left: 20px;
}
.main-second .first-li{
    border-top: 1px solid #e5e5e5;
}

/* FOOTER */

.footer-container{
    height: 500px;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e5e5e5;
}

.footer-item{
    width: 320px;
    margin-right: 20px;
}
.footer-item:last-child{
    margin-right: 0px;
    width: 400px;
}

.logo-footer-container{
    height: auto;
    width: 90px;
}
#logo-footer img{
    width: 90px;
    height: auto;
}
.footer-title{
    font-weight: 900;
    color: black;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}
.footer-paragraph{
    color: black;
    font-size: 12px;
    line-height: 18px;
}
.footer-paragraph span{
    font-size: 10px;
}
.footer-paragraph a{
    font-size: 12px;
    line-height: 18px;
}
.footer-institutions-logos a{
    width: calc(100% / 3);
    display: inline-block;
    float: left;
}
.footer-institutions-logos img{
    width: 100%;
    height: auto;
    margin: 0px;
}
.footer-black-link{
    color: black;
}
.footer-bottom{
    background-color: black;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: white;
    font-size: 12px;
}
.footer-bottom span{
    color: #a13221;
}

.info-form-row-r{
    position: relative;
    width: 85%;
}
#portfolio-ps{
    font-size: 11px;
    line-height: 11px;
}
/* CUSTOM CHECKBOX */

/* The container */
.checkbox-container {
    width: 85%;
    display: inline-block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 10px;
    line-height: 10px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fbf5f8;
    /* background-color: white; */
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
    background-color: #a13221;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}
#info-form-submit{
    color:#a13221;
    font-weight: 900;
    float: right;
}

/* INDEX */

main{
    background-color: #fbf5f8;
}

.main-custom{
    margin-top: -50px;
}

.fake-slider{
    height: calc(100vh - 25px);
    background-image: url('/static/sito/img/fake/BCM.png');
    background-position: center center;
    background-size: cover;
    position: relative;
    margin-top: -50px;
}
/* SLIDER */
{% comment %}
.slider-container{
    height: calc(100vh - 25px);
    position: relative;
    margin-top: -50px;
}
{% endcomment %}

.slider-container{
    height: 100vh;
    position: relative;
    margin-top: 0px;
}

.slider-container .slider-item{
    /* display:inline-block; */
    /* width:20%; */
    height:100vh;
    /* transition:width 200ms ease-in; */
    box-sizing:border-box;
    background-position: center center;
    background-size: cover;
    position: relative;
    cursor: default;
}

.slider-container .label{
    writing-mode: vertical-rl;
    text-orientation: mixed;
    height: 80%;
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    bottom: -95px;
    line-height: 50px;
    text-align: left;
    font-size: 25px;
    width: 7%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    cursor: pointer;
}
.slider-container .item-content{
    /* display: none; */
    height: 100%;
    padding: 180px 130px;
    box-sizing: border-box;
}
.slider-pre-title{
    color: white;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.slider-title{
    width: 80%;
    color: white;
    font-size: 40px;
    line-height: 35px;
    font-weight: 900;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    margin-bottom: 10px;
}
.slider-subtitle,
.slider-subtitle p{
    width: 80%;
    color: white;
    font-size: 35px;
    line-height: 30px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.slider-abstract-container{
    width: 50%;
}
.slider-abstract p{
    color: white;
    font-size: 20px;
    line-height: 25px;
    margin-top: 40px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    margin-bottom: 40px;
}
.btn-slider{
    width: 180px;
    float: left;
}
.btn-slider a{
    color: white;
    display: block;
    width: 100%;
}
.slider-cta{
    /* display: none; */
    position: absolute;
    float: right;
    width: 320px;
    height: 130px;
    background-color: #a13221;
    right: 0px;
    top: calc(50% - 100px);
    color: white;
    z-index: 9999;
}
.slider-cta a{
    color: white;
}
.slider-cta-right{
    float: right;
    height: 100%;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}
.slider-cta-right img{
    width: auto;
    height: 100%;
    float: right;
    opacity: 0.15;
}
.apply-cta{
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 30px;
    bottom: 10px;
    position: absolute;
    width: 45%;
    right: 20px;
    text-align: right;
}

.slider-cta-left{
    float: left;
    height: 100%;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}
.cta-text-up{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
}
.cta-text-down,
.cta-text-down p{
    text-transform: uppercase;
    font-size: 25px;
    line-height: 30px;
    color: white;
}
.cta-text-down span{
    text-transform: uppercase;
    font-size: 25px;
    line-height: 25px;
}
.cta-triangle{
    /* display: none; */
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #a13221 transparent transparent;
    right: 0px;
    top: calc(50% + 30px);
}

#nav-slider-hp{
    position: absolute;
    bottom: 100px;
    height: 50px;
    z-index: 9;
    text-align: center;
}

#nav-slider-hp .owl-prev,
#nav-slider-hp .owl-next{
    height: 50px;
    width: 50px;
    background-color: #a13221;
    display: inline-block;
    color: white;
    line-height: 50px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

#nav-slider-hp .owl-prev{
    margin-right: 10px;
}

#nav-slider-hp .owl-next{
    margin-left: 10px;
}


.page-container{
    width: 1286px;
    margin-left: calc(50% - 643px);
}

#master-txt-hp{
    font-size: 15px!important;
    line-height: 25px!important;
}

/* BOXES */
.box{
    position: relative;
    display: block;
    width: 420px;
    height: 574px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 20px;
}

.box span,
.box-square span,
.gallery-box span{
    width: 100%;
    float: left;
    display: block;
}

.box:nth-child(3n){
    margin-right: 0px;
}

.box-square{
    width: 420px;
    height: 420px;
    padding: 20px;
    margin-right: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}
.box-square span{
    text-align: left;
}

.box-square:nth-child(3n){
    margin-right: 0px;
}

.box-red{
    background-color: #a13221;
}

.about-box {
    background-color: #a13221;
    padding: 0px;
    z-index: 0;
}

.about-box img{
    position: absolute;
    width: auto;
    height: 100%;
    opacity: 0.15;
    z-index: 0;
    right: 0px;
}
.about-box-text{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
}
.about-box-pre-title{
    color: white;
    font-size: 20px;
}
.about-box-title, 
.about-box-title h2{
    color: white;
    font-weight: 900;
    font-size: 40px;
    line-height: 35px;
}
.about-box-abstract{
    color: white;
    font-size: 20px;
    line-height: 30px;
}
.about-box-cta{
    position: absolute;
    font-size: 12px;
    line-height: 15px;
    bottom: 20px;
    color: white;
    width: calc(100% - 40px)!important;
}

.box-sc-image{
    width: 420px;
    height: 350px;
    background-color: #bfbfbf;
    background-size: cover;
    background-position: center center;
    background-color: white;
}
.box-sc-description{
    height: 224px;
    padding: 20px;
    box-sizing: border-box;
    background-color: white;
    position: relative;
}
.box-sc-pre-title{
    color: #a13221;
    font-size: 20px;
    line-height: 20px;
}
.box-sc-name-short{
    color: black;
    font-weight: 900;
    font-size: 45px;
    line-height: 45px;
}
.box-sc-name-full{
    color: black;
    font-weight: bold;
    font-size: 23px;
    line-height: 23px;
}
.box-sc-cta{
    color: #a13221;
    position: absolute;
    font-size: 12px;
    line-height: 15px;
    bottom: 15px;
    width: calc(100% - 40px)!important;
}
.box-square img{
    height: 100%;
    width: auto;
    opacity: 0.15;
    z-index: 0;
}
.box-square-text,
.box-seminar-description{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    padding: 20px;
    box-sizing: border-box;
}
.box-square-title{
    color: white;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}
.box-square-abstract{
    color: white;
    font-size: 20px;
    line-height: 30px;
}

.box-announcement{
    background-color: white;
    color: black;
}
.box-announcement img{
    opacity: 1;
}
.box-square-announcement-date{
    font-size: 15px;
    font-weight: 400;
}

.box-square-announcement-title{
    color: #a13221;
    font-size: 25px;
    line-height: 28px;
    font-weight: bold;
    margin-top: 20px;
}
.box-square-announcement-abstract{
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px;
}
.btn-box-square{
    position: absolute;
    width: 180px;
    bottom: 20px;
    margin-left: calc(50% - 110px);
}
.btn-box-square a{
    color: white;
    position: absolute;
    width: 100%;
    display: block;
}
.box-news{
    padding: 0px;
}
.box-news-image{
    width: 420px;
    height: 250px;
    background-color: #bfbfbf;
    background-size: cover;
    background-position: center center; 
}
.box-news-description{
    height: 170px;
    padding: 20px;
    box-sizing: border-box;
    background-color: white;
    position: relative;
}
.box-news-pretitle span:first-child{
    color: #a13221;
    font-size: 20px;
    line-height: 20px;
}
.box-news-pretitle span:last-child{
    color: #4d4d4d;
    font-size: 12px;
}
.box-news-title{
    color: black;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: bold;
    height: 65px;
}
.box-seminar{
    padding: 0px;
    background-position: center center;
    background-size: cover;
    opacity: 1;
}
.box-seminar img{
    opacity: 1;
}
.box-seminar-title{
    margin-top: 20px;
    font-weight: 900;
    font-size: 50px;
    line-height: 50px;
    color: white;
    text-transform: uppercase;
}
.box-seminar-logo{
    height: 100px;
}

/* .box-seminar-full{
    color: white;
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    margin-top: 20px;
} */
.box-seminar-extra{
    color: white;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.box-seminar-extra sup{
    font-size: 25px;
}

.news-detail-description p {
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
    color: black;
}
#news-detail .left-30-container{
    margin-right: 0px;
    margin-left: 10px;
}
.news-detail-gallery{
    margin-top: 20px;
}
.news-detail-gallery img{
    width: 100%;
    height: auto;
}
.gallery-thumb {
    width: 150px;
    height: 100%;
    margin-right: 10px;
}
.see-more-gallery{
    width: 170px;
    height: 100px;
    line-height: 120px;
    background-color: #a13221;
    text-align: center;
}
.see-more-gallery i {
    font-size: 30px;
    color: white;
}
.open-lightbox{
    position: absolute;
    top: calc(50% - 35px);
    text-align: center;
}
.open-lightbox i{
    color: white;
    font-size: 50px;
}

#scholarships-cont .box-square{
    width: calc((100% / 2) - 10px);
}

/* CONTACT CENTER */

.container-half-right{
    width: 50%;
}

.generic-title-big{
    font-size: 50px;
    line-height: 50px;
    font-weight: 900;
}
.generic-paragraph p{
    color: black;
    font-size: 15px;
    line-height: 20px;
}
.generic-paragraph .paragraph-title{
    font-size: 20px;
    line-height: 25px;
}
.generic-paragraph .paragraph-extra{
    width: 100%;
    font-size: 11px;
    color: black;
}
#contact-center-form .info-form-row-r{
    width: 70%;
}
.submit-container{
    width: auto;
    float: right;
    position: relative;
    top: -30px;
}

/* CUSTOM CHECKBOX */

/* The container */
#contact-center-form .checkbox-container,
#iscrizione-form .checkbox-container,
#application-form .checkbox-container,
.open-days-form .checkbox-container{
    width: 85%;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 10px;
    line-height: 10px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
#contact-center-form .checkbox-container input,
#iscrizione-form .checkbox-container input,
#application-form .checkbox-container input,
.open-days-form .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#contact-center-form .checkmark,
#iscrizione-form .checkmark,
#application-form .checkmark,
.open-days-form .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: white;
    /* background-color: white; */
}

/* When the checkbox is checked, add a blue background */
#contact-center-form .checkbox-container input:checked ~ .checkmark,
#iscrizione-form .checkbox-container input:checked ~ .checkmark,
#application-form  .checkbox-container input:checked ~ .checkmark,
.open-days-form .checkbox-container input:checked ~ .checkmark{
    background-color: #a13221;
}

/* Show the checkmark when checked */
#contact-center-form .checkbox-container input:checked ~ .checkmark:after,
#iscrizione-form .checkbox-container input:checked ~ .checkmark:after,
#application-form  .checkbox-container input:checked ~ .checkmark:after,
.open-days-form  .checkbox-container input:checked ~ .checkmark:after{
    display: block;
}

.mfi-map img{
    width: 100%;
    height: auto;
}

.generic-paragraph .btn-iscriviti,
.btn-upload{
    float: left;
    width: 180px;
    cursor: pointer;
}

.generic-paragraph .btn-iscriviti a {
    color: white;
    display: block;
}

/* GALLERY */

.gallery-preview{
    background-position: center center;
    background-size: cover;
    height: calc(100vh + 50px); 
    position:relative;
}
.gallery-page{
    position: absolute;
    bottom: 0px;
    height: 120px;
}
.gallery-cta{
    width: 420px;
    height: 120px;
    background-color: white;
    color: black;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
}
.gallery-title{
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
}

.gallery-box{
    width: 420px;
    height: 470px;
    position: relative;
    display: block;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 20px;
}
.gallery-box:nth-child(3n){
    margin-right: 0px;
}
.gallery-box img{
    position: absolute;
    width: auto;
    height: 100%;
    opacity: 0.15;
    z-index: 0;
    right: 0px;
}
#news .gallery-box{
    height: 420px;
}

.gallery-box .box-square-title{
    margin-bottom: 20px;
}

.gallery-box-paragraph p{
    color: white;
    font-size: 15px;
    line-height: 20px;
}
.gallery-image-preview{
    height: 350px;
    background-position: center center;
    background-size: cover;
}
.gallery-role{
    font-size: 10px;
    line-height: 13px;
    font-style: italic;
}

.borsa-upload{
    width: 50%;
}

.borse_apply .upload-label{
    width: 40%;
}

.long-filename{
    word-break: break-all;
}

/* FACULTY DETAIL */
.left-30-container{
    width: 420px;
    margin-right: 10px;
    box-sizing: border-box;
    position: relative;
}
.right-70-container{
    width: 850px;
    box-sizing: border-box;
    height: 500px;
    position: relative;
    height: auto;
}
.faculty-detail-image img{
    width: 100%;
    height: auto;
}
.faculty-detail-text{
    padding: 20px;
    box-sizing: border-box;
}
.faculty-detail-title{
    font-size: 40px;
    line-height: 43px;
    font-weight: bold;
    color: black;
}   
.faculty-detail-description p {
    margin-top: 40px;
    font-size: 15px;
    line-height: 20px;
    color: black;
}
.faculty-back{
    position: absolute;
    left: 0px;
    top: -25px;
    font-size: 12px;
    line-height: 15px;
}
.faculty-next{
    position: absolute;
    float: right;
    top: -25px;
    right: 0px;
    font-size: 12px;
    line-height: 15px;
}

/* COURSES */
.red-big-box{
    background-color: #a13221;
    color: white;
    padding: 50px 0px;
    box-sizing: border-box;
}

.red-big-box_padded{
    background-color: #a13221;
    color: white;
    padding-top: 200px;
    padding-bottom: 50px;
    box-sizing: border-box;
}

.red-big-box-paragraph p{
    /* margin-top: 20px; */
    margin-top: 10px;
    color: white;
    font-size: 15px;
    line-height: 20px;
}
.red-big-box-paragraph span{
    text-transform: uppercase;
    font-weight: bold; 
    font-size:20px;
    line-height: 23px;
}

.reduce-title{
    width: 60%!important;
}

/* MASTER */
.table-container{
    position: relative;
}
.table-container img{
    width: 100%;
    height: auto;
}
.master-pdf-download{
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 75px;
    height: 75px;
    font-size: 12px;
    line-height: 75px;
    text-align: center;
    box-sizing: border-box;
    color: black;
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
.master-pdf-download a{
    display: block;
    position: absolute;
    width: 100%;
}
.master-pdf-download span{
    font-size: 12px;
    font-weight: 900;

}

.go-to-partners {
    width: auto;
    float: left;
    padding: 0px 20px;
    box-sizing: border-box;
}
.go-to-partners-cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/* MASTER DETAIL */
.master-media-container{
    height: calc(100vh + 50px);
    background-position: center center;
    background-size: cover;
}
#master-title{
    width: 80%;
}
.master-apply-container{
    width: 20%;
}
.master-apply-now{
    width: 180px;
    text-align: center;
    float: right;
}
.master-apply-now a{
    display: block;
    width: 100%;
}
.extra-info p{
    margin-top: 10px;
    color: black;
}
.master-sections-container{
    width: 420px;
    position: sticky;
    top: 150px;
}
.master-sections-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    color: black;
    margin-bottom: 30px;
}
.master-section-menu{
    width: 100%;
}
.master-section-item{
    height: auto;
    line-height: 20px;
    font-size: 20px;
    color: #a13221;
    font-weight: 900;
    border-top: 1px solid #e5e5e5;
    text-transform: uppercase;
    padding: 10px 0px;
}
.master-section-item a{
    display: block;
    width: 100%;
}
.active {
    color: black;
}
.master-section-content{
    width: calc(100% - 420px);
    padding-left: 40px;
    box-sizing: border-box;
}
.master-section-content .generic-title-big{
    font-size: 40px;
    line-height: 40px;
}
/* aggiunta interlinea */
.master-section-content p{
    margin-bottom: 10px;
}
.tab-container{
    margin-top: 10px;
    margin-bottom: 10px;
}
.tab-item{
    width: 120px;
    height: 50px;
    border: 1px solid #e5e5e5;
    border-bottom:none;
    line-height: 60px;
    padding-left: 10px;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    margin-right: 5px;
    cursor: pointer;
    color: white;
    background-color: #e5e5e5;
}
.tab-active{
    color: black;
    background-color: white;
}
/* PAGINA GENERICA */
/* #page-content p {
    color: black;
} */
.generic-content-paragraph-full{
    width: 100%;
}
.generic-content-paragraph-full p {
    color: black;
    line-height: 20px;
}
.generic-content-text-left{
    width: 50%;
    float: left;
}
.generic-content-text-right{
    width: 50%;
    float: right;
}
.generic-content-img-left{
    width: calc(50% - 20px);
    float: left;
}
.generic-content-img-left img{
    width: 100%;
    height: auto;
}
.generic-content-img-right{
    width: calc(50% - 20px);
    float: right;
}
.generic-content-img-right img{
    width: 100%;
    height: auto;
}
.generic-content-img-full{
    position: relative;
}
.generic-content-img-full .master-pdf-download{
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 35px;
    height: 35px;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    box-sizing: border-box;
    color: black;
    background-color: white;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
.generic-content-img-full img{
    width: 100%;
    height: auto;
}
.generic-content-title{
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}
.img-full-page img{
    width: 100%;
    height: auto;
}
.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;
}
.video-full-w{
    width: 100%;
    position: relative;
}

.gallery-box.master-detail {
    width: calc(50% - 20px);
    margin-right: 20px;
    height: 420px;
}
.master-detail .gallery-cta {
    height: 100px;
}


/* blocco accordion */
.accordion-question,
.download-content {
    display: block;
    float: left;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
    width: 100%; 
}
.accordion-question:first-child,
.download-content:first-child{
    border-top: 1px solid #e5e5e5;
}
.accordion-question-arrow {
    position: absolute;
    right: 15px;
    top: 0px;
    color: #a13221;
}
.accordion-question,
.download-content {
    box-sizing: border-box;
}
#accordion-title,
#download-title {
    display: block;
}
.accordion-question .accordion-title,
.download-content .download-title {
    border-top: none;
    color: black;
    font-weight: bold;
    font-size: 12px;
    
    line-height: 20px;
    padding: 10px 0px;
    height: auto;
}
.accordion-question-arrow i{
    line-height: 20px;
    padding: 10px 0px;
}
.accordion-reply{
    background-color: #fbf5f8;
    border-top: 1px solid #e5e5e5;
    padding: 20px;
    box-sizing: border-box;
}
.accordion-reply p{
    width: calc(100% - 40px);
    font-size: 12px;
    line-height: 15px;
    /* padding: 20px; */
    text-transform: none;
    border-top: none;
}
/* PARTNERS */
.generic-title-thin{
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 300;
}
.partner-container{
    margin-bottom: 10px;
    background-color: white;
}
.affiliazioni-container{
    margin-bottom: 10px;
    background-color: white;
    padding: 40px;
    box-sizing: border-box;
}
.affiliazioni-item{
    width: calc((100% / 3) - 10px);
    margin-right: 10px;
    text-align: center;
    min-height: 400px;
}
.affiliazioni-item:nth-child(3n){
    margin-right: 0px;
}
.affiliazioni-item img{
    width: 300px;
    max-width: 100%;
    height: auto;
}
.affiliazioni-item p{
    font-size: 12px;
    line-height: 15px;
    color: black;
    text-align: center;
}

/* PROFESSIONAL FACULTY */
.professional-item {
    width: calc((100% / 3) - 20px);
    margin-right: 20px;
    text-align: center;
    min-height: 550px;
    margin-bottom: 20px;
}
.professional-item:nth-child(3n) {
    margin-right: 0px;
}
.professional-item img {
    width: 100%!important;
}
.professional-faculty {
    min-height: 50px;
}
.professional-faculty p {
    text-align: left!important;
}

.partner-logo{
    width: 180px;
    padding-left:20px;
}
.partner-logo img{
    width: 100%;
    height: auto;
}
.partner-description{
    width: calc(100% - 300px);
    padding: 40px;
    box-sizing: border-box;
}
.companies-description{
    width: 100%;
    box-sizing: border-box;
    padding: 40px;
}

.partner-name{
    font-size: 20px;
    line-height: 20px;
    font-weight: 900;
    margin-bottom: 20px;
    color: black;
}
.partner-text p{
    color: black;
}

.alumno-img{
    margin-top: 40px;
    width: 200px;
    margin-right: 20px;
}
.alumno-img img{
    width: 200px;
    height: auto;
}
.alumno-description{
    margin-top: 40px;
    width: calc(100% - 220px);
}
.alumno-name{
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: black;
}
.alumno-role{
    font-size:15px;
    line-height: 18px;
    font-weight: bold;
    color: black;
}
.alumno-year{
    font-size: 15px;
    color: black;
}
.alumno-bio p{
    margin-top: 10px;
    color: black;
}

.alumno-detail-cont {
    width: 850px;
    box-sizing: border-box;
    height: 500px;
    position: relative;
    height: auto;
    margin: auto;
    float: none;
}

.alumno-detail-cont .faculty-detail-description p {
    margin-top: 20px;
}

.alumno-detail-left {
    width: 50%;
    height: 350px; 
}

.alumno-detail-left img{
    width: 100%;
    height: auto;
}

.alumno-detail-right {
    width: calc(50% - 20px);
    margin-left: 20px;
}

/* apply now */
#iscrizione-form{
    box-sizing: border-box;
}
#iscrizione-form .form-input-small,
#application-form .form-input-small{
    box-sizing: border-box;
    margin-right: 10px;
    width: calc(50% - 10px);
}
#iscrizione-form .form-input-small:last-child,
#application-form .form-input-small:last-child{
    margin-right: 0px;
    width: 50%;
}
#iscrizione-form .info-form-row-r,
#application-form .info-form-row-r{
    width: 50%;
    margin-right: 10px;
}
.generic-title-bold{
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}
#application-form label{
    color: black;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
#application-form .form-section,
#login-form .form-section{
    font-size: 20px;
    line-height: 23px;
    font-weight: bold;
    color: black;
    margin-bottom: 10px;
}
#application-form textarea{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* CUSTOM RADIO INPUT */
/* The container */
.r-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 12px;
    line-height: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

/* Hide the browser's default radio button */
.r-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.r-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: white;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.r-container:hover input ~ .r-checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.r-container input:checked ~ .r-checkmark {
    background-color: #a13221;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.r-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.r-container input:checked ~ .r-checkmark:after {
    display: block;
}

.borsa-studio-titolo{
    font-size: 25px!important;
    line-height: 28px!important;
}
.list-number{
    width: auto; 
    line-height: 30px;
}

.upload-label{
    width: 50%; 
    line-height: 50px!important;
    color: black;
    font-weight: bold;
}
.upload-file-filename{
    width: calc(50% - 180px); 
    line-height: 50px!important; 
    box-sizing: border-box; 
    padding-left: 10px;
    font-size: 12px!important;
}

.custom-cm-txt{
    font-size: 18px!important;
    width: auto!important; 
    display: inline-block!important; 
    position: relative;
}

#family-components .form-input-small{
    width: calc(50% - 10px);
    display: block;
    padding: 0px 0px 0px 20px;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    font-size: 11px;
    color: black;
    margin-bottom: 10px;
    background-color: white;
    margin-right: 10px;
}
#family-components .form-input-small:last-child{
    width: calc(50% - 10px);
    margin-right: 10px;
}
.split-half{
    width: calc(50% - 10px);
    margin-right: 10px;
}
.reddito-half:last-child{
    margin-left: 0px;
}   
.property-cont{
    box-sizing: border-box;
}
#application-form .form-input-extra-small {
    width: calc(25% - 10px);
    margin-right: 9px;
    padding: 0px 0px 0px 20px;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    font-size: 12px;
    color: black;
    background-color: white;
}
#application-form .form-input-extra-small:last-child{
    margin-right: 0px;
}
#application-form p {
    color: black;
}
.draft-cont h1{
    width: auto;
}
.draft-cont .submit-container{
    top: 0px;
}
.add-application{
    width: 180px;
}
.apply-now-n-btn h1{
    width: auto;
}
.apply-now-n-btn .btn-slider{
    float: right;
}
/* career service */
#career-service-buttons .about-box-cta{
    bottom: 40px;
}
#career-service-buttons .btn-white{
    width: 180px;
    float: left;
    margin-left: calc(50% - 110px);
    bottom: 40px;
    position: absolute;
}

/*  LOGIN */
#login-cover .container-half-left,
#login-container .container-half-left{
    width: 50%;
    padding: 0px;
}

#login-container .red-big-box-paragraph p{
    font-size: 20px;
    line-height: 25px;
}

.career-service-box{
    padding: 40px;
    box-sizing: border-box;
    background-color: #a13221;
    min-height: 500px;
    position: relative;
}
.career-service-box_padded{
    padding: 40px;
    box-sizing: border-box;
    background-color: #a13221;
    min-height: calc(100vh - 100px);
    position: relative;
    padding-top: 200px;
    height: 100%;
}

.container-half-left{
    padding-left: 40px;
    box-sizing: border-box;
    width: 50%;
}
.career-service-box .btn-white{
    width: 150px;
    float: left;
    position: absolute;
    bottom: 40px;
    margin-left: calc(50% - 125px);
}
.login-box{
    padding: 40px;
    box-sizing: border-box;
    min-height: 500px;
    position: relative;
}
.login-box_padded{
    padding: 40px;
    box-sizing: border-box;
    min-height: 500px;
    position: relative;
    padding-top: 200px;
}
.centered-login{
    width: 50%;
    margin-left: calc(100% / 4);
    min-height: calc(100vh - 200px);
}
#login-form .upload-label{
    width: 30%; 
    line-height: 50px!important;
    color: black;
    font-weight: 400;
}

.footer-prefisso{
    width: 20%;
}
.footer-telefono{
    width: calc(80% - 10px); 
    margin-left: 10px;
}


.contact-prefisso{
    width: calc(10% - 10px);
    margin-left: 10px;
}
.contact-telefono{
    width: calc(40% - 10px); 
    margin-left: 10px;
}

.landing-cont{
    padding-left: 30px;
}

/* PULSANTIERA */
#hp-cta {
    padding: 40px 0px;
    box-sizing: border-box;
    background-color: #000;
}
#hp-cta p {
    font-size: 40px;
    line-height: 45px;
    font-weight: 900;
    color: #fff;
    margin-bottom: 40px;
    margin-top: 20px;
}

#hp-cta .btn {
    width: 250px;
    padding: 0px 20px;
    box-sizing: border-box;
    background-color: transparent;
    color: #fff;
    border: 0.5px solid #fff;
}

#hp-cta .btn:first-child {
    margin-right: 20px;
}
.hp-cta-btn-cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
/* 2022 TABELLA IN PARTNER */
.table-title {
    font-size: 15px;
    line-height: 60px;
    color: #fff;
    text-align: center;
}
.tab-header {
    background-color:#a13221; 
    height: 60px;
}

.body-cell {
    width: calc(100% / 3);
    height: 40px;
    padding: 10px 0px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

/* OPEN DAYS */
.box-large {
    width: calc(100% - 425px); 
    height: 420px; 
    display: inline-block;
}

.open-day-book{
    width: 180px;
    text-align: center;
    float: left;
    bottom: 20px;
    position: absolute;
}
.open-day-book a{
    display: block;
    width: 100%;
}
.box-od-image{
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center center;
    display: block;
}

#open-day-choose {
    min-height: 70vh;
    margin: 40px 0px;
}

#open-day-choose .container-half-left {
    width: 50%;
    padding-right: 20px;
    padding-left: 0px;
    box-sizing: border-box;    
}

#open-day-choose .container-half-right {
    width: 50%;
    padding-left: 20px;
    box-sizing: border-box;

}

#open-day-choose .generic-paragraph {
    min-height: 200px;
}

.form-slot-partial {
    margin-top: 20px;
}

/* RADIO BOX BUTTONS */
#open-day-choose .radio-toolbar{
    float: right;
    display: flex;
    flex-direction: row;
    gap: 10px;
}

#open-day-choose .radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.slot-item-cont {
    border: 1px solid #000;
    height: 50px;
    display: inline-block;
    width: 50%;
}

#open-day-choose .radio-toolbar label {
    display: block;
    width: 100%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    height: 50px;
    line-height: 30px;

    color: black;
    font-weight: bold;
}

#open-day-choose .radio-toolbar label:hover {
    color: white;
}

#open-day-choose .radio-toolbar input[type="radio"]:checked + label {
    color: white;
    background-color: #000;
}

.slot-item-cont:hover label {
    background-color: #000;
    color: #fff;
}

/* slot select */
.open_days_slot option {
    font-weight: bold;
}
#your-internship {
    width: 100%;
}

/* PC 13 POLLICI */
@media only screen and (min-width:1081px) and (max-width:1285px) {      

    .page-container{
        width: 1024px;
        margin-left: 0px;
        padding: 0px 12px;
        box-sizing: border-box;
        margin-left: calc(50% - 512px);
    }
    .box{
        width: calc((100% - 20px) / 3);
    }
    .box:last-child{
        margin-right: 0px;
    }
    .footer-container {
        height: 800px;
        /* padding: 40px; */
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-top: 1px solid #e5e5e5;
    }
    .slider-container .label{
        line-height: 35px;
        bottom: -130px;
        font-size: 20px;
    }
    .about-box-abstract{
        font-size: 15px;
        line-height: 25px;
    }
    .box-square-abstract{
        font-size: 15px;
        line-height: 25px;
    }
    .box-square{
        width: 326px;
        height: 326px;
        text-align: center;
    }
    .box-square-text,
    .box-square span{
        text-align: left;
    }
    .box-news-image{
        height: 156px;
    }
    .box-seminar-title{
        margin-top: 0px;
        font-size: 35px;
        line-height: 35px;
    }
    .box-seminar-extra{
        font-size: 25px;
        line-height: 25px;
    }
    .gallery-box {
        width: 326px;
        height: 326px;
    }
    .gallery-cta{
        width: 326px;
    }
    .gallery-box-paragraph p,
    .gallery-role {
        font-size: 10px;
        line-height: 13px;
    }
    .gallery-title {
        font-size: 18px;
        line-height: 21px;
    }
    .box-square-announcement-title {
        color: #a13221;
        font-size: 20px;
        line-height: 25px;
        font-weight: bold;
        margin-top: 20px;
    }
    .box-square-announcement-abstract {
        font-size: 12px;
        line-height: 15px;
    }
    .box-square-title{
        font-size: 30px;
        line-height: 25px;
    }
    #news .gallery-box {
        height: 326px;
    }
    #login-container .red-big-box-paragraph p {
        font-size: 15px;
        line-height: 20px;
    }
    #login-form .upload-label {
        width: 30%;
        line-height: 50px!important;
        font-size: 12px;
    }
    .generic-paragraph .btn-iscriviti, .btn-upload {
        width: 120px;
        min-width: 120px;
    }
    .upload-file-filename {
        width: calc(50% - 120px);
        line-height: 50px!important;
        box-sizing: border-box;
        padding-left: 10px;
        font-size: 10px!important;
    }
    .full-tablet{
        width: 100%;
    }
    .master-sections-container{
        width: 326px;
    }
    .master-section-content{
        width: calc(100% - 326px);
    }
    .generic-title-big{
        font-size: 35px;
        line-height: 35px;
    }
    .master-section-item{
        font-size: 15px;
        line-height: 15px;
    }
    .master-section-content .generic-title-big{
        font-size: 30px;
        line-height: 30px;
    }
    .gallery-image-preview{
        height: 206px;
    }   

    #faculty-detail .right-70-container,
    #news-detail .right-70-container{
        width: calc(100% - 336px);
    }

    #faculty-detail .left-30-container,
    #news-detail .left-30-container{
        width: 326px;
        margin-left: 0px;
    }
    #master-txt-hp{
        font-size: 12px!important;
        line-height: 15px!important;
    }

}

/* FINE PC 13 POLLICI */

/* TABLET */
@media only screen and (min-width:1024px) and (max-width:1080px) {      
    .desktop{
        display: none;
    }
    .tablet{
        display: block;
    }
    .tablet-inline{
        display: inline;
    }
    .tablet-s{
        display: block;
    }
    .tablet-dd{
        font-size: 12px;
        right: 0px;
        position: absolute;
        /* float: right; */
        padding-right: 10px;
        padding-left: 10px;
        line-height: 75px;
    }
    .tablet-dd i{
        font-size: 10px;
    }
    .smartphone{
        display: none;
    }

    #logo-menu-container{
        width: 50px!important;
        height: 50px!important;
        padding: 10px;
    }
    .main-menu-container{
        height: 70px;
    }
    #nav-top{
        display: none!important;
    }
    #burger-menu{
        width: 70px!important;
        height: 70px!important;
    }
    .main-menu-first li {
        width: calc(118px - 1px);
        height: 70px;
        display: block;
        float: left;
        position: relative;
    }
    .es-menu-item {
        height: auto;
        line-height: 70px;
        padding: 0px 0px;
    }
    .main-menu-first,
    .main-first{
        height: 70px;
    }
    .li-main-first{
        line-height: 70px;
    }
    .text-first-level{
        font-size: 10px;
    }
    .anti-shadow{
        height: 70px;
    }
    .burger-container{
        margin-top: 70px;
    }
    .main-menu-container{
        width: 860px!important;
        margin-left: calc(50% - 430px)!important;
    }
    .main-second {
        display: none;
        width: 200px;
        position: absolute;
        background-color: white;
        top: 70px;
        bottom: auto;
    }
    .main-second li {
        width: 100%;
        height: 35px;
        border-bottom: 1px solid #e5e5e5;
        line-height: 35px;
        box-sizing: border-box;
        font-size: 12px;
        color: black;
        background-color: white;
    }
    .burger-social-item{
        width: calc((100% / 5) - 5px);
    }
    
    #hp-slider{
        height: 100vh;
    }

    .slider-container{
        margin-top: 0px;
    }

    .slider-container .slider-item {
        height: 100vh;
    }
    .slider-container .item-content{
        padding: 130px 50px;
    }

    #nav-slider-hp {
        bottom: 40px;
    }

    .page-container{
        width: 1024px;
        margin-left: 0px;
        padding: 0px 12px;
        box-sizing: border-box;
    }
    .box{
        width: calc((100% - 20px) / 3);
    }
    .box:last-child{
        margin-right: 0px;
    }
    .footer-container {
        height: 1000px;
        /* padding: 40px; */
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-top: 1px solid #e5e5e5;
    }
    .slider-container .label{
        line-height: 35px;
        bottom: -130px;
        font-size: 20px;
    }
    .about-box-abstract{
        font-size: 15px;
        line-height: 25px;
    }
    .box-square-abstract{
        font-size: 15px;
        line-height: 25px;
    }
    .box-square{
        width: 326px;
        height: 326px!important;
        text-align: center;
    }
    .box-square-text,
    .box-square span{
        text-align: left;
    }
    .box-news-image{
        height: 156px;
    }
    .box-seminar-title{
        margin-top: 0px;
        font-size: 35px;
        line-height: 35px;
    }
    .box-seminar-extra{
        font-size: 25px;
        line-height: 25px;
    }
    .gallery-box {
        width: 326px;
        height: 326px;
    }
    
    #news .gallery-box {
        height: 326px;
    }

    .gallery-cta{
        width: 326px;
    }
    .gallery-box-paragraph p,
    .gallery-role {
        font-size: 10px;
        line-height: 13px;
    }
    .gallery-title {
        font-size: 18px;
        line-height: 21px;
    }
    .box-square-announcement-title {
        color: #a13221;
        font-size: 20px;
        line-height: 25px;
        font-weight: bold;
        margin-top: 20px;
    }
    .box-square-announcement-abstract {
        font-size: 12px;
        line-height: 15px;
    }
    .box-square-title{
        font-size: 30px;
        line-height: 25px;
    }
    #login-container .red-big-box-paragraph p {
        font-size: 15px;
        line-height: 20px;
    }
    #login-form .upload-label {
        width: 30%;
        line-height: 50px!important;
        font-size: 12px;
    }
    .generic-paragraph .btn-iscriviti, .btn-upload {
        width: 120px;
        min-width: 120px;
    }
    .upload-file-filename {
        width: calc(50% - 120px);
        line-height: 50px!important;
        box-sizing: border-box;
        padding-left: 10px;
        font-size: 10px!important;
    }
    .full-tablet{
        width: 100%;
    }
    .master-sections-container{
        width: 326px;
    }
    .master-section-content{
        width: calc(100% - 326px);
    }
    .generic-title-big{
        font-size: 35px;
        line-height: 35px;
    }
    .master-section-item{
        font-size: 15px;
        line-height: 15px;
    }
    .master-section-content .generic-title-big{
        font-size: 30px;
        line-height: 30px;
    }
    .gallery-image-preview{
        height: 206px;
    }  
    #faculty-detail .right-70-container,
    #news-detail .right-70-container{
        width: calc(100% - 336px);
    }

    #faculty-detail .left-30-container,
    #news-detail .left-30-container{
        width: 326px;
        margin-left: 0px;
    } 
    .landing-cont{
        padding-top: 40px;
        padding-left: 0px;
    }
    #hp-cta .btn:first-child {
        margin-right: 20px;
    }

    .alumni-grid .gallery-box.master-detail {
        height: 320px;
    }
}



@media only screen and (min-width:1023px) and (max-width:1120px) {
    .li-main-first.extra-social{
        display: none!important;
    }
    .main-menu-container_reversed {
        width: 871px!important;
        margin-left: calc(50% - 436px)!important;
    }
    .main-menu-container {
        width: 871px!important;
        margin-left: calc(50% - 436px)!important;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .desktop{
        display: none;
    }
    .tablet{
        display: none;
    }
    .smartphone{
        display: block;
    }
    .no-mobile{
        display: none!important;
    }
    .tablet-s{
        display: block;
    }

    #logo-menu-container{
        width: 50px!important;
        height: auto!important;
        padding: 10px;
    }
    .main-menu-container{
        height: 70px;
    }
    #nav-top{
        display: none!important;
    }
    #burger-menu{
        display: none;
    }
    .main-menu-container{
        display: none;
    }
    .slider-container {
        height: 100vh;
        position: relative;
        margin-top: 0px;
    }
    #burger-menu-mobile{
        display: block;
        width: 70px!important;
        height: 70px!important;
        top: 104px;
        position: fixed;
        z-index: 10;
        background-color: white;
        line-height: 70px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
    }
    #burger-menu-mobile a{
        width: 100%;
        display: block;
    }   
    
    #burger-menu-mobile i{
        font-size: 12px;
        color: #a13221;
    }
    
    .burger-container-mobile a{
        width: 100%;
        display: block;
        box-sizing: border-box;
        color: black;
    }
    
    .burger-container-mobile{
        display: none;
        width: 70px;
        float: right;
        /* background-color: white; */
        height: 280px;
        margin-top: 70px;
        /* -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); */
    }
    .burger-container-mobile li{
        width: 70px;
        height: 70px;
        text-align: center;
        text-transform: uppercase;
    }
    .lang-sel{
        background-color: #a13221;
        font-weight: 900;
    }
    .lang-sel a{
        color: white;
    }
    .mobile-full-menu{
        display: none;
        position: fixed;
        z-index: 9;
        width: 100%;
        height: 100vh;
        padding: 20px 20px 20px 100px;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.95);    
    }
    .mobile-full-menu .li-first{
        height: auto;
        /* border-bottom: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5; */
    }
    
    .li-first p{
        border-top: 1px solid #e5e5e5;
        /* border-bottom: 1px solid #e5e5e5; */
        line-height: 45px;
        color: black;
        font-size: 12px;
    }
    .li-first p span{
        float: right;
        color: black;
    }

    .mobile-full-menu a {
        color: black;
    }
    .li-second:first-child {
        border-top: 1px solid #e5e5e5;
    }
    .mobile-full-menu .li-second{
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }
    .li-second a{
        display: block;
    }
    .mobile-second-level{
        display: none;
    }
    .mobile-full-menu .mobile-second-level{
        position: static;
        left: 0px;
        float: left;
        text-align: left;
        font-weight: normal;
    }
    .mobile-social-item{
        width: calc(100% / 5);
        text-align: left;
        height: 45px;
        line-height: 45px;
        font-size: 12px;
    }
    .mobile-social-cont{
        border-top: 1px solid #e5e5e5;
    }

    .page-container{
        width: 768px;
        margin-left: 0px;
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .box{
        width: calc(50% - 10px);
    }
    .box:nth-child(even){
        margin-left: 10px;
        margin-right: 0px;
    }
    .box:nth-child(odd){
        margin-right: 10px;
    }

    .box-square{
        width: 354px;
        height: 354px;
    }
    .box-square:nth-child(even){
        margin-left: 10px;
        margin-right: 0px;
    }
    .box-square:nth-child(odd){
        margin-right: 10px;
    }
    .box-news-image{
        height: 184px;
    }
    
    .box-seminar-title{
        margin-top: 0px;
        font-size: 35px;
        line-height: 35px;
    }
    .about-box-abstract {
        font-size: 15px;
        line-height: 25px;
    }
    .box-square-abstract {
        font-size: 15px;
        line-height: 25px;
    }
    .full-tablet{
        width: 100%;
    }
    .footer-container {
        height: 1050px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer-item{
        margin-bottom: 20px;
    }
    .footer-item:last-child {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 30px;
    }
    .slider-container .slider-item{
        height: 100vh;
    }
    .slider-container-mobile{
        height: 100vh;
    }
    .slider-item-mobile{
        height: calc(100vh / 5);
        position: relative;
    }

    #nav-slider-hp {
        bottom: 40px;
    }

    #go-down-arrow{
        width: 70px;
        height: 70px;
        background-color: rgba( 255,255,255, 0.95);
        line-height: 70px;
        color: black;
        position: absolute;
        top: calc(100vh - 70px);
        text-align: center;
        cursor: pointer;
        z-index: 9;
    }

    /* PAGINA GENERICA MOBILE */
    .main-custom{
        margin-top: 0px;
    }
    .page-mobile{
        padding-left: 80px;
        padding-top: 40px
    }
    .red-big-box_padded{
        padding-top: 0px
    }
    .big-margin-page{
        margin-top: 0px;
    }

    .page-mobile .gallery-box{
        width: 324px;
        height: 324px;
        margin-left: 0px;
        margin-right: 10px;
    }

    #news .gallery-box {
        height: 324px;
    }

    .box-news-image{
        height: 154px;
    }

    .page-mobile .box-square{
        width: 324px;
        height: 324px;
        margin-left: 0px;
    }
    .page-mobile .gallery-cta{
        width: 324px;
    }
    .gallery-preview{
        height: 100vh;
    }
    .gallery-image-preview{
        height: 204px;
    }
    #news-detail .left-30-container{
        margin-left: 0px;
    }
    .right-70-container{
        width: 100%;
    }
    .left-30-container{
        width: 100%;
        margin-left: 0px;
    }
    #news-detail .box-square{ 
        margin-right: 20px;  
    }
    #news-detail .box-square:last-child{ 
        margin-right: 0px;  
    }
    .master-sections-container{
        width: 200px;
        top: 200px;
    }
    .master-sections-title{
        font-size: 15px;
        line-height: 15px;
    }
    .master-section-item{
        font-size: 12px;
        padding: 5px 0px;
    }
    .master-section-content{
        width: calc(100% - 200px);
    }
    .master-section-content .generic-title-big{
        font-size: 20px;
        line-height: 20px;
    }
    .tab-item{
        height: 35px;
        line-height: 40px;
    }
    #contact-center .container-half-right{
        width: 100%;
    }
    #contact-center .container-half-left{
        width: 100%;
        padding-left: 0px;
        padding-bottom: 40px;
    }
    #login-cover .container-half-right{
        width: 100%;
    }
    #login-cover .container-half-left{
        width: 100%;
        padding-left: 0px;
    }
    #login-cover .login-box{
        min-height: 400px;
    }
    #login-cover .career-service-box{
        min-height: 400px;
    }
    .master-media-container{
        height: 40vh;
    }

    /* SLIDER */

    .slider-container-mobile .label{
        min-height: 50px;
        color: white;
        font-weight: 800;
        text-transform: uppercase;
        position: relative;
        line-height: 50px;
        text-align: right;
        font-size: 25px;
        /* text-shadow: 1px 1px 5px rgba(0,0,0,0.5); */
        text-shadow: 1px 1px 10px rgba(0, 0, 0,1);
    }
    .slider-item-mobile{
        background-position: center center;
        background-size: cover;
    }

    .slider-container-mobile .item-content{
        display: none;
        height: 100%;
        padding: 200px 20px;
        box-sizing: border-box;
    }

    .slider-container .item-content{
        padding: 180px 100px;
    }

    .slider-pre-title{
        color: white;
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    }
    .slider-title{
        width: 100%;
        color: white;
        font-size: 40px;
        line-height: 35px;
        font-weight: 900;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
        margin-bottom: 10px;
    }
    .slider-subtitle,
    .slider-subtitle p{
        width: 100%;
        color: white;
        font-size: 35px;
        line-height: 30px;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    }
    .slider-abstract-container{
        width: 100%;
    }
    .slider-abstract p{
        color: white;
        font-size: 20px;
        line-height: 25px;
        margin-top: 20px;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
        margin-bottom: 10px;
    }
    .btn-slider{
        width: 180px;
        float: left;
    }
    .btn-slider a{
        color: white;
        display: block;
        width: 100%;
    }
    .slider-cta{
        display: none;
        position: absolute;
        float: right;
        width: 320px;
        height: 130px;
        background-color: #a13221;
        right: 0px;
        top: calc(50% - 100px);
        color: white;
    }
    .slider-cta a{
        color: white;
    }
    .slider-cta-right{
        float: right;
        height: 100%;
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
    }
    .slider-cta-right img{
        width: auto;
        height: 100%;
        float: right;
        opacity: 0.15;
    }
    .apply-cta{
        text-transform: uppercase;
        font-weight: 800;
        font-size: 30px;
        line-height: 30px;
        bottom: 10px;
        position: absolute;
        width: 45%;
        right: 20px;
        text-align: right;
    }

    .slider-cta-left{
        float: left;
        height: 100%;
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
    }
    .cta-text-up{
        text-transform: uppercase;
        font-weight: 900;
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .cta-text-down,
    .cta-text-down p{
        text-transform: uppercase;
        font-size: 25px;
        line-height: 30px;
        color: white;
    }
    .cta-text-down span{
        text-transform: uppercase;
        font-size: 25px;
        line-height: 25px;
    }
    .cta-triangle{
        display: none;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #a13221 transparent transparent;
        right: 0px;
        top: calc(50% + 30px);
    }
    .master-apply-container-small{
        display: none;
    }
    #faculty-detail .right-70-container{
        margin-top: 40px;
    }

    .borse_apply .upload-label{
        width: 50%;
    }

    .borsa-upload{
        width: 100%;
    }
    .landing-cont{
        padding-top: 40px;
        padding-left: 0px;
    }
    #hp-cta .btn:first-child {
        margin-right: 20px;
    }

    .affiliazioni-item,
    .professional-item {
        min-height: 350px;
    }

    #scholarships-cont .box-square{
        width: 354px;
    }
    /* open days */
    #open-day-choose .radio-toolbar {
        flex-wrap: wrap;
    }
    .slot-item-cont {
        width: 100%;
    }
    .box-large {
        width: calc(100% - 354px); 
        height: 354px; 
        display: inline-block;
    }
    .box-large .box-od-image {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
    }
    .alumno-detail-cont {
        width: 100%;
    }

    .alumno-detail-left {
        height: 250px;
    }
}

/* SMARTPHONE */

@media only screen and (min-width:320px) and (max-width:767px) {
    .desktop{
        display: none;
    }
    .tablet{
        display: none;
    }
    .smartphone{
        display: block;
    }
    .no-mobile{
        display: none!important;
    }
    .tablet-s{
        display: none;
    }
    .mobile-full{
        width: 100%;
        padding-left: 0px!important;
        padding: 0px 10px!important;
        box-sizing: border-box;
    }

    .generic-title-big{
        font-size: 35px;
        line-height: 35px;
    }
    .generic-title-thin{
        font-size: 30px;
        line-height: 30px;
    }

    #logo-menu-container{
        width: 50px!important;
        height: auto!important;
        padding: 10px;
    }
    .main-menu-container{
        height: 70px;
    }
    #nav-top{
        display: none!important;
    }
    #burger-menu{
        display: none;
    }
    .main-menu-container{
        display: none;
    }
    .slider-container {
        height: 100vh;
        position: relative;
        margin-top: 0px;
    }

    .slider-container .item-content {
        /* display: none; */
        height: 100%;
        padding: 40px 85px;
        box-sizing: border-box;
        padding-right: 40px;
    }

    #nav-slider-hp{
        top: calc((var(--vh, 1vh) * 100) - 70px);
        z-index: 8;
    }

    #burger-menu-mobile{
        display: block;
        width: 70px!important;
        height: 70px!important;
        top: 104px;
        position: fixed;
        z-index: 10;
        background-color: white;
        line-height: 70px;
        text-align: center;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
    }
    #burger-menu-mobile a{
        width: 100%;
        display: block;
    }   
    
    #burger-menu-mobile i{
        font-size: 12px;
        color: #a13221;
    }
    
    .burger-container-mobile a{
        width: 100%;
        display: block;
        box-sizing: border-box;
        color: black;
    }
    
    .burger-container-mobile{
        display: none;
        width: 70px;
        float: right;
        /* background-color: white; */
        height: 280px;
        margin-top: 70px;
        /* -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); */
    }
    .burger-container-mobile li{
        width: 70px;
        height: 70px;
        text-align: center;
        text-transform: uppercase;
    }
    .lang-sel{
        background-color: #a13221;
        font-weight: 900;
    }
    .lang-sel a{
        color: white;
    }
    .mobile-full-menu{
        display: none;
        position: fixed;
        z-index: 9;
        width: 100%;
        height: 100vh;
        padding: 20px 20px 20px 100px;
        box-sizing: border-box;
        background-color: rgba(255, 255, 255, 0.95);    
    }
    .mobile-full-menu .li-first{
        height: auto;
        /* border-bottom: 1px solid #e5e5e5;
        border-top: 1px solid #e5e5e5; */
    }
    
    .li-first p{
        border-top: 1px solid #e5e5e5;
        /* border-bottom: 1px solid #e5e5e5; */
        line-height: 45px;
        color: black;
        font-size: 11px;
    }
    .li-first p span{
        float: right;
        color: black;
    }

    .mobile-full-menu a {
        color: black;
    }
    .li-second:first-child {
        border-top: 1px solid #e5e5e5;
    }
    .mobile-full-menu .li-second{
        height: 45px;
        line-height: 22px;
        font-size: 11px;
    }
    .li-second a{
        display: block;
    }
    .mobile-second-level{
        display: none;
    }
    .mobile-full-menu .mobile-second-level{
        position: static;
        left: 0px;
        float: left;
        text-align: left;
        font-weight: normal;
    }
    .mobile-social-item{
        width: calc(100% / 7);
        text-align: left;
        height: 45px;
        line-height: 45px;
        font-size: 12px;
        text-align: center;
    }
    .mobile-social-cont{
        border-top: 1px solid #e5e5e5;
    }

    .page-container{
        width: 100%;
        margin-left: 0px;
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .box{
        width: 100%;
    }
    .box:nth-child(even){
        margin-left: 0px;
        margin-right: 0px;
    }
    .box:nth-child(odd){
        margin-right: 0px;
    }

    .box-square{
        width: 100%;
        height: auto;
        min-width: 300px;
    }
    .box-square:nth-child(even){
        margin-left: 0px;
        margin-right: 0px;
    }
    .box-square:nth-child(odd){
        margin-right: 0px;
    }
    .box-square img {
        max-width: 100%;
        height: auto;
    }
    .box-square-title{
        font-size: 40px;
        line-height: 35px;
    }
    .box-news-image{
        height: 184px;
    }
    
    .box-seminar-title{
        margin-top: 0px;
        font-size: 25px;
        line-height: 25px;
    }
    .box-seminar-extra{
        font-size: 20px;
        line-height: 20px;
    }
    .about-box-abstract {
        font-size: 15px;
        line-height: 25px;
    }
    .box-square-abstract {
        font-size: 15px;
        line-height: 25px;
    }
    .full-tablet{
        width: 100%;
    }
    .box-sc-name-full{
        font-size: 18px;
        line-height: 18px;
    }
    .footer-container {
        height: 1800px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .footer-item{
        margin-bottom: 20px;
    }
    .footer-item:last-child {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 30px;
    }
    .footer-bottom {
        line-height: 25px;
        font-size: 12px;
        padding: 0px 20px;
        box-sizing: border-box;
        height: 100px;
    }
    .slider-container .slider-item{
        height: 100vh;
    }
    .slider-container-mobile{
        /* height: 100vh; */
        height: calc((var(--vh, 1vh) * 100));
    }
    .slider-item-mobile{
        /* height: calc(100vh / 5); */
        height: calc((var(--vh, 1vh) * 100) / 5);
        position: relative;
    }
    #go-down-arrow{
        width: 70px;
        height: 70px;
        background-color: rgba( 255,255,255, 0.95);
        line-height: 70px;
        color: black;
        position: absolute;
        /* top: calc(100vh - 70px); */
        top: calc((var(--vh, 1vh) * 100) - 70px);
        text-align: center;
        cursor: pointer;
        z-index: 9;
    }

    /* PAGINA GENERICA MOBILE */
    .main-custom{
        margin-top: 0px;
    }
    .page-mobile{
        padding-left: 80px;
        padding-top: 10px
    }
    .red-big-box_padded{
        padding-top: 0px
    }
    .big-margin-page{
        margin-top: 0px;
    }

    .page-mobile .gallery-box{
        width: 324px;
        height: 324px;
        margin-left: 0px;
        margin-right: 10px;
    }
    .box-news-image{
        height: 154px;
    }
    .gallery-preview{
        height: 100vh;
    }
    .gallery-image-preview{
        height: 204px;
    }
    #news-detail .left-30-container{
        margin-left: 0px;
    }
    .right-70-container{
        width: 100%;
        margin-top: 25px;
    }
    .left-30-container{
        width: 100%;
        margin-left: 0px;
    }
    #news-detail .box-square{ 
        margin-right: 20px;  
    }
    #news-detail .box-square:last-child{ 
        margin-right: 0px;  
    }
    .master-sections-container{
        width: 200px;
    }
    .master-sections-title{
        font-size: 15px;
        line-height: 15px;
    }
    .master-section-item{
        font-size: 12px;
        padding: 5px 0px;
    }
    .master-section-content{
        width: calc(100% - 200px);
    }
    .master-section-content .generic-title-big{
        font-size: 20px;
        line-height: 20px;
    }
    .tab-item{
        height: 35px;
        line-height: 40px;
    }
    #contact-center .container-half-right{
        width: 100%;
    }
    #contact-center .container-half-left{
        width: 100%;
        padding-left: 0px;
        padding-bottom: 40px;
    }
    #login-cover .container-half-right{
        width: 100%;
    }
    #login-cover .container-half-left{
        width: 100%;
        padding-left: 0px;
    }
    #login-cover .login-box{
        min-height: 400px;
    }
    #login-cover .career-service-box{
        min-height: 400px;
    }
    .master-media-container{
        height: 40vh;
    }

    /* SLIDER */

    .slider-container-mobile .label{
        min-height: 50px;
        color: white;
        font-weight: 800;
        text-transform: uppercase;
        position: relative;
        line-height: 40px;
        text-align: right;
        font-size: 10px;
        padding-right: 5px;
        box-sizing: border-box;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    }
    .slider-item-mobile{
        background-position: center center;
        background-size: cover;
    }

    .slider-container-mobile .item-content{
        display: none;
        height: 100%;
        padding: 25px 20px 0px 80px;
        box-sizing: border-box;
    }

    .slider-pre-title{
        color: white;
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 10px;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    }
    .slider-title{
        width: 100%;
        color: white;
        font-size: 25px;
        line-height: 25px;
        font-weight: 900;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
        margin-bottom: 10px;
    }
    .slider-subtitle,
    .slider-subtitle p{
        width: 100%;
        color: white;
        font-size: 20px;
        line-height: 25px;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    }
    .slider-abstract-container{
        width: 100%;

    }
    .slider-abstract p{
        color: white;
        font-size: 15px;
        line-height: 15px;
        margin-top: 20px;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
        margin-bottom: 40px;
        font-weight: 500;
    }
    .btn-slider,
    .btn-small{
        min-width: 120px;
        width: 120px;
        float: left;
        height: 35px;
        line-height: 35px;
    }
    .btn-slider a{
        color: white;
        display: block;
        width: 100%;
    }
    .slider-cta{
        /* display: none!important; 
        position: absolute;
        float: left;
        width: 250px;
        height: 75px;
        background-color: #a13221;
        right: 0px;
        top: calc(50% - 75px);
        color: white; */

        position: absolute;
        float: left;
        width: 70px;
        height: auto;
        background-color: #a13221;
        right: auto;
        top: calc(50% - 125px);
        color: white;
        left: 0px;
        z-index: 9999;
    }
    .cta-triangle{
        /* display: none!important; */
    }
    .slider-cta a{
        color: white;
    }
    .slider-cta-right{
        float: left;
        height: 100%;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .slider-cta-right img{
        width: 100%;
        height: auto;
        float: right;
        opacity: 0.15;
    }
    .apply-cta{
        width: auto;
        font-size: 15px;
        line-height: 18px;
        bottom: 10px;
        text-align: left;
        right: auto;
        left: 5px;
    }

    .slider-cta-left{
        float: left;
        height: 100%;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
    }
    .cta-text-up{
        font-size: 11px;
        line-height: 13px;
    }
    .cta-text-down,
    .cta-text-down p{
        font-size: 9px;
        line-height: 11px;
    }
    .cta-text-down span{
        text-transform: uppercase;
        font-size: 25px;
        line-height: 25px;
    }
    .cta-triangle{
        display: none;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 20px 20px 0;
        border-color: transparent #a13221 transparent transparent;
        right: 0px;
        top: calc(50% + 30px);
    }
    .partner-logo{
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    .partner-description,
    .companies-description {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
    #news .gallery-box, 
    #faculty .gallery-box{
        width: 100%;
        margin-top: 10px;
    }
    #news .box-square-text,
    #faculty .box-square-text{
        padding-left: 80px;
    }
    #news .gallery-box-paragraph p,
    #faculty .gallery-box-paragraph p{
        font-size: 12px;
        line-height: 18px;
    }
    .faculty-detail-text{
        padding: 10px;
    }
    .faculty-detail-title{
        font-size: 20px;
        line-height: 23px;
    }
    .news-detail-description p {
        font-size: 12px;
        line-height: 15px;
        color: black;
    }
    #news-detail .left-30-container {
        margin-left: 0px;
        margin-left: -80px;
    }
    #news-detail .box-square{
        width: calc(100% + 80px);
    }
    /* gallery */
    .gallery-cta{
        width: 70%;
    }
    .page-mobile .gallery-box{
        width: 100%;
    }
    #faculty .gallery-cta{
        width: 100%;
    }
    #faculty-detail .right-70-container {
        width: calc(100% + 70px);
        margin-left: -70px;
        margin-top: 40px;
    }
    .faculty-detail-description p {
        margin-top: 10px;
    }
    .generic-content-title{
        font-size: 30px;
        line-height: 30px;
    }
    .generic-content-img-left, 
    .generic-content-img-right,
    .generic-content-text-right,
    .generic-content-text-left
    {
        width: 100%;
    }
    .video-container{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .master-sections-container{
        display: none;
    }
    .master-section-content{
        width: 100%;
        padding: 0px;
    }
    .master-apply-container-small{
        width: auto;
        float: right;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    .apply-now-n-btn .btn-slider{
        float: left;
        margin-top: 20px;
    }
    .generic-content-paragraph-full a{
        text-overflow: ellipsis;
    }
    /* career service */
    .container-half-right,
    .container-half-left{
        width: 100%!important;
        height: auto!important;
    }
    .career-service-box_padded {
        box-sizing: border-box;
        background-color: #a13221;
        min-height: 50vh;
        position: relative;
        height: auto;
    }
    .login-box_padded{
        padding: 10px;
        width: 100%;
    }
    #login-form .upload-label{
        width: 50%;
        line-height: 50px!important;
    }
    .btn-upload{
        width: 50%;
        min-width: 50%;
        line-height: 50px!important;
    }
    .upload-file-filename{
        width: 100%;
        padding: 0px;
    }
    .centered-login {
        width: 100%;
        margin-left: 0px;
        min-height: calc(100vh - 200px);
    }
    .career-service-box .btn-white {
        margin-left: calc(50% - 115px);
    }

    /* APPLY */
    #accordion-title, #download-title{
        width: 90%;
    }
    .add-application{
        float: left;
        margin-top: 20px;
        min-width: 120px;
        width: 120px;
        height: 35px;
        line-height: 35px;
    }
    .draft-cont .submit-container{
        float: left;
    }
    .draft-ul{
        margin-top: 80px;
        width: 100%;
    }
    .draft-li{
        box-sizing: border-box;
        margin-left: -70px;
        width: calc(100% + 70px);
    }
    #apply-now-page .generic-title-big{
        font-size: 25px;
        line-height: 30px;
    }
    #application-form{
        box-sizing: border-box;
        margin-left: -70px;
        width: calc(100% + 70px);
    }
    #application-form .form-input-small {
        margin-right: 0px;
        width: 100%;
    }
    #application-form .form-input-small:last-child {
        margin-right: 0px;
        width: 100%;
    }
    .upload-label{
        width: 100%;
        line-height: 25px!important;
    }
    .submit-container{
        width: 100%;
    }
    .submit-container button:last-child{
        float: right!important;
    }
    #application-form .btn,
    #login-container .btn{
        float: left;
        margin-top: 10px;
        min-width: 120px;
        width: 120px;
        height: 35px;
        line-height: 35px!important;
    }
    /* EXTRA */
    .box-square-announcement-title {
        font-size: 20px;
        line-height: 23px;
        margin-top: 20px;
    }
    .box-square-announcement-abstract{
        font-size: 12px;
        line-height: 15px;
    }
    #contact-center a{
        font-size: 11px;
    }
    .submit-container{
        top: 0px;
    }
    .mobile-social-item a{
        display: block;
    }
    .master-pdf-download{
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 35px;
        height: 35px;
        font-size: 12px;
        line-height: 35px;
        text-align: center;
        box-sizing: border-box;
        color: black;
        background-color: white;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    }
    /* affiliazioni */
    .affiliazioni-container{        
        padding: 20px;
    }
    .affiliazioni-item, 
    .professional-item {
        width: calc((100% / 2) - 10px);
        margin-right: 10px;
        text-align: center;
        min-height: 300px;
    }
    .affiliazioni-item:nth-child(3n),
    .professional-item:nth-child(3n){
        margin-right: 10px;
    }
    .affiliazioni-item:nth-child(2n),
    .professional-item:nth-child(2n){
        margin-right: 0px;
    }
    .borse_apply .upload-label{
        width: 100%;
    }
    .borsa-upload{
        width: 50%;
    }
    .landing-cont{
        padding-top: 40px;
        padding-left: 0px;
    }
    #hp-cta .btn:first-child {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    #application-form .info-form-row-r {
        width: 100%;
        margin: 0px;
    }
    .body-cell {
        width: calc(100% / 2);
    }
    .table-title {
        font-size: 12px;
        line-height: 20px;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    #scholarships-cont .box-square{
        width: 100%;
        margin-right: 0px;
    }
    .italian-scholarship-text img {
        max-width: 100%;
        height: auto!important;
    }
    .professional-faculty {
        min-height: 75px;
    }
    .go-to-partners {
        width: 250px;
    }
    .professional-item {
        min-height: 330px;
    }
    /* open days */
    #open-day-choose .radio-toolbar {
        flex-wrap: wrap;
    }
    .slot-item-cont {
        width: 100%;
    }

    #open-day-choose .container-half-left {
        width: 100%;
        padding: 0px;
    }
    
    #open-day-choose .container-half-right {
        width: 100%;
        padding-left: 0px;
        margin-top: 40px;
    }
    #open-day-choose .btn.btn-small:first-child {
        float: right!important;
    }
    #open-day-choose .btn.btn-small:last-child {
        float: left;
    }
    .box-large {
        display: none;
    }

    .alumno-detail-cont{
        width: 100%;
    }
    .alumno-detail-left {
        width: 100%;
        margin-right: 0px;
    }
    .alumno-detail-left img {
        width: 100%;
        height: auto;
    }
    .alumno-detail-right {
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .alumno-detail-left {
        height: 250px;
    }

    .alumni-grid .gallery-box.master-detail {
        height: 320px;
        width: 100%;
    }
    .alumni-grid .gallery-cta {
        width: 100%;
    }

}

/* Over Cage */
@media only screen and (min-width:1025px) and (max-width:10000px) {
    a:hover {
        color: black;
    }
    .btn:hover,
    #nav-slider-hp .owl-next:hover,
    #nav-slider-hp .owl-prev:hover {
        background-color: black;
        transition: all 0.2s;
        -webkit-transition: all 0.2s;        
    }

    .btn-white:hover a {
        background-color: black;
        color: white;
    }
    
    .li-first-level:hover .text-first-level{
        color:#a13221!important;
    }
    .has-second-level:hover .ul-second-level,
    .has-second-level:hover .ul-second-level-social{
        display: block;
    }
    .ul-second-level li a:hover,
    .ul-second-level-social li a:hover,
    .burger-li:hover{
        background-color: #fbf5f8;
    }
    .ul-second-level li a:hover span,
    .ul-second-level-social li a:hover i,
    .burger-li:hover span,
    .burger-social-item:hover i{
        color: #a13221!important;
    }  
    .li-main-first:hover .text-first-level{
        color: #a13221;
    }
    .li-main-first:hover .main-second,
    .li-main-first:hover .main-second_reversed{
        display: block;
    }
    #apply-now-menu-item:hover p,
    .about-box:hover .about-box-cta,
    .box:hover .box-sc-cta,
    .box-square:hover .box-sc-cta,
    .box-square:hover .about-box-cta,
    .box-square:hover .about-sc-cta,
    .gallery-box:hover .about-box-cta,
    .gallery-box:hover .box-sc-cta,
    #info-form-submit:hover{
        color: black;
    }
    .main-second a:hover,
    .main-second_reversed a:hover{
        background-color: #fbf5f8;
        color: #a13221;
        border-bottom: 1px solid #e5e5e5;
    }
    .footer-black-link:hover,
    .master-pdf-download:hover,
    .extra-social-link:hover i {
        color: #a13221;
    }
    .box:hover,
    .box-square:hover,
    .gallery-box:hover{
        /* cursor: pointer; */
        -webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
    }
    .btn-box-square:hover a,
    .btn-slider:hover a,
    .generic-paragraph .btn-iscriviti a,
    .btn-upload, 
    .slider-cta:hover a {
        color: white;
    }
    #hp-cta .btn:hover {
        transition: all 0.2s;
        -webkit-transition: all 0.2s;
        background-color: #fff;
        color: #000;
    }
}
</pre></body></html>