#inboundBar .ib-slider .ib-content {
position: absolute !important;
left: 40px !important;
top: 0px !important;
bottom: 0px !important;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjE2RkVCMzg5Q0MxMUUzOUZEQ0U3M0NBRjRFNTFBNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjE2RkVCNDg5Q0MxMUUzOUZEQ0U3M0NBRjRFNTFBNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM2MTZGRUIxODlDQzExRTM5RkRDRTczQ0FGNEU1MUE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2MTZGRUIyODlDQzExRTM5RkRDRTczQ0FGNEU1MUE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+piYiXwAAAA9JREFUeNpiEBISegYQYAABjQEd0YYSJwAAAABJRU5ErkJggg==') !important;
}
#inboundBar {
top: 202px !important;
}
.ib-slider-wrapper{ 
     top: 0px !important; 
}
/****************************************************************************************************/
/***********    Page Navigation     *****************/
/****************************************************************************************************/
body a:hover {
text-decoration: none !important;
}
#fauxHeaderWrap {
display: none;
}
.toggleMenu {
display: none;
}
.subNavBarCont {
clear: both;
width: 100%;
position: relative;
font-family: Arial, Helvetica, sans-serif;
}
.subNavBar ul.subNavTop {
clear: both;
}
.subNavBar ul.subNavTop li {
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
color: #2c95de;
font-size: 20px;
text-transform: uppercase;
}
.subNavBar ul.subNavTop li a, .subNavBar ul.subNavTop li a:link,
.subNavBar ul.subNavTop li a:visited {
color: #2c95dd;
}
.subNavBar ul.subNavTop li a:hover, .subNavBar ul.subNavTop li a:active, 
.subNavBar ul.subNavBottom li a:hover, .subNavBar ul.subNavBottom li a:active, 
.subNavBar ul.subNavBottom li.selected a, .subNavBar ul.subNavBottom li.selected a:visited	{
color: #FFFFFF;
}
.subNavBar ul.subNavTop li.lastLink, 
.subNavBar ul.subNavBottom li.lastLink {
padding-right: 0px;
}
.subNavBar ul.subNavBottom li {
padding: 6px 22px;
font-size: 15px;
}
.subNavBar ul.subNavTop li.pageNavSelected {
color: #FFFFFF;
font-weight: bold;
}
.subNavFillerBottom {
position: absolute;
bottom: -5px;
left: 0;
z-index: 0;
width: 100%;
height: 5px;
background: url("/images/products/vipr/vipr-subhead-gradient.png") 0 0 repeat-x ;
}

        a.solutionBlueButtonTitle {
color: #fff !important;
font-size: 17px !important;
padding: 14px 30px !important;
background-color: #2c95dd !important;
}
a.solutionBlueButtonTitle:hover {
text-decoration: none;
}

/****************************************************************************************************/
/***********    Try Page     *****************/
/****************************************************************************************************/
body #viprWrapper .hero,
body #viprWrapper .heroBlue {
height: auto;
}

#heroIcon {
width: 172px;
height: 172px;
background: url("/images/products/vipr/download.png") no-repeat 0 0;
}
.content-frame {
margin: 0 auto 4px auto;
}
.content-frame-hero {
margin: 0 auto;
}
.main section.hero h1,
.main .content-frame h1,
.main section.hero .heroSuperScript {
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, sans-serif;
font-weight: normal;
color: #0092DE;
}
.main section.hero .heroSuperScript {
float: left;
display: inline-block;
font-size: 1.0em;
margin: 4px 0 0 4px;
}
#tt-hero-subheadline {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
color: #333333;
line-height: 1.1em;
clear: both;
}
#tryVIPR {
float:left;
margin-top: 13px;
}
#descriptionList {
float:left;
text-align: left;
}
#descriptionList ul {
line-height: 1em;
}
#descriptionList li {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size:11pt;
}
#grayBoxContainer {
margin-bottom: 85px;
background-color: #F2F2F2;
height: 100%;
width: 100%;
}
#emailIcon {
background-image: url("/images/products/vipr/email-desktop-tablet.png");
width:65px;
height:65px;
float:left;
margin:30px 40px 30px 40px;
}
#emailNow {
height:46px;
width:164px;
float: right;
margin: 41px 35px 0 0;
}
.emailNowText {
float: left;
width: auto;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #666666;
}
#emailHeader {
font-size: 15pt;
font-weight:bold;
margin-top: 34px;
}
#emailSubHeader {
font-size: 10pt;
margin-top: 4px;
}
.linkList {
margin-bottom: 50px;
}
.linkListHeader {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size:23px;
left:0px;
text-align: left;
text-transform: uppercase;
}
.line-separator {
height:1px;
width: 100%;
background-color: #CCCCCC;
left:0px;
}
.linkList li {
margin-top: 20px;
}
.linkImage {
background-image: url("/images/products/vipr/pdfIcon.png");
width:32px;
height:32px;
vertical-align: middle;
left:0px;
display: inline-block;
margin-right:15px;
}
.linkText {
display: inline-block;
vertical-align: middle;
line-height: 19px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, sans-serif;
width: 85%;
}
.linkList .title {
vertical-align: middle;
text-align: left;
width:200px;
}
.linkList .subTitleLink {
vertical-align: middle;
text-align: left;
}
#whitepaperLogo {
clear: both;
display: none;
width: 256px;
height: 46px;
margin: 40px auto 0;
}
#viprWrapper a, #viprWrapper a:link,
#viprWrapper a:active, #viprWrapper a:hover, 
#viprWrapper a:visited {
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, sans-serif;
color: #0077AA;
font-weight: normal;
text-decoration: none;
}
#viprWrapper a:active, #viprWrapper a:hover {
text-decoration: underline;
}
.blueButton:focus {
outline: none;
}
.blueButton {
position: relative;
cursor: pointer;
padding: 4px 24px 6px;
text-align: center;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, sans-serif;
font-size: 1.25em;
background-color: #1E93E0;
color: #FFFFFF;
/*
-webkit-text-shadow: #666 0px 2px 3px;
-moz-text-shadow: #666 0px 2px 3px;
text-shadow: #666 0px 2px 3px;
border-top: 3px solid #cff46c;
border-bottom: 6px solid #27400e;
border-right: none;
border-left: none;
background: -webkit-linear-gradient(#8ec052, #3c7d12);
background: -o-linear-gradient(#8ec052, #3c7d12);
background: -moz-linear-gradient(#8ec052, #3c7d12);
background: linear-gradient(#8ec052, #3c7d12);
-pie-background: linear-gradient(#8ec052, #3c7d12);
*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#A8A8A8')";*/
/*-o-box-shadow: 0px 3px 2px 0px #375122;
-webkit-box-shadow: 0px 3px 2px 0px #375122;
-moz-box-shadow: 0px 3px 2px 0px #375122;
box-shadow: 0px 3px 2px 0px #375122;
box-shadow: 0px -2px 0px 0px #375122 inset;*/
/*
-o-box-shadow: #666 0px 2px 3px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
*/
-o-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
behavior: url('/R1/assets/js/products/vipr/PIE.htc');
}
.blueButton:hover {
/*
background: -webkit-linear-gradient(#3c7d12, #8ec052);
background: -o-linear-gradient(#3c7d12, #8ec052);
background: -moz-linear-gradient(#3c7d12, #8ec052);
background: linear-gradient(#3c7d12, #8ec052);
-pie-background: linear-gradient(#3c7d12, #8ec052);
*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#A8A8A8', endColorstr='#FFFFFF')";*/
/*
behavior: url('/R1/assets/js/products/vipr/PIE.htc');
*/
}

#viprWrapper #tryVIPR a.blueButton {
color:#fff;
text-decoration: none;
}
/****************************************************************************************************/
/***********    Buy Page     *****************/
/****************************************************************************************************/

.configurationImage {
height:150px;
width:100%;
}
.configurationImage img {
height:auto;
max-width:100%;
}
.configurationBody {
margin-top: 7px;
margin-bottom: 42px;
font-size: 16px;
font-family: arial, sans-serif;
color: #666666;
}
#learnMore.blueButton,
#learnMoreLast.blueButton {
font-size: 1.0em;
padding:10px 10px 10px;
width: 140px;
}
#buySeparator.line-separator {
margin-top: 0;
margin-bottom: 35px;
}
#buyGlobe {
position: relative;
width: 100%;
}
#globeDescriptionBody {
position: absolute;
text-align: center;
/*width:80%;*/
left:0;
right:0;
margin: auto;
max-width:830px;
}
/******** 'detail' stuff also used on Learn page ************/
.learnDetailCont {
margin-top:60px;
}
.detailItemImage {
margin-right: 25px;
height: inherit;
display: inline-block;
float: left;
vertical-align: top;
}
.detailItemTextContainer {
height: inherit;
display: inline-block;
float: left;
margin-bottom: 25px;
}
.detailItemTitle {
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, sans-serif;
font-weight: 500;
margin-bottom: 7px;
font-style: normal;
width:96%;
}
.detailItemBody {
font-family: arial, sans-serif;
}
#viprNoPadding {
margin-bottom: 0px !important;
}
/****************************************************************************************************/
/***********    My Sales Page     *****************/
/****************************************************************************************************/
#heroIcon.mySales {
width: 166px;
height: 183px;
background: url("/images/products/vipr/my-sales.png") no-repeat 0 3px;
}
.powerlinkLink {
float: right;
font-size: .9em;
}
#salesPlaybookCont {
padding: 10px;
}
#cloudIcon {
background: url("/images/products/vipr/cloud.png") no-repeat 0 0;
width: 261px;
height: 153px;
float: left;
margin: 0px;
text-align: center;
font-size: 1.6em;
}
.cloudLink {
margin-top: 56px;
display: block;
}
.salesPlaybookText {
float: left;
width: auto;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #666666;
padding: 20px 0 0 55px;
}
.salesPlaybookList {
margin-bottom: 15px;
font-size: .95em;
}
.salesPlaybookText a {
display: block;
}
.metadata {
font-size: .8em;
color: #666666;
}

/*************************************************************/
/************ LEARN PAGE *************/
/*************************************************************/

#viprWrapper.viprLearnBody {
background-color: #F2F2F2;
padding-bottom: 0;
}
#learnGradientTop {
width: 100%;
height: 222px;
margin-top: -18px;
background: url("/images/products/vipr/vipr-learn-background-main-gradient.png") repeat-x 0 0 #FFFFFF;
}
#learnMainContainer2 {
background: url("/images/products/vipr/vipr-learn-background-main.png") no-repeat 50% 0;
}
#bigDataContainer.learnBackground {
margin-top: 0px;
}
#viprWrapper.viprLearnBodyLower {
background: url("/images/products/vipr/vipr-learn-white-lwr-bg.png") no-repeat 50% 0 #FFFFFF;
padding-bottom: 0px;
}
#heroDescription {
margin-left: 60px;
margin-top: 32px;
float:left;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
font-weight: normal;
max-width: 68%;
}
.learnVerticalDots {
width: 2px;
background: url("/images/products/vipr/vipr-vertical-dots.gif") repeat-y 0 0;
margin: 0 auto;
}
.learnDotsStandard {
height: 147px;
}
.learnVerticalDotsMed {
height: 73px;
}
.learnVerticalDotsMed2 {
height: 63px;
}
.learnSingleDot {
width: 11px;
height: 11px;
background: url("/images/products/vipr/vipr-dot.gif") no-repeat 0 0;
margin: 0 auto;
}
#oldSchoolDots1 {
height: 120px; 
margin-bottom: 0px; 
padding-right: 1px;
}
#oldSchoolDots2 {
height: 140px; 
margin-top: 10px; 
padding-right: 1px;
}
#thirdPlatform {
margin-top: -18px;
}

