@charset "utf-8";
/* CSS Document */

html,body {
	height:100%;
}

body {
	background:#ededed;
	font-family: 'Roboto', sans-serif;
    font-weight: 200; /* Roboto Light */
	font-size: 18px;
	line-height:26px;
	color:#fff;
	
}

.container-fluid {
    padding: 0 50px;
	max-width:1600px;    
}

#main-container .row {
    padding:0;
	margin:0;
	margin-left: -10px;
    margin-right: -10px;
	
}

.footer {
	position: absolute;
    width: 100%;
    margin-top: -97px;
}

.footer-top .logo-list {
    padding-top: 0;
}

#dt-main-header, #header {
    z-index: 1000;
	display:none;
}

/* --------------------------------------------
   Foundation Typography
----------------------------------------------- */

#main-container h1,#main-container h2,#main-container h3,#main-container h4,#main-container h5 {
	padding:0;
	margin:0;
	/*font-family: 'RobotoLight', sans-serif;
	font-weight:normal;*/
    font-weight: 200; /* Roboto Light */
}

#main-container h1 {
	color:#fff;
	font-size: 48px;
    line-height: 60px;
	
}

#main-container h2 {
	font-size: 36px;
    line-height: 42px;
	
}

#main-container h3 {
	font-size: 24px;
    line-height: 30px;
	
}
	
#main-container p {
	padding:0;
	margin:0;
	/*font-family: 'RobotoLight', sans-serif;
	font-weight:normal;*/
    font-weight: 200; /* Roboto Light */
}

#main-container a {
	color:#007db8;

	
}

#main-container a:hover {
	text-decoration:none;
	color:#034c6e;
}



/* --------------------------------------------
   Navigation
----------------------------------------------- */
/*
#nav-transparent {
	padding-top:15px;
	position: fixed;
    width: 100%;
	z-index:1;
}

#nav-shaded {
	padding-top:15px;
	width: 100%;
	z-index:10;
	display:none;
	position:absolute;
	background: #ededed;
	height:80px;
}

#nav-shaded:after {
	content:'';
	display:block;
	width: 100%;
	position:absolute;
	background:url(../images/gradient.png) repeat-x 0 100%;
	height:8px;
	bottom:-8px;
}

#nav-shaded.fixed {
	position: fixed;
	top:0;
}
*/

.logo-dell-tech {
	float:left;
	max-width:249px;
	padding-top: 10px;
}

.logo-dell-tech-shaded {
	float:left;
	max-width:249px;
	padding-top: 10px;
	display:none;
}

.nav-transparent-btn {
	display:block;
	width:50px;
	height:50px;
	background:url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 0 / 50px;
	float:right;
}

.nav-transparent-btn:hover {
	background:url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 -100px / 50px;
}

.nav-shaded-btn {
	display:block;
	width:50px;
	height:50px;
	background:url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 -200px / 50px;
	float:right;
}

.nav-close-btn {
	display:block;
	width:50px;
	height:50px;
	background:url(../images/icons/icon-close.png) no-repeat 50% 50% / 50px;
	float:right;
	position:absolute;
	top:15px;
	right:50px;
}

#navbar {
	padding-top:15px;
	position: fixed;
    width: 100%;
	z-index:1;
}

.teaser-active #navbar, .live-active #navbar, .post-active #navbar, /* body[data-locale='en-us'] */ .banner-active #navbar {
	top:50px;
	position:absolute;
	
}

.teaser-active #navbar.teaser-fixed, .live-active #navbar.teaser-fixed, /* body[data-locale='en-us'] */ .banner-active #navbar.teaser-fixed {
	top:0;
	position:fixed;
	
}

#navbar.nav-shaded, .teaser-active #navbar.nav-shaded, .live-active #navbar.nav-shaded, /* body[data-locale='en-us'] */ .banner-active #navbar.nav-shaded{
	padding-top:15px;
	width: 100%;
	z-index:10;
	display:none;
	position:absolute;
	background: #ededed;
	height:80px;
}

#navbar.nav-shaded:after {
	content:'';
	display:block;
	width: 100%;
	position:absolute;
	background:url(../images/gradient.png) repeat-x 0 100%;
	height:8px;
	bottom:-8px;
}

#navbar.nav-shaded.fixed {
	position: fixed !important;
	top:0 !important;
}

#navbar.nav-shaded .nav-transparent-btn {
	background:url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 -200px / 50px;
}

#navbar.nav-shaded .nav-transparent-btn:hover {
	background:url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 -100px / 50px;
}

#navbar.nav-shaded .logo-dell-tech-shaded {
	display:block;
}

#navbar.nav-shaded .logo-dell-tech {
	display:none;
}

