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

body {
	background:#000;
	font-family: 'Roboto', sans-serif;
    font-weight: 200; /* Roboto Light */
}

#main-container {
    max-width: 1600px;
    margin: auto;
    margin-top: -77px;
}

.section-broadcast {
	font-weight: 200; /* Roboto Light */
	font-size:18px;
	line-height:24px;
	color:#fff;
	text-align:left;
	background:#000;
	padding-right:0 !important;
	background-color:#000;
}


.container-fluid {
	max-width: 1280px;
    width: 100%;
    padding: 0 10px;
    margin: 0 auto;
}

#feature-area {
    background: no-repeat 50% 50%;
    background-size: cover;
    height: 450px;
    position: relative;
    /*margin-bottom: 40px;*/
}

.section-broadcast #feature-area {
	background-image: url(../images/hdr_home_modernize_broadcast.jpg);
	height:540px;
    padding-top: 130px;
}

.section-broadcast-during #feature-area {
	margin-bottom: 40px;
}

.section-broadcast h1 {
	text-align:center;
	font-size:112px;
	line-height:70px;
	font-weight: 100; /* Roboto Thin */
	
	padding:0;
	color:#fff;
	margin:0;
}

.section-broadcast h2 {
	text-align:center;
	font-size: 75px;
    line-height: 80px;
	color:#fff;	
	font-weight: 100; /* Roboto Thin */
	padding-bottom: 10px;
	margin:0;
}

.section-broadcast  #feature-area p {
	text-align:center;
	font-size:18px;
	line-height: 24px;
	margin-bottom: 32px;
	font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
	padding: 0 410px;

}

.section-broadcast  #feature-area a.btn-blue {
    float: none;
    display: table;
    margin: auto;
}

.btn-container {
	margin:auto;
	display:table;
	
}

a.link-blue-border, div.link-blue-border {
    text-transform: uppercase;
    border: 2px solid #2c95dd;
    display: table;
    padding: 15px 17px 13px 17px;
    font-size: 18px;
    color: #fff !important;
    border-radius: 0;
    font-weight: 500; /*Roboto Medium */
    text-align: center;
	float: none;
    margin: initial;
	background:none;
	
}

a.link-blue-border.center, div.link-blue-border.center {
    margin: auto;
	
}

a.link-blue-border:hover, div.link-blue-border:hover {
    color: #fff !important;
    border: 2px solid #1D6391;
    background-color: #1D6391;
    font-weight: 500; /*Roboto Medium */

    padding: 15px 17px 13px 17px;
    font-size: 18px;
	text-decoration:none;
}

.action-block a.link-blue-border {
	display:block;
	float:left;
	height: 50px;
    padding: 12px 17px 13px 17px;
}

a.btn-carrot, div.btn-carrot {
	background: url(../images/icon_arrow_button.png) 91% 50% no-repeat;
	background-size:7px;
	padding-right: 37px;
}

a.btn-carrot:hover, div.btn-carrot:hover {
	background: url(../images/icon_arrow_button.png) 91% 50% no-repeat #1D6391;
	background-size:7px;
	padding-right: 37px;
}

.btn-container a.link-blue-border {
	float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    display: block;
    padding-top: 13px;
    height: 50px;
	
}


a.link-video {
	float:left;
}


a.link-video .link-icon {
    width: 50px;
    height: 50px;
    float: left;
    background: url(../images/icon-video-btn-white.png) 16px 13px no-repeat;
    background-size: 17px;
    border: 2px solid #2c95dd;
}


a.link-video:hover .link-icon {
    color: #fff !important;
    background-color: #1D6391;
    background-position: 18px -35px;
    border: none;
    border-right: 2px solid #000;
}



a.link-video .link-text {
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    display: table;
    padding: 15px 20px 11px 20px;
    float: left;
    height: 50px;
    font-weight: 500; /*Roboto Medium */
    border: 2px solid #2c95dd;
    border-left: none;
}

a.link-video:hover .link-text {
    color: #fff !important;
    border-color: #1D6391;
    background-color: #1D6391;
}

a.btn-blue-text, div.btn-blue-text {
	color: #2c95dd !important;
}

.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;
}

.counter-container {
    padding-bottom: 5px;
    display: table;
    margin: auto;
    padding-top: 10px;
}

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

li.countdown-unit {
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    list-style: none;
    padding: 0 11px;
	position:relative;
	font-weight: 200; /* Roboto Light */
}

li.countdown-unit span {
    font-size: 36px;
    line-height: 22px;
    color: #fff;
    display: block;
	padding-bottom: 9px;
	font-weight: 200; /* Roboto Light */
}


li.countdown-unit::after {
    content: ':';
	font-size: 27px;
    line-height: 22px;
	position: absolute;
    left: 60px;
    top: 0;
	font-weight: 200; /* Roboto Light */
}


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

