@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
body, html { background: #151515; font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 28px; font-weight: 400; -webkit-text-size-adjust: none; }
h1 { padding-bottom: 9px; font-size: 62px; line-height: 66px; color: #10cff9; font-weight: 300; letter-spacing: 0.003em; }
img { display: block; max-width: 100%; height: auto; }
p {  }
p strong { font-weight: 700; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; }
sup { bottom: 1ex; }
h5 { line-height: 35px; }
sub { top: -10px; position: relative; font-size: 50%; }
*, *:before, *:after {margin:0; padding:0;}
img, fieldset{border:none;}
:focus{outline:none}
a{ text-decoration:none; color: #5194e2; }
a:hover{ text-decoration: underline;}
*, *:before, *:after {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; overflow: hidden; height: 0px; overflow: hidden; width: 100%; }

sup { 
    vertical-align: super;
    font-size: 10px;
}

#main-cntr { width: 100%; }

.wrapper { max-width: 1168px; margin: 0 auto; padding: 0 20px; }
body.home .wrapper { max-width: 1280px; } 

/*********Header Css*********/
#header { float:left; width:100%; background:#151515; text-align:center;  position:fixed;  left:0; top:0; z-index: 99; }
#header .header_inner{float:left; width:100%; padding:0 20px; border-top:4px solid #bce1f1; position:relative; min-height:56px;}
#header .logo{ margin:0; padding:0; width: 123px; float:left; margin:11px 0 0;}
#header .logo img{ vertical-align:top;}
#header ul.social_icon{ list-style:none; float:right; width:auto; margin:11px 0 0;}
#header ul.social_icon li{ list-style:none; float:left; margin-left:7px;  }
#header ul.social_icon li:first-child{ margin-left:0; }
#header ul.social_icon li a, #header ul.social_icon li div{ display:block; width:29px; height:29px; border-radius:50%; border:2px solid #fff; opacity:1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; }
#header ul.social_icon li a i, #header ul.social_icon li div i{ font-size:13px; line-height:26px; color:#fff; display:block; }
#header ul.social_icon li a:hover {opacity:0.7;}
#header .show_text{ float:left; width:100%; font-family: 'Source Sans Pro', sans-serif; font-size:11px; font-weight:600; color:#151515; text-transform:uppercase; text-align:center; background:#fff; padding:8px 20px; margin:0; position:relative; display:none; line-height:14px}
#header .show_text a{color: #666}
#header .show_text a:hover{color: #999}
#header .show_text span.close{ position:absolute; right:2px; top:10px; width:20px; height:20px; cursor:pointer;}
#header .show_text span.close:before, header .show_text span.close:after { position:absolute; left:10px; content:""; height:13px; width:1px; background-color:#151515; }
#header .show_text span.close:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
#header .show_text span.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }

#header .paid_logo{ display:inline-block;width:auto;  margin:0 auto;vertical-align:top; color:#000; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif; font-size:13px; font-weight: 600; background:#bce1f1; padding: 4px 16px; position:absolute; top:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); line-height: 18px; letter-spacing: 0.02em; }
#header .paid_logo i{ padding: 0 0 0 8px; font-size:13px; }
#header a:hover { text-decoration: none; }

.nav-bar { width: 100%; margin: 0px; background: #333333; clear: both; overflow: hidden; border-top: 3px solid #fff; }
.nav-bar ul { padding: 0px; margin: 0px; list-style-type: none; overflow: hidden; }
.nav-bar li { width: 20%; float: left; border-left: 1px solid #ececec; text-transform: uppercase; text-align: center; font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 0.04em; }
.nav-bar li a { padding: 13px 20px; display:block; color: #fff; }
.nav-bar li a:hover, .nav-bar li.active > a { background: #151515; color: #31c4f0; }
.nav-bar li:first-child { border: 0px; }

/*********Home Banner Css*********/
#home-banner { width: 100%; height: calc(100vh - 310px); height: -webkit-calc(100vh - 310px); background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; min-height: 598px; overflow: hidden; }
#home-banner .clientBar { position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0 0 22px; background: none; }
#home-banner .text { padding: 46px 0 0; position: absolute; top: 50%; left: 0px; width: 100%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#home-banner .text p { color: #fff; font-size: 22px; line-height: 32px; font-weight: 300; }
#home-banner .text h1 { padding-bottom: 29px; }
#home-banner .clientBar .dell-logo { max-width: 191px; margin: 5px 0 0 -6px; }
#home-banner .video__wrapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; }
#home-banner .video__wrapper.opacitynone { opacity: 0; }
#home-banner .video__wrapper:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.65) }
#home-banner .brightcove-jumpstart { background: #000; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; width: 100%; }
#home-banner .video-js { background: #000; overflow: hidden; position: relative; width: 100%; height: 100%; padding-bottom: 56.25%; }
#home-banner .video-js video { width: 100%; height: 100%; object-fit: cover; }


/*********clientBar Css*********/
.clientBar { padding: 12px 0; width: 100%; background: #b7b7b7; }
.clientBar .dell-logo { max-width: 174px; float: left; margin: 12px 0 0 7px; }
.clientBar .intel-logo { max-width: 262px; float: right; }

/*********blockBar Css*********/
.block-bar { padding: 30px 0; margin: 0px; text-align: center; }
.block-bar ul { padding: 0px; margin: 0px -10px; list-style-type: none; overflow: hidden; }
.block-bar ul li { width: 33.333333%; float: left; padding: 0 10px; }
.block-bar ul li a { display: block; position: relative; overflow: hidden; }
.block-bar ul li a .title { padding: 23px 0 24px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.6); text-align: center; color: #fff; font-weight: 300; }
.block-bar ul li a.pop_up:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/play-button.png) 50% 39% no-repeat; background-size: 70px auto; z-index: 1; }
.block-bar ul li a img { position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; }
.block-bar ul li a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); }

#contentcntr { padding: 25px 0; position: relative; background: #fff; }

/*********innerbanner Css*********/
.innerbanner { padding: 149px 0 28px; }
.innerbanner p { color: #fff; font-size: 30px; line-height: 40px; font-weight: 300; padding: 0px; max-width: 850px; }
.innerbanner h1 { max-width: 850px; }
.innerbanner .increase-mx h1 { max-width: 100%; }

#leftPart { padding: 14px 0 25px; width: 41.8%; float: left; }
#leftPart p { padding-bottom: 36px; color: #393939; font-weight: 300; line-height: 35px; }
#leftPart p a { word-break: break-all; }
#leftPart h5 { padding: 80px 20px 35px 0; }
#leftPart p:nth-of-type(1){ padding-bottom: 25px; }
#leftPart p .big { font-size: 115px; line-height: 115px; float: left; font-weight: 400; margin: -5px 12px 0 0; }
#rightPart { padding: 22px 0; width: 53.2%; float: right; }
#rightPart.is_stuck { float: none; }
#rightPart img { margin-bottom: 22px; }
#rightPart .chart { background: #000; padding: 60px  25px 14px; }
#rightPart .chart hr { margin: 0px 0 70px; background: #fff; border: 0px; width: 100%; height: 2px; display: block; clear: both; }
#rightPart .chart img { max-width: 444px; margin: 0px auto 86px; }

#leftPart .bottom-notes { border-top: 1px solid #979797; width: 100%; padding: 35px 0 0; margin: 10px 0 0; width: 100%; }
#leftPart .bottom-notes ol { margin: 0; padding: 0px; list-style-type: none; counter-reset: item; }
#leftPart .bottom-notes li { font-size: 10px; line-height: 14px; color: #8f8f8f; padding-bottom: 15px; }
#leftPart .bottom-notes li:before { content: counter(item) ". "; counter-increment: item; } 
#leftPart .bottom-notes li a { color: #8f8f8f; font-style: italic; }
#leftPart .bottom-notes li a:hover { text-decoration: underline; }

#footer { float:left; width:100%; background:#151515; padding: 18px 0; text-align:center;}
#footer a.footer_logo{ display:inline-block; vertical-align: top; }
#footer a:hover { text-decoration: none; }
a.footer_logo img{ vertical-align:top; width:149px;}
#footer ul{ list-style:none; padding: 11px 0 0; }
#footer ul li{ display:inline-block; vertical-align: top; font-size:10px; line-height:17px; font-weight:400; color:#fff; padding:0 3px 0 7px; background:url(../images/link_sep.jpg) no-repeat left center; }
#footer ul li:first-child{ background:none; }
#footer ul li a{ display:block; color:#fff;}
#footer ul li a:hover,footer ul li a:focus{ color:#888888;}

#innovate-to-a-future-state { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(21, 21, 21, 0.88); min-height: 570px; display: none; z-index: 99; overflow: auto; }
#innovate-to-a-future-state.active { display: block; }
#innovate-to-a-future-state .v_box { position: relative; }
#innovate-to-a-future-state .vid-close { position: absolute; top: -7px; right: -38px; width: 30px;	height: 30px; cursor: pointer; z-index: 8040; background: url(../images/close-btn.png) top center no-repeat; background-size: 30px auto; }
#innovate-to-a-future-state .vid-wrapper { position: absolute; top: 50%; left: 0px; right: 0px; max-width: 840px; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#innovate-to-a-future-state .video-js { background: #000; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; width: 100%; border-radius: 10px; -webkit-border-radius: 10px; }
#innovate-to-a-future-state .model_box_details a { color: #0ddeff; text-transform: uppercase; font-size: 15px; line-height: 20px; display: table; margin: 18px auto 0; }
#home-banner .vjs-control-bar { visibility: hidden; }

#siteloader { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #151515 url(../images/spin.gif) center center no-repeat; background-size: 80px auto; z-index: 999; }

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

.mobile-image { display: none; }

a.menuToggle {transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; height:56px; display: block; text-decoration: none; line-height: 52px; text-align: right; background: none; width: 60px; z-index: 10; position: relative; float: right; margin:0 0 0 -7px; display: none; position: absolute; bottom: 26px; left: 50%; font-size: 0px; line-height: 0px; }
a.menuToggle span { width: 32px; height: 3px; display: block; position: absolute; right: 15px; top: 28px; background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; z-index:9999;}
a.menuToggle span:after { width: 32px; height: 3px; position: absolute; left: 0px; top: -11px; content:''; background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;} 
a.menuToggle span:before { width: 32px; height: 3px; position: absolute; left: 0px; bottom: -11px; content:''; background: #fff; transition: all 0.3s; -webkit-transition: all 0.3s;}
a.menuToggle.active span{ background: transparent; }
a.menuToggle.active span:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 0; border-radius: 0px; -webkit-border-radius: 0px; }
a.menuToggle.active span:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 0px; border-radius: 0px; -webkit-border-radius: 0px; }
.infographic-image { display: table; margin: 22px auto 57px; max-width:900px; width:100%;}
.infographic-image img{ max-width:900px; width:100%;}

/*********tilesBar Css*********/
.tiles-bar { padding: 0; margin: 0px; text-align: center; }
.tiles-bar ul { padding: 0px; margin: 0px -10px; list-style-type: none; overflow: hidden; }
.tiles-bar ul li { width: 50%; float: left; padding: 0 10px; }
.tiles-bar ul li a { display: block; position: relative; overflow: hidden; }
.tiles-bar ul li a img { width: 100%; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; }
.tiles-bar ul li a .title { padding: 23px 15px 24px; position: absolute; bottom: 0px; left: 0px; width: 100%; background: rgba(89,89,89,0.29); text-align: center; color: #fff; font-weight: 300; }
tiles-bar ul li a img { position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; }
.tiles-bar ul li a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); }