#nav-main {
	position:absolute;
	top:0;		
}

body.nav-open {
	/*position:absolute;
	left:-250px;
	width:100%;
	overflow:hidden;*/
	
	position:relative;
}

#nav-main {
	position: fixed;
    width: 430px;
    height: 100%;
    top: 0;
    /*left: 100%;*/
	right:-430px;
	background:#f2af00;
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	z-index:20;
}

body.nav-open #nav-main {
	right:0;
}


body.nav-open .nav-toggle {
	display:none;
	
}

#nav-main .nav-list {
	margin-top:150px;
	padding:0 0 0 40px;
	
}

#nav-main .nav-list li {
	list-style:none;
	
	
}

#nav-main .nav-list li a {
	font-size:36px;
	line-height:47px;
	color:#444;
	display:block;
}

#nav-main .nav-list-secondary {
	position:absolute;
	bottom:50px;
	padding:50px 0 0 0;
	width:100%;
	
	border-top:1px solid #d59d0b;
	
}

#nav-main .nav-list-secondary li {
	list-style:none;
	padding-left:40px;
}

#nav-main .nav-list-secondary li a {
	font-size:15px;
	line-height:22px;
	color:#444;
}

#nav-main .nav-list-secondary li a.link-arrow-down {
	background:url(../images/icons/icon-arrow-down-small.png) 90% 50%  / 10px no-repeat;
	padding-right: 28px;
}

/* --------------------------------------------
   Section Top
----------------------------------------------- */

#main-container #section-top h1 {
	padding-top:230px;
}

.icon-down {
	display:block;
	width:50px;
	height:50px;
	background: url(../images/icons/icon-arrow-down.png)  no-repeat 50% 50%;
	background-size:47px;
	position:absolute;
	bottom:35px;
	left:0;
	right:0;
	margin:auto;
}

.hdr-section1 {
	padding-top:20px;
}


.hdr-advancing {
	max-width: 668px;
    float: right;
    padding-top: 300px;
    margin-right: 70px;
}

.hdr-introducing {
	max-width: 584px;
    float: right;
    padding-top: 80px;
}

.bg-container {
	background:url(../images/concept2-bg-e.png) no-repeat 0 100%, url(../images/concept2-bg-e-filler.png) repeat-y 100% 0;
	background-size:2400px, 560px;
	overflow:hidden;
	
}


#section-top {
	background:url(../images/transparent-e.png) no-repeat 0 100%;
	background-size:725px;
	position:relative;
	height:1000px;
}

/* --------------------------------------------
   Teaser Panel
----------------------------------------------- */

#teaser-panel {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	z-index:100;
	background: rgba(0,0,0,.6);
	display:none;
}

.panel-inner {
	display:table;
	margin:auto;
}

.teaser-active #teaser-panel {
	display:block;
}

#teaser-panel h2 {
	font-size:16px;
	line-height:16px;
	float:left;
	padding:16px 15px 0 0;
}


.countdown-area {
    float: left;
    padding: 7px 0 0 0;
	margin:0;
}

li.countdown-unit {
    float: left;
    text-align: center;
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    list-style: none;
    padding: 0 11px;
	position:relative;
	/*font-family: 'RobotoThin', sans-serif;*/
    font-weight: 100; /* Roboto Thin */
}

li.countdown-unit span {
    font-size: 23px;
    line-height: 23px;
    color: #fff;
    display: block;
	padding-bottom: 2px;
	/*font-family: 'RobotoThin', sans-serif;*/
    font-weight: 100; /* Roboto Thin */
}


li.countdown-unit::after {
    content: ':';
	font-size: 23px;
    line-height: 23px;
	position: absolute;
    left: 45px;
    top: 0;
}


li.countdown-unit.last::after {
    content: '';
    padding: 0;
}

#teaser-panel .addeventatc {
	float:left;
	background: url(../images/icons/icon-arrow-yellow.png) 100% 47% / 7px no-repeat;
	color:#f2af00 !important;
	font-size:16px !important;
	line-height:16px !important;
	border:none;
	padding:16px 16px 0 10px;
    height: 50px;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	
}

.addeventatc_icon {
    display: none !important;
}

.addeventatc:active {
    top:auto !important;
}

.addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees {
    display: none!important;
}


/* --------------------------------------------
   Live Panel
----------------------------------------------- */


#live-panel {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	z-index:100;
	background:rgba(0,0,0,0.5);
	display:none;
	padding-top: 15px;
}

.live-active #live-panel {
	display:block;
}

#live-panel p {
	font-size:16px;
	line-height:20px;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */

}