.speaker-box-broadcast {
	margin-bottom:20px;
}

.speaker-box-broadcast img {
	border:none;
	max-width: none;
    width: 100%;
}



.speaker-box-broadcast .speaker-container {
	height:auto;
	padding: 25px 20px 90px 20px;
	background:#1a1a1a;
}

.speaker-box-broadcast .speaker-container:hover {
	background: #1a1a1a;
}

.speaker-box-broadcast p {
	font-size: 16px;
    line-height: 22px;
	color:#999;
	padding:0;
	margin-bottom:15px;
}

.speaker-box-broadcast p.keynote-title {
	font-size: 30px;
    line-height: 30px;
	font-weight: 200; /* Roboto Light */
	color:#fff;
	margin-bottom:15px;
	display:block;
}

.speaker-box-broadcast p.keynote-heading {
	font-weight: 200; /* Roboto Light */
	color:#fff;
	margin-bottom:0;
	line-height: 20px;
}

.speaker-box-broadcast p.keynote-date {
	margin-bottom:15px;
}

.speaker-box-broadcast .link-blue-border {
	margin:0;
	color:#fff !important;
	position: absolute;
    display: block;
    bottom: 28px;
}

.broadcast-main-area h3 {
	font-size: 42px;
    line-height: 48px;
	text-align:center;
	color:#fff;
	text-transform:none;
	font-weight: 200; /* Roboto Light */
}

.broadcast-main-area h4 {
	font-size: 16px;
    line-height: 22px;
	text-align:center;
	color:#fff;
	font-weight: 500; /*Roboto Medium */
	text-transform:none;
	padding-bottom: 25px;
}

.broadcast-main-area p {
	font-size: 24px;
    line-height: 30px;
	text-align:center;
	color:#999;
	padding: 0 300px;
	margin-bottom: 20px;
}

.broadcast-share-icon img {
    width: 27px;
    position: absolute;
    bottom: 25px;
    right: 20px;
}
.speaker-container .broadcast-share-icon img {
    bottom: 35px;
    right: 30px;
}

.section-legal  h5 {
	 font-size: 14px;
    color: #ddd;
	font-family: 'FFMetaWebProMedium', sans-serif;
	margin-bottom: 6px;
}

.section-legal p {
	font-size: 11px;
    line-height: 15px;
	padding-bottom:14px;
	color:#999;
}



@media (max-width: 1505px) { /* lg */
	.section-broadcast  #feature-area p {
		padding: 0 300px;
	
	}
}


@media (max-width: 1279px) { /* lg */
	.broadcast-main-area p {
		padding:0;
	}
	
	.section-broadcast  #feature-area p {
		padding: 0 200px;
	
	}
}

/* Small Desktop -md */
@media (max-width: 1039px) { /* md */
	.section-broadcast  #feature-area p {
		padding: 0 180px;
	
	}
}

/* Tablet -sm */
@media (max-width: 959px) { /* sm */
	
	.section-broadcast  #feature-area p {
		padding: 0 50px;
	
	}
	
	.broadcast-main-area p {
		padding: 0;
	}
	
	.container-fluid {
		padding: 0 16px;
	}
	
	#collapsed-nav {
		display:none !important;
	}
	
	#navigation_wrapper {
		display:block !important;
	}
	
	#headerWrap {
    	background-color: #4e5052 !important;
	}
	
	.show-nav #main-container {
		padding-top:0 !important;
		
	}
}

@media (max-width: 640px) { /* xs */
	.section-broadcast h1 {
		font-size: 70px;
		line-height: 30px;
	}
	
	.section-broadcast h2 {
		font-size: 47px;
	    line-height: 78px;
	}
	
	.section-broadcast  #feature-area p {
		padding: 0;
	
	}
	
	.speaker-box-broadcast {
		width: auto;
	}
	
	.btn-container a.link-blue-border {
		float:none;
		margin:0 auto 20px auto;
		
	}
	
	.section-broadcast #feature-area {
		height: 420px;
		padding-top: 120px;
	}
	
	.section-broadcast #feature-area p {
		font-size: 18px;
		line-height: 24px;
		margin-top:0;
	}
	
	.counter-container {
		padding-top: 20px;
	}
	
}



@media only screen and (max-width: 480px) {
	.section-broadcast h1 {
		font-size: 50px;
	    line-height: 20px;
	}
	
	.section-broadcast h2 {
		font-size: 34px;
	    line-height: 57px;
	}
	
}