.platform-title {
font-size: 36px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
color: #0092DE;
margin-bottom: -6px;
}

.platform-subtitle {
font-size: 31px;
font-family: arial, sans-serif;
text-align: center;
font-weight: normal;
color: #666666;
line-height: 36px;
margin-top: 12px;
}

.platform-miniTitle {
font-size: 27px; /* 30px; breaks the layout near 980ish width */
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
font-weight: 500;
font-style: normal;
color: #0092DE;
}

#platformInfo {
min-height: 293px;
margin: 34px 0 0 15.3%;
}

#welcomeParent {
float:left;
width: 27.5%;
height: 293px;
margin-left: 37px;
}
#platform-miniTitle-small-screen,
#infographic-mobile {
display: none;
}
/*
#platformInfo {
min-height: 293px;
margin: 34px 0 0 12.1%;
}

#welcomeParent {
float:left;
width: 27.8%;
height: 293px;
margin-left: 22px;
}
*/

#cloudWelcome {
width: 100%;
line-height: 32px;
margin-top: 32px;
margin-bottom: 15px;
}

#cloudInfoDetail {
width: 100%;
font-family: arial, sans-serif;
color: #666666;
}

#platformList {
text-align: right;
line-height: 32px;
float:left;
height: 293px;
margin-right: 29px;
margin-left: 0;
}

#platformList {
margin-top: 80px;
}

#bigDataDescription {
margin-bottom: 35px;
}

#infographicContainer {
min-height: 100px;
width: 450px;
display: block;
margin-left: auto;
margin-right: auto;
}

#infographicContainer div {
display: block;
margin-right: auto;
margin-left: auto;
}

.infographic {
float:left;
min-width: 150px;
min-height: 100px;
}

.infographic #emailGraphic {
background: url("/images/products/vipr/viprEmailGraphic.png") no-repeat 0 0;
width: 40px;
height: 40px;
}

.infographic #twitterGraphic {
background: url("/images/products/vipr/viprTwitterGraphic.png") no-repeat 0 0;
width: 40px;
height: 40px;
}

.infographic #phoneGraphic {
background: url("/images/products/vipr/viprPhoneGraphic.png") no-repeat 0 0;
width: 40px;
height: 40px;
}

.graphicTitle {
margin-top: 10px;
text-align: center;
font-family: arial, sans-serif;
font-weight: bold;
color: #0092DE;
}

.graphicSubTitle {
text-align: center;
font-family: arial, sans-serif;
color: #666666;
margin-bottom: 5px;
}

#ovalGraphicContainer {
margin-top: 0px;
margin-left: 100px;
min-width: 780px;
min-height: 298px;
display: inline-block;
/*background: url("/images/products/vipr/starsAndBitsOval.png") no-repeat 0 0;*/
overflow: hidden;
-o-border-radius: 50% / 50%;
-webkit-border-radius: 50% / 50%;
-moz-border-radius: 50% / 50%;
border-radius: 50% / 50%;
behavior: url('/R1/assets/js/products/vipr/PIE.htc');
}

#binaryDigits {
display: inline-block;
width:390px;
height: 298px;
float: left;
background: url("/images/products/vipr/viprBlueOval.png") no-repeat 0 0;
}

#starSky {
position: relative;
width:390px;
height: 298px;
float: left;
background: url("/images/products/vipr/viprBlackOval.png") no-repeat 0 0;
}

.digits {
z-index: 50;
float: left;
margin-left: 5px;
width: 7px;
height: 298px;
background:url("/images/products/vipr/viprDigits.png") repeat 0 0;
}
.digit {
z-index: 50;
float: left;
margin-left: 5px;
height: 298px;
}
.digitSmall {
width: 9px;
background:url("/images/products/vipr/viprDigitSmall.png") repeat 0 0;
}
.digitMedium {
width: 13px;
background:url("/images/products/vipr/viprDigitMedium.png") repeat 0 0;
}
.digitLarge {
width: 18px;
background:url("/images/products/vipr/viprDigitLarge.png") repeat 0 0;
}

#textPolygon {
background:url("/images/products/vipr/viprWhiteOctagon.png") repeat 0 0;
width: 201px;
height: 231px;
margin-left: 289px;
margin-top: 34px;
position: absolute;
}
#textPolygonText{
margin-top: 64px;
text-align: center;
font-family: 'ff-meta-web-pro-condensed', arial, sans-serif;
color: #0092DE;
font-size: 24px;
line-height: 26px;
z-index: 99;
position: relative;
}

#starrySky1, #starrySky2, #starrySky3 {
z-index:50;
top:0;
left:0;
width:100%;
height:298px;
position: absolute;
background: url("/images/products/vipr/viprStars1.png") repeat 0 0;
}

#starrySky2 {
z-index:49;
background: url("/images/products/vipr/viprStars2.png");
}

#starrySky3 {
z-index:48;
left:100px;
background-image: url("/images/products/vipr/viprStars3.png");
}
#cloudCityCont {
width: 100%;
position: relative;
}
.cloudCityText {
font-family: arial, sans-serif;
color: #0092DE;
font-size: 15px;
font-weight: bold;
width: 190px;
text-align: center;
line-height: 18px;
}
#cloudCityText1 {
position: absolute;
left: 18%;
bottom: 204px;
}
#cloudCityText2 {
display: none;
position: absolute;
right: 22%;
top: 302px;
}
.learnLargeBlueTextCont {
margin: 0 auto;
}
.learnLargeBlueText {
font-size: 46px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
text-align: center;
font-weight: 500;
font-style: normal;
color: #0092DE;
line-height: 48px;
}
#oldSchoolCont {
width: 100%;
position: relative;
margin-top: 16px;
padding-left: 1px;
}
#oldSchoolServer {
position: absolute;
right: 52.2%;
top: 106px;
width: 261px;
height: 214px;
background: url("/images/products/vipr/viprOldSchoolServer.png") no-repeat 0 0;
}
#oldSchoolText {
position: absolute;
top: 50px;
padding: 18px 23px;
}
#newSchoolText {
position: absolute;
top: 50px;
left: 58%;
padding: 18px 0px;
}
.learnOldSchoolGrayText {
font-size: 24px;
line-height: 30px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
text-align: right;
font-weight: normal;
color: #666666;
}
.learnNewSchoolBlueText {
font-size: 24px;
line-height: 30px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
text-align: left;
font-weight: normal;
color: #0092DE;
}
#learnOldSchoolBreakText {
margin-bottom: 17px;
}
#cloudServerLine {
width: 140px;
height: 80px;
margin: 0 auto;
background: url("/images/products/vipr/vipr-cloud-no-line3.png") no-repeat 0 0;
z-index: 99;
position: relative;
}
#serverLine {
width: 14px;
height: 108px;
margin: 0 auto;
background: url("/images/products/vipr/vipr-line.png") no-repeat 0 0;
}
#serverTowerContainer {
position: relative;
margin: -2px auto 0;
width: 348px;
min-height: 265px;
}
.towerServer {
position: absolute;
background-image: url("/images/products/vipr/viprTowerServer.png");
width: 179px;
height: 121px;
margin-left: 25.5%;
}
#server1 {
top: 0px;
z-index: 50;
}
#server2 {
top:40px;
z-index: 49;
}
#server3 {
top:80px;
z-index: 48;
}
#towerBase {
position: absolute;
background-image:url("/images/products/vipr/viprTowerBase.png");
width: 361px;
height: 228px;
margin-bottom: 20px;
top: 3px;
}
#cloudCheckMark {
position: absolute;
background-image:url("/images/products/vipr/vipr-cloud-box-checked.png");
width: 39px;
height: 39px;
right: 11%;
bottom: 180px;
z-index: 55;
}
body #viprWrapper .honeycombBlue {
background: url("/images/products/vipr/vipr-background-top-desktop-blue.png") no-repeat 50% 0  #2D96DD;
padding-top: 30px;
position: relative;
}
#heroContainerBlue {
position: relative;
}
#heroDescriptionBlue {
margin-top: 55px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
font-weight: normal;
color: #FFFFFF;
float:left;
}
#learn-hero-topLine-blue {
font-size: 38px;
line-height: 41px;
font-weight:bold;
}
#learn-hero-bottomLine-blue {
font-size: 26px;
line-height: 35px;
}
#learnLowerTitle {
font-size: 42px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
text-align: left;
font-weight: normal;
color: #0092DE;
line-height: 30px;
margin-bottom: 8px;
}
#learnLowerSubTitle {
font-size: 55px;
font-family: 'ff-meta-web-pro-condensed', arial, sans-serif;
text-align: left;
font-weight: normal;
color: #666666;
line-height: 40px;
}
.learnHeroContainerLower {
margin-top: 54px;
margin-bottom: 69px;
}
.learnHeroDescriptionLower {
float: left;
margin-left: 7%;
margin-top: 49px;
max-width: 600px;
}
.learn-hero-topLine-lower {
font-size: 36px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
text-align: left;
font-weight: 500;
font-style: normal;
color: #0092DE;
line-height: 36px;
margin-bottom: 8px;
max-width: 538px;
}
.learn-hero-bottomLine-lower {
font-size: 16px;
font-family: arial, sans-serif;
text-align: left;
font-weight: normal;
color: #666666;
line-height: 23px;
}
#learn_opex.detailItemImage {
background: url("/images/products/vipr/vipr-learn-opex-desktop-tablet.png") no-repeat 0 0;
}
#learn_platform.detailItemImage {
background: url("/images/products/vipr/vipr-learn-platform-desktop-tablet.png") no-repeat 0 0;
}
#learn_flex.detailItemImage {
background: url("/images/products/vipr/vipr-learn-flex-desktop-tablet.png") no-repeat 0 0;
}
.learn-tagline-title-lower {
font-size: 23px;
font-family: arial, sans-serif;
text-align: left;
color: #666666;
line-height: 28px;
margin-top: 26px;
font-weight: bold;
}
.learn-tagline-text-lower {
font-size: 16px;
font-family: arial, sans-serif;
text-align: left;
color: #666666;
line-height: 21px;
margin-top: 12px;
font-weight: normal;
}
.learnDividerLower {
background: url("/images/products/vipr/vipr-learn-divider-lower.png") no-repeat 0 0;
width: 100%;
height: 12px;
max-width: 980px;
margin-top: 25px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.learnDividerLower.learnLastDivider {
margin-top: 60px;
}
#learn_efficiency.detailItemImage {
background: url("/images/products/vipr/vipr-learn-efficiency-desktop-tablet.png") no-repeat 0 0;
}
#learn_utilization.detailItemImage {
background: url("/images/products/vipr/vipr-learn-utilization-desktop-tablet.png") no-repeat 0 0;
}
#learn_sla.detailItemImage {
background: url("/images/products/vipr/vipr-learn-sla-desktop-tablet.png") no-repeat 0 0;
}
.viprLearnBodyLower .configurationBody {
height: auto;
color: #333333;
line-height: 18px;
}
.learn-title-lower-last {
font-size: 36px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
text-align: center;
color: #0092DE;
line-height: 28px;
margin-top: 66px;
font-weight: 500;
font-style: normal;
}
.learn-text-lower-last {
font-size: 17px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
text-align: center;
color: #666666;
line-height: 21px;
margin-top: 36px;
font-weight: normal;
}
body #viprWrapper .honeycombBlack {
background-color: #000000;
margin-top: 80px;
padding-top: 0;
padding-bottom: 80px;
position: relative;
}
#heroContainerBlack {
margin-left: -9px;
}
#heroDescriptionBlack {
padding-top: 140px;
font-family: 'ff-meta-web-pro-condensed', arial, sans-serif;
font-weight: normal;
color: #FFFFFF;
}
#learn-hero-topLine-black {
font-size: 36px;
line-height: 42px;
margin-bottom: 5px;
text-align: left;
}
#learn-hero-mainLine-black {
font-size: 38px;
color: #0092DE;
line-height: 37px;
margin-bottom: 16px;
text-align: left;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
font-weight: 500;
font-style: normal;
}
#learn-hero-subLine-black {
font-size: 20px;
line-height: 22px;
margin-bottom: 19px;
text-align: left;
font-family: arial, sans-serif;
}
#learn-hero-link a:link {
font-size: 20px;
font-family: arial, sans-serif;
}
.learnVideoButton {
width: 162px;
margin-top: 20px;
border: 2px solid #3396da;
color: #3396da;
font-weight: bold;
font-size: 16px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
.learnVideoLink {
padding: 12px 0px 11px;
cursor: pointer;
}
.learnVideoLink img {
vertical-align: top;
width: 12px;
height: 18px;
}
#ovalSubtitle {
text-align: center;
margin-top: 20px;
font-size: 20px;
font-family: arial, sans-serif;
font-weight: normal;
color: #666666;
line-height: 22px;
                        margin-bottom: 20px;
}
.centerVideo {
margin: 0px auto;
margin-top: 25px;
margin-bottom: 25px;
}
.viprTitleAlignment {
text-align: left;
padding-left: 0px;
padding-right: 0px;
}
#advantageSubtext {
color:rgb(51,51,51);
font-size: 22px;
line-height: 35px;
margin-top: 10px;
font-family: arial, sans-serif;
}
.conditionallyCentered {
margin: none;
}
.conditionallyMobileCentered {
margin: none;
}
.button a {
width: 81%;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin: 45px 0 10px 0;

line-height: 50px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15% !important;
padding-right: 15% !important;
}
div.button {
height: 50px;
text-align: left;
margin-top: 20px; 
margin-bottom: 5px;
}
#NewSchoolVid1 {
margin-top: 20px;
}
.overlay-bg {
position:fixed;
top:0;
left:0;
width:100%;
min-height:100%;
z-index:10000;
background-color:#000;
opacity:0.5;
}

