@font-face {
    font-family: "cellfusion";
    src: url('../font/cellfusion/euexcf-webfont.eot');
    src: url('../font/cellfusion/euexcf-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/cellfusion/euexcf-webfont.woff2') format('woff2'),
        url('../font/cellfusion/euexcf-webfont.woff') format('woff'),
        url('../font/cellfusion/euexcf-webfont.ttf') format('truetype'),
        url('../font/cellfusion/euexcf-webfont.svg#eurostile_cellfusionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {

    font-family: "standar";
    src: url('../font/standar/HelveticaNeueLTStd-Roman_gdi.eot');
    src: url('../font/standar/HelveticaNeueLTStd-Roman_gdi.eot?#iefix') format('embedded-opentype'),
        url('../font/standar/HelveticaNeueLTStd-Roman_gdi.woff2') format('woff2'),
        url('../font/standar/HelveticaNeueLTStd-Roman_gdi.woff') format('woff'),
        url('../font/standar/HelveticaNeueLTStd-Roman_gdi.ttf') format('truetype'),
        url('../font/standar/HelveticaNeueLTStd-Roman_gdi.svg#eurostile_cellfusionregular') format('svg');
}


html {
    font-family: "standar", Calibri, Trebuchet, sans-serif;
}

body {
    /* background-image: url(../images/backgrounds/349851.jpg); */
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:#464646;    
    display: flex; 
    flex-direction: column; 
    min-height: 100vh;
    overflow-x:hidden !important;
}

body ,main{
    opacity: 0;
    -webkit-transition: opacity 1s ease-in;
    -moz-transition: opacity 1s ease-in;
    -o-transition: opacity 1s ease-in;
    -ms-transition: opacity 1s ease-in;
    transition: opacity 1s ease-in;
}

body.body-visible ,main.body-visible {
    opacity: 1;
    overflow: visible;
}

main {          /* IE 10 */
    flex: 1 0 auto; 
    min-height: 50vh;   
    overflow: hidden;
}

header{
    min-height: 12vh;
    background: black;
}
footer{
    height: 5vh;

}

.black-transparent {
    background-color: rgba(0, 0, 0, .8) !important;
}

.slide.ng-hide-add,
.slide.ng-hide-remove,
.bullet-long-text .bulletLongText.ng-hide,
.bullet-long-text .bulletLongText.ng-show
{
    /*-webkit-transition: all linear 0.2s;
     -moz-transition: all linear 0.2s;
     -o-transition: all linear 0.2s;
     transition: all linear 0.2s;
     display: block!important;*/
}

.slide.ng-hide-add.ng-hide-add-active,
.slide.ng-hide-remove,
.bullet-long-text .bulletLongText.ng-hide
{
    opacity: 0;
}
.slide.ng-hide-add,
.slide.ng-hide-remove.ng-hide-remove-active,
.bullet-long-text .bulletLongText.ng-show
{
    opacity: 1;
}

.slider {
    position: relative;
    min-height: 100px;
    height: auto;
    padding: 0px !important;
    margin: 0px !important;
}

.slider ul:after {
    content: '';
    display: table;
    clear: both;
}

.slider li {
    top: 0; 
    left: 0; 
    height: 100%;
    padding: 0px !important;

    line-height: 17px;
    letter-spacing: 0px;
    font-size: .9em;
}

.bullet {
    text-align: left;
    margin-top: 12px;
    cursor: pointer;
}



#img-bullet{
    background-repeat: no-repeat;      
    /* background-attachment: fixed; */      
    background-position: left;
    padding: 16px 0px 0px 30px;
    /* width: 100%; */
    background-size: 85% ;
   /* background-image: url("../images/default/okbullet30x30.png");*/
    background-image: url("../images/default/CheckMarkGN.png"); 
}

.blue-section * bulletpoint  #img-bullet
{
         background-image: url("../images/default/CheckMarkWE.png") !important; 

}

span.col.rangeBackground {
    padding: 0 !important;
    color: #c4c0c5 !important;
    font-weight: bolder;
}

input[type=range] {
    border: none !important;
}

.container-flu {
    max-width: 90% !important;
    margin-left: 5% !important;
  }

.table-bullets{
    height: 100%;
}

.td-bullets{
    vertical-align:middle;
    height: 55px;
}

.bullet-long-text span {
    position: absolute;
    top: 0;
}

.arrows .slider-page-numbers {
    padding: 0;
    font-size: .8em;
}

.arrows .slider-page-numbers {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(4px, 1vw, 12px);
    white-space: nowrap;
}

.arrows .slider-page-numbers > span {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto;
}

.arrows .row {
    margin-bottom: 0;
}

.popup-bullets{
    position: absolute;
    top: 0;
    height: 100%;
    width: 33%;
    left: 33%;
    background-color: rgba(0, 0, 0, .9);
    z-index: 9;
    padding: 10px;
    margin: 10px;
    line-height: 1.3;
    font-size: .9em;
}