/* --------------------------------------------
   UTILITIES
----------------------------------------------- */
em				{ font-style:italic; }
strong			{ font-weight:bold; color:#333;  }
.clrfix			{ zoom:1; }
.clrfix:after	{ content:".";display:block;height:0;clear:both;visibility:hidden; }

.hidden {display:none;}
.expander { cursor: pointer;}
.expanded {color:#006633;}
.file-file .file-metadata {display:none;}
.caps {text-transform:uppercase !important;}
.no-caps {text-transform:none !important;}
.no-wrap {white-space:nowrap !important;}
.dark-text {color:#333;}
.error-msg {color:#ff0000; padding:20px;}

span.headerMessage		{ position:absolute; top:-6000px; left:-2000px; }
	.headerMessage		{ position:absolute; top:-6000px; left:-2000px; }

.spacer 		{ clear:both; width:100%; overflow:visible; }
.clearBoth		{ clear:both; line-height:0px; height:0px; font-size:0px; margin:0px; }
.regularLine	{ height:1px; border-bottom:1px solid #D9D9D9; }
.noSpaceAfter	{padding-bottom:0; margin-bottom:0;}
.smallSpaceAfter	{margin-bottom:2px !important;}
.nopadding { padding: 0 !important; }

.bottom-10 { margin-bottom:10px !important; }
.bottom-15 { margin-bottom:15px !important; }
.bottom-20 { margin-bottom:20px !important; }
.bottom-25 { margin-bottom:25px !important; }
.bottom-30 { margin-bottom:30px !important; }
.bottom-35 { margin-bottom:35px !important; }
.bottom-40 { margin-bottom:40px !important; }
.bottom-50 { margin-bottom:50px !important; }
.bottom-55 { margin-bottom:55px !important; }
.bottom-60 { margin-bottom:60px !important; }
.bottom-70 { margin-bottom:70px !important; }
.bottom-72 { margin-bottom:70px !important; }
.bottom-75 { margin-bottom:75px !important; }
.bottom-80 { margin-bottom:80px !important; }
.bottom-90 { margin-bottom:90px !important; }
.bottom-100 { margin-bottom:100px; }
.bottom-120 { margin-bottom:120px !important; }
.bottom-125 { margin-bottom:125px !important; }
.bottom-200 { margin-bottom:200px !important; }
.bottom-300 { margin-bottom:300px !important; }

.padding-bottom-10 { padding-bottom:10px !important; }
.padding-bottom-15 { padding-bottom:15px !important; }
.padding-bottom-20 { padding-bottom:20px !important; }
.padding-bottom-25 { padding-bottom:25px !important; }
.padding-bottom-35 { padding-bottom:35px !important; }
.padding-bottom-40 { padding-bottom:40px !important; }
.padding-bottom-50 { padding-bottom:50px !important; }
.padding-bottom-60 { padding-bottom:60px !important; }
.padding-bottom-70 { padding-bottom:70px !important; }
.padding-bottom-75 { padding-bottom:75px !important; }
.padding-bottom-80 { padding-bottom:80px !important; }
.padding-bottom-90 { padding-bottom:90px !important; }
.padding-bottom-100 { padding-bottom:100px; }
.padding-bottom-120 { padding-bottom:120px !important; }

.line-bottom {border-bottom: #ebebeb 1px solid;}
.sep-line { 
	border-bottom: #fff 1px solid; 
	opacity: .4;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 40);
	    filter: alpha(opacity = 40);
	min-height:1px;
}
.border-right {border-right: #252525 1px solid; }
.border-bottom {border-bottom: #252525 1px solid;}
p.inline {display: inline;}


/*************************
BOOTSTRAP OVERRIDES

*************************/
.navbar {
	border-radius:0;
	border:none;
	min-height:inherit;
}


/* new 2/28
.hide-nav #headerWrap {
    background: none;
	width:100%;
}
*/

#headerWrap {  /* new 2/28 */
    background: none;
	width:100%;
}

.show-nav #headerWrap {  /* new 2/28 */
    background-color: #4e5052;
}

#headerWrap, .emc-v2 #headerWrap {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 504;
}

#dropDownIndicatorWrapper {
    position: fixed;
}

#dropDowns {
    position: fixed;
    top: 75px;
}

#collapsed-nav {
	position: fixed;
	top:0;
	width:100%;
	max-width: 1600px;
	z-index:1000;
	/*display:none;*/   /* new 2/28 */
	height:70px;
	border:none !important;
	/*background:rgba(0,0,0,.8);*/
}

#navigation_wrapper {
	display:none;
}

#collapsed-nav.shaded {
	background:rgba(0,0,0,.8);
}

#collapsed-nav.expanded {
	top:77px;
	z-index:1;
	background:rgba(0,0,0,.8);
}

#collapsed-nav a {
	float:right;	
}

#collapsed-nav .logo-link-collapsed {
	float:left;
}

#collapsed-nav .logo-emc {
	float:left;
}