.overlay-wrap {
position:fixed;
top:0;
left:0;
width:100%;
min-height:100%;
background:transparent;
z-index:10010;
cursor:pointer;
}

.overlay-wrap .close-button {
position:absolute;
top:20px;
right:20px;
width:30px;
height:24px;
cursor:pointer;
background-image:url(/images/header/dropdown-menu-sprites.png);
background-position:0 -4350px;
background-repeat:no-repeat;
z-index:10041;
margin:0;
padding:0;
}

.overlay {
position:relative;
background:#FFF;
z-index:10020;
max-width:980px;
cursor:default;
margin:8% auto 10px;
}

.videowrap {
max-width:980px;
height:0;
padding-bottom:56.25%;
padding-top:1px;
position:relative;
z-index:10040;
}

.videowrap object,.videowrap embed,.videowrap .BrightcoveExperience {
background-color:#000;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
outline:medium none;
}
/***********    Contact Bar     *****************/

#contact-bar-ul {
margin: 0;
}
li.contact-emc, section.contact-emc {
background-color: #3d3d3d;
}
ul.contact-emc-links {
overflow: hidden;
width: 100%;
padding: 40px 0px 30px;
margin-top: 0px;
}
.contact-emc-links li {
position: relative;
width: 31%;
float: left;
margin-bottom: 0;
padding-bottom: 0;
font-family: Arial, Helvetica, sans-serif;
}
#contact-bar-ul .content-frame {
margin: 44px auto 0 auto;
}
.contact-emc-links #tt-contact-bar-email {
width: 25%;
}
#viprWrapper .contact-emc-links li a, #viprWrapper .contact-emc-links li a:link, #viprWrapper .contact-emc-links li a:active, 
#viprWrapper .contact-emc-links li a:hover, #viprWrapper .contact-emc-links li a:visited {
font-family: Arial, Helvetica, sans-serif;
color: #0077AA;
font-weight: normal;
text-decoration: none;
}
#viprWrapper .contact-emc li img {
display: block;
float: left;
margin-right: 18px;
}
.contact-emc-links .contactCont {
float: left;
width: 50%;
}
.contact-emc-links #tt-contact-bar-site .contactCont {
width: 59%;
}
.contact-emc-links li a h5 {
font-size: 18px;
line-height: 18px;
color: #2c95dd;
margin-bottom: 8px;
}
.contact-emc li a p {
font-size: 14px;
line-height: 15px;
color: #FFFFFF;
}
div.emc-links-dividerCont {
float: left;
width: 1px;
margin: 0 40px 0 20px;
}
div.emc-links-divider {
width: 1px;
height: 90px;
margin: 0 auto;
border-right: 1px solid #666666;
}


@media screen and (min-width: 5px) {
/*  Used only to detect if media query is supported by the browser */
}



@media only screen and (min-width: 600px) {
}

@media screen and (min-width: 641px) {
}

@media screen and (max-width: 640px) and (orientation: landscape) {
#textPolygonText {
	font-size:28px !important;
}
}

@media screen and (device-width: 640px) and (device-height: 360px) and (orientation: landscape) {
.video-overlay .overlay {
max-width:80%;
}
}

@media only screen and (min-width: 900px) {
}

/****************************************************************************************************/
/***********    Desktop Main  (Some Tablet Overlap)     *****************/
/****************************************************************************************************/

@media screen and (min-width: 641px) {
body #viprWrapper {
padding-bottom: 80px;
}
#headerWrap  {
position: relative;
}
#fauxHeaderWrap {
display: none;
position: fixed;
width: 100%;
height: 50px;
margin-bottom: 0px;
background-color: #4e5052;
top: 0;
z-index: 1000;
}
#fauxHeader {
height: 77px;
margin: 0 auto;
width: 980px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
}
#fauxHeader #fauxHeaderTop {
position: relative;
background-image: none;
height: 77px;
width: 100%;
}
#fauxHeader a.logoLink:visited, #fauxHeader a.logoLink:link, 
#fauxHeader a.logoLink, #fauxHeader a.logoLink:active {
color: #fff;
text-decoration: none;
cursor: auto.
}
#fauxHeader a.toTopLink, #fauxHeader a.toTopLink:visited {
float: right;
text-decoration: none;
color: #FFFFFF;
font-size: 11px;
margin-top: 28px;
}
#fauxHeader a.toTopLink:active, #fauxHeader a.toTopLink:hover {
text-decoration: underline;
}
#fauxHeader #emcLogo {
position: absolute !important;
        top: 0px;
        left: 0px;
        width: 91px;
        height: 56px;
        background-color: #2c95dd;
        background-image: url('/images/header/header-sprites-2014.png');
        background-repeat: no-repeat;
        background-position: 0px -934px !important;
}
#fauxHeader .headerSprite.headerEMCLogo {
background-position: 0px -726px;
background-repeat: no-repeat;
width: 91px;
height: 30px;
}
.headerSprite, #fauxHeader .headerSprite {
background-image: url("http://www.emc.com/images/header/header-sprites.gif");
}

.subNavBarCont {
height: 90px;
top: 0px;
margin: 0px auto -85px;
padding-top: 10px;
background: transparent;
z-index: 499;
-webkit-transition-property: height;
-webkit-transition-duration: .35s;
-moz-transition-property: height;
-moz-transition-duration: .35s;
transition-property: height;
transition-duration: .35s;
}
.subNavFiller {
position: absolute;
opacity: .85;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background-color: #000000;
}
.subNavBarMain {
margin: 0 auto;
position: relative;
height: 100%;
width: 980px;
background: transparent;
}
.subNavBar {
clear: both;
margin: 0px auto 0px;
width: 100%;
height: 100%;
}
.subNavBar ul {
float: right;
margin: 0;
display: block;
clear: both;
}
.subNavTop {
display: block;
}
.subNavBar ul.subNavTop {
display: block;
padding-bottom: 3px;
}
.subNavBar ul.subNavBottom {
background-color: #2c95dd;
padding-left: 20px;
}
.subNavBar ul li {
float: left;
text-align: center;
}
.subNavBar ul.subNavTop li {
padding: 3px 0 0 47px;
margin-top: 50px;
-webkit-transition-property: margin-top;
-webkit-transition-duration: 0.35s;
-moz-transition-property: margin-top;
-moz-transition-duration: 0.35s;
transition-property: margin-top;
transition-duration: 0.35s;
}
.subNavBar ul.subNavTop li.firstLink {
padding-left: 0px;
}
.subNavBar ul.subNavTop span.subNavTopLink {
cursor: pointer;
text-decoration: none;
}
.subNavBar ul.subNavTop #breadcrumbLink span.subNavTopLink:hover {
color:#2C95DE;
cursor: pointer;
text-decoration: underline;
}
.subNavBar ul.subNavTop span.subNavTopLink:hover {
color: #FFFFFF;
}
#viprIcon {
position: absolute;
z-index: 1001;
width: 180px;
height: 25px;
left: 0px;
bottom: 14px;
background-image: url("/images/products/vipr/vipr-logo-desktop.png");
background-repeat: no-repeat;
}
#breadcrumbLink {
position: absolute;
left: 0;
top: -32px;
padding: 0px;
font-weight: normal;
text-transform: uppercase;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
#breadcrumbLink #cloudArrows {
font-size: 17px;
}
#breadcrumbLink a, #breadcrumbLink a:visited {
color: #2c95dd;
text-decoration: none;
}
#breadcrumbLink a:hover, #breadcrumbLink a:active {
color: #2c95dd;
text-decoration: underline;
}
#supportLink, #myViewLink {
position: absolute;
cursor: pointer;
top: -36px;
padding: 2px 11px 3px;
font-size: 12px;
font-family: arial, sans-serif;
color: #FFFFFF;
background-color: #525252;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url('/R1/assets/js/products/vipr/PIE.htc');
}
#myViewLink.pageNavMyViewSelected {
background-color: #2D95DE;
}
#supportLink {
right: 0px;
}
#myViewLink {
right: 108px;
}
#supportLink:hover, #myViewLink:hover {
background-color: #2D95DE;
}
body #viprWrapper {
margin-top: 30px;
}
body #viprWrapper .honeycomb {
background: url("/images/products/vipr/vipr-background-top-desktop.jpg") no-repeat 50% 0;
padding-top: 343px;
padding-bottom: 50px;
}

body .heroUnscrolled {
margin-top: -365px;
}
body .heroScrolled {
margin-top: -305px;
}

