@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');
body 
{
    height: 100vh;
}
.slaid_x-ray 
{
    background: url(../../images/x-ray_img/XFM/bg-stanza-sfuocataxfm-ok_1903x833_.jpg)no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 85%;
}
.slaid_icons
{
    background: url(../../images/x-ray_img/CLINODIGIT_OMEGA/riquadro-trasparente.png)no-repeat;
    width: 40%;
    float: right;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.titel_slaid
{
    width: 100%;
    padding-top: 10%;
}
.titel_slaid h2 
{
    width: 100%;
    font-size: 45px;
    font-family: serif;
    font-style: italic;
    color: #555; 
    margin-bottom: 0rem; 
}
.titel_slaid span
{
    font-size: 20px;
    color: #666; 
}
.subtitel_slaid
{
    padding-left: 10%;
    padding-top: 6%;
    width: 100%;
}
.subtitel_slaid h6 
{
    font-size: 14px;
    font-weight: 600;
    color: #555;
    font-style: italic;
    font-family: ui-sans-serif;
}
.subtitel_slaid span 
{
    font-size: 12px;
    padding-left: 4px;
    font-family: none;
}
.icons_slaid
{
    display: flex;
    flex-wrap: wrap;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10%;
}
.icons
{
    width: 33.333%;
    text-align: center;
}
.icons img 
{
    width: 100%;
    max-width: 50%;
}
.icons h4 
{
    font-size: 12px;
    letter-spacing: 0;
    font-family: ui-monospace;
    color: #444;
}
.img_sm_slaid
{
    display: none !important;
}
.HIDE_ICONS
{
    visibility: hidden;
}
@media(max-width: 768px) 
{
.slaid_x-ray
{
    display: none !important;
}
    .img_sm_slaid
{
    display: block !important;
    text-align: center;
}
.img_sm_slaid .img-fluid
{
    max-width: 60%;
}
}
/* ========================================================== */
/* ========================================================== */
.intro_x-ray
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
    padding-top: 50px;
}
.intro_icons
{
   width: 100%;
   text-align: center;
}
.titel_intro
{
    width: 100%;
    text-align: center;
    padding-top: 50px;
}
.titel_intro h2 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 45px;
}
.titel_intro p 
{
    font-family: 'Zilla Slab', serif;
    font-size: 19px;
    color: #444;
}
.sub_titel_intro
{
    width: 100%;
    padding-top: 20px;
    text-align: center;
}
.sub_titel_intro p 
{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    padding-left: 8%;
    padding-right: 8%;
    line-height: 1.4;
    letter-spacing: initial;
    color: #666;
}
/* ====================================================== */
/* ===============High_portability======================= */
.High_portability
{
    background-image: url(../../images/x-ray_img/XFM/fascia-scura-focus.jpg?id=325) !important;
    background-position: center !important;
    background-repeat: no-repeat !important; 
    background-size: cover !important;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 10% 1% 0% 1%;
}
.icon_High_portability
{
    width: 25%;
    text-align: center;
    padding: 5px;
}
.border_radius
{
    border-radius: 50%;
    border: 2px solid #ebebeb;
}
.text_High_portability
{
    padding-top: 10px;
    width: 100%;
}
.text_High_portability h3 
{
    width: 100%;
    color: lavender;
    font-size: 28px;
}
.text_High_portability p  
{
    width: 100%;
    color: #eeeeee;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    line-height: 1.2;
    letter-spacing: initial
}
.hide_icon
{
    visibility: hidden;
}
/* ===================Versatility=========================== */
.Versatility
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.titel_Versatility
{
    text-align: center;
    width: 100%;
    padding: 60px 0 60px 0;
}
.titel_Versatility h2 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 45px;
    padding-bottom: 10px;
    width: 100%;
    color: #222;
}
.titel_Versatility h2 span
{
    font-family: 'Quicksand', sans-serif;
    font-size: 46px;
    width: 100%;
    color: #222;
    font-weight: bold;
}
.container_Versatility
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 4% 1% 4% 1%;
    background: #f6f6f6 !important;
    align-items: center;
}
.left_container_Versatility
{
    width: 50%;
    align-items: center;
    text-align: center;

}
.right_container_Versatility
{
    width: 50%;
    padding: 10px;
    padding-left: 40px;
}
.titel_right_container_Versatility
{
    width: 100%;
}
.titel_right_container_Versatility h2 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 45px;
    padding-bottom: 10px;
    width: 75%;
    color: #222;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 600;
}
.titel_right_container_Versatility span
{
    font-family: 'Quicksand', sans-serif;
    font-size: 35px;
    padding-bottom: 10px;
    width: 75%;
    color: #343a40;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 0px;

}
.ul_right_container_Versatility
{
    width: 100%;
}
.ul_right_container_Versatility ul 
{
    width: 75%;
    font-size: 16px;
    line-height: 1.7;  
    color: #818181;
    letter-spacing: 0;
    font-style: italic;
    display: block;
}
.ul_right_container_Versatility ul li 
{
    line-height: 1.5;
    font-family: 'Quicksand', sans-serif;
}
/* =============================Compact_design================== */
.Compact_design
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding:  5% 0 5% 0;
}
.icons_Compact_design
{
    width: 25%;
    text-align: center;
    padding: 10px;
}
.icons_Compact_design h4 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 19px;
    color: #818181;
    font-weight: 600;
}
.icons_Compact_design p
{
    color: #666666;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    font-weight: 300;
}
/* =======================LARGE_AND================================= */
.LARGE_AND
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f6f6f6 !important;
}
.left_LARGE_AND
{
    width: 50%;
    align-items: center;
    padding-left: 10%;
}
.left_LARGE_AND h2 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 40px;
    width: 100%;
    color: #818181;
}
.left_LARGE_AND ul 
{
    width: 80%;
    display: block;
}
.left_LARGE_AND ul li 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
}
.right_LARGE_AND
{
    width: 50%;
}
/* ==========================HIGH_PORTABILITY======================= */
.HIGH_PORTABILITY
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #f6f6f6 !important;
}
.left_HIGH_PORTABILITY
{
    width: 50%;
    background: url(../../images/x-ray_img/XFM/mobilita-elevata-focus-img-xfm.jpg)no-repeat;
    background-position: center;
    background-size: cover;
}
.right_HIGH_PORTABILITY
{
    width: 50%;
    padding: 1%;
}
.right_HIGH_PORTABILITY h2 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 40px;
    width: 100%;
    color: #818181;
} 
.right_HIGH_PORTABILITY h2 span 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 46px;
    width: 100%;
    font-weight: bold;
    color: #818181;
}
.text_icon_HIGH_PORTABILITY
{
    width: 100%;
    display: flex;
    flex-wrap: wrap; 
}
.right_icon_HIGH_PORTABILITY
{
    width: 22%;
    padding: 1%;
}
.text_HIGH_PORTABILITY
{
    width: 78%;
}
.text_HIGH_PORTABILITY h4 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 19px;
    color: #818181;
    font-weight: 600;
}
.text_HIGH_PORTABILITY ul 
{
    list-style: none;
    padding: 1%;
    width: 70%;
    display: block;
}
.text_HIGH_PORTABILITY ul li  
{
    font-family: 'Quicksand', sans-serif;
    line-height: 1.5;
    font-size: 18px;
}
/* ==========================Maximum_Flexibility================================= */
.Maximum_Flexibility
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 10% 5% 5% 10%;
    align-items: center;
}
.left_Maximum_Flexibility
{
    width: 50%;
}
.left_Maximum_Flexibility h4 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    color: #818181;
    font-weight: 600;
    padding-bottom: 10px;
}
.left_Maximum_Flexibility img 
{
    border: 4px solid #ebebeb;
    border-radius: 50%;
}
.left_Maximum_Flexibility ul
{
    display: block;
    padding-top: 10px;
}
.left_Maximum_Flexibility li 
{
    font-family: 'Quicksand', sans-serif;
    line-height: 1.5;
    font-size: 18px;
}
.right_Maximum_Flexibility
{
    width: 50%;
}
/* ======================================================== */
.video_txt
{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #000000;
    padding-top: 50px;
    margin-top: 80px;
}
.titel_video
{
    width: 100%;
    text-align: center;
}
.titel_video h2 
{
    font-family: 'Quicksand', sans-serif;
    color: #fff;
    font-size: 45px;
    padding-bottom: 30px;
}
.titel_video p 
{
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: initial;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    padding-bottom: 20px;
}
.vedio_pos
{
    width: 100%;
    padding-left: 8%;
    padding-right: 8%;
    text-align: -webkit-center;
    padding-bottom: 30px;
}
.vedio_pos iframe
{
  width: 660px;
  height: 371px;
}
/* =========================================== */
.padding_bottom
{
    width: 100%;
    padding-bottom: 7%;
}
@media(max-width: 1024px) 
{
    .intro_x-ray 
{
    padding: 20px;
    padding-top: 30px;
}
.titel_intro 
{
    padding-top: 30px;
}
.titel_intro h2 
{
    font-size: 35px;
}
.titel_intro p 
{
    font-size: 16px;
}
.sub_titel_intro 
{
    padding-top: 10px;
}
.sub_titel_intro p 
{
    font-size: 15px;
    padding-left: 4%;
    padding-right: 4%;
    line-height: 1.3;
}
/* =============================================== */
.High_portability 
{
    padding: 5% 1% 0% 1%;
}
.text_High_portability h3
{
    font-size: 20px;
}
.text_High_portability p 
{
    font-size: 15px;
}
/* ================================================== */
.titel_right_container_Versatility h2 
{
    font-size: 35px;
    font-weight: 400;
}
.titel_right_container_Versatility span 
{
    font-size: 26px;
}
.ul_right_container_Versatility ul 
{
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
}
/* ====================================================== */
.icons_Compact_design p 
{
    word-spacing: -2px;
    line-height: 17px;
}
/* ======================================================== */
.left_LARGE_AND 
{
    padding-left: 5%;
}
.left_LARGE_AND h2 
{
    font-size: 30px;
}
.left_LARGE_AND ul 
{
    width: 99%;
}
.left_LARGE_AND ul li 
{
    font-size: 16px;
}
/* ============================================================== */
.right_HIGH_PORTABILITY h2 
{
    font-size: 30px;
}
.right_HIGH_PORTABILITY h2 span 
{
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    width: 100%;
    font-weight: bold;
    color: #818181;
}
.text_HIGH_PORTABILITY h4 
{
    font-size: 17px;
}
.text_HIGH_PORTABILITY ul 
{
    width: 90%;
}
.text_HIGH_PORTABILITY ul li 
{
    line-height: 1.4;
    font-size: 16px;
}
/* ================================================================== */
.Maximum_Flexibility 
{
    padding: 10% 5% 5% 7%;
}
.left_Maximum_Flexibility h4 
{
    font-size: 25px;
}
.left_Maximum_Flexibility li 
{
    font-size: 16px;
}
/* ======================================================== */
.video_txt 
{
    padding-top: 30px;
    margin-top: 50px;
}
.titel_video h2 
{
    font-size: 35px;
    padding-bottom: 20px;
}
.titel_video p 
{
    font-size: 16px;
    padding-bottom: 15px;
}
/* ======================================================== */
}
@media(max-width: 768px) 
{
.intro_x-ray 
{
    padding: 15px;
    padding-top: 20px;
}  
.titel_intro 
{
    padding-top: 25px;
}
.titel_intro h2 
{
    font-size: 30px;
}
.titel_intro p 
{
    font-size: 14px;
}
.sub_titel_intro p 
{
    font-size: 14px;
    padding-left: 2%;
    padding-right: 2%;
    line-height: 1.2;
    text-align: justify;
}
.sub_titel_intro p br 
{
   display: none !important;
}
/* ==================================================================== */
.icon_High_portability 
{
    width: 50%;
}
.hide_icon 
{
   display: none !important;
}
/* ============================================================ */
.titel_Versatility 
{
    padding: 45px 0 40px 0;
}
.titel_Versatility h2 
{
    font-size: 35px;
}
.titel_Versatility h2 span 
{
    font-size: 35px;
}
.container_Versatility 
{
    padding: 0% 1% 0% 1%;
}
.left_container_Versatility 
{
    width: 100%;
}
.right_container_Versatility 
{
    width: 100%;
    padding: 10px;
    padding-left: 20px;
}
.titel_right_container_Versatility h2 
{
    font-size: 30px;
    width: 100%;
}
/* ======================================================== */
.icons_Compact_design 
{
    width: 100%;
}
.icons_Compact_design h4
{
    font-size: 17px;
}
.icons_Compact_design p
{
    font-size: 14px;
}
/* =========================================================== */
.left_LARGE_AND 
{
    width: 100%;
}
.right_LARGE_AND 
{
    width: 100%; 
    padding: 1%;
}
.left_LARGE_AND h2 
{
    font-size: 25px;
}
.left_LARGE_AND ul li 
{
    font-size: 13px;
}
/* ============================================================= */
.left_HIGH_PORTABILITY 
{
    display: none !important;
}
.right_HIGH_PORTABILITY 
{
    width: 100%;
    padding: 1%;
}
.text_HIGH_PORTABILITY ul 
{
    list-style: inside;
    width: 100%;
}
/* =================================================================== */
.Maximum_Flexibility 
{
    padding: 10% 1% 5% 1%;  
    text-align: center;
}
.left_Maximum_Flexibility 
{
    width: 100%;
}
.right_Maximum_Flexibility 
{
    width: 100%;
}
/* ======================================================== */
.video_txt 
{
    padding-top: 20px;
    margin-top: 35px;
}
.titel_video h2 
{
    font-size: 25px;
    padding-bottom: 10px;
}
.titel_video p 
{
    font-size: 14px;
    padding-bottom: 10px;
}
.vedio_pos 
{
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 20px;
}
.vedio_pos iframe
{
    width: 480px;
    height: 270px;
}
/* ======================================================== */
}