#live-panel a, #live-panel a:hover {
	font-size:16px;
	line-height:20px;
	padding:15px 16px 15px 25px;
	background: url(../images/icons/icon-arrow-yellow.png) 100% 52% / 7px no-repeat;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	color:#f2af00;
	-webkit-transition: .2s ease all;
}

/* --------------------------------------------
   Post Panel
----------------------------------------------- */


#post-panel {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	z-index:100;
	background:rgba(0,0,0,0.5);
	display:none;
	padding-top: 15px;
}

.post-active #post-panel {
	display:block;
}

#post-panel p {
	font-size:16px;
	line-height:20px;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */

}

#post-panel a, #post-panel a:hover {
	font-size:16px;
	line-height:20px;
	padding:15px 16px 15px 25px;
	background: url(../images/icons/icon-arrow-yellow.png) 100% 52% / 7px no-repeat;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	color:#f2af00;
	-webkit-transition: .2s ease all;
}


/* --------------------------------------------
   Banner Panel
----------------------------------------------- */


#banner-panel {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	z-index:100;
	background:rgba(0,0,0,0.5);
	padding:17px 0 18px;
	/*display:none;*/
}
/*
body[data-locale='en-us'] #banner-panel {
	display:block;
	
}
*/
#banner-panel p {
	font-size:16px;
	line-height:20px;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	text-align:center;
	float:left;

}

#banner-panel a, #banner-panel a:hover {
	font-size:16px;
	line-height:20px;
	padding:15px 16px 15px 25px;
	background: url(../images/icons/icon-arrow-yellow.png) 100% 52% / 7px no-repeat;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	color:#f2af00;
	-webkit-transition: .2s ease all;
	white-space:nowrap;
	float: left;
    height: 22px;
    padding-top: 0;
	display:block;
}

/* --------------------------------------------
   Section Intro
----------------------------------------------- */

#section-intro h2 {	
	color:#444;
	padding:120px 0 25px 0;
	margin-left: -3px;
}

#section-intro p {	
	color:#444;
	/*padding-bottom:50px;*/
	padding-bottom:40px;
	font-size: 16px;
	line-height:24px;
}

.logo-strip {
	max-width:582px;
	/*margin-bottom:60px;*/
	margin-bottom:30px;
	width:100%;
	visibility:hidden;
	margin-left:20px;
}

.logo-strip-mobile {
	display: none;
}

a.cta-learn {
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	display:block;
	width:200px;
	font-size:16px;
	line-height:20px;
	color:#444 !important;
	text-decoration:none;
	float:right;
	margin-right:50px;
	position:relative;
	padding-left:63px;
	padding-top: 3px;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

a.cta-learn:hover {
	color:#000 !important;
	
	
}

a.cta-learn:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	background:url(../images/icons/icon-arrow.png) no-repeat 50% 50% / 12px #f2af00;	
	display:block;
	width:47px;
	height:47px;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

a.cta-learn:hover:before {

	background-color:#E39B11;

}

.logo-container {
	background:#ededed;	
	height: 100px;
    padding-top: 30px;	
}

.logo-footer {
	max-width:780px;
	margin:auto;
	
}

.nav-container {
	height:50px;
}

.hdr-section2 {
	display:none;
	
}

nav {
	position: fixed;
    width: 100%;
}

nav.shaded {
	/*
	background: #000;
    padding-bottom: 20px;
    opacity: .8;
	z-index: 10;
	*/
}

/* --------------------------------------------
   Section Quote
----------------------------------------------- */

#section-quote {
	background:url(../images/bg/bg-quote.jpg) no-repeat 100% 0 / cover;
	height:1000px;
	z-index:1;
	/*
	position:absolute;
	width:100%;
	*/
}

.appleios #section-quote {
    position: relative !important;
    min-height: 0 !important;
    top: 0 !important;
    opacity: 1 !important;
    display: block !important;
}

#section-quote.fixed {
	position:fixed;
	top:80px;

}

#main-container #section-quote h3.quote-text {
	color:#fff;
	font-size:36px;
	line-height:48px;
	/*margin:140px 0 180px 0;*/
	padding:140px 0 50px 0;
	margin-top:300px;
	position:relative;
	/*font-family: 'RobotoLight', sans-serif;
	font-weight:normal;*/
    font-weight: 200; /* Roboto Light */
}

#main-container #section-quote h3.quote-text:before {
	content:'“';
	position: absolute;
	top: 140px;
	left:-12px;
	display:block;
}

#main-container #section-quote h3.quote-text span {
	/*font-family: 'RobotoMedium', sans-serif;*/
    font-weight: 500; /*Roboto Medium */
	color:#fff;
	font-size:16px;
	line-height:22px;
	text-transform:uppercase;
	
}

