#globalContainer.sw_viewBlog{background: url(/partners/teamviewer/statics/img/bgPageOp.png)  repeat-y;}
@media screen and (min-width:1500px) {
    #globalContainer.sw_viewBlog{background:#fff;}
    #pageContainer{background: url(/partners/teamviewer/statics/img/bgPageOp.png) repeat-y;}
}
.articleContent .abstract , .articleContent .date{display:none;}
#articleFullPage  .articleTitle{display:none;}
.intro{background-color:#0a357e;padding:20px;color:#fff;margin-bottom:30px;background: url(/partners/teamviewer/components/teletravail/img/introBG.jpg);background-size: cover;}
.intro h1{margin:0px 0px 10px 0px;color:#fff;font-size:2em; font-family: 'roboto black';}
.intro h2{margin:0px 0px 20px 0px;color:#fff;text-transform: uppercase;text-align: center;font-size:1.7em;font-family: 'roboto black';
    -webkit-text-stroke: 1px #fff;color:transparent;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .intro h2{color:#fff;  }
}
@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    .intro h2{color:#fff;  }
}
.intro p{color:#eee;}
p.animated strong{font-size:1.1em;font-family: 'roboto black';}


.multibars{width:100%;margin-top:30px;}
.multibars .item {margin-top:15px;}
.multibars .item .text{width:30%;float:left;margin-right:2%;font-size:1em;
    display: flex;align-items: center;height:40px;}
#transformationAllows.multibars .item .text{display:none;}
.multibars .item .barContainer{float:left;width:68%;}
#transformationAllows.multibars .item .barContainer{width:100%;}

.multibars .item .bar{width:70px;background-color:#002954;height:44px;color:#fff;padding:4px 5px 2px 5px;text-align: left;font-size:1.5em;font-weight:400;border-radius: 0px 15px 15px 0px;clear: both;float:left;
    -webkit-text-stroke: 1px #fff;font-family: 'roboto black';
    color: transparent;box-sizing: border-box;
}
#transformationAllows.multibars .item .bar{}
.multibars .item .bar .normal{font-size:16px;font-family: 'roboto';-webkit-text-stroke: 0px #fff;
    font-weight: 100;color:#fff;line-height:15px;margin-left:10px;
    display: inline-flex;align-items: center;flex-direction: row;height: 100%;justify-content: center;display:none;
}
#transformationAllows.multibars .item .bar .picto{float:right;}
#ccontainer80 .bar{background-color:#5db1bc;}
#ccontainer76 .bar{background-color:#4d95b2;}
#ccontainer76b .bar{background-color:#5386c1;}
#ccontainer75 .bar{background-color:#3b6aae;}


.bar .picto{display:none;margin-top:-7px;width:44px;height:44px;;display:block;float:right; overflow-y: hidden;margin-right:5px;background-repeat: no-repeat;background-position: 0px 0px;}
.bar .picto_80{background-image: url(/partners/teamviewer/components/transformationlogistique/img/1.png)}
.bar .picto_76{background-image: url(/partners/teamviewer/components/transformationlogistique/img/2.png)}
.bar .picto_76b{background-image: url(/partners/teamviewer/components/transformationlogistique/img/3.png)}
.bar .picto_75{background-image: url(/partners/teamviewer/components/transformationlogistique/img/4.png)}


#wearablebars, #cyberbars{background: url(/partners/teamviewer/components/transformationlogistique/img/BGGraph.jpg);background-repeat: no-repeat;background-size: cover;margin:0px;height:450px;overflow:hidden;}
#wearablebars .barContainer , #cyberbars .barContainer{width:100%;border-top:1px solid #fff;}
#wearablebars .barContainer .addDiv, #cyberbars .barContainer .addDiv{background-color:#fff;height:100%;display:block;float:right;height:44px !important;}
.addDiv .normal{display:none;    height: 100%;justify-content: center;margin-left:10px;margin-top: 10px;}
.addDiv .normal.lowres{display:none !important;}
#wearablebars .barContainer .bar.highlighted, #cyberbars .barContainer .bar.highlighted{background-color:#28558f !important;}
#wearablebars.multibars .item, #cyberbars.multibars .item{margin-top:0px;height: 45px !important;
    overflow: hidden;}
#cyberbars.multibars .item .bar,#wearablebars.multibars .item .bar{border-radius: 0px;background:transparent;text-align: right;}
#cyberbars.multibars .item .bar .normal{float:left;}
#wearablebars.multibars .item .bar .normal{float:left;}
.header{height:100px;background-color: #fff;}
.header .icon{height:100px;width:100px;float:left;}
.header .icon img{width:59px;height:50px;margin-top:25px;margin-left:20px;}
.header .title{color:#3b6aae;height:100px;display: flex;align-items: center;float:left;font-size:0.8em !important;text-transform: uppercase;font-family: 'roboto black';}


h2.intertitre{color:#37afbf !important;text-transform: uppercase;font-size:1.3em !important;font-family: 'roboto black';}





#animatedInfography1_cyber_wearables{width:100%;margin-bottom:20px;}
#animatedInfography1_wearable{width:49%;float:left;margin-left:2%;}
#animatedInfography1_cyber{width:49%;float:left;}

#animatedInfography2_0{margin-top:30px;}
.trikey{padding:5px;color:#fff;float:left;}
.trikey .text{color:#fff;font-size:0.8em;}
#trikey_0{background-color:#28558f;width:50%;height:200px;}
#trikey_1{background-color:#22a1a5;width:50%;border-left:3px solid #fff;height:100px;}
#trikey_2{background-color:#218299;width:50%;border-left:3px  solid #fff;border-top:3px solid #fff;height:100px;}
#trikey_1 .text, #trikey_2 .text{width:50%;}
.trikey .key{display: flex;
    -webkit-text-stroke: 1px #fff;
    font-family: 'roboto black';
    color:transparent !important;background: transparent !important;
    font-size:40px;position:absolute;line-height: 40px;
    width:90px;height:40px;margin:0px !important;padding: 0px !important;
}
#trikey_0 .key{bottom:10px;left:-100px;transform: rotate(-90Deg);}
#trikey_1 .key{bottom:35px;right:-100px;transform: rotate(90Deg);}
#trikey_2 .key{bottom:35px;right:-100px;transform: rotate(90Deg);}

#engagementContainer{width:100%;padding-top:30%;position:relative;}
#engagementContainer #engagementGraph{position:absolute;width:25% !important;height:100% !important;top:10px;left:0px;left:38%;}
#engagementContainer #label1{position:absolute;width:38% !important;height:100% !important;top:0px;left:0px;left:0%;text-align: center;}
#engagementContainer #label1 .keyLegende{font-family: 'roboto black';display:inline;font-size:2em;color:#51a0ae;}
#engagementContainer #label2 .keyLegende{font-family: 'roboto black';display:inline;font-size:2em;color:#386fa5;}
#engagementContainer #label2{position:absolute;width:37% !important;height:100% !important;top:0px;left:0px;left:63%;text-align: center;}


#smartGlasses{width:100%;margin-top:20px;height:200px;}
#smartGlasses .sub{font-size:14px;position:absolute;}
#smartGlasses #graph{width:258px;height:200px;left:50%;margin-left:-225px;}
#smartGlasses #graph img{position:absolute;top:0px;left:0px;width:1°°%;height:100%;}
#smartGlasses #graph #masquage{transform: rotate(0);left:0px;}
#smartGlasses #graph #picto{right:0px;bottom:0px;top:auto;width:114px;height:86px;left:auto;display:none;}
#smartGlasses #label2{width:150px;text-align: center;top:25px;right:130px;}
#smartGlasses #countries{width:100px;bottom:5px;left:-40px;position:absolute;}
#smartGlasses #countries .country{font-size:14px;line-height: 14px;margin-bottom:2px;}
#smartGlasses #labels{width:100px;top:30px;right:-45px;position:absolute;display:none;}
#smartGlasses #labels .label{font-family: 'roboto black';font-size:18px;line-height: 14px;margin-bottom:5px;color:#386fa5;}
#smartGlasses #labels .label23{-webkit-text-stroke: 1px #386fa5;color:transparent;font-size:23px;}
#smartGlasses #labels .label20{margin-left:-30px;}
#smartGlasses #labels .label18{margin-left:-40px;}
#smartGlasses #labels .label15{margin-left:-50px;}

div.animatedKeyContainer {margin-bottom: 20px;height:100px;width:100%;padding-left:160px;}
div.animatedkey{width:160px;float:left;font-weight: 700;height:100px;display: flex;align-items: center;overflow:hidden;float:left;margin-left:-160px;}
div.animatedKeyContainer .text{margin-left:2%;float:left;height:100px;display: flex;align-items: center;color:#6b829b;}
div.animatedKeyContainer .animatedkey{display:flex;align-items: center;justify-content: center;height:100px;width:160px;}
div.animatedKeyContainer .animatedkey span.odometer, div.animatedKeyContainer .animatedkey span.per{font-family: 'roboto black';display:inline;font-size:3em }
div.animatedKeyContainer  #item_83 span{color:#6b829b;}

.odometer *{font-size:1em;font-family: 'roboto black';color:#6b829b;}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align: auto;position: relative;}
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {display: inline;}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align: auto;position: relative;}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {*display: inline;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {display: -moz-inline-box;-moz-box-orient: vertical;display: inline-block;vertical-align: middle;*vertical-align: auto;visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {*display: inline;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {text-align: left;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {display: block;}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {display: block;-webkit-backface-visibility: hidden;}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {display: block;-webkit-transform: translateZ(0);}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {position: absolute;}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {-webkit-transition: -webkit-transform 2s;-moz-transition: -moz-transform 2s;-ms-transition: -ms-transform 2s;-o-transition: -o-transform 2s;transition: transform 2s;}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
@media screen and (max-width:1200px) {
    .addDiv .normal.lowres {
        display: inline-block !important;
    }
    #wcontainer30 .bar .normal {
        display: none !important;
    }
}
@media screen and (max-width:1100px) {
    #smartGlasses #label2{right:15%;}
}
@media screen and (max-width:768px) {
    #animatedInfography1_wearable{width:70%;float:left;margin-left:15%;margin-right:10%;}
    #animatedInfography1_cyber{width:70%;float:left;margin-left:15%;margin-right:10%;}
    #smartGlasses #label2{right:20%;}
}

@media screen and (max-width:630px) {
    #transformationAllows .bar .normal{font-size:13px;width:200px;line-height: 14px;text-align:left;display:inline-block !important;margin-top:4px;}
    #smartGlasses #graph {
        left: 20px;
        margin-left: 0px;
    }
    #smartGlasses #label2{right:15%;}
    #smartGlasses #countries {
        left: -13px;}
}


@media screen and (max-width:530px) {
    #transformationAllows .bar .normal{display:none;}
    #smartGlasses #label2{right:5%;}
}

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

    #animatedInfography1_wearable{width:100%;float:left;margin-left:0%;margin-right:0%;}
    #animatedInfography1_cyber{width:100%;float:left;margin-left:0%;margin-right:0%;}


    div.animatedKeyContainer .animatedkey {
        display:flex;
        align-items: center;
        justify-content: center;
        height: 120px;
        width: 120px;
        margin-left:-120px;
    }
    div.animatedKeyContainer {
        height: 120px;
        padding-left: 120px;
    }
    div.animatedKeyContainer .text {
        height: 120px; font-size: 0.8em; }

    #trikey_1 .text, #trikey_2 .text {width: 70%;}
    #trikey_1 .key, #trikey_2 .key {
        bottom: 10px;}



}

@media screen and (max-width:475px) {
    #smartGlasses #label2{right:0px;font-size: 11px;width:130px;text-align: right;}
    #smartGlasses #countries .country {font-size: 11px;}
    #smartGlasses #countries {left: -3px;}
    #smartGlasses #graph {left: 5px;}
}
@media screen and (max-width:400px) {
    #smartGlasses #label2{top:60px;}
}

@media screen and (max-width:375px) {
    #transformationAllows .bar .normal{width:165px;font-size:11px;margin-left:5px;}
}