.option-background{
    background: -webkit-gradient(linear, right center,left center, from(rgba(0, 0, 0, .4)),color-stop(100%, rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(right,rgba(0, 0, 0, .4) ,rgba(0, 0, 0, 0.4) 100%);
    background: -o-linear-gradient(right,rgba(0, 0, 0, 4) ,rgba(0, 0, 0, 0.4) 100%);

    background: linear-gradient(to left,rgba(0, 0, 0, .4) ,rgba(0, 0, 0, .4) 100%);
    background: -moz-linear-gradient(to left,rgba(0, 0, 0, .4) ,rgba(0, 0, 0, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000, endColorstr=#F2000000, GradientType=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A5000000', endColorstr='#F2000000', GradientType=1)";

    height: 100%;
}

p.titulo.col.s6{
    padding: 0 !important;
}

/* Materialize overwrite */

/* Some fixes for smaller screen size devices  */
@media screen and (max-width: 1500px) {

    .arrows .slider-page-numbers {

        font-size: .7em;
    }
    header{
        min-height: 10vh;
    }
}

@media screen and (max-width: 1200px) {

    header{
        min-height: 10vh;
    }
}

@media screen and (max-width: 1300px) {

    .arrows .slider-page-numbers {

        font-size: .6em;
    }
    
}

@media screen and (max-width: 1080px) {
    header{
        min-height: 9vh;
    }

}

@media screen and (max-width: 900px) {
    .row .col {
        /* padding: 0 !important; */
    }
    .row .col img{
        padding: 0 0.75rem !important;
    }
    .container {
        width: 95%;
    }

}

@media screen and (max-width: 400px) {
    .subHeader nav .nav-wrapper ul  li a{
        font-size: 0.7em;
        margin-left: -4px;
        width: 80px;
    }
}

.oculto{
    display: none;
}

#forget{
    cursor: pointer;
}

.bullet-active,.bullet:hover ,.bullet.active{
    color:greenyellow;
}

.textSlider:after {
    content: "";
    display: inline-flex;
    width: 100%;
}

.bar{
    margin: 0px !important;
}

.bar-option{
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(65, 65, 65, 0.65)),color-stop(100%, rgba(65, 65, 65, 0.95)));
    background: -webkit-linear-gradient(top,rgba(65, 65, 65, 0.65) ,rgba(65, 65, 65, 0.95) 100%);
    background: -o-linear-gradient(top,rgba(65, 65, 65, 0.65) ,rgba(65, 65, 65, 0.95) 100%);
    background: linear-gradient(to bottom,rgba(65, 65, 65, 0.85) ,rgba(65, 65, 65, 0.95) 100%);
    background: -moz-linear-gradient(to bottom,rgba(65, 65, 65, 0.65) ,rgba(65, 65, 65, 0.95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5414141, endColorstr=#F2414141, GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#A5414141', endColorstr='#F2414141', GradientType=0)";
    padding: 0px !important;    
    font-family: cellfusion;
}
.bar-option *{
    padding: 0px !important;
    margin: 0px;
    color: #C7C7C7;
}
.option{
    padding: .1%  !important;
    height: 30px;
}

.audio-Button{
    cursor: pointer;
}


.text-boxs{
    background: rgba(0, 0, 0, 0.8);
    color:#C7C7C7;
    font-family: standar;
}


.p-mode{
    visibility: hidden;
}

.p-mode-v{
    visibility: visible;
}

.option *{
    cursor: default;
}

.option a img{
    cursor: pointer !important;
}

.audio-Button img{
    cursor: pointer !important;
}

.link{
    display: flex;
    cursor: pointer;

}
#holder {
    position: absolute;
    z-index: 1;
}

rect {
    stroke:none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .picker__frame{
    left:40%;
    }

    .dateLabel{
        position: absolute !important;
        top: -.10rem !important;
        font-size: .8em !important;

    }
}

blockquote{
    border-left: none !important;
}
    
.audio-inactive{
    background:url("../../resources/images/default/audioButton.png") no-repeat;
}

.audio-active{
    background:url("../../resources/images/default/audioButton2.png") no-repeat;
}

.audio-inactive,.audio-active{
    height: 24px;
    width: 30px;
    margin-left: 17px !important;
    cursor: pointer;
}

.arrow-moreinfo
{
    top:2px;
    position: relative;
    height: 18px;
    cursor: pointer;
}

.arrow-moreinfoRW{
    content:url("../../resources/images/default/ArrowRwdHx.png") ;
}

.arrow-moreinfoRW-inactive{
    content:url("../../resources/images/default/ArrowRwdTrans.png") ;
}

.arrow-moreinfoFW{
    content:url("../../resources/images/default/ArrowFwdHx.png") ;
}

.arrow-moreinfoFW-inactive{
    content:url("../../resources/images/default/ArrowFwdTrans.png") ;
}
#drop-files {
    border: 2px dashed #bbb;
    border-radius: 10px;
    text-align: center;
    color: #bbb;
    margin-bottom: 20px;
    height: 300px;
}

.popup-section{
    position: fixed;
    right: -200px !important;
    top:30%;
    width: 200px; 
    min-height: 200px;
    -webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out;
        z-index: 999999;
}

.tab-popup{
    background: #9d9d9d   !important;
    border-radius: 5px  0 0 5px ;
    height: 40px;
    width: 10%;
    float: left;
    cursor: pointer;
}

.cont-popup
{
    background: #9d9d9d !important;
    float: right;
    width: 90%;
    height: 100%;
    border-radius: 0px  0 0 5px ;
    /*border: 1px solid white;*/
}

.section-popup{
        margin-left: 10px;
        color:white;
        cursor: pointer;
       letter-spacing: 2; 
       border-radius: 5px;
       padding: 5px;
       -webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;-ms-transition:.2s ease-out;transition:.2s ease-out;
}

.section-popup:hover{
   background: gray !important;
   
}

.hourglassCF{
        position: fixed;
    top: 50%;
    left: 50%;
}
.help-section{
    width: 301px;
    position: relative;
    right: -50px;
    margin-top: -61px;
   
    }
   .blue-section * .help-section * .text-help,.blue-section * .help-section * .intereactive-text{
    color :white !important;
    }
    
    .white-section  * .help-section * .text-help,.white-section * .help-section * .intereactive-text{
    color :rgb(133, 133, 134) !important;
    }