a.cta-play {
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	display:block;
	width:280px;
	height:100px;
	font-size:16px;
	line-height:20px;
	color:#fff !important;
	text-decoration:none;
	position:relative;
	padding-left:100px;
	padding-top: 20px;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

a.cta-play:hover {
	color:#ccc !important;

}

a.cta-play:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	background:url(../images/icons/icon-play.svg) no-repeat 56% 50% / 30px #f2af00;	
	display:block;
	width:77px;
	height:77px;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
}

a.cta-play:hover:before {
	background-color:#E39B11;
	
}

a.cta-list {
	font-weight: 500; /*Roboto Medium */
	display:block;
	font-size:16px;
	line-height:24px;
	color:#fff !important;
	text-decoration:none;
	position:relative;
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
	padding:30px 0 30px 50px;
	border-top:1px solid #a09e98;
	
	
}

a.cta-list:hover {
	color:#ccc !important;

}

#section-intro a.cta-list {

	color:#444 !important;
	border-top:1px solid #aaa;
	background: url(../images/icons/icon-arrow-gray.png) no-repeat left center / 13px;
    /*padding: 30px 0 30px 30px;*/
	padding: 15px 0 15px 30px;
}

#section-intro a.cta-list:last-child {
	border-bottom:1px solid #aaa;
}

#section-intro a.cta-list:hover {
	color:#000 !important;

}


a.cta-play2 {
	background:url(../images/icons/icon-play.svg) no-repeat left center;
	background-size:29px 29px;
}

a.cta-letter {
	background:url(../images/icons/icon-letter.png) no-repeat left center / 24px;	
	border-bottom:1px solid #a09e98;
}



/* --------------------------------------------
	Section Main
----------------------------------------------- */

#section-main {
	height:2000px;
	height:2500px;
	background:url(../images/transparent-e.png) no-repeat 0 100%, url(../images/bg/bg-main.jpg) no-repeat 50% 50%;
	background-size: 435px, cover;
	position: relative;
	/*margin-top: -1000px;*/
}

.appleios .scrollmagic-pin-spacer {
    padding: 0 !important;
    margin-top: 0 !important;
}

.appleios #section-main {
    margin-top: 0 !important;
    top: 0 !important;
    position: relative !important;
    min-height: 0 !important;
    top: 0 !important;
    opacity: 1 !important;
}

#main-container #section-main h3 {
	text-align:center;
	padding:400px 0 15px 0;
	/*padding:1200px 0 15px 0;*/
	font-size:48px;
	line-height:60px;
	margin-top: 300px; /* parallax */
	
}

#main-container #section-main h4#hdr-mission {
	text-align:center;
	padding:200px 0 15px 0;
	font-size:50px;
	line-height:70px;
	color:#444;
	margin-top: 300px; /* parallax */
	visibility:hidden;

}

#main-container #section-main h4 {
	text-align:center;
	font-size:20px;
	line-height:20px;
	margin:0;
	padding-bottom:22px;
}

#section-main p {
	text-align:center;
	font-size:14px;
	line-height:18px;
}

#section-main p.text-large {
	text-align:center;
	font-size:18px;
	line-height:26px;
	padding-bottom:40px;
}

#section-main .cta-learn {
	float:left;
	margin-top:60px;
    color: #fff !important;
}

#section-main .cta-learn:hover {
    color: #ccc !important;
}

#section-main .cta-play {
	color:#fff;
	width: 480px;
	display:table;
	margin:auto;
	height:77px;
	margin-bottom:60px;
	padding-top:8px;
}

#section-main .cta-play:hover {
	color:#444 !important;
}

.text-container {
	padding:0 10px 20px 10px;
}

.icon-container {
	position:relative;
	height:85px;
	margin-bottom:25px;
	
}

.icon-container img {
	position: absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;	
}



.icon-expanded, .active .icon-container img {
	display:none;
}

.active img.icon-expanded {
	display:block;
}

.icon-it-transformation {
	max-width:70px;
	width: 70px;
}

.icon-workforce-transformation {
	max-width:80px;
	width:80px;
	
}

.icon-security-transformation {
	max-width:43px;
	width:43px;	
}

.chip-video {
	position:relative;
	
}



.chip-video img {
	position:relative;
}

.chip-image {
	position:relative;
}

.chip-image:after {
	content:'';
	display:block;
	position:absolute;
	background:url(../images/icons/icon-play.svg) no-repeat 50% 50% / 25px;
	width:30px;
	height:30px;
	left:20px;
	bottom:20px;
	z-index:1;
	
}

.chip-caption {
	background: rgba(255,255,255,.75);
	padding:15px 20px 15px 20px;
	
}