#collapsed-nav .breadcrumb-product {
	float:left;
	/*padding:61px 0 0 15px;*/
	padding-top:26px;
	margin-left: 35px;
	font-size:15px;
	line-height:15px;
	color: #fff;
	/*transition: padding 0.1s ease-in-out;
	-webkit-transition: padding 0.1s ease-in-out;*/
	display:none;
	font-weight: 200; /* Roboto Light */
	
}

#collapsed-nav.shaded .breadcrumb-product {
	display:block;
	
}

#collapsed-nav span.sep-pipe {
    padding-left: 6px;
    padding-right: 6px;
    color: #333;
    font-size: 26px;
}

#collapsed-nav.shaded .breadcrumb-product {
	padding-top:26px;
	transition: padding 0.2s ease-in-out;
	-webkit-transition: padding 0.2s ease-in-out;
}

#collapsed-nav.shaded.expanded .breadcrumb-product {
	padding-top:26px;
	transition: none;
	-webkit-transition: none;
}

#collapsed-nav.expanded .breadcrumb-product {
	/*padding:32px 0 0 107px;*/
	margin-left: 126px;
	padding-top:32px;
	padding-top:26px;
	transition: none;
	-webkit-transition: none;
}

#collapsed-nav.expanded .logo-emc {
	display:none;
}

#collapsed-nav a.link-blue-border {
	margin: 48px 40px 0 0;
    padding: 10px 16px 8px 16px;
}

#collapsed-nav a.link-support, #collapsed-nav a.link-enablement {
	margin: 59px 40px 0 0;
	
}

.lt-ie9 #collapsed-nav {
	display:none !important;
}

.btn-nav-collapsed {
	display:block;
	width:80px;
	height:60px;
	background: url(../images/icon-nav.png) no-repeat 100% 23px;
	background-size:66px;
	float:right;
	margin-top: 0;
}

.btn-nav-collapsed:hover {
	opacity:.7;
	
}

.btn-nav-expanded {
	display:block;
	width:80px;
	height:60px;	
	float:right;
	display:none;
	margin-top:5px;
	background: url(../images/icon-collapse.png) no-repeat 100% 50%;
	background-size:31px;
}

#collapsed-nav.expanded .btn-nav-expanded {
	display:block;
}

.col-left .btn-nav-collapsed {
	margin-right: 40px;
}

#collapsed-nav.expanded .btn-nav-collapsed {
	display:none;
	
}

.show-nav #main-container {
	padding-top:70px;
	
}

#collapsed-nav.shaded a.link-support, #collapsed-nav.shaded a.link-enablement {
    transition: margin 0.2s ease-in-out;
    -webkit-transition: margin 0.2s ease-in-out;
}

#collapsed-nav.expanded a.link-support, #collapsed-nav.expanded a.link-enablement, #collapsed-nav.shaded a.link-support, #collapsed-nav.shaded a.link-enablement {
    margin-top: 24px;
}

#collapsed-nav.shaded a.link-blue-border {
    transition: margin 0.2s ease-in-out;
    -webkit-transition: margin 0.2s ease-in-out;
}

#collapsed-nav.expanded a.link-blue-border, #collapsed-nav.shaded a.link-blue-border {
    margin-top: 13px;
}

#collapsed-nav.shaded .btn-nav-collapsed {
    margin-top: 0;
    transition: margin 0.2s ease-in-out;
    -webkit-transition: margin 0.2s ease-in-out;
}

#collapsed-nav .breadcrumb-product a.link-carrot {
    float: none;
    clear: both;
    color: #2c95dd;
    text-transform: none;
    transition: none;
    webkit-transition: none;
    -moz-transition: none;
}

/* MEDIA TAB */

.media-chip {
	background-color: #1a1a1a;
	margin-bottom: 20px;
}
.media-chip a:hover {
	text-decoration: none;
}
.media-chip-image {
	position: relative;
}
.media-chip-image .img-responsive {
	width: 100%;
}
.media-chip-image .play-icon {
	position: absolute;
	bottom: 0px;
}
.media-chip-content {
	padding:20px;
}
.media-chip-title {
	color:#fff;
	font-size: 18px;
}
.media-chip-desc {
	color:#999;
	font-size: 16px;
}
section>div>div {
	margin:0;
	max-width:none;
	padding-left:0;
	padding-right:0;
}

@media screen and (min-width: 40em)
{
    #main-container .container-fluid {
        padding: 0 18px;
        max-width: 1600px;
    }
}
@media screen and (min-width: 61.25em)
{
    #main-container .container-fluid {
        padding: 0 20px;
    }
   
}
@media screen and (min-width: 80em)
{
    #main-container .container-fluid {
        padding: 0 50px;
    }
}
@media screen and (min-width: 100em)
{
    #main-container .container-fluid {
        padding: 0 90px;
    }
}