@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('fonts/SourceSansPro-Semibold-webfont.eot');
    src: url('fonts/SourceSansPro-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Semibold-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Semibold-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('fonts/SourceSansPro-Light-webfont.eot');
    src: url('fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Light-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Light-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('fonts/SourceSansPro-Regular-webfont.eot');
    src: url('fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Html text */
.flexTxt {position:absolute;top:0; left:0;width:950px; height:360px;}
.flexTxt h1 {font-family: 'SourceSansProSemibold', sans-serif; font-size: 38px; color: #4189dd; border:none; padding:0; margin:0; font-weight:normal;line-height:.8em; margin-bottom:.2em;}
#ru .flexTxt h1 {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.flexTxt h2 {font-family: 'SourceSansProLight', sans-serif; font-size: 30px; color: #4189dd; padding:0; font-weight:normal; margin-bottom:4px;}
#ru .flexTxt h2 {font-family:Arial, Helvetica, sans-serif;}
.flexTxt p {font-size:12px;color:#545657; padding:0;}
.flexTxt b {position:absolute; right:0; bottom:0; display:block;font-size:14px;color:#4189dd; padding:0 16px 0 4px; height:18px; line-height:18px; font-weight:bold;border-radius:4px; cursor:pointer;background:url(../images/rotator/rotator-arrow.png) no-repeat right 5px #fff; }
.flexTxt > div > strong {position:absolute; right:0; bottom:0; display:block;font-size:14px;color:#4189dd; padding:0 16px 0 4px; height:18px; line-height:18px; font-weight:bold;border-radius:4px; cursor:pointer;background:url(../images/rotator/rotator-arrow.png) no-repeat right 5px #fff; }

.flexTxt .vortex {position:absolute;top:80px; left:490px; width:380px;}
.flexTxt .vortex p {color:#fff;margin:0 0 30px 0;}
.flexTxt .nda, .flexTxt .bod, .flexTxt .udk, .flexTxt .affidabilita {position:absolute;top:40px; padding: 20px 10px 0 30px; width:395px; height:260px; background-color:rgba(255,255,255,0.75);background:url(../images/rotator/rotator-box-bg.png) repeat ;}
.flexTxt .nda b, .flexTxt .bod b, .flexTxt .udk b, .flexTxt .affidabilita b, .flexTxt .nda > strong {right:10px;bottom:10px;}
.flexTxt .videoTxt {position:absolute;top:40px; padding: 20px 10px 0 30px; width:260px; height:270px;}
.flexTxt .videoTxt p {color:#fff;}
.flexTxt .videoContainer {position: absolute; top:0px; right:0;}

.flexTxt .soluzioni {position:absolute;top:40px; padding: 20px 10px 0 70px; width:385px;}
.flexTxt .soluzioni h1 {color:#fff;}
.flexTxt .soluzioni h2 {color:#fff;}
.flexTxt .soluzioni p {color:#fff;margin:0 0 30px 0;}

#ru .flexTxt .udk {height:270px;}