@font-face {
    font-family: 'Magistral_Bold';
    src: url('../fonts/Magistral\ Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Magistral_Regular';
    src: url('../fonts/Magistral\ Regular.otf') format('opentype');
}
html,body{background: rgba(0,0,0,0) linear-gradient(-45deg,#ffffff 0%,#f5f5f5 15%,#8aa6a3 100%) 0% 0% no-repeat padding-box; margin: 0px; overflow-x: hidden;}
.margin_top_5px{margin-top: 5px;}
.margin_top_20px{margin-top: 20px;}
.margin_top_80px{margin-top: 80px;}
.text_align_right{ text-align: right;}
.border_bottom_label{border-bottom: 1px solid black;}
.display_none{display: none;}
.label_manuali_specifiche{font-family: 'Magistral_Regular',sans-serif; font-size: 18px; width: 100%; line-height: 50px;}
.container_title_manual{width:100%; height:85px; font-family:'Magistral_Bold',sans-serif;position: relative; background-color: white;}
.logo_NTP{width: 20%; height: 100%; position: relative; float: left;}
.immagine_logo{background: transparent url("../img/NTP_logo_BN.png") no-repeat 50% 50%; background-size: contain; width: 100%; height: 70%;margin-top: 4%;}
.title_page{width: 60%; height: 100%; position: relative; float: left; text-align: center; line-height: 82px; font-size: 24px; color: gray;}
.container_all_manuals{width: 100%; height: 698px; margin-top: 50px; background-color: white; border-radius: 5px;margin-bottom: 25px; overflow: hidden;}
.title_background{width: 100%; height: 150px; background: transparent url("../img/bg2.jpg") no-repeat; background-size:cover;}
.border-t-gray{border-top: 1px solid #888;}
.smaller{font-size: 16px; font-family:'Magistral_Regular',sans-serif;background-color: black;}
.container_logo_micro{width: 150px; height: 150px; position: absolute;background: transparent url("../img/icon_470x470_NED_MICRO_DP.png") no-repeat 50% 50%; background-size: contain; top: 50%; left: calc(50% - 75px);}
.container_logo{width: 100%;height: 80px; cursor: pointer;}
.logo_android{background: transparent url("../img/downloadAndroid.png") no-repeat 50% 50%;  background-size: contain;}
.logo_IOS{background: transparent url("../img/downloadApple.png") no-repeat 50% 50%;  background-size: contain;}
.container_message_IOS{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5);}
.contenitore_messaggio_uff{ width: 500px; height: 190px; background-color: white; position: absolute; top: 35%; left: 37%; border-radius: 12px;}
.text_mss{width: 100%; margin-top: 15%;  text-align: center; font-size: 20px;}
.btn_close_message{position: relative; float: right; margin-top: 4px; margin-right: 8px; cursor: pointer;}
.title_label_div{width: 100%; font-family:'Magistral_Bold',sans-serif; font-size: 20px;}
.container_btns_show{display: inline-block; font-size: 16px;}
.btn_show_dnwl{width: 55px; height: 35px; padding: 5px; border-radius: 20px; position: relative; float: right;margin-bottom: 10px; background-color: rgb(72, 233, 200); color: white; border: none; cursor: pointer;}
.container_btns_show>.btn_download::before{background: transparent url("../img/eye_icon.png") no-repeat 50% 50%; background-size: contain;}
a{color: grey;}
.fancybox,.fancybox:active,.fancybox:hover{color: white;}
.flag{width: 50%; height: 50px;}
.flag.italian_flag{background: transparent url("../img/flag_italian.png") no-repeat 50% 50%; background-size: contain;}
.flag.british_flag{background: transparent url("../img/british_flag.png") no-repeat 50% 50%; background-size: contain;}

@media screen and (max-width: 1199px) {
    .flag{width: 100%;}
    .btn_show_dnwl{width: 48px; margin-top: 7px;}
    .label_manuali_specifiche{font-size: 16px;}
}
@media screen and (max-width: 991px) {
    .label_manuali_specifiche{font-size: 14px;}
    .container_btns_show{font-size: 13px;}
    .btn_show_dnwl{width: 30px;height: 30px; margin-bottom: 0px; margin-top: 7px;}
}
@media screen and (max-width: 767px) {
    .label_manuali_specifiche{font-size: 14px;}
    .container_btns_show{font-size: 13px;}
    .btn_show_dnwl{width: 35px;}
}
@media screen and (max-width: 575px) {
    .title_background{height: 100px;}
    .container_logo_micro{width: 90px; height: 90px; top: 50%; left: calc(50% - 46px);}
    .title_page{font-size: 20px;}
    .label_manuali_specifiche{font-size: 11px;}
    .title_label_div{font-size: 14px;}
    .flag{width: 20px;}
    .margin_top_80px{margin-top: 30px;}
}