body #viprWrapper .heroLearn {
background: url("/images/products/vipr/vipr-learn-background-top-desktop.gif") no-repeat 50% 90%;
padding-top: 170px;
padding-bottom: 10px;
/*
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
*/
}
.content-frame, .content-frame-hero {
max-width: 980px;
}
#heroContainer {
height: 212px;
}
#heroIcon {
width: 172px;
height: 172px;
background: url("/images/products/vipr/vipr-download-desktop.png") no-repeat 0 0;
float:left;
margin-left: 45px;
}
#descCont {
float: left;
width: 485px;
margin-left: 80px;
}
#firstDescription {
margin-bottom:30px;
}
.main section.hero h1 {
font-size: 49px;
}
.main section.hero h1.buy, 
.main .content-frame h1.buy {
font-size: 36px;
}
#tt-hero-subheadline {
font-size: 22px;
width: 415px;
}
#tryVIPR {
margin-right:30px;
}
.linkList ul {
float: left
}
.linkList ul.col1 {
width: 52%
}
.linkList ul.col2 {
width: 44%
}
.linkList .subTitleLink {
max-width: 370px;
}
#whitepaperLink {
float: right;
margin-top: 7px;
}

/******** BUY *********/
#buyHeroContainer {
min-height: 400px;
margin-top: 21px;
}
/******** 'configuration' stuff also used on Learn page ************/
.configurationOption {
width:30%;
min-height: inherit;
display: inline-block;
}
.configurationOption.middleOption {
margin-right: 4.2%;
margin-left: 4.2%;
}
.configurationImage {
height:150px;
margin-bottom: 21px;
float:left;
}
.configurationBody {
min-height: 170px;
}
.main section.hero h1.configurationTitle {
font-size: 20px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, sans-serif;
text-transform: none;
color: #0092DE;
}
#buyGlobe {
height: 385px;
background: url("/images/products/vipr/buyGlobe-desktop1.jpg") no-repeat 0 0;
}
#globeDescriptionBody {
top: 140px;
}
#globeDescriptionBody h1.buy {
line-height:42px;
}
.detailColumn {
width:50%;
float: left;
}
.detailItem {
width:100%;
}
.detailItemImage {
height:inherit;
width: 60px;
height: 60px;
display: inline-block;
float:left;
vertical-align: top;
}
#buy_partner.detailItemImage {
background: url("/images/products/vipr/buy-partner-desktop-tablet.gif") no-repeat 0 0;
}
#buy_services.detailItemImage {
background: url("/images/products/vipr/buy-services-desktop-tablet.gif") no-repeat 0 0;
}
#buy_supportZone.detailItemImage {
background: url("/images/products/vipr/buy-support-zone-desktop-tablet.gif") no-repeat 0 0;
}
#buy_training.detailItemImage {
background: url("/images/products/vipr/buy-training-desktop-tablet.gif") no-repeat 0 0;
}
.detailItemTextContainer {
width: 82%;
}
.detailItemTitle {
font-size: 24px;
line-height: 28px;
width:100%;
color: #0092DE;
}
.detailItemBody {
font-size: 16px;
width:80%;
color: #333333;
}

/******** LEARN *********/
#viprWrapper.viprLearnBody {
margin-top: 275px;
}
#learnVipr {
float:left;
width: 209px;
height: 241px;
background: url("/images/products/vipr/viprLearnViprDesktop.png") no-repeat 0 0;
}
#learn-hero-topLine {
font-size: 48px;
color: #0092DE;
}
#learn-hero-topLine-mobile {
display: none;
}
#learn-hero-secondLine-mobile {
display: none;
}
#learn-hero-bottomLine {
font-size: 16px;
font-family: arial, sans-serif;
text-align: left;
font-weight: normal;
color: #666666;
line-height: 30px;
}
#learn-hero-datasheet {
margin-top:15px;
}
#learn-hero-datasheet a {
font-weight:bold !important;
color: #0092DE !important;
}
#learn-hero-datasheet a:hover {
font-weight:bold !important;
color: #0092DE !important;
cursor: pointer;
}
#firstVerticalDot {
margin-bottom: 15px;
height: 150px !important;
}
#cloudImage {
float:left;
min-width: 411px;
height: 293px;
background: url("/images/products/vipr/viprSpinningGlobeDesktop.png") no-repeat 0 0;
}
#cloudCity {
width: 386px;
height: 316px;
margin: -21px auto 33px;
background: url("/images/products/vipr/vipr-cloud-city-desktop.png") no-repeat -3px 0;
}
#learnViprBlue {
margin: 0 auto;
width: 151px;
height: 175px;
background: url("/images/products/vipr/viprLearnViprBlueDesktop.png") no-repeat 0 0;
float:right;
}
#learnViprLower1 {
margin: 0;
float: left;
width: 234px;
height: 244px;
background: url("/images/products/vipr/viprLearnLwrHero1Desktop.png") no-repeat 0 0;
}
#learnViprLower2 {
margin: 0;
float: left;
width: 234px;
height: 244px;
background: url("/images/products/vipr/viprLearnLwrHero2Desktop.png") no-repeat 0 0;
}
#learnViprLower3 {
margin: 0;
float: left;
width: 234px;
height: 244px;
background: url("/images/products/vipr/viprLearnLwrHero3Desktop.png") no-repeat 0 0;
}
.viprLearnBodyLower .configurationBody {
min-height: 36px;
}
.configurationImage.learn_object {
background: url("/images/products/vipr/vipr-learn-object-desktop.jpg") no-repeat 0 0;
background-size: contain;
}
.configurationImage.learn_hdfs {
background: url("/images/products/vipr/vipr-learn-hdfs-desktop.jpg") no-repeat 0 0;
background-size: contain;
}
.configurationImage.learn_block {
background: url("/images/products/vipr/vipr-learn-block-desktop.jpg") no-repeat 0 0;
background-size: contain;
}
.main .content-frame h1.learnConfig {
font-family: arial, sans-serif;
color: #666666;
font-size: 28px;
}
.viprLearnBodyLower .blueButton {
width: 165px; 
margin: 35px auto 0; 
padding: 12px 2px 14px;
font-size: 19px;
font-family: arial;
}
#learnViprBlack {
float: left;
margin: 85px 19px 0 0;
width: 382px;
height: 334px;
background: url("/images/products/vipr/viprLearnBottomHeroDesktop.png") no-repeat 0 0;
}
#viprSolutionTitle {
margin-bottom: 20px;
}
.detailItemTitleSolution {
font-size:22px;
width:100%;
}
.detailItemSubTitleSolution {
font-size:16px;
font-weight: bold;
}
.emcGrayTitle {
color: rgb(102,102,102);
}
.detailItemBody {
font-size: 16px;
width:80%;
color: #333333;
}
.detailItemBodySolution {
font-size: 16px;
width:100%;
color: rgb(102,102,102);
margin-top: 20px;
margin-bottom: 20px;
font-family: arial, sans-serif;
}
.solutionBlueButton {
color: #fff;
background-color: #2c95dd;
text-align: center;
font-family: arial, sans-serif;
margin-top: 20px;
width:200px;
}
#experienceViprTopLine {
color: rgb(102,102,102);
font-weight: bold;
margin-bottom: -1px;
}
#experienceViprBottomLine {
color: rgb(102,102,102);
font-weight: bold;
}
#thirdPlatformWide {

}
#lastItemTextContainer {
margin-top:18px;
}
div#downloadCopyContainer.detailItemTextContainer{
padding: 20px;
background-color: rgb(247, 247, 247);
}
.subNavBarContShort {
		height: 56px;
		padding-top: 0;
		-webkit-transition-property: height;
		-webkit-transition-duration: .35s;
		-moz-transition-property: height;
		-moz-transition-duration: .35s;
		transition-property: height;
		transition-duration: .35s;
	}
	
	.subNavBar ul.subNavTop li.subNavTopLiShort {
		margin-top: 17px;
		-webkit-transition-property: margin-top;
		-webkit-transition-duration: 0.35s;
		-moz-transition-property: margin-top;
		-moz-transition-duration: 0.35s;
		transition-property: margin-top;
		transition-duration: 0.35s;
	}

/***********    Contact Bar     *****************/

#contactSite {
width: 102px;
height: 102px;
}
#contactChat {
width: 102px;
height: 102px;
}
#contactEmail {
width: 102px;
height: 107px;
}
#heroLearnFiller {
top: 707px;
left: 0px;
height: 40px;
margin-top: 30px;
width: 100%;
background: url("/images/products/vipr/vipr-hero-bg-learn-arrow.png") no-repeat 50% 0;
z-index: 2;
}
}

@media screen and (max-width: 1000px) {

.subNavBarMain {
width: 98%;
}

}



/****************************************************************************************************/
/***********    Tablet Main     *****************/
/****************************************************************************************************/

@media screen and (min-width: 641px) and (max-width: 979px) {
.magnetic.no-touch .main section[data-video] .videowrap {
display:block;
max-width:980px;
height:400px;
margin-left:-40px;
position:relative;
padding:0;
}
.magnetic.scrollable #pagination,.magnetic #pagination .pagination-wrap ul li a span,.magnetic.touch #pagination .pagination-wrap ul li a:hover span,.magnetic #wrapper .main section.video-added .infographic,.magnetic #wrapper .main section.video-added .copy,.magnetic.no-video.no-touch .main section[data-video] .videowrap {
display:none;
}
.video-overlay .overlay {
max-width:980px;
}
body #viprWrapper {
padding-bottom: 21px;
}
#headerWrap {
position: fixed;
}
.subNavBarCont {
width: 100%;
height: 76px;
top: 44px !important;
position: fixed;
padding-top: 20px;
}
.subNavBarMain {
/*width: 100%;*/
}
#viprIcon {
bottom: 14px;
width: 144px;
height: 19px;
background-image: url("/images/products/vipr/vipr-logo-tablet.png");
}
.subNavBar ul.subNavTop {
margin-right: 6px;
}
.subNavBar ul.subNavTop li {
padding: 3px 0 0 50px;
margin-top: 39px;
font-size: 17px;
-webkit-transition-property: padding;
-webkit-transition-duration: .35s;
-moz-transition-property: padding;
-moz-transition-duration: .35s;
transition-property: padding;
transition-duration: .35s;
}
#supportLink, #myViewLink {
top: -28px;
padding: 3px 11px;
font-size: 10px;
}
#supportLink {
right: 6px;
}
#breadcrumbLink {
top: -28px;
}
#myViewLink {
right: 85px;
}
#viprWrapper {
margin-top: 129px;
}
body #viprWrapper .honeycomb {
background: url("/images/products/vipr/vipr-background-top-tablet.jpg") no-repeat 0 0;
padding-top: 123px;
padding-bottom: 225px;
}
body .heroUnscrolled, body .heroScrolled {
margin-top: -45px;
}
.content-frame, .content-frame-hero {
width: 95%
}
.linkList ul.col1 {
width: 46%
}
.linkList ul.col2 {
width: 45%
}
.linkList .subTitleLink {
/*max-width: 200px;*/
}
#whitepaperLogo {
display: block;
}
#whitepaperLink {
display: none;
}


/******** BUY ********/
body #viprWrapper .hero.buyHoneycomb {
padding-bottom: 35px;
}
.configurationOption {
vertical-align: top;
width: 46%;
}
.configurationOption.middleOption {
margin-right: 0;
margin-left: 2.4%;
}
.configurationOption.lastOption {
display: block;
margin-top: 67px;
}
.configurationImage {
margin-bottom: 8px;
}
.configurationBody {
margin-top: 1px;
min-height: 0;
}
#buyGlobe {
height: 340px;
background: url("/images/products/vipr/buyGlobe-tablet1.jpg") no-repeat 60% 0;
}
#globeDescriptionBody {
top: 60px;
max-width:560px;
}
#globeDescriptionBody h1.buy {
font-size:48px;
line-height: 56px;
}
.detailItemImage {
width: 60px;
height: 60px;
margin-right: 10px;
}
.detailItemTextContainer {
width: 75%;
}
/*** TRY ***/