.chip-caption p {
	font-size:14px;
	line-height:18px;
	color:#444;
	text-align:left !important;
}

.logo-strip-footer-container {
	position:absolute;
	width:100%;
	bottom: 15px;
	left:0;
}

/* --------------------------------------------
	Section blade
----------------------------------------------- */
@media screen and (min-width: 641px) {
	

	#section-blade {
	
		position:fixed;
		width: 5000px;
		height:2000px;
		left:100%;

		top:0;
		bottom:0;
		margin:auto;
		background: #ededed;
		z-index:1;
		
		transform: rotate(-38deg) ;
		-webkit-transform: rotate(-38deg) ;
	}
	
	.blade-inner {
		transform: rotate(38deg);
		-webkit-transform: rotate(38deg);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	
	#section-blade p {
		font-size:50px;
		line-height:70px;
		color:#000;
		position: absolute;
		top: 50%;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
		height: 250px;
		width:83.33333333%;
		/*visibility:hidden;*/
		padding: 30px 50px 0 50px;
		text-align:center;
	}
	#section-blade p span {
		visibility:hidden;
	}
	
	
}

@media screen and (min-width: 1600px) {
	#section-blade p {
		font-size:42px;
		line-height:54px;
		
	}
}

/* --------------------------------------------
	Footer
----------------------------------------------- */

footer {
	background:#000;
	height:42px;
	padding-top:10px;
	
}

footer p {
	font-size:12px;
	line-height:12px;
	color:#444;
	text-align:center;
	/*font-family: 'RobotoRegular', sans-serif;*/
    font-weight: 400; /*Roboto Regular */
	padding-top:15px;
}

footer p a {
	text-decoration:none;
	color:#444;
}

footer p span {
	padding:0 13px;
	
}


/* --------------------------------------------
	Background Video
----------------------------------------------- */

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
  background: url(../images/bg/bg-video-loader.jpg) no-repeat 50% 50% / cover;
  
}

.appleios .fullscreen-bg, .hide-video  .fullscreen-bg {
	display:none;
}

.fullscreen-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fullscreen-bg-static {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
  display:none;
}

.appleios .fullscreen-bg-static, .hide-video .fullscreen-bg-static {
	display:block;
}

.fullscreen-bg-static-image {
	width: 100%;
    height: 100%;
	position:absolute;
	z-index:1;
}

.fullscreen-bg-static-image.active {
	z-index:3;
}

#fullscreen-bg-static-image-1 {
	background: url(../images/bg/mobile-img-carousel-1.jpg) no-repeat 50% 0 / cover;
}

#fullscreen-bg-static-image-2 {
	background: url(../images/bg/mobile-img-carousel-2.jpg) no-repeat 50% 0 / cover;
}

#fullscreen-bg-static-image-3 {
	background: url(../images/bg/mobile-img-carousel-3.jpg) no-repeat 50% 0 / cover;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    height: 300%;
    top: -100%;
  }
  

}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg-video {
    width: 300%;
    left: -100%;
  }
}




@media (max-width: 1599px) {
  	body {	
		font-size: 16px;
		line-height:24px;
	}
	
	.bg-container {
		background-size:2300px, 560px;
		
	}
	/*
	#main-container h1 {
		font-size: 30px;
		line-height: 36px;
		
	}
	
	
	#main-container h2 {
		font-size: 24px;
		line-height: 30px;
		
	}
	*/
	#main-container h3 {
		font-size: 20px;
		line-height: 24px;
		
	}

}


@media (max-width: 1450px) {
  	.bg-container {
		background-size:1880px, 560px;
		
	}

}

@media (max-width: 1380px) {
  	body[data-lang='ru'] #banner-panel a, body[data-lang='ru'] #banner-panel a:hover, body[data-lang='ja'] #banner-panel a, body[data-lang='ja'] #banner-panel a:hover {
		position: absolute;
		top: 0;
		bottom: 0;
		right:0;
		margin: auto;
		padding-top: 10px;
		padding-top: 7px;
		display: block;
		height: 35px;
		float:none;
	}
	body[data-lang='ru'] #banner-panel p, body[data-lang='ja'] #banner-panel p {
		padding-right: 160px;
	}


}

@media (max-width: 1280px) {
  	.bg-container {
		background-size:1390px, 0;
		
	}


}


@media (max-width: 1050px) {
  	.bg-container {
		background-size:1310px, 0;
		
	}
	
	#banner-panel a, #banner-panel a:hover {
		position: absolute;
		top: 0;
		bottom: 0;
		right:0;
		margin: auto;
		padding-top: 10px;
		padding-top: 7px;
		display: block;
		height: 35px;
		float:none;
	}
	#banner-panel p {
		padding-right: 160px;
	}
	
	
	
}



