@charset "utf-8";
@media only screen and (max-width:600px){
.col-HT-L{width:94%;}
.col-HT-C{display:none;}
.col-HT-R{display:none;}
.col-HB-L{display:none;}
.col-HB-C{width:94%;}
.col-HB-R{display:none;}
.row{display:block;}
.col-B-L{display:none;}
.col-B-C{width:94%;}
.col-B-R{display:none;}
#globalNav ul li a{
padding:8px 0.5em 0px 0.5em;
min-width:33px;
font-size:57%;
}
#bbanner p{
font-size:120%;
}
.dashboardElementLeft, .dashboardElementRight{
width:100%;
height:130px;
font-size:85%;
line-height:1.5em;
}
}
@media only screen and (min-width:600px){
.col-HT-L{width:96%;}
.col-HT-C{display:none;}
.col-HT-R{display:none;}
.col-HB-L{display:none;}
.col-HB-C{width:96%;}
.col-HB-R{display:none;}
.col-B-L{display:none;}
.col-B-C{width:96%;}
.col-B-R{width:96%;}
#globalNav ul li a{
padding:7px 0.7em 0px 0.7em;
min-width:50px;
font-size:75%;
}
#bbanner p{
font-size:160%;
}
.dashboardElementLeft, .dashboardElementRight{
width:100%;
height:120px;
font-size:90%;
line-height:1.5em;
}
#sideBar{
font-size:0.9em;
line-height:1.8em;
}
}
@media only screen and (min-width:768px){
.col-HT-L{width:24%;}
.col-HT-C{display:none;}
.col-HT-R{width:71%;display:block;}
.col-HB-L{display:none;}
.col-HB-C{width:96%;}
.col-HB-R{display:none;}
.col-B-L{display:none;}
.col-B-C{width:96%;}
.col-B-R{width:96%;}
.dashboardElementLeft, .dashboardElementRight{
width:48.5%;
height:150px;
}
}
@media only screen and (min-width:1024px){
.col-HT-L{width:24%;}
.col-HT-C{width:46%;display:block;}
.col-HT-R{width:25%;display:block;}
.col-HB-L{width:10%;display:block;}
.col-HB-C{width:60%;}
.col-HB-R{width:25%;display:block;}
/* Use display:flex; here if equal height adjacent columns required */
.row{display:block;}
.col-B-L{width:10%;display:none;}
.col-B-C{width:70%;}
.col-B-R{width:25%;}
.col-B-R-bg{background-color:#f9f9f9;}
#globalNav ul li a{
padding:5px 1em 0px 1em;
min-width:80px;
font-size:100%;
}
.dashboardElementLeft, .dashboardElementRight{
width:48.5%;
height:170px;
}
#sideBar{
font-size:0.8em;
line-height:1.75em;
}
}
@media only screen and (min-width:1280px){
.dashboardElementLeft, .dashboardElementRight{
width:48.5%;
height:180px;
font-size:100%;
line-height:1.8em;
}
#sideBar{
font-size:0.9em;
line-height:1.8em;
}
}
[class^="col-H"]{
float:left;
padding:0px 0px 0px 15px;
border:none;
margin:0px;
}
.col-HB-R{
padding:0px 0px 0px 8px;
}
[class^="col-B"]{
float:left;
padding:0px 10px 10px 15px;
border:none;
margin:10px 0px 0px 0px;
}
.row{
width:100%;
height:auto;
padding:0px;
border:none;
margin:0px;
}
.row::after{
content:"";
clear:both;
display:table;
}
body{
font-family:'Open Sans', sans-serif;
font-optical-sizing:auto;
font-size:16px;
font-size-adjust:0.52;
font-weight:500;
font-style:normal;
font-variation-settings:"wdth" 100;
color:#333;
position:inherit;
height:auto;
padding:0px;
border:none;
margin:0px;
background-image:url(resources/body-bg-head.png);
background-repeat:repeat-x;
background-color:#FFF;
background-position:top;
/*background-image:url(resources/lin-bg.png);
background-repeat:repeat;*/
}
#inbody{
clear:both;
max-width:1280px;
height:auto;
min-height:500px;
background-color:#FFF;
padding:0px;
border:none;
margin:0px auto;
/*background-image:url(resources/left-col-background-color.png);
background-repeat:repeat-y;*/
}
a, a:link, a:visited{
color:#3D4FA1;
text-decoration:none;
}
a:hover{
color:#3D4FA1;
text-decoration:none;
}
h1, h2, h3, h4, h5 {
font-family:'Montserrat', sans-serif;
font-optical-sizing:auto;
font-weight:700;
font-style:normal;
margin:0px;
padding:0px;
}
h1{
color:#555;
font-size:32px;
font-variant:small-caps;
line-height:32px;
}
h2, h3{
color:#555;
}
h4, h5{
font-size:100%;
font-weight:normal;
color:#444;
}
ul{
list-style-type:square;
}
ul ul{
list-style-type:disc;
}
ul ul ul{
list-style-type:none;
}
label{
font-weight:normal;
}
/* Layout Divs */
#mastHeader{
padding:0px;
margin:0px;
border-bottom:none;
}
#navBar{
font-size:0.7em;
}
#sideBar{
padding-left:10px;
/*Use @media:
font-size:0.75em;
line-height:1.75em;*/
}
#content{
font-size:1em;
line-height:1.8em;
}
#content li{
padding:0px 0px 16px 16px;
}
#content ul{
padding:0px;
clear:left;
margin:16px 0px 0px 0px;
list-style-image:url(resources/big-square.gif);
list-style-position:inside;
}
#content li li{
padding:5px 0px 3px 0px;
}
#content ul ul{
font-size:95%;
padding:0px 0px 0px 22px;
clear:left;
margin:0px;
list-style-image:url(resources/square.gif);
list-style-position:inside;
}
/* #globalNav styles */
#globalNav{
padding:0px;
margin:0px;
border:none;
height:35px;
background-color:#d6d6d6;
}
#globalNav ul{
padding:0px;
margin:0px 0px 0px 18px;
border:0px;
width:100%;
height:100%;
float:left;
list-style:none;
position:relative;
z-index:1000;
}
#globalNav ul li{
position:relative;
display:block;
float:left;
height:30px;
padding:0px;
margin:0px;
border:0px 0px 5px 0px;
background-color:#d6d6d6;
}
#globalNav ul li a{
display:block;
float:left;
margin:0px;
border:none;
color:#444;
/*Use @media:
padding:5px 1em;
min-width:80px;
font-size:80%;*/
font-weight:500;
letter-spacing:0.6px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
height:100%;
}
#globalNav ul li ul{
position:absolute;
top:35px;
left:-1px;
float:left;
visibility:hidden;
width:320px;
height:auto;
padding:0px;
margin:0px;
background-color:#f0f0f0;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-moz-box-shadow:1px 4px 4px #666;
-webkit-box-shadow:1px 4px 4px #666;
box-shadow:1px 4px 4px #666;
}
#globalNav ul li ul li{
display:block;
float:left;
width:100%;
height:auto;
padding:0px;
margin:0px;
background-color:#f0f0f0;
border:0px;
-moz-border-radius:0;
border-radius:0;
}
#globalNav ul li ul li a{
display:block;
float:left;
color:#444;
font-size:100%;
font-weight:inherit;
letter-spacing:normal;
text-transform:none;
padding:5px 5px 5px 10px;
margin:0px;
border:none;
width:auto;
height:32px;
line-height:32px;
text-align:left;
width:305px;
}
/* CSS3
#globalNav ul li > a::after{
content:' ▼';
}
#globalNav ul li > a:only-child::after{
content:'';
}
*/
#globalNav ul li.hasmenu > a::after{
/*content:' ▼';*/
/*content:' \22EE';*/ /*vertical ellipsis*/
/*content:' \2263';*/ /*strict equivalent*/
color:#d08003;
font-weight:bold;
font-size:smaller;
/*content:' ☰';*/    /*trigram heaven (2630)*/
content:' ≡';        /*equivalent (2261)*/
}
#globalNav ul li.active{
background-color:#d6d6d6;
border-bottom:5px solid #d68003;
}
#globalNav ul li.active a{
font-weight:bold;
}
#globalNav ul li.active ul li a{
color:#444;
}
#globalNav ul li:hover{
background-color:#f0f0f0;
border-bottom:6px solid #f0f0f0;
}
#globalNav ul li:hover a{
color:#d68003;
font-weight:bold;
}
#globalNav ul li:hover ul{
visibility:visible;
}
#globalNav ul li:hover ul li:hover{
border-bottom:0px;
}
#globalNav ul li:hover ul li a{
color:#444;
}
#globalNav ul li ul li a:hover{
background-color:#d68003;
color:#fff;
}
/* #contentCategory styles */
#contentCategory{
margin:0px;
padding-top:25px;
padding-bottom:16px;
padding-left:10px;
border:none;
border-bottom:0px solid #ccc;
}
/* #mHeader styles */
#mHeader{
border:none;
background-color:#F0F0F0;
border-top:0px solid #F0F0F0;
font-size:60%;
height:88px;
margin-top:0px;
z-index:0;
}
/* .feature styles */
.feature{
padding:0px;
width:100%;
float:left;
clear:both;
}
.feature h3{
padding:20px 0px 5px 0px;
text-align:left;
font-size:20px;
font-weight:750;
}
.feature p{
text-align:justify;
}
/* #siteInfo styles */
#siteInfo{
clear:both;
width:100%;
float:left;
font-size:0.65em;
line-height:1.65em;
color:#E8811E;
padding:10px 0px;
text-align:center;
background-color:#F9F9F9;
margin-top:20px;
border-top:0px solid #E3E3E3;
}
#siteInfo img{
padding:4px 4px 4px 10px;
vertical-align:middle;
}
#siteInfo p{
padding:0px 10px;
}
#siteInfoNotice{
font-size:smaller;
color:#999;
}
/* #search styles */
#search{
padding:6px 0px 20px 10px;
border-top:1px solid #F0F0F0;
}
#search form{
margin:0px;
padding:0px;
}
#search label{
display:block;
margin:0px;
padding:0px 0px 0px 2px;
}
/* #navBar link styles */
#navBar ul a:link, #navBar ul a:visited{
}
#navBar ul{
list-style:none;
margin:0px;
padding:0px;
border:none;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li{
margin:0px;
padding:0px;
}
/* fix for browsers that don't need the hack */
html>body #navBar li{
margin:0px;
padding:0px;
}
/* #sectionLinks styles */
#sectionLinks{
margin:0px;
padding:0px;
border:none;
position:fixed;
}
#sectionLinks h3{
padding:10px 0px 2px 10px;
}
#sectionLinks a{
display:block;
padding:6px 10px 6px 10px;
margin:0px;
border:none;
font-variant:all-small-caps;
}
#sectionLinks a:hover{
background-color:#d68003;
color:#fff;
text-decoration:none;
}
/* .relatedLinks styles */
.relatedLinks{
position:relative;
margin:0px;
padding:0px 0px 10px 10px;
font-size:90%;
border-top:1px solid #ccc;
}
.relatedLinks h3{
padding:10px 0px 2px 0px;
}
.relatedLinks a:link,
.relatedLinks a:visited{
display:block;
padding:2px 0px 2px 0px;
font-size:80%;
}
/* #advert styles */
#advert{
padding:10px 0px 10px;
}
#advert img{
display:block;
}
/* #sideBar styles */
#sideBar h3{
padding:20px 0px 5px 0px;
}
#sideBar p{
}
#sideBar li{
padding:0px 0px 16px 4px;
}
#sideBar ul{
padding:0px;
margin:15px 0px 0px 0px;
list-style-image:url(resources/checkmark-blue.svg);
list-style-position:inside;
}
#sideBar table ul{
margin-top:-5px;
}
#sideBar table p{
padding-bottom:5px;
}
/* More styles */
#siteHeader{
height:72px;
margin:0px;
background-color:#2A2D59;
border:none;
padding:0px;
font-size:0.7em;
color:#ddd;
}
#siteHeader a{
font-size:1.1em;
color:#ddd;
}
#bcLeftPic{
background-image:url(resources/tech-solutions-button.png);
background-repeat:no-repeat;
width:97px;
height:88px;
margin-left:8px;
}
#bcOverlayedPic{
background-image:url(resources/bc-aaaa-notext-88.png);
width:268px;
height:88px;
}
#bcOverlayedPicFr{
background-image:url(resources/bc-aaaa-notext-88.png);
width:268px;
height:88px;
}
#bcOverlay{
padding-top:55px;
padding-left:60px;
}
#bcOverlay a{
color:#3D4FA1;
}
#mHeader ul{
color:#3D4FA1;
font-weight:normal;
margin-top:4px;
margin-bottom:1px;
margin-left:0px;
list-style-type:none;
margin-right:10px;
list-style-position:inside;
}
#submit{
font-weight:bold;
color:#3D4FA1;
}
#clear{
font-weight:bold;
color:#3D4FA1;
}
#contentNavLinkLeft{
font-size:90%;
text-align:left;
float:left;
width:40%;
}
#contentNavLinkRight{
font-size:90%;
text-align:right;
float:right;
width:40%;
}
.imgfloatleft{
float:left;
margin:10px 10px 10px 0px;
}
.imgfloatright{
float:right;
margin:0px 0px 10px 10px;
}
.dashboard{
width:100%;
float:left;
clear:both;
margin:0px;
padding:10px 0px;
border:none;
}
.dashboardElementLeft:hover, .dashboardElementRight:hover, .dashboardElementRow:hover, .dashboardElementBlock:hover{
background-color:#f0f0f0;
}
.dashboardElementLeft, .dashboardElementRight{
/*Use @media:
width:48%;
height:150px;
font-size:85%;
line-height:1.5em;*/
padding:0px 2px;
margin:0px 0px 15px 0px;
overflow:auto;
background-color:#f6f6f6;
/*background:-webkit-linear-gradient(top, #f0f0f0, #fff);
background:-moz-linear-gradient(top, #f0f0f0, #fff);
background:-ms-linear-gradient(top, #f0f0f0, #fff);
background:-o-linear-gradient(top, #f0f0f0, #fff);*/
/*border:1px solid #f3f3f3;*/
border-radius:10px;
}
.dashboardElementLeft h3, .dashboardElementRight h3{
font-size:120%;
}
.dashboardElementLeft{
float:left;
clear:left;
}
.dashboardElementRight{
float:right;
clear:right;
}
.dashboardElementRow{
float:left;
clear:both;
width:100%;
min-height:120px;
padding:0px 2px 12px 2px;
margin:0px 0px 15px 0px;
background-color:#f6f6f6;
/*border:1px solid #f3f3f3;*/
border-radius:16px;
}
.dashboardElementRow h3{
font-size:120%;
}
.dashboardElementBlock{
float:left;
clear:both;
width:100%;
padding:0px 2px 12px 2px;
margin:0px 0px 15px 0px;
background-color:#f6f6f6;
/*border:1px solid #f3f3f3;*/
border-radius:16px;
}
.dashboardElementBlock h3{
font-size:140%;
}
.dashboard img{
float:left;
margin:5px 10px 0px 0px;
}
.dashboard h3{
margin:8px 0px;
}
.dashboardElementBlock img{
float:right;
margin:10px 0px;
}
.TopAdStyle{
color:#FFF;
line-height:1.5em;
letter-spacing:1px;
padding:8px 0px;
}
#content .table-list{
width:100%;
font-size:0.8em;
}
#content .table-list ul{
list-style-image:none;
list-style-position:inside;
}
.imgContainer{
width:100%;
text-align:center;
padding:20px 0px;
}
.imgContainer img{
max-width:100%;
height:auto;
}
#bbanner{
border:none;
padding:0px;
margin:0px;
height:88px;
width:100%;
overflow:hidden;
}
#bbanner table{
border:none;
padding:0px;
margin:0px;
width:100%;
}
#bbanner table tr{
border:none;
padding:0px;
margin:0px;
}
#bbanner table tr td{
border:none;
padding:0px;
margin:0px;
height:88px;
width:100%;
vertical-align:middle;
text-align:left;
}
#bbanner h2{
color:#D68003;
font-size:200%;
font-variant:normal;
font-weight:bold;
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);
margin-top:2px;
}
#bbanner p{
color:#666;
/*Use @media:
font-size:160%;*/
font-variant:normal;
font-weight:bold;
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);
margin-top:2px;
}
#clogos{
border:none;
padding:0px;
margin:5px 0px;
height:50px;
width:258px;
overflow:hidden;
}
#clogos img{
float:left;
}
.adpage{
max-width:575px;
height:auto;
background-color:#fff;
background-image:url(resources/page_flip_tr_575.png);
background-position:top center;
background-repeat:no-repeat;
background-size:contain;
border:none;
}
.adpagecontent{
width:96%;
margin:0px auto;
padding:50px 0px 0px 0px;
border:none;
line-height:2em;
text-align:center;
}
.adpagecontent h3{
color:#D68003;
font-size:160%;
font-weight:800;
font-variant:normal;
letter-spacing:0px;
padding-left:49px;
padding-right:56px;
border:none;
}
.adpagecontent h4{
color:#669;
font-size:110%;
font-weight:700;
margin-top:20px;
padding:0px 24px;
border-left:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
}
.adpagecontent div{
background-color:#F9F9F9;
border-left:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
border-bottom:1px solid #DDD;
padding:24px 0px 48px 0px;
min-height:175px;
}
.adpagecontent a, a.call2action{
display:block;
width:35%;
margin-left:auto;
margin-right:auto;
text-align:center;
color:#444;
font-size:120%;
font-variant:small-caps;
font-weight:bold;
padding:5px 0px;
background:#E8811E;/*Old Browsers*/
background:-webkit-linear-gradient(#FFA84C,#E8811E);/*Safari 5.1-6.0*/
background:-o-linear-gradient(#FFA84C,#E8811E);/*Opera 11.1-12.0*/
background:-moz-linear-gradient(#FFA84C,#E8811E);/*Firefox 3.6-15*/
background:linear-gradient(#FFA84C,#E8811E);/*Standard*/
border:1px solid #888;
text-decoration:none;
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.2);
-moz-box-shadow:0 0 2px 2px #DDD;
-webkit-box-shadow:0 0 2px 2px #DDD;
box-shadow:0 0 2px 2px #DDD;
-moz-border-radius:10px;
border-radius:10px;
}
.adpagecontent h5{
color:#555;
font-size:100%;
padding:28px 24px 0px 24px;
}
#content .adpagecontent h5 ul{
text-align:left;
list-style-image:url(resources/checkmark-blue.svg);
}
img.sol{
width:108px;
height:72px;
background-image:url(resources/img_solsprites.png);
}
img.sol_epm{
background-position:0px 0px;
}
img.sol_sm{
background-position:0px -72px;
}
img.sol_ba{
background-position:0px -144px;
}
img.sol_bi{
background-position:0px -216px;
}
img.sol_slm{
background-position:0px -288px;
}
img.sol_svc{
background-position:0px -360px;
}
img.sol_iot{
background-position:0px -432px;
}
img.sol_iot_transport{
background-position:0px -504px;
}
img.sol_iot_indoors{
background-position:0px -576px;
}
img.sol_dg{
background-position:0px -648px;
}
img.sol_dc{
background-position:0px -720px;
}
img.box{
width:56px;
height:78px;
background-image:url(resources/img_boxsprites.png);
}
img.box_eba{
background-position:0px 0px;
}
img.box_epm{
background-position:0px -78px;
}
img.box_slm{
background-position:0px -156px;
}
img.ico{
width:55px;
height:43px;
background-image:url(resources/img_icosprites.png);
}
img.ico_1{
background-position:0px 0px;
}
img.ico_2{
background-position:0px -43px;
}
img.ico_3{
background-position:0px -86px;
}
img.icon{
width:56px;
height:56px;
background-image:url(resources/img_iconsprites.png);
}
img.icon_1{
background-position:0px 0px;
}
img.icon_2{
background-position:0px -56px;
}
img.icon_3{
background-position:0px -112px;
}
img.icon_4{
background-position:0px -168px;
}
img.icon_5{
background-position:0px -224px;
}
/*** CUSTOM PART ***/
#methodology{
background-image:url(resources/consulting.jpg);
width:575px;
height:253px;
margin-top:30px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}
#methodology_fr{
background-image:url(resources/consulting_fr.jpg);
width:575px;
height:253px;
margin-top:30px;
margin-bottom:20px;
}
#methodology a, #methodology_fr a{
display:block;
height:100%;
width:100%;
}
#methodology_link1{
height:50px;
width:140px;
}
#methodology_link2{
height:50px;
width:140px;
position:relative;
top:-50px;
left:190px;
}
#methodology_link3{
height:50px;
width:140px;
position:relative;
top:-100px;
left:390px;
}
#methodology_style1{
background-color:#A8EEFF;
margin-bottom:50px;
padding:10px 4px 5px 4px;
}
#methodology_style2{
background-color:#BBFFD1;
margin-bottom:50px;
padding:10px 4px 5px 4px;
}
#methodology_style3{
background-color:#FFE3AA;
padding:10px 4px 5px 4px;
}
#index_list{
text-align:left;
padding:0px 4px 0px 4px;
border-top:1px solid #F3F3F3;
border-bottom:1px solid #F3F3F3;
background-color:#F9F9F9;
}
#index_list div{
margin:5px 0px;
padding:0px 8px;
font-size:85%;
word-spacing:normal;
font-weight:bolder;
font-style:italic;
}
#index_list ul{
list-style-image:url(resources/g-arrow.gif);
font-size:85%;
font-style:normal;
font-weight:normal;
margin:12px 0px 0px 22px;
}
#index_list ul li{
padding:0px 0px 12px 6px;
}
.resources_table{
border:0;
width:98%;
margin-top:20px;
text-align:left;
line-height:1.4em;
}
.resources_table img{
float:none;
margin:0;
}
.resources_table a{
font-weight:bolder;
}
.resources_table tr{
}
.resources_table td{
padding:10px 2px;
vertical-align:middle;
}
.resources_table tr td:first-child{
width:32px;
}
.contact_form, .cert_lookup_form, .login_form{
border-style:solid;
border-color:#DDD;
border-width:0px;
max-width:572px;
padding-bottom:28px;
background-image:url(resources/form-bottom-shadow-572.png);
background-position:center bottom;
background-repeat:no-repeat;
background-color:#F9F9F9;
/*box-shadow:0px 0px 5px #777;
-webkit-box-shadow:0px 0px 5px #777;*/
}
.contact_form th, .cert_lookup_form th, .login_form th{
color:#E8811E;
font-size:180%;
font-weight:bold;
font-variant:small-caps;
line-height:2em;
}
.result_table th{
font-size:100%;
}
.result_table td{
font-size:80%;
}
.cookie-banner{
position:fixed;
bottom:20px;
left:0%;
right:0%;
width:100%;
min-height:100px;
padding:5px;
display:flex;
align-items:center;
justify-content:center;
color:#aaa;
font-size:large;
background-color:#000;
border-radius:0px;
}
.cookie-banner a{
color:lightgrey;
}
.cookie-banner p::before{
content:"\24D8\20";
color:lightcyan;
font-size:x-large;
}
.cookie-close{
background-color:#2A2D59;
border:none;
color:white;
font-size:medium;
font-family:inherit;
border-radius:5px;
padding:8px;
margin:10px;
cursor:pointer;
}
#map-canvas{
width:258px;
height:258px;
}