#tryVIPR {
margin-right:18px;
}
body #viprWrapper .honeycomb {
padding-bottom: 79px;
}
#heroIcon {
width: 130px;
height: 130px;
background: url("/images/products/vipr/vipr-download-tablet.png") no-repeat 0 0;
}
#emailIcon {
margin:30px;
}
/*** LEARN ***/
#viprWrapper.viprLearnBody {
margin-top: 166px;
}
body #viprWrapper .heroLearn {
background: none;
padding-top: 60px;
padding-bottom: 0px;
}
#heroContainer.heroContLearn {
width: initial;
margin: 0 auto;
}
#learnVipr {
float: none;
margin: 0 auto;
width: 125px;
height: 144px;
background: url("/images/products/vipr/viprLearnViprTablet.png") no-repeat 0 0;
}
#heroDescription {
clear: both;
margin: 12px auto 0;
text-align: center;
max-width: 100%;
}
#learn-hero-topLine {
font-size: 45px;
line-height: 48px;
}
#learn-hero-topLine-mobile {
display: none;
}
#learn-hero-secondLine-mobile {
display: none;
}
#learn-hero-bottomLine {
font-size: 18px;
text-align: center;
width: 75%;
margin: 0px auto;
}
#learnMainContainer2 {
background: none;
}
#thirdPlatform {
margin-bottom: -135px;
}
#oldSchoolText {
padding: 18px 0;
right: 55%;
}
#newSchoolText {
left: 55%;
}
#platformInfo {
min-height: 293px;
margin: 34px auto 0;
max-width: 673px;
padding-left: 31px;
}
#platformList { 
/*margin-right: 0;*/
}
.platform-title {
font-size: 34px;
}
.platform-subtitle {
font-size: 28px;
}
#cloudImage {
float:left;
width: 52.5%;
min-width: 0;
height: 263px;
background: url("/images/products/vipr/viprSpinningGlobeTablet.png") no-repeat 0 0;
background-size: contain;
width: 370px;
}
#welcomeParent {
width: 100%;
margin-left:0px;
text-align: center;
margin-top:-100px;
}
#cloudWelcome {
margin-top: 13px;
}
.learnLargeBlueTextCont {
margin: 18px auto 0;
}
.learnLargeBlueText {
font-size: 45px;
line-height: 53px;
}
#serverTowerContainer {
margin-bottom: -34px;
}
body #viprWrapper .honeycombBlue {
background: none;
background-color: #2D96DD;
padding-top: 30px;
}
#heroContainerBlue {
width: 78%;
margin: 0 auto;
}
#learnViprBlue {
margin: 0 auto;
width: 180px;
height: 210px;
background: url("/images/products/vipr/viprLearnViprBlueTablet.png") no-repeat 0 0;
float:none;
}
#heroDescriptionBlue {
margin-top: 23px;
float:none;
}
#learn-hero-topLine-blue {
font-size: 37px;
line-height: 38px;
text-align: center;
}
#learn-hero-bottomLine-blue {
font-size: 19px;
text-align: center;`
}
#viprWrapper.viprLearnBodyLower {
background: none;
background-color: #FFFFFF;
margin-top: 30px;
}
#learnLowerTitle {
line-height: 40px;
width: 87%;
margin-bottom: 3px;
}
#learnLowerSubTitle {
font-size: 42px;
}
.learnHeroDescriptionLower {
margin-left: 3%;
margin-top: 18px;
width: 68%;
}
#platformVid1 {
margin-top: 15px;
margin-right: 40%;
}
#learnViprLower1 {
margin: 0;
float: left;
width: 190px;
height: 198px;
background: url("/images/products/vipr/viprLearnLwrHero1Tablet.png") no-repeat 0 0;
}
#learnViprLower2 {
margin: 0;
float: left;
width: 190px;
height: 198px;
background: url("/images/products/vipr/viprLearnLwrHero2Tablet.png") no-repeat 0 0;
}
#learnViprLower3 {
margin: 0;
float: left;
width: 190px;
height: 198px;
background: url("/images/products/vipr/viprLearnLwrHero3Tablet.png") no-repeat 0 0;
}
.learnDetailCont .detailItemImage {
margin-right: 7.1%;
}
.learnDetailCont .detailItemTitle {
line-height: 29px;
}
.learnDetailCont .detailItemBody {
color: #333333;
line-height: 18px;
}
.learn-tagline-title-lower {
margin-top: 24px;
}
.learn-tagline-text-lower {
margin-top: 9px;
}
.learnDividerLower {
margin-top: 24px;
}
.viprLearnBodyLower .configurationOption {
width: 31%;
}
.configurationOption.learnConfigLast {
display: inline-block;
margin-top: 0;
margin-left: 2.4%;
}
.configurationImage.learn_object {
background: url("/images/products/vipr/vipr-learn-object-tablet.jpg") no-repeat 0 0;
background-size: contain;
height: 118px;
}
.configurationImage.learn_hdfs {
background: url("/images/products/vipr/vipr-learn-hdfs-tablet.jpg") no-repeat 0 0;
background-size: contain;
height: 118px;
}
.configurationImage.learn_block {
background: url("/images/products/vipr/vipr-learn-block-tablet.jpg") no-repeat 0 0;
background-size: contain;
height: 118px;
}
.main .content-frame h1.learnConfig {
font-size: 26px;
}
.learnDividerLower.learnLastDivider {
margin-top: 13px;
}
.learn-title-lower-last {
font-size: 32px;
margin-top: 73px;
}
.learn-text-lower-last {
color: #333333;
margin-top: 22px;
}
.viprLearnBodyLower .blueButton {
padding: 9px 48px 9px 47px;
}
body #viprWrapper .honeycombBlack {
margin-top: 61px;
padding-bottom: 61px;
}
#heroDescriptionBlack {
padding-top: 48px;
}
#learnViprBlack {
float: left;
margin: 62px 2.3% 15px 0;
width: 232px;
height: 203px;
background: url("/images/products/vipr/viprLearnBottomHeroTablet.png") no-repeat 0 0;
}
#learn-hero-topLine-black {
font-size: 28px;
margin-bottom: 3px;
}
#learn-hero-mainLine-black {
font-size: 32px;
line-height: 32px;
margin-bottom: 22px;
}
#learn-hero-subLine-black {
font-size: 18px;
line-height: 19px;
}
#learn-hero-link a:link {
font-size: 18px;
}
#floatingList {
position: absolute;
margin-left: 550px;
text-align: left;
margin-top: -63px !important;
}
#firstVerticalDot {
margin-top: 0px;
margin-bottom: 22px;
}
#learn-hero-datasheet {
text-align: center;
}
#viprSolutionTitle {
margin-bottom: 20px;
}
.conditionallyCentered {
margin: 0px auto;
margin-top: 25px;
margin-bottom: 25px;
}
.conditionallyMobileCentered {
margin: none;
}
#experienceViprTopLine {
color: rgb(102,102,102);
font-weight: bold;
margin-bottom: -1px;
}
#experienceViprBottomLine {
color: rgb(102,102,102);
font-weight: bold;
}
#thirdPlatformWide {

}
div#downloadCopyContainer.detailItemTextContainer{
padding: 20px;
background-color: rgb(247, 247, 247);
}
p.button {
margin-top: 70px;
padding-top: 20px !important;
}
.viprTitleAlignment {
text-align: left;
padding-left: 0px;
padding-right: 0px;
}
#heroLearnFiller {
top: 707px;
left: 0px;
height: 40px;
margin-top: 30px;
width: 100%;
background: url("/images/products/vipr/vipr-hero-bg-learn-arrow-mobile.png") no-repeat 50% 0;
z-index: 2;
}
#lastItemTextContainer {
margin-top:8px;
}
/***********    Contact Bar     *****************/

ul.contact-emc-links {
padding: 40px 0px 33px;
}
.contact-emc-links li, .contact-emc-links #tt-contact-bar-email {
width: 29%;
}
#viprWrapper .contact-emc li img {
margin-right: 19px;
}
.contact-emc-links #tt-contact-bar-site .contactCont, .contact-emc-links #tt-contact-bar-chat .contactCont, 
.contact-emc-links #tt-contact-bar-email .contactCont {
width: 57%;
}
.contact-emc-links li a h5 {
font-size: 14px;
line-height: 18px;
margin-bottom: 1px;
}
.contact-emc li a p {
font-size: 14px;
line-height: 18px;
}
div.emc-links-dividerCont {
width: 4.5%;
margin: 0;
}
div.emc-links-divider {
height: 85px;
}
}


@media screen and (max-width: 979px) {
#ovalGraphicContainer {
height: 0px;
min-height: 0;
padding-bottom: 33%; /* proportional scaling */
position:relative;
width: 80%;
min-width: 0;
margin-left: 10%;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#ovalGraphicTabletMobile{
background: url("/images/products/vipr/viprLearnOvalTablet.png") no-repeat 0 0;
background-size: contain;
top: 0;
height: 100%;
position: absolute;
width: 100%;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/products/vipr/viprLearnOvalTablet.png',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/images/products/vipr/viprLearnOvalTablet.png',
sizingMethod='scale')";
}
#binaryDigits, #starSky {
display: none;
}
#textPolygon {
background: none;
position: relative;
width: auto;
height: auto;
margin-left: 0%;
margin-top: 12%;
}
#textPolygonText {
margin-top: 0;
position: relative;
font-size: 20px;
/*font-size: 2.4vw;*/
line-height: 137%;
}
#cloudCityCont {
height: 0px;
min-height: 0;
padding-bottom: 33%; /* proportional scaling */
position:relative;
width: 37%;
margin-left: 30.1%;
}
#cloudCity {
width: 100%;
margin: 0;
background: url("/images/products/vipr/vipr-cloud-city-tablet.png") no-repeat 0 0;
background-size: contain;
top: 0;
height: 100%;
position: absolute;
width: 100%;
}
#cloudCityText1 {
left: -100px;
bottom: 66%;
}
#cloudCityText2 {
top: 68%;
right: -123px;
}
/***********    Contact Bar     *****************/
#contactSite {
width: 50px;
height: 50px;
}
#contactChat {
width: 50px;
height: 50px;
}
#contactEmail {
width: 50px;
height: 52px;
}
}

@media screen and (max-width: 745px) {

#thirdPlatform {
margin-bottom: 50px;
}
#platformInfo {
padding-left: 0;
position: relative;
}
#platformList {
float: none;
position: absolute;
top: 200px;
left: 23%;
margin: 0;
line-height: 47px;
}
#platformList ul {
margin-left: 0;
}
#platformList ul#floatingList {
position: relative;
margin-left: 11%;
text-align: left;
margin-top: 0;
}
#platformList ul li {
float: left;
padding-right: 10px;
}
.platform-miniTitle {
font-size: 46px;
}
#platformVid1 {
margin-right: auto;
}
#learnSocial {
margin-left: 0;
}
#cloudImage {
float: none;
margin-left: 22.5%;
}
#welcomeParent {
float: none;
display: block;
margin-left: 0;
width: 100%;
margin-top: 142px;
}
#cloudWelcome {
text-align: center;
width: 64%;
margin-left: 18%;
line-height: 47px;
font-size: 45px;
margin-bottom: 12px;
}
#cloudInfoDetail {
width: 68%;
font-size: 30px;
text-align: center;
margin: 0px auto;
margin-bottom: 15px;
}
.learnHeroDescriptionLower {
width: 64%;
}
.learnDetailCont .detailItemTextContainer {
width: 70%;
}
#learnViprBlack {
margin-bottom: 67px;
}
}

@media screen and (max-width: 800px) {
.subNavBar ul.subNavTop li {
font-size: 15px;
padding: 3px 0 0 30px;
-webkit-transition-property: padding;
-webkit-transition-duration: .35s;
-moz-transition-property: padding;
-moz-transition-duration: .35s;
transition-property: padding;
transition-duration: .35s;
}
.video-overlay .overlay {
max-width:80%;
}
}


@media screen and (max-width: 842px) {

#descCont, #descCont.mySalesDesc {
width: 400px;
margin-left: 20px;
-webkit-transition-property: margin;
-webkit-transition-duration: .35s;
-moz-transition-property: margin;
-moz-transition-duration: .35s;
transition-property: margin;
transition-duration: .35s;
}
#descCont.mySalesDesc {
width: auto;
}
.main section.hero h1 {
font-size: 44px;
}
#tt-hero-subheadline {
font-size: 17px;
width: 350px;
}
.emailNowText {
width: 43%;
}
#emailHeader {
font-size: 11pt;
margin-top: 10%;
}
#emailSubHeader {
font-size: 10pt;
}
#emailNow {
margin-right: 19px;
}

}

@media screen and (max-width: 842px) {
.salesPlaybookText {
padding-left: 20px;
}
}

@media screen and (max-width: 700px) {

#viprIcon {
bottom: 17px;
width: 93px;
height: 13px;
background-image: url("/images/products/vipr/vipr-logo-mobile.png");
}
#breadcrumbLink {
font-size: 12px;
}
#breadcrumbLink #cloudArrows {
font-size: 15px;
}
#descCont.mySalesDesc {
margin-left: 25px;
-webkit-transition-property: margin;
-webkit-transition-duration: .35s;
-moz-transition-property: margin;
-moz-transition-duration: .35s;
transition-property: margin;
transition-duration: .35s;
}
.salesPlaybookText {
font-size: .70em;
}

}


/****************************************************************************************************/
/***********    Mobile Main     *****************/
/****************************************************************************************************/
@media screen and (max-width: 640px) {

.subNavBarMain {
width: 100%;
}
.toggleMenu {
display: block;
float: right;
width: 60px;
height: 50px;
color: white;
background: url("/images/products/vipr/arrow-down.png") no-repeat 50% 50%;
cursor: pointer;
}
.subNavBarCont {
width: 100%;
height: auto;
min-height: 50px;
position: fixed;
padding-top: 20px;
top: 0px !important;
left: 0px;
z-index: 100;
margin: 44px 0 0 0;
background-color: #0F0C0D;
font-family: Arial, Helvetica, sans-serif;
-webkit-transition-property: height;
-webkit-transition-duration: .35s;
-moz-transition-property: height;
-moz-transition-duration: .35s;
transition-property: height;
transition-duration: .35s;
}
.subNavTop {
margin: 0;
display: none;
}
.subNavBar ul.subNavTop li {
height: 30px;
padding: 13px 10px 1px 20px;
font-size: 16px;
color: #FFFFFF;
background-color: #262626;
border-bottom: 1px solid #8D8D8D;
}
.subNavTop li.firstLink {
border-top: 1px solid #8D8D8D;
}
#supportLink, #myViewLink {
background-color: #444444;
}
#breadcrumbLink {
display: none;
}
.subNavBar ul.subNavTop li:hover,
.subNavBar ul.subNavTop #breadcrumbLink:hover, .subNavBar ul.subNavTop #supportLink:hover {
background-color: #3BA7E1;
color: #FFFFFF;
cursor: pointer;
}
.subNavFiller,
.subNavBottom, #fauxHeaderWrap, 
.subNavTop {
display: none;
}
#viprIcon {
position: absolute;
z-index: 1001;
width: 93px;
height: 13px;
left: 20px;
top: 39px;
background-image: url("/images/products/vipr/vipr-logo-mobile.png");
}
.subNavBar ul.subNavTop li.pageNavSelected,
.subNavBar ul.subNavTop #myViewLink.pageNavMyViewSelected	{
background-color: #3BA7E1;
}
#viprWrapper {
margin-top: 94px;
}
.main {
width: 100%
}
body #viprWrapper .honeycomb {
background: url("/images/products/vipr/vipr-background-top-mobile.jpg") no-repeat 0 0;
padding-bottom: 32px;
}
body #viprWrapper .honeycomb.buyHoneycomb {
padding-bottom: 0px;
}
body #viprWrapper .hero {
padding-top: 60px;
}
#heroContainer {
width: 340px;
margin: 0 auto;
}
#heroIcon {
width: 258px;
height: 258px;
background: url("/images/products/vipr/vipr-download-mobile.png") no-repeat 0 0;
float: none;
margin: 0 auto;
}
#descCont {
float: none;
width: 100%;
margin-left: 0px;
}
.main section.hero h1 {
font-size: 28px;
}
#tt-hero-subheadline {
font-size: 17px;
width: 222px;
}
#tryVIPR {
padding-left: 17px;
padding-top: 13px;
}
#descriptionList {
float:none;
width: 270px;
margin:10px auto 0;
padding-left:20px;
}
#descriptionList ul:after {
content:"";
display:table;
clear:both;
}
#descriptionList ul {
margin: 0 auto;
}
#descriptionList li {
float:left;
font-size:14px;
width:50%;
}
.content-frame {
width: 100%;
margin: 0  0 44px 0;
}
#grayBoxContainer {
padding-bottom: 25px;
}
#emailSubCont {
margin: 0 auto;
display: block;
position: static;
width: 340px;
}
#emailIcon {
background-image: url("/images/products/vipr/email-mobile.png");
width: 93px;
height: 78px;
margin: 14px 0px 28px 0;
}
.emailNowText {
width: 245px;
}
#emailHeader {
width: 100%;
color: #0092DE;
font-size: 22px;
margin-top: 22px;
line-height: 28px;
}
#emailSubHeader {
font-size: 18px;
margin: 14px 0 18px -55px;
text-align: center;
width: 272px;
}
#emailNow {
float: none;
margin: 0 0 0 27%;
clear: both;
}
.linkList {
margin-left: auto;
margin-right: auto;
width: 96%;
}
.linkImage {
display: none;
}
#whitepaperLogo {
display: block;
}
#whitepaperLink {
display: none;
}

/******** BUY ********/
.main section.hero h1.buy {
width: 100%;
max-width: 100%;
text-align: center;
font-size: 67px;
line-height: 61px;
margin-bottom: 88px;
margin-top: 6px;
}
#buySubline {
display: block;
color: #333333;
font-size: 29px;
font-family: "myriad pro", "arial";
}
#buyHeroContainer {
padding: 0 10px;
}
.configurationOption {
padding-top: 0px
}
.main section.hero h1.configurationTitle {
margin-top: 5px;
text-align: left;
}
.configurationBody {
margin-top: 28px;
margin-bottom: 43px;
}
#buySeparator.line-separator {
margin-left: 10px;
width: 95%;
}
#buyGlobe {
width: 94%;
margin: 0 10px;
}
.main .content-frame h1.buy {
font-size: 24px;
}
#learnMore.blueButton {
margin-bottom: 139px;
}
#learnMoreLast.blueButton {
margin-bottom: 91px;
}
#buyHeroContainer #learnMore.blueButton {
margin-bottom:91px;
}
#globeDescriptionBody {
top: 20%;
}
#buyGlobe {
height: 385px;
background: url("/images/products/vipr/buyGlobe-mobile1.jpg") no-repeat 30% 0;
}
.main .content-frame h1.buy {
font-size: 30px;
}
.detailItemImage {
width: 90px;
height: 90px;
margin-left: 20px;
}
#buy_partner.detailItemImage {
background: url("/images/products/vipr/buy-partner-mobile.gif") no-repeat 0 0;
}
#buy_services.detailItemImage {
background: url("/images/products/vipr/buy-services-mobile.gif") no-repeat 0 0;
}
#buy_supportZone.detailItemImage {
background: url("/images/products/vipr/buy-support-zone-mobile.gif") no-repeat 0 0;
}
#buy_training.detailItemImage {
background: url("/images/products/vipr/buy-training-mobile.gif") no-repeat 0 0;
}
.detailItemTextContainer {
display: block;
float: none;
padding: 0 20px;
margin-bottom: 27px;
}
.detailItemTitle {
height: 44px;
font-size: 23px;
color: #0092DE;
padding-top: 20px;
line-height: 24px;
width: 100%;
}
#buyPartnerTitle.detailItemTitle {
/* width: 208px; */
}
.detailItemBody {
margin-top: 28px;
padding-top: 10px;
border-top: 1px solid #CCCCCC;
font-size: 16px;
width: 100%;
color: #333333;
}

/*** TRY ***/

#grayBoxContainer {
height:212px;
}

#tryVIPR {
float:none;
padding-left: 0;
text-align:center;
}
#tryVIPR .blueButton {
display:inline-block;
margin:0 auto;
}
.main section.hero h1 {
/*font-size: 48px;
width: 100%;*/
font-size: 45px;
max-width: 320px;
line-height: 45px;
text-align: center;
margin-top: 25px;
}
#tt-hero-subheadline {
font-size: 16px;
width: 300px;
margin: 15px auto 0;
text-align: center;
}
body #viprWrapper .honeycomb {
padding-bottom: 42px;
}
#descCont.mySalesDesc {
width: auto;
margin-left: 0px; 
}
.main section.hero .heroSuperScript {
margin-bottom: 57px;
}
.powerlinkLink {
font-size: 12px;
margin-top: 27px;
}
#cloudHeader.linkListHeader {
margin-left: 10px;
margin-bottom: 5px;
}
#grayBoxContainer {
height: auto;
}
#salesPlaybookCont {
padding-bottom: 0;
width: 340px;
margin: 0 auto;
padding-top: 20px;
}
#cloudIcon { 
float: none;
margin: 0px auto;
}
.cloudLink {
margin-top: 0;
padding-top: 56px;
}
.salesPlaybookText { 
float: none;
padding: 0;
margin: 20px auto 0 14%;
width: auto;
}
/******** LEARN ********/
body #viprWrapper .hero.buyHoneycomb {
/*padding-bottom: 35px; */
}
#viprWrapper.viprLearnBody {
/* margin-top: 90px; */
}
body #viprWrapper .heroLearn {
background: url("/images/products/vipr/vipr-learn-background-top-mobile.png") no-repeat 50% 0;
padding-top: 40px;
padding-bottom: 10px;
}
#heroContainer.heroContLearn {
width: 100%;
}
#learnVipr {
float: none;
margin-left: auto;
margin-right: auto;
width: 223px;
height: 258px;
background: url("/images/products/vipr/viprLearnViprMobile.png") no-repeat 0 0;
}
.heroLearn #heroDescription {
margin-top: 12px;
width: 100%;
text-align: center;
}
#learn-hero-topLine {
display: none;
}
#learn-hero-topLine-mobile {
font-size: 25px;
margin-bottom: 0;
line-height: 45px;
color: #0092DE;
}
#learn-hero-secondLine-mobile {
font-size: 54px;
margin-bottom: 20px;
line-height: 45px;
color: #0092DE;
}
#learn-hero-bottomLine {
font-size: 18px;
text-align: center;
color: #666666;
line-height: 30px;
}
#learnMainContainer2 {
background: none;
}
#thirdPlatform {
margin-top: -85px;
margin-bottom: 5px;
}
.platform-title {
font-size: 31px;
line-height: 27px;
margin-bottom: 9px;
max-width: 443px;
margin-left: auto;
margin-right: auto;
}
.platform-subtitle {
color: #333333;
font-size: 27px;
line-height: 31px;
max-width: 432px;
margin-left: auto;
margin-right: auto;
}
#platformInfo {
margin: 34px auto 0;
}
#cloudImageCont {
height: 0px;
min-height: 0;
padding-bottom: 67%;
position: relative;
width: 92%;
min-width: 0;
margin-left: auto;
margin-right: auto;
}
#cloudImage {
float: none;
margin-left: auto;
margin-right: auto;
min-width: 0;
height: 409px;
background: url("/images/products/vipr/viprSpinningGlobeMobile.png") no-repeat 0 0;
background-size: contain;
top: 0;
height: 100%;
position: absolute;
width: 100%;
}
#platformList {
display: none;
}
#welcomeParent {
margin-top: 0;
height: 100%;
}
#platform-miniTitle-small-screen {
display: block;
font-size: 24px;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
font-weight: normal;
color: #0092DE;
text-align: center;
line-height: 30px;
margin-top: 10px;
}
#cloudWelcome {
font-size: 28px;
margin-top: 45px;
width: 90%;
margin-left: auto;
margin-right: auto;
line-height: 30px;
}
#cloudInfoDetail {
color: #333333;
font-size: 23px;
}
.learnDotsStandard {
height: 65px;
}
#oldSchoolDots1 {
height: 60px;
}
.platform-subtitle.learnPlatformTitle2 {
line-height: 52px;
max-width: 410px;
}
.platform-subtitle.learnPlatformSubtitle2 {
font-size: 19px;
line-height: 24px;
}
#bigDataDescription {
margin-bottom: 20px;
}
#infographic-tablet-desktop {
display: none;
}
#infographic-mobile {
display: block;
margin-bottom: 10px;
}
#infographicContainer {
width: 100%;
margin-top: 0;
}
.infographic {
width: 100%;
padding-top: 11px;
}
.infographic #emailGraphic {
background: url("/images/products/vipr/viprEmailGraphicMobile.png") no-repeat 0 0;
width: 91px;
height: 90px;
}
.infographic #twitterGraphic {
background: url("/images/products/vipr/viprTwitterGraphicMobile.png") no-repeat 0 0;
width: 91px;
height: 90px;
}
.infographic #phoneGraphic {
background: url("/images/products/vipr/viprPhoneGraphicMobile.png") no-repeat 0 0;
width: 91px;
height: 90px;
}
.graphicTitle {
font-size: 20px;
margin-top: 6px;
}
.graphicSubTitle {
font-size: 20px;
margin-top: -2px;
}
#ovalGraphicContainer {
padding-bottom: 47%; /* proportional scaling */
width: 92%;
margin-left: 1.7%;
margin-bottom: 0;
}
#ovalGraphicTabletMobile{
background: url("/images/products/vipr/viprLearnOvalMobile.png") no-repeat 0 0;
background-size: contain;
}
#ovalSubtitle {
font-size: 19px;
color: #333333;
line-height: 24px;
}
#textPolygon {
margin-left: 5%;
margin-top: 11.5%;
}
#textPolygonText {
margin-top: 0;
font-size: 15px;
/*font-size: 4.2vw;*/
line-height: 135%;
}
#cloudCityTopDots {
display: none;
}
#cloudCityCont {
padding: 0;
width: auto;
height: auto;
margin: 0;
}
#cloudCity {
width: 261px;
height: 226px;
margin: 0 auto 20px;
background: url("/images/products/vipr/vipr-cloud-city-mobile.png") no-repeat -9px 0;
background-size: contain;
position: relative;
}
#cloudCityText1 {
left: 15%;
bottom: 70%;
line-height: 16px;
font-size: 13px;
width: 115px;
}
#cloudCityText2 {
top: 68%;
right: -123px;
}
.learnLargeBlueText {
font-size: 30px;
line-height: 33px;
}
#oldSchoolCont {
width: auto;
padding-left: 0;
}
#oldSchoolServer {
position: relative;
right: 0;
top: 0;
margin: 0 auto 30px;
}
#oldSchoolText {
position: relative;
left: 0;
top: 0;
width: 65%;
margin: 0 auto;
padding: 23px 23px 26px;
background-color: rgb(232,232,232);
}
.learnOldSchoolBlueText {
font-size: 24px;
line-height: 26px;
}
#learnOldSchoolBreakText {
margin-bottom: 20px;
}
#oldSchoolText div {
width: 100%;
text-align: center;
}
#oldSchoolLargeDot {
display: none;
}
#oldSchoolDots1 {
height: 62px;
margin-bottom: 15px;
padding-right: 1px;
}
#oldSchoolDots2 {
height: 68px;
margin-top: 15px;
padding-right: 1px;
}
#learnLowerTitle {
font-size: 53px;
line-height: 52px;
margin-bottom: 5px;
padding-left: 29px;
}
#learnLowerSubTitle {
font-size: 33px;
line-height: 37px;
color: #333333;
padding-left: 29px;
}
#viprWrapper.viprLearnBodyLower {
background: none;
background-color: #FFFFFF;
margin-top: 30px;
}
/*
#cloudCity {
width: 535px;
height: 558px;
margin: -21px auto 33px;
background: url("/images/products/vipr/vipr-cloud-city-mobile.png") no-repeat -3px 0;
}*/
body #viprWrapper .honeycombBlue {
background: none;
background-color: #2D96DD;
padding-top: 35px;
}
#learnViprBlue {
margin: 0 auto;
width: 222px;
height: 258px;
background: url("/images/products/vipr/viprLearnViprBlueMobile.png") no-repeat 0 0;
}
#heroDescriptionBlue {
margin-top: 25px;
}
#learn-hero-topLine-blue {
font-size: 44px;
line-height: 45px;
text-align: center;
}
#learn-hero-bottomLine-blue {
font-size: 30px;
line-height: 36px;
margin-top: 14px;
text-align: center;
}
#learnViprLower1 {
margin: 0 auto;
float: none;
width: 257px;
height: 268px;
background: url("/images/products/vipr/viprLearnLwrHero1Mobile.png") no-repeat 0 0;
}
#learnViprLower2 {
margin: 35px auto 0;
float: none;
width: 257px;
height: 268px;
background: url("/images/products/vipr/viprLearnLwrHero2Mobile.png") no-repeat 0 0;
}
#learnViprLower3 {
margin: 35px auto 0;
float: none;
width: 257px;
height: 268px;
background: url("/images/products/vipr/viprLearnLwrHero3Mobile.png") no-repeat 0 0;
}
.learnHeroContainerLower {
margin-bottom: 25px;
margin-top: 25px;
}
.learnHeroDescriptionLower {
float: none;
width: 92%;
margin-left: 0;
margin-top: 10px;
padding-left: 20px;
} 
.learn-hero-topLine-lower {
font-size: 29px;
line-height: 29px;
}
.learn-hero-bottomLine-lower {
margin-top: 15px;
font-size: 17px;
color: #333333;
line-height: 26px;
margin-top: 15px;
}
.learnDetailCont {
margin-top: 0px;
width: 87%;
}
.learnDetailCont .detailItem {
margin-top: 0px;
}
#learn_opex.detailItemImage {
background: url("/images/products/vipr/vipr-learn-opex-mobile.png") no-repeat 0 0;
background-size: contain;
}
#learn_platform.detailItemImage {
background: url("/images/products/vipr/vipr-learn-platform-mobile.png") no-repeat 0 0;
background-size: contain;
}
#learn_flexibility.detailItemImage {
background: url("/images/products/vipr/vipr-learn-flexibility-mobile.png") no-repeat 0 0;
background-size: contain;
}
#learn_flex.detailItemImage {
background: url("/images/products/vipr/vipr-learn-flex-mobile.png") no-repeat 0 0;
background-size: contain;
}
#learn_efficiency.detailItemImage {
background: url("/images/products/vipr/vipr-learn-efficiency-mobile.png") no-repeat 0 0;
background-size: contain;
}
#learn_utilization.detailItemImage {
background: url("/images/products/vipr/vipr-learn-utilization-mobile.png") no-repeat 0 0;
background-size: contain;
}
#learn_sla.detailItemImage {
background: url("/images/products/vipr/vipr-learn-sla-mobile.png") no-repeat 0 0;
background-size: contain;
}
.learnDetailCont .detailItemTextContainer {
width: 100%;
}
.learnDetailCont .detailItemImage {
margin-right: 19px;
}
.learnDetailCont .detailItemTitle {
font-size: 31px;
line-height: 29px;
padding-top: 23px;
}
.learnDetailCont .detailItemBody{
border-top: none;
font-size: 16px;
line-height: 23px;
padding-top: 0;
}
.learn-tagline-title-lower {
font-size: 22px;
line-height: 27px;
margin-top: 63px;
padding-left: 20px;
}
.learn-tagline-text-lower {
font-size: 18px;
line-height: 26px;
padding-left: 21px;
color: #333333;
margin-top: 12px;
}
.learnDividerLower {
margin-top: 45px;
height: 4px;
}
.configImageCont {
height: 0px;
min-height: 0;
padding-bottom: 46%;
position: relative;
width: 93%;
min-width: 0;
margin: 18px auto 0;
}
.configurationImage.learn_object, 
.configurationImage.learn_hdfs, 
.configurationImage.learn_block {
float: none;
min-width: 0;
background-size: contain;
top: 0;
height: 100%;
position: absolute;
width: 100%;
}
.configurationImage.learn_object {
background: url("/images/products/vipr/vipr-learn-object-mobile2.jpg") no-repeat 0 0;
/*margin: 37px auto 0;*/
}
.configurationImage.learn_hdfs {
background: url("/images/products/vipr/vipr-learn-hdfs-mobile.jpg") no-repeat 0 0;
}
.configurationImage.learn_block {
background: url("/images/products/vipr/vipr-learn-block-mobile.jpg") no-repeat 0 0;
}
h1.configurationTitle.learnConfig {
color: #666666;
font-size: 34px;
line-height: 26px;
padding-left: 25px;
margin-top: 12px;
}
.viprLearnBodyLower .configurationBody {
line-height: 25px;
font-size: 26px;
margin-top: 7px;
padding-left: 25px;
}
.learnDividerLower.learnLastDivider {
margin-top: 40px;
}
.learn-title-lower-last {
font-size: 36px;
line-height: 35px;
margin-top: 44px;
text-align: left;
padding-left: 25px;

}
.learn-text-lower-last {
font-size: 21px;
text-align: left;
color: #333333;
line-height: 27px;
margin-top: 17px;
padding-left: 25px;
}
#learnContactUs {
margin: 23px auto 0;
font-size: 31px;
padding-top: 6px;
padding-bottom: 8px;
width: 200px;
}
body #viprWrapper .honeycombBlack {
margin-top: 45px;
padding-top: 25px;
padding-bottom: 25px;
}
#heroContainerBlack {
margin-left: 0;
padding: 0 25px;
}
#learnViprBlackCont {
height: 0px;
min-height: 0;
padding-bottom: 82%;
position: relative;
width: 100%;
min-width: 0;
}
#learnViprBlack {
float: none;
min-width: 0;
background: url("/images/products/vipr/viprLearnBottomHeroMobile.png") no-repeat  0 0;
background-size: contain;
top: 0;
height: 100%;
position: absolute;
width: 100%;
}
#heroDescriptionBlack {
padding-top: 32px;
}
#learn-hero-topLine-black {
font-size: 36px;
line-height: 37px;
margin-bottom: 5px;
}
#learn-hero-mainLine-black {
font-size: 33px;
line-height: 34px;
margin-bottom: 25px;
}
#learn-hero-subLine-black {
font-size: 20px;
line-height: 25px;
margin-bottom: 15px;
}
#learn-hero-link a:link {
font-size: 18px;
line-height: 25px;
}
.detailItemTitleSolution {
font-size:22px;
width:100%;
padding-top:0px;
height:auto;
}
.detailItemSubTitleSolution {
font-size:16px;
font-weight: bold;
padding-top:0px;
height:auto;
}
.emcGrayTitle {
color: rgb(102,102,102);
}
.detailItemBody {
font-size: 16px;
width:100%;
color: #999999;
}
.detailItemBodySolution {
font-size: 16px;
width:100%;
color: rgb(102,102,102);
margin-top: 20px;
margin-bottom: 20px;
font-family: arial, sans-serif;
}
.solutionBlueButton {
color: #fff;
background-color: #2c95dd;
text-align: center;
font-family: arial, sans-serif;
margin-top: 20px;
width:200px;
}
#viprSolutionTitle {
margin-bottom: 20px;
}
#advantageSubtext {
color:rgb(51,51,51);
font-size: 19px;
line-height: 28px;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-family: arial, sans-serif;
}
.conditionallyCentered {
margin: 0px auto;
margin-top: 25px;
margin-bottom: 25px;
}
.conditionallyMobileCentered {
margin: 0px auto;
text-align: center;
}
#firstVerticalDot {
margin-top: 0px;
margin-bottom: 110px;
height:70px;
}
#experienceViprTopLine {

}
#experienceViprBottomLine {
margin-top: -44px;
}
#thirdPlatformWide {
width:108%;
}
div#downloadCopyContainer.detailItemTextContainer{
padding-bottom: 20px;
background-color: rgb(247, 247, 247);
}
#newSchoolText {
position: static !important;
}
.viprTitleAlignment {
text-align: left;
padding-left: 20px;
padding-right: 20px;
}
#heroLearnFiller {
top: 707px;
left: 0px;
height: 40px;
margin-top: 40px;
width: 100%;
background: url("/images/products/vipr/vipr-hero-bg-learn-arrow-mobile.png") no-repeat 50% 0;
z-index: 2;
}
#heroDescription {
margin: 0px auto;
margin-top: 32px;
float:none;
font-family: 'ff-meta-web-pro', ‘Avenir Next Condensed’, arial, sans-serif;
font-weight: normal;
max-width: 68%;
}
#learn-hero-datasheet a {
font-weight:bold !important;
color: #0092DE !important;
}
#learn-hero-datasheet a:hover {
font-weight:bold !important;
color: #0092DE !important;
cursor: pointer;
}
#lastItemTextContainer {
margin-top:0px;
}
/***********    Contact Bar     *****************/

ul.contact-emc-links {
margin-top: 0px;
width: auto;
padding: 5px 0 10px;
}
.contact-emc-links li, .contact-emc-links #tt-contact-bar-email {
clear: both;
width: 100%;
padding-top: 20px;
}
#viprWrapper .contact-emc li img {
margin-right: 19px;
}
.contact-emc-links li a h5 {
font-size: 12px;
line-height: 16px;
margin-bottom: 2px;
}
.contact-emc li a p {
font-size: 12px;
line-height: 16px;
}
div.emc-links-dividerCont {
clear: both;
width: 100%;
margin-top: 21px;
}
div.emc-links-divider {
width: 100%;
height: 1px;
border-bottom: 1px solid #666666;
border-right: none;
}
}

@media screen and (max-width: 500px) {
#cloudCityText1 {
left: 11%;
bottom: 73%;
line-height: 15px;
font-size: 11px;
width: 93px;
}
.learnDetailCont .detailItemTitle {
font-size: 26px;
}
}

@media screen and (max-width: 500px) {
#cloudServerLine, #serverLine, 
.towerServer, #towerBase, 
#cloudCheckMark {
display: none;
}
#serverTowerContainer {
width: 261px;
height: 324px;
background: url("/images/products/vipr/vipr-cloud-servers.png") -3px 0 no-repeat;
background-size: contain;
margin-bottom: 15px;
}
}

@media screen and (max-width: 380px) {
#heroIcon {
float: none;
width: 172px;
height: 172px;
background: url("/images/products/vipr/vipr-download-desktop.png") no-repeat 0 0;
}
#heroContainer {
width: 100%;
}
#descCont {
float: none;
width: 100%;
margin-left: 0;
}
.main section.hero h1 {
font-size: 25px;
line-height: 30px;
margin-top: 21px;
padding-left: 25%;
}
.main section.hero .heroSuperScript {
font-size: .75em;
margin-bottom: 40px;
}
#tt-hero-subheadline {
font-size: 14px;
width: 170px;
margin: 0 auto;
}
#tryVIPR {
padding-left: 0;
}
#tryVIPR .blueButton {
font-size: 1.0em;
}
#descriptionList {
padding-left:10px;
width: 100%;
}
#descriptionList li {
font-size:12px;
}
#grayBoxContainer {
padding-top: 13px;
}
#emailIcon {
margin-top: 4px;
margin-left: 0;
}
#emailSubCont {
width: 220px;
}
.emailNowText {
width: 126px;
}
#emailHeader {
font-size: 18px;
margin-top: 2px;
line-height: 20px;
margin-left: -5px;
}
#emailSubHeader {
font-size: 16px;
margin: 11px 0 18px -101px;
width: 220px;
}
#emailNow {
margin-left: 17px;
}
/******** BUY ********/
.main section.hero h1.buy {
font-size: 40px;
line-height: 41px;
}
#buySubline {
font-size: 19px;
line-height: 31px;
}
#thirdPlatform {
margin-top: -112px;
}
.detailItemTitle {
font-size: 17px;
}
.salesPlaybookList {
width: 100%;
}
.salesPlaybookText {
margin: 5px auto 0 0;
}
#salesPlaybookCont {
width: 166px;
}
#cloudIcon {
width: 166px;
height: 120px;
background-size: contain;
}
.cloudLink {
padding-top: 28px;
}
/******** LEARN ********/
#learn-hero-topLine {
display: none;
}
#learn-hero-topLine-mobile {
font-size: 25px;
margin-bottom: 0;
line-height: 45px;
color: #0092DE;
}
#learn-hero-secondLine-mobile {
font-size: 54px;
margin-bottom: 20px;
line-height: 45px;
color: #0092DE;
}
#learn-hero-bottomLine {
font-size: 55px;
line-height: 72px;
}
.platform-title {
font-size: 27px;
line-height: 28px;
}
.learnDetailCont .detailItemTitle {
font-size: 20px;
line-height: 25px;
padding-top: 15px;
}
.learnDetailCont .detailItemBody {
padding-top: 10px;
}
#cloudCityText1 {
left: 7%;
bottom: 79%;
line-height: 11px;
font-size: 10px;
}
#learn-hero-bottomLine {
    font-size: inherit;
    line-height: inherit;
}
.learnDetailCont .detailItemTitle {
    font-size: 21px !important;
    line-height: 24px !important;
}
#experienceViprBottomLine {
    margin-top: -44px;
    margin-bottom: -44px;
}
.learnDetailContainer .detailItemTitle {
    font-size: 20px;
    font-weight: bold;
}

@media screen and (max-width: 380px) {

.learnDetailCont .detailItemTitle {
font-size: 15px;
line-height: 17px;
padding-top: 15px;
}
.learnDetailCont .detailItemBody {
font-size: 13px;
line-height: 17px;
}

}

@media screen and (max-width: 350px) {

#cloudCity {
width: 181px;
height: 157px;
background: url("/images/products/vipr/vipr-cloud-city-mobile.png") no-repeat -6px 0;
background-size: contain;
}
#oldSchoolServer {
width: 181px;
height: 148px;
background-size: contain;
}
#serverTowerContainer {
width: 181px;
height: 225px;
background-size: contain;
}
.learnDetailCont {
width: 86%;
}
.learnDetailCont .detailItemTextContainer {
width: 95%;
}
.learnDetailCont .detailItemTitle {
font-size: 11px;
line-height: 15px;
}
#learnViprLower1, #learnViprLower2, #learnViprLower3 {
width: 188px;
height: 200px;
background-size: contain;
}
#learn-hero-topLine-black {
font-size: 28px;
line-height: 27px;
}
#learn-hero-mainLine-black {
font-size: 20px;
line-height: 22px;
margin-bottom: 13px;
}
#learn-hero-subLine-black {
font-size: 15px;
line-height: 19px;
margin-bottom: 8px;
}
#learn-hero-link a:link {
font-size: 13px;
line-height: 23px;
}
}


@media only screen and (max-width: 300px) {

.main section.hero h1 {
font-size: 17px;
}
#learnVipr, #learnViprBlue {
width: 137px;
height: 158px;
background-size: contain;
}
#learn-hero-topLine {
display: none;
}
#learn-hero-topLine-mobile {
font-size: 25px;
margin-bottom: 0;
line-height: 45px;
color: #0092DE;
}
#learn-hero-secondLine-mobile {
font-size: 54px;
margin-bottom: 20px;
line-height: 45px;
color: #0092DE;
}
#learn-hero-bottomLine {
font-size: 37px;
line-height: 67px;
}
.learn-tagline-title-lower {
font-size: 17px;
line-height: 21px;
}
.platform-title {
font-size: 22px;
line-height: 24px;
}
.platform-subtitle {
font-size: 20px;
line-height: 24px;
}
.learnHeroDescriptionLower {
padding-left: 10px;
}
.learnDetailCont {
width: 83%;
}
.detailItemImage {
width: 55px;
height: 55px;
background-size: contain;
}
.detailItemBody {
margin-top: 8px;
padding-top: 0px;
}
#learnContactUs {
width: 100px;
font-size: 19px;
}
}

@media only screen and (max-width: 1060px) {
.magnetic.no-touch .main section[data-video] .videowrap {
margin:0;
}
}

@media only screen and (min-width: 1060px) {

body{z-index:1060}
}

@media only screen and (min-width: 1250px) {

body{z-index:1280}
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
.overlay-wrap .close-button {
display:none;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
.overlay-wrap .close-button {
display:none;
}
}
@media screen and (orientation: portrait) {
.portrait{z-index:2}.landscape{z-index:1}
}
@media screen and (orientation: landscape) {
.portrait{z-index:1}.landscape{z-index:2}
}


@media screen and (min-width: 641px) and (max-width: 979px) {


}


.subNavBarContShort {
height: 56px;
-webkit-transition-property: height;
-webkit-transition-duration: .35s;
-moz-transition-property: height;
-moz-transition-duration: .35s;
transition-property: height;
transition-duration: .35s;
}
.subNavBar ul.subNavTop li.subNavTopLiShort {
margin-top: 17px;
-webkit-transition-property: margin-top;
-webkit-transition-duration: 0.35s;
-moz-transition-property: margin-top;
-moz-transition-duration: 0.35s;
transition-property: margin-top;
transition-duration: 0.35s;
}