@media (max-width: 959px) {
	/*.fullscreen-bg-video {
	  	display:none;

	}
	
	.fullscreen-bg {
		background: url(../images/bg/bg-top.jpg) no-repeat 50% 0 / cover;
	}
	*/
	.fullscreen-bg {
		display:none;
	}
	
	.fullscreen-bg-static {
		display:block;
	}
	
	.container-fluid {
		padding: 0 20px;
	}
	
	.bg-container {
		/*background-size:1280px, 100px 350px;*/
		background-size:970px, 100px 410px;
		background-position:0 100%, 0 0;
		background-repeat: no-repeat, repeat-x;
		
	}
	
	#main-container #section-top h1 {
		text-align: center;
	}
	
	

}


@media (max-width: 850px) {



}

@media (max-width: 768px) {
	.bg-container {
		background-size:800px, 100px 540px;
		background-position:0 100%, 0 0;
		background-repeat: no-repeat, repeat-x;
		
	}
	
	#main-container #section-quote h3.quote-text {
		font-size: 30px;
		line-height: 36px;
		padding-bottom: 50px;
	}
	
	#main-container #section-main h3 {
		padding: 300px 0 15px 0;
	}

}

@media (max-width: 640px) { /* xs */
	.container-fluid {
		padding: 0 17px;
	}
	.logo-dell-tech {
		max-width: 140px;
	}
	
	#navbar {
		top: 0 !important;
	}
	
	.nav-transparent-btn {
		width: 35px;
		height: 35px;
		background: url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 0 / 35px;
	}
	
	.nav-transparent-btn:hover {
		width: 35px;
		height: 35px;
		background: url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 -70px / 35px;
	}
	
	#navbar.nav-shaded .nav-transparent-btn {
		background: url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 -140px / 35px;
	}
	
	#navbar.nav-shaded .nav-transparent-btn:hover {
		background: url(../images/icons/icon-nav-menu-sprite.png) no-repeat 0 -70px / 35px;
	}
	#navbar.nav-shaded, .teaser-active #navbar.nav-shaded, .live-active #navbar.nav-shaded, /* body[data-locale='en-us'] */ .banner-active #navbar.nav-shaded {
		height: 65px;
	}
	.logo-dell-tech-shaded {
		max-width: 140px;
	}
	.nav-shaded-btn {
		width: 35px;
		height: 35px;
		background: url(../images/icons/icon-hamburger-shaded.png) no-repeat 50% 50% / 35px;
	}
	#section-top {
		/*background: url(../images/transparent-e.png) no-repeat 0 100% / 80%, url(../images/bg/bg-top-mobile.jpg) no-repeat 50% 0 / 640px;*/
		background: url(../images/transparent-e.png) no-repeat 0 100% / 80%;
	}
	
	.teaser-active #section-top {		
		background: url(../images/transparent-e.png) no-repeat left 0 bottom 100px / 80%;
	}
	
	.live-active #section-top {		
		background: url(../images/transparent-e.png) no-repeat left 0 bottom 50px / 80%;
	}
	
	#main-container #section-top h1 {
		padding-top: 170px;
		font-size: 30px;
		line-height: 36px;
	}
	#main-container #section-intro h2 {
		padding: 90px 0 25px 0;
		font-size: 30px;
		line-height: 36px;
	}
	
	#main-container #section-intro p {
		padding-bottom: 30px;
		font-size: 16px;
    	line-height: 24px;
	}
	.bg-container {
		background: #ededed url(../images/bg/bg-intro-mobile.jpg) no-repeat 0 100% / 100%;
		height:1190px !important;
		
	}
	
	.logo-strip {
		display: none;
	}
	
	.logo-strip-mobile {
		display: block;
		margin:auto;
		max-width:90px;
	}
	
	a.cta-learn {
		float: none;
		font-size: 16px;
    	line-height: 20px;
		margin-bottom: 45px;
	}
	
	#section-intro a.cta-list:last-child {
		margin-bottom: 45px;
	}
	
	#section-quote {
		background: url(../images/bg/bg-quote-mobile.jpg) no-repeat 50% 0 / 640px;
		/*background: url(../images/bg/bg-quote-mobile.jpg) no-repeat 50% -330px / 400px;*/
		height: 960px;
	}
	
	#section-blade {
		background: #ededed;
		display:block;
		left:auto !important;
		width:auto !important;
		height:auto !important;
	}
	
	#section-blade p {
		font-size: 18px;
    	line-height: 24px;
		color:#444;
		top:auto !important;
		visibility:visible !important;
		opacity:1 !important;
		text-align:center;
	}
	
	#main-container #section-main h4#hdr-mission {
		font-size: 30px;
   		line-height: 36px;
		color:#444;
		top:auto !important;
		visibility:visible !important;
		opacity:1 !important;
		text-align:center;
		margin-top: 0 !important;
		padding-top:100px !important;
		/*font-family: 'RobotoLight', sans-serif;
        font-weight:normal;*/
        font-weight: 200; /* Roboto Light */
	}
	
	#main-container #section-main h4#hdr-mission .t1, #main-container #section-main h4#hdr-mission .t2 {
		
		visibility:visible !important;
		opacity:1 !important;
	}
	
	#section-blade p span {
		visibility:visible !important;
		opacity:1 !important;
	}
	
	#section-main {
		height: auto;
		padding-bottom: 300px;
		background: url(../images/transparent-e.png) no-repeat 0 100%, url(../images/bg/bg-main-mobile.jpg) no-repeat 50% 0;
		background-size: 70%, 640px;
		margin-top: 0 !important;
		top: 0 !important;
		position: relative !important;
		min-height: 0 !important;
		top: 0 !important;
		opacity: 1 !important;
	}
	
	#main-container #section-quote h3.quote-text {
		font-size: 18px;
		line-height: 26px;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-bottom: 240px;
		padding-right: 100px;
		margin-top: 0 !important;
	}
	
	#main-container #section-quote h3.quote-text:before {
		left: -7px;
	    top: 50px;
	}
	
	#main-container #section-quote h3.quote-text span {
		margin-top: 30px;
		display: block;
	}
	
	#main-container #section-main h3 {
		padding: 135px 0 20px 0;
		font-size: 30px;
		line-height: 36px;
		margin-top:0 !important;
		visibility:visible !important;
	}
	
	#main-container #section-main p.text-large {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 40px;
		color:#fff;
		text-align:center;
	}
	
	#section-main .cta-learn {
		color:#fff;
	}
	
	.body-container {
		display:none;
	}
	
	.text-container {
		padding:0 0 20px 0;
	}
	
	.heading-container {
		height: auto;		
		cursor:pointer;
		background:url(../images/icons/icon-arrow-sm.png) no-repeat 100% 50% / 12px;
	    padding-right: 20px;
		position:relative;
	}
	
	
	.active .heading-container {
		background:url(../images/icons/icon-arrow-sm-active.png) no-repeat 100% 50% / 12px;
				
	}
	
	.icon-container {
		height: auto;
		float: left;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
	}
	
	
	.icon-container img {
		
	}
	
	.icon-it-transformation {
		width: 35px;
	}
	.icon-workforce-transformation {
		width: 36px;
	}
	
	.icon-security-transformation {
		width: 30px;
	}
	
	#main-container #section-main h4 {
		text-align: left;

		padding-left: 55px;
		padding-top: 20px;		
		font-size: 16px;
		line-height: 24px;
		/*font-family: 'RobotoMedium', sans-serif;*/
        font-weight: 500; /*Roboto Medium */
	}
	
	#section-main .active  h4 {
		color:#444;
	}
	
	#main-container #section-main p {
		text-align: left;
		font-size: 14px;
		line-height: 20px;
		color:#444;
	}
	
	#main-container .row.full-bleed {
		margin-left: -17px;
    	margin-right: -17px;
	}
	
	.section-main-block {
		border-top:1px solid #fff;
		padding-left: 20px;
    	padding-right: 20px;
	}
	.section-main-block:last-child {
		border-bottom:1px solid #fff;
	}
	
	.section-main-block.active {
		background:rgba(255,255,255,.7);
		padding-bottom: 20px;
		
	}
	
	.chip-caption {
		background: #fff;
	}
	
	.logo-strip-footer {
		display:none;
	}
	
	#nav-main {

		width: 300px;
		right: -300px;
	}
	
	#section-main .cta-play {
		width: auto;
		padding-top:0;
	}
	
	.scrollmagic-pin-spacer {
		padding:0 !important;
		margin-top:0 !important;
	}
	
	#section-quote {
		position: relative !important;
		min-height:0 !important;
		top:0 !important;
		opacity: 1 !important;
		display:block !important;
	}
	
	/* --------------------------------------------
	   Teaser Panel
	----------------------------------------------- */
	
	.teaser-active #navbar, .live-active #navbar, /* body[data-locale='en-us'] */ .banner-active #navbar {
		top: auto !important;
		position: fixed;
	}
	
	.teaser-active .icon-down, .live-active .icon-down, /* body[data-locale='en-us'] */ .banner-active .icon-down, .post-active .icon-down {
		display:none;
	}
	
	#teaser-panel {
		position: absolute;
		top: auto;
		bottom:0;
		left: 0;
		width: 100%;
		height: 100px;
		z-index: 100;
		background: rgba(0,0,0,.6);

	}
	
	#teaser-panel h2 {
		float: none;
		padding: 10px 0 0 0;
		text-align: center;
	}
	
	.countdown-area {
		float: none;
		padding: 7px 0 0 0;
		margin: auto;
		display: table;
	}
	
	#teaser-panel .addeventatc {
		float: none;
		background-position-y: 4px;
		padding: 0 22px 0 10px;
		height: auto;
		display: table;
		margin: 7px auto 0 auto;
	}
	
	#live-panel {
		position: absolute;
		top: auto;
		bottom:0;
		left: 0;
		width: 100%;
	    padding-top: 7px;
		background: rgba(0,0,0,0.6);
		height: auto;
	    padding-bottom: 7px;
	}
	
	#live-panel p {
		text-align: center;
	}
	
	#live-panel a {
		display: table;
		padding-top: 0;
		padding-bottom: 0;
		margin: auto;
	    padding-left: 0;
	}
	
	
	#post-panel {
		position: absolute;
		top: auto;
		bottom:0;
		left: 0;
		width: 100%;
	    padding-top: 7px;
		background: rgba(0,0,0,0.6);
		height: auto;
	    padding-bottom: 7px;
	}
	
	#post-panel p {
		text-align: center;
	}
	
	#post-panel a {
		display: table;
		padding-top: 0;
		padding-bottom: 0;
		margin: auto;
	    padding-left: 0;
	}
	
	#banner-panel {
		position: absolute;
		top: auto;
		bottom:0;
		left: 0;
		width: 100%;
	    padding-top: 7px;
		background: rgba(0,0,0,0.6);
		height: auto;
	    padding-bottom: 7px;
	}
	
	#banner-panel p, body[data-lang='ru'] #banner-panel p, body[data-lang='ja'] #banner-panel p {
		text-align: center;
		padding-right:0;
	}
	
	#banner-panel a, #banner-panel a:hover, body[data-lang='ru'] #banner-panel a, body[data-lang='ru'] #banner-panel a:hover, #banner-panel a:hover, body[data-lang='ja'] #banner-panel a, body[data-lang='ja'] #banner-panel a:hover {
		display: table;
		padding-top: 6px;
		padding-bottom: 0;
		margin: auto;
	    padding-left: 0;
		position:relative;
	}
			
	.footer {
		margin-top:0;
	}
	
	
}