@media(max-width: 500px) 
{
.intro_x-ray 
{
    padding: 5px;
    padding-top: 10px;
} 
.titel_intro 
{
    padding-top: 15px;
}
.titel_intro h2 
{
    font-size: 22px;
}
.titel_intro h2 br 
{
    display: none !important;
}
.titel_intro p 
{
    font-size: 12px;
}
.sub_titel_intro 
{
    padding-top: 0px;
}
.sub_titel_intro p 
{
    font-size: 12px;
    padding-left: 0%;
    padding-right: 0%;
    line-height: 1.1;
}
/* ==================================================================== */
.icon_High_portability .img-fluid
{
    max-width: 70%;
}
.icon_High_portability 
{
    width: 100%;
}
.text_High_portability p 
{
    font-size: 13px;
}
/* ================================================================= */
.titel_Versatility 
{
    padding: 20px 0 15px 0;
}
.titel_Versatility h2 
{
    font-size: 20px;
}
.titel_Versatility h2 span 
{
    font-size: 20px;
}
.titel_right_container_Versatility h2 
{
    font-size: 19px;
}
.titel_right_container_Versatility span 
{
    font-size: 18px;
    width: 100%;
}
.ul_right_container_Versatility ul 
{
    font-size: 12px;
    line-height: 1.2;
}
/* ================================================ */
.icons_Compact_design 
{
    padding: 5px;
}
.icons_Compact_design h4
{
    font-size: 15px;
}
.icons_Compact_design p 
{
    font-size: 13px;
}
/* =============================== */
.left_LARGE_AND h2 
{
    font-size: 20px;
}
.left_LARGE_AND h2 br
{
    display: none !important;
}
.left_LARGE_AND ul
{
    width: 100%;
    list-style: none;
}
.right_HIGH_PORTABILITY h2
{
    font-size: 20px;
     padding: 1%;
}
/* =============================== */
.right_HIGH_PORTABILITY h2 span 
{
    font-size: 20px;
}
.text_HIGH_PORTABILITY h4 
{
    font-size: 14px;
}
.text_HIGH_PORTABILITY ul 
{
   padding: 0;
}
.text_HIGH_PORTABILITY ul li 
{
    font-size: 14px;
}
/* ========================================================= */
.left_Maximum_Flexibility h4 
{
    font-size: 20px;
}
.left_Maximum_Flexibility li 
{
    font-size: 14px;
    line-height: 1.4;
}
/* ======================================================== */
.video_txt 
{
    padding-top: 5px;
    margin-top: 15px;
}
.titel_video h2 
{
    font-size: 18px;
    padding-bottom: 5px;
}
.titel_video p 
{
    font-size: 12px;
    padding-bottom: 0px;
}
.vedio_pos 
{
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 10px;
}
.vedio_pos iframe 
{
    width: 100%;
    height: auto;
}
/* ======================================================== */
}