@media (max-width: 480px) {
	#section-main {
		background-position:0 100%, 50% 0;
		background-size:50%, 640px;
		padding-bottom:140px;
	}
	#main-container #section-main h3 {
		padding: 135px 0 10px 0;
	}
}

@media (max-height: 850px) and (min-width: 1280px)  { 
	.bg-container {
		background-size:1700px, 560px;
		
	}

	
	
}

@media (max-height: 800px)  and (min-width: 641px) and (max-width: 768px) {
	.bg-container {
		background-size:800px, 100px 410px;
		background-position:0 100%, 0 0;
		background-repeat: no-repeat, repeat-x;
		
	}
	
}

@media (max-height: 850px)  and (min-width: 641px) { 
	#main-container #section-quote h3.quote-text {
		font-size: 30px;
		line-height: 42px;
		padding-bottom: 40px;
		/*padding-top: 100px;*/
	}
	
	#main-container #section-quote h3.quote-text span {
		line-height: 80px;
	}
	#main-container #section-quote h3.quote-text:before {
		/*top: 100px;*/
	}
	
}





@media (max-height: 750px) and (min-width: 960px) { 
	.bg-container {
		background-size:1600px, 560px;
		
		
	}
	
}

@media (max-height: 700px) and (min-width: 960px) { 
	
}

@media (min-height: 1100px) and (min-width: 641px) and (max-width: 2000px){ 
	.bg-container {
		/*background-size:2200px, 0;*/
		
	}
}



@media screen and (min-width: 640px) {
	.section-main-block .body-container {
		display: block !important;
	}
	.icon-container img {
		display:block !important;
	}
	img.icon-expanded {
		display: none !important;
	}
}

@media screen and (min-width: 960px) {

	.hide-video #fullscreen-bg-static-image-1 {
		background: url(../images/bg/img-carousel-desktop-1.jpg) no-repeat 50% 0 / cover;
	}
	
	.hide-video #fullscreen-bg-static-image-2 {
		background: url(../images/bg/img-carousel-desktop-2.jpg) no-repeat 50% 0 / cover;
	}
	
	.hide-video #fullscreen-bg-static-image-3 {
		background: url(../images/bg/img-carousel-desktop-3.jpg) no-repeat 50% 0 / cover;
	}

}