html {
  /*background: url(images/banner-50.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/

}
body {color:#333;}
.w3-row #navbar {max-width:1300px!important;}
.main-ea15-header {font-family: "Roboto",sans-serif;font-size: 60px !important;font-weight: 500 !important;padding: 30px;padding-top:0px;padding-bottom: 0px;margin: 0px auto;text-align: center;line-height: 1em;}
.main-ea15-blurb {margin-bottom: .5rem; margin-top: 0px;font-family: "Roboto";font-weight:normal;line-height: 1.2;color: #333;text-align:center;font-size: 3em;padding-top:60px;}
.main-ea15-future {margin-bottom: .5rem; margin-top: 0px;font-family: "Roboto";font-weight:normal;line-height: 1.2;color: #333;text-align:center;font-size: 3em;padding-top:0px;}
.main-header-hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0,0,0,.1);}
.white-box{background-color: white; padding-left:10px; padding-right:10px;}
.centered{width:80%; text-align: center;margin-left: auto; margin-right: auto;}
.left{width:80%; text-align:left;margin-left: auto; margin-right: auto;}
.watchvid{padding-top:10px;}
.ea15-subhead{margin-bottom: .5rem; margin-top: 50px;font-family: "Roboto";font-weight:normal;line-height: 1.2;color: #333;text-align:center;font-size: 38px; }
.rc1{}
.rc1-container{margin-left:auto; margin-right: auto;text-align: center; margin-bottom: 40px;}
.ea15-subhead-left{margin-bottom: .5rem; margin-top: 50px;font-family: "Roboto";font-weight:normal;line-height: 1.2;color: #333;text-align:left;font-size: 38px;}
.ea15-subhead-right{margin-bottom: .5rem; margin-top: 50px;font-family: "Roboto";font-weight:normal;line-height: 1.2;color: #333;text-align:right;font-size: 38px;}
.col a:link, .col a:visited {color: #EF8000;outline: none; font-size: 16px;	font-family: "Roboto",sans-serif;	}
.fullimage{  width:80%;}
.full-screen{text-align:center;}
.thumbs100-specman-requirements {width: 100px;height: 56px;background-position: -115px -391px;}
.lazy{max-width:80%;}
.thumb {width: 20%; margin: 20px; max-height: 130px;}
.translateservices{width: 265px;}
.rightalignicon{padding-left: 21px;}

#smlbanner {
	display:none;
	max-width:600px;
}
#ea14slider {
	margin-top:30px;
	padding-top: 24px ;
	padding-bottom: 24px;
}
.eablurb{
  text-align: center;
  font-size: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:50px;
}

.sectionblurb{
  text-align: center;
  font-size: 20px;
  width: 81%;
  margin-left: auto;
  margin-right: auto;
}
#topbanner {
/*   background-image: url('images/-cloud-perspective.png'); */
width: 100%;
overflow: visible;
margin-top:25px;
/*background-size: cover;*/
}

.topbanner img {
    width: 100%;
}

.home-top-bg {
	background: url(/images/layout/banner/indexbanner.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #010101;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
}

#homebannercontent {
	min-height: 384px;
	clear: both;
	position: relative;
	z-index: 0;
	margin: 0px auto 0;
}
.home-banner-row {
    min-height: 384px;
    max-width: 1100px;
}

.section-header {font-size: 52px !important;line-height: 1.07724;font-weight: 200;letter-spacing: -.016em;font-family: "Roboto",sans-serif;text-align: center;margin: 0px 0px.5rem 0px;}
p {color: #595959;font-family: "Roboto",sans-serif;font-size: 22px;font-weight: 400;line-height: 26px;}

#jiracloud{
  width:515px;

}
#bglayer {
	position: absolute;
	top:150px;
	background-image: url('images/circular-persspective.png');
	width: 100%;
	height:100%;
	background-size: 650px 650px;
	overflow: visible;
	background-position: top center;
	background-repeat: no-repeat;
	opacity: 0.2;
	filter: alpha(opacity=20); /* For IE8 and earlier */
	z-index: -2;
}
.subhead{
	text-align: center;
	font-size: 35px;
	font-family: "Roboto",sans-serif;
	font-weight: 200;
	margin-top:10px;
	line-height:45px;
	width:63%;
	margin-left:auto;
	margin-right:auto;
}
#collab-screens{
	text-align: center;
	display:block;
	margin-left: auto;
	margin-right: auto;
}
#collab-screens img{
	max-width:45%;
}
#toplayer{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
.w3-half ul {
	color: #595959;
	font-family: "Roboto",sans-serif;
}
#universalheading {
	color: #F5940A;
	margin:0px  auto;
	text-align:center;
	line-height: 36px;
	font-family: calibri, arial,'Ridley',"Roboto",sans-serif;
}
#universalheading ul li{
	background-image:none;
}
.sub-para
{
  padding-left:25px;
}
.ribbons
{
  max-width:525px;
  width:95%;
  margin-bottom:20px;
}
.elementbrowser{
  display: block;
margin-left: auto;
margin-right: auto;
width:140px;
}
.dynamicdoc {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 520px;
}

.thumbs100 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    max-height:56px;
}
.tricol{
  margin-top:26px;
}

.bicol{
  margin-top:50px;
}

.thums-container
{
  max-width: 30%;
}

#universalheading	ul {
	color: #595959;
	padding:0px;
	margin:0px;
}
#universalheading	ul li {
	display:inline-block;
	color: #F5940A;
	font-size: 26px;
	padding:8px 4px;
	margin: 0px;
	line-height:50px;
	font-weight: 700;
}
#universalheading span{
	color: #000;
	font-size:30px;
}
li{
  font-size:14px;
}
ul li ul{
  padding-left:15px;
}
#review-img{
  margin-top: 0px;
  margin-left: 120px;
}
h3 {
	color: #333;
	font-family: "Roboto",sans-serif;
	font-size: 20px;
	font-weight: 200;
	margin: 25px 0px 10px 0px;
	line-height: 24px;

}
.h3{
  padding-left:26px;
}
h4 {
	font-family: "Roboto",sans-serif;
	font-size: 60px !important;
	font-weight: 500 !important;
	padding: 30px;
	margin: 0px auto;
	text-align:center;
	line-height:1em;
}

h3.extratoppad
{
	padding-top: 20px;
}

h3.extratoppad2
{
	padding-top: 40px;
}


.w3-padding-right {
    padding-right: 34px !important;
}
.w3-padding-left {
    padding-left: 34px !important;
}


 .Subnav-menu-button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding: 6px 20px 6px 25px;
	font-size: 14px;
	line-height: 32px;
	font-weight: 500;
	background-color: #FFF;
	color: #fff;
	border-radius: 16px;
	transition: background-color .1s ease,box-shadow .1s ease;
}
#videos  {
	width: 100%;
	overflow: visible;
	background-size: cover;
	text-align:center;
}
#videos h3 {
	font-size: 40px;
}
.mainvideo{
	position:relative;
	text-align: center;
}
.mainvideo img{
	vertical-align: middle;
}

#videoarrow{
	top:45%;
	left:48%;
	position:absolute;
	box-shadow: none;
	border:none;
}


.demolink img {
    width: 86px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -30px;
    margin-top: -43px;
}
.demolink {
	background-image: url("/products/ea/14/images/videologo.png");
	margin-top: 20px;
	background-size:cover;
	max-width: 920px;
	background-repeat: no-repeat;
	width: 96%;
	height: 515px;
	cursor: pointer;
	padding-top: 0px;
	position: relative;
	margin: 0 auto;
	border: 1px solid #aaa;
}
#bpsim{
	display:block;
	float:right;
	padding-left:40px;
}
.niem4{text-align: center;}
.niem4 img{width:470px;}
#bpsim img{width:470px;}
.demounit  {
	color: blue;
	text-align:left;
	min-height:400px;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #FFF;
	max-width:280px;
	padding:10px;
}
.demounit .btn {float:right;}
.demounit hr {
	margin-top:0px;
	border : 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.demounit .lytebox img ,.demounit .lytebox a {
	border:none;
	display: block;
	margin: 0px auto;
	max-width: 260px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	width: 100%;

}
.demounit h6 a {
    display: inline-block;
    padding: 0px;
	margin: 0px;
    height:38px!important;
}
.cmmn{display:block;float:right;text-align: right;}
.cmmn img{max-width:418px;}
#thumbs{
	text-align: center;
}
.cmmnthumb img{
	max-width:155px;
	height:111px;
}
.cmmnthumb{
	margin:10px;
}
.demounit h5 {
	font-size:16px;
	padding:0px 10px 0px 10px;
	margin:20px 5px 5px 5px;
	background-color: rgba(255,255,255,0.7);
	color: #333;
	font-weight: 900;
	font-family: "Roboto",sans-serif;

}
.demounit h6 {
	font-size:14px;
	padding:0px 30px 0px 25px;
	margin:2px;
	background-color: rgba(255,255,255,0.7);
	color: #49c5b6;
	font-weight: 700;
	z-index:2;
	font-family: "Roboto",sans-serif;
	text-align: left;
	line-height:35px;
}
.demounit p{
	text-align:left;
	color: #666;
	font-size:15px;
	padding:5px 20px 0px 20px;
	min-height:75px;
	margin:0px;
}
.demounit button {margin-left:15px;}
.button {
	background: #eee none repeat scroll 0 0;
	background-color: #F5F5F5;
	border: 1px solid #595959;
	border-radius: 33px;
	color: #595959;
	display: inline-block;
	list-style-type: none;
	margin: 5px 0px;
	overflow: visible;
	padding: 10px 40px;
	white-space: nowrap;
}
.center-image{
	text-align: center;
}
.center-image-dark{
	text-align: center;
}

.center-image-dark img{
	text-align: center;
  width:370px;
}
.button:hover, #navibutton li:hover{color: #595959;text-decoration:none;background-color: #ddd;}
/*
.sectionbreakblue {
    background-color: #64bafa;
    color: white;
    font-size: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.sectionbreakgreen {
    background-color: #7ed9bc;
    color: white;
    font-size: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.imageholder {
	box-shadow: 0 0 10px 0 rgba(#000, 0.1);
	width:100%;
	height: 200px;
}
*/
.thumbnails {
	margin:12px auto;
}
.contextbrowser{
	margin-bottom:20px;
}
.thumbnails tr td {
    padding: 5px ;
}
#white-widebox-flex {
    background: #fff;
    border-bottom: 1px solid #CCC;
    height: auto;
    text-align: center;
    overflow: hidden;
    padding: 30px;
}
#spacer{
	margin-bottom: 80px;
}
.lytebox img {
	border: 1px solid #AAA;
	box-shadow: 3px 3px 1px #ccc;
	-webkit-box-shadow: 3px 3px 1px #ccc;
	-moz-box-shadow: 3px 3px 1px #ccc;
}
.vidicon{
  border: 0px!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;


}

#navibutton {
	margin: 0px auto;
	width: 76%;
	text-align:center;
}
#navibutton ul {
    padding-left: 3px !important;
}
#navibutton li {
    background: #eee none repeat scroll 0 0;
    background-color: rgb(238, 238, 238);
    background-color: #F5F5F5;
    border: 1px solid #595959;
    border-radius: 33px;
    color: #595959;
    display: inline-block;
    list-style-type: none;
    margin: 5px 0px;
    overflow: visible;
    padding: 5px 45px;
    white-space: nowrap;
}
#navibutton a {
    color: #595959;
    font-family: "Roboto",Calibri, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    padding-top: 10px;
}
#downloadpurchase {
    text-align: center;
    text-decoration: none;
    margin: 30px auto;
}
.w3-highlight {
	padding:120px 40px 20px 40px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:100px 100px;
	text-align:center;
}

.resources h3 {color: #595959;font-weight: 400;font-family: "Roboto",sans-serif;font-size: 24px;font-weight: 400;margin: 0;line-height: 36px;text-align: left;padding-left: 0px;}
/* animation  button*/
.btn  {
	margin:5px;
	color:#1F95FF!important;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	border-bottom: 1px solid white;
	line-height:24px;
}

.btn:hover {
	animation  button
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	border-bottom: 1px solid #1F95FF;
}
#requestform {
	padding: 10px 10px 20px 10px;
	margin-bottom: 20px;
}
/* animation  images*/
.w3-display-container{
	  position:relative
	}
.w3-badge {background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center;border-radius:50%;height:13px;width:13px;padding:0;}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-transparent{background-color:transparent!important}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-large{font-size:30px!important}
.w3-center{text-align:center!important}
.w3-btn-floating{width:40px;height:46px;line-height:40px;opacity: 0.7;}
.w3-text-white, .w3-hover-text-white:hover {color: #fff !important;}
.w3-hover-text-khaki { transition: background-color 0.3s ease 0s, color 0.15s ease 0s, box-shadow 0.3s ease 0s, opacity 0.3s ease 0s;}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-btn-floating,.w3-btn-floating-large{display:inline-block;text-align:center;color:#fff;background-color:#999;position:relative;overflow:hidden
;z-index:1;padding:0;border-radius:50%;cursor:pointer;font-size:24px}
.w3-border { border: 1px solid #555 !important;}
.w3-grey,.w3-hover-grey:hover{color:#fff!important;background-color:#ccc!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-centertext {position:absolute; bottom:30px;text-align:center; color:white;background-color:#555;margin: 0 auto; width:50%;margin-left:25%;padding: 0 20px;opacity: 0.65;    filter: alpha(opacity=65); }
.w3-animate-fading {
  position:absolute;  left:0;  -webkit-transition: opacity 1s ease-in-out;  -moz-transition: opacity 1s ease-in-out;  -o-transition: opacity 1s ease-in-out;  transition: opacity 1s ease-in-out;  opacity:0;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);}
.opaque {  opacity:1;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=1);}
.rollercenter {height: 449px;background-position:top center;box-shadow: 5px 5px 5px grey; max-width:800px}
#slider {	background-size: cover!important;height:520px;	max-width:800px;margin:0 auto; } /* dot point*/
#sliderborder{height:451px; border:1px solid black;}
/*#slider h5{font-size:16px!important;font-weight:700;width:100%;text-align:center;}*/ /* heading position*/
/*.flexheading{position: absolute ; bottom:0px;color:#333; font-weight:400px;margin:0 auto; width:100%;text-align:center;padding-top:20px!important;}*/
/*.w3-row, .w3-row-padding{max-width: 1171px;} */
.w3-half {max-width:600px;}

/*Read More Toggle */

.read-more-state {
	display: none;
}

.read-more-target {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
	content: 'Show more';
}

.read-more-state:checked ~ .read-more-trigger:before {
	content: 'Show less';
}

.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	padding: 0 .5em;
	color: #666;
	font-size: .9em;
	line-height: 2;
	border: 1px solid #ddd;
	border-radius: .25em;
}
.bk-alt {background-color: transparent;}


.topic-container h2 {
	font-size: 52px;
	line-height: 1.07724;
	font-weight: 200;
	letter-spacing: -.016em;
	font-family: "Roboto",sans-serif;
	text-align: center;
}
.topic-container li {
    background-image: none;
    background-position: 1px 2px;
    background-repeat: no-repeat;
    font-size: 18px;
    list-style-type: disc;
    margin: 5px 0px;
    padding-left: 5px;
    line-height:22px;
    font-family: "Roboto",sans-serif;
}
.topic-container li li {
	list-style-type: circle;
	}
.topic-container{
	padding:0px 0px;
  padding-top:50px;
	max-width:100%;
}
.slider1-move-next-btn {position:absolute;top:42%;left:10px;}
.slider1-move-prev-btn {position:absolute;top:42%;right:10px;}

.slider-image-caption{font-size:16px; padding-top:20px;margin-bottom:-40px;font-weight:700;width:100%;text-align:center;color:#003460}
.flexheading{position:absolute;bottom:0px;color:#333;font-weight:400px;margin:0 auto;width:100%;text-align:center;}
.demopoint {vertical-align:bottom;}
.padding-right-10 {padding-right:10px;}
.center-div {margin:0px auto}

.webinar-bpsim, .webinar-dmn-intro, .webinar-model-editing, .webinar-model-patterns
{ display: inline-block; background: url('images/webinars-sprite.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
.webinar-bpsim { background-position: -0px -0px; width: 260px; height: 146px; }
.webinar-dmn-intro { background-position: -260px -0px; width: 260px; height: 146px; }
.webinar-model-editing { background-position: -0px -146px; width: 260px; height: 146px; }
.webinar-model-patterns { background-position: -260px -146px; width: 260px; height: 146px; }

.thumbs100-attributes, .thumbs100-connector, .thumbs100-constraints, .thumbs100-diagram, .thumbs100-model-wizard-application-patterns, .thumbs100-model-wizard-executable-patterns, .thumbs100-model-wizard-patterns,.thumbs100-perspectives-structual, .thumbs100-regions, .thumbs100-sax2print-memory-profile-report, .thumbs100-specman-requirements, .thumbs100-templates, .thumbs100-xerces-sax2print-callgraph
{background-image: url(images/thumbs100-sprite.png);background-repeat: no-repeat;display: block;border: 1px solid #AAA;box-shadow: 3px 3px 1px #ccc;-webkit-box-shadow: 3px 3px 1px #ccc;-moz-box-shadow: 3px 3px 1px #ccc;}
.thumbs100-attributes {width: 200px;height: 44px;background-position: -225px -391px;float: left;margin: 14px 10px 0px 0px;}
.thumbs100-connector {width: 90px;height: 178px;background-position: -115px -5px;}
.thumbs100-constraints {width: 90px;height: 176px;background-position: -225px -5px;float:right;margin: 14px 0px 0px 10px;}
.thumbs100-diagram {width: 100px;height: 197px;background-position: -225px -191px;float:right;margin:14px 0px 0px 10px;}
.thumbs100-model-wizard-application-patterns {width: 100px;height: 56px;background-position: -325px -5px;}
.thumbs100-model-wizard-executable-patterns {width: 100px;height: 56px;background-position: -325px -71px;}
.thumbs100-model-wizard-patterns {width: 100px;height: 56px;background-position: -335px -137px;}
.thumbs100-perspectives-structual {width: 100px;height: 54px;background-position: -5px -203px;}
.thumbs100-regions {width: 90px;height: 178px;background-position: -335px -203px;}
.thumbs100-sax2print-memory-profile-report {width: 100px;height: 56px;background-position: -5px -391px;}
.thumbs100-specman-requirements {width: 100px;height: 56px;background-position: -115px -391px;}
.thumbs100-templates {width: 90px;height: 175px;background-position: -115px -208px;}
.thumbs100-xerces-sax2print-callgraph {width: 100px;height: 56px;background-position: -5px -264px;}

.ribbons-ribbon-design, .ribbons-ribbon-layout, .ribbons-ribbon-publish, .ribbons-ribbon-simulate, .ribbons-ribbon-specialize, .ribbons-ribbon-start
{background-image: url(images/ribbon-sprite.png);background-repeat: no-repeat;display: block;border: 1px solid #AAA;box-shadow: 3px 3px 1px #ccc;-webkit-box-shadow: 3px 3px 1px #ccc;-moz-box-shadow: 3px 3px 1px #ccc;}
.ribbons-ribbon-design {width: 525px;height: 70px;background-position: -5px -5px;}
.ribbons-ribbon-layout {width: 525px;height: 53px;background-position: -5px -85px;}
.ribbons-ribbon-publish {width: 525px;height: 85px;background-position: -5px -148px;}
.ribbons-ribbon-simulate {width: 525px;height: 78px;background-position: -5px -243px;}
.ribbons-ribbon-specialize {width: 525px;height: 83px;background-position: -5px -331px;}
.ribbons-ribbon-start {width: 525px;height: 65px;background-position: -5px -424px;}

.screens1-collaborate-discussion, .screens1-contextbrowser1, .screens1-contextbrowser2, .screens1-dark14, .screens1-diagraminline-specman, .screens1-element-browser, .screens1-journal, .screens1-perspectives-behavioral, .screens1-swotanalysis, .screens1-whole-screen, .screens1-element-lock-status
{background-image: url(images/screens1-sprite.png);background-repeat: no-repeat;display: block;border: 1px solid #AAA;box-shadow: 3px 3px 1px #ccc;-webkit-box-shadow: 3px 3px 1px #ccc;-moz-box-shadow: 3px 3px 1px #ccc;}
.screens1-collaborate-discussion {width: 255px;height: 442px;background-position: -5px -5px;}
.screens1-contextbrowser1 {width: 237px;height: 680px;background-position: -270px -5px;}
.screens1-contextbrowser2 {width: 237px;height: 675px;background-position: -517px -5px;}
.screens1-dark14 {width: 370px;height: 311px;background-position: -764px -5px;}
.screens1-diagraminline-specman {width: 543px;height: 294px;background-position: -517px -870px;}
.screens1-element-browser {width: 140px;height: 303px;background-position: -1144px -5px;}
.screens1-journal {width:255px;height:474px;background-position:-765px -325px;}
.screens1-perspectives-behavioral {width: 543px;height: 294px;background-position: -1070px -869px;}
.screens1-swotanalysis {width: 543px;height: 295px;background-position: -5px -1173px;}
.screens1-whole-screen {width: 543px;height: 294px;background-position: -558px -1173px;}
.screens1-element-lock-status {width:340px;height:414px;background-position:-5px -695px;margin: 30px auto 0px; max-width:100%}

.screens2-bpsim,.screens2-cdplayer-debug, .screens2-cmmn1, .screens2-cmmn2, .screens2-cmmn3, .screens2-dmn, .screens2-ea-external, .screens2-ifml, .screens2-jira-external, .screens2-niem4, .screens2-sax2print-memory-profile-in-progress, .screens2-stack-profiler, .screens2-strategy-roadmap, .screens2-model-wizard-process-guide, .screens2-swimlanes
{background-image: url(images/screens2-sprite.png);background-repeat: no-repeat;display: block;border: 1px solid #AAA;box-shadow: 3px 3px 1px #ccc;-webkit-box-shadow: 3px 3px 1px #ccc;-moz-box-shadow: 3px 3px 1px #ccc;}
.screens2-bpsim {width: 470px;height: 405px;background-position: -5px -5px;margin-right:10px;}
.screens2-cdplayer-debug {width: 543px;height: 305px;background-position: -485px -5px;margin-left:10px;}
.screens2-cmmn1 {width: 418px;height: 300px;background-position: -485px -320px;margin-right:10px;}
.screens2-cmmn2 {width: 155px;height: 103px;background-position: -1038px -5px;display:inline-block;}
.screens2-cmmn3 {width: 155px;height: 103px;background-position: -1203px -5px;display:inline-block;}
.screens2-dmn {width: 543px;height: 275px;background-position: -5px -630px;}
.screens2-ea-external {width: 543px;height: 203px;background-position: -558px -630px;max-width:96%;margin: 10px 2%;}
.screens2-ifml {width: 470px;height: 282px;background-position: -558px -843px;margin-left:20px;}
.screens2-jira-external {width: 543px;height: 236px;background-position: -5px -1235px;max-width:96%;margin: 10px 2%;}
.screens2-niem4 {width: 470px;height: 345px;ackground-position: -1368px -5px;margin: 0px auto;}
.screens2-sax2print-memory-profile-in-progress {width: 543px;height: 305px;background-position: -1111px -360px;}
.screens2-stack-profiler {width: 565px;height: 318px;background-position: -1111px -675px;}
.screens2-strategy-roadmap {width: 543px;height: 505px;background-position: -1120px -1003px;}
.screens2-model-wizard-process-guide {width: 543px;height: 305px;background-position: -558px -1135px;max-width:96%;margin: 0 2%;}
.screens2-swimlanes {width:543px;height:311px;background-position: -5px -910px;max-width:96%;margin: 0 2%;}

.callstoaction{
  width:60%;
  margin: 25px auto 25px auto !important;
/*  margin-bottom: 75px !important; */
  text-align: center;
/*  margin-left: auto !important;
  margin-right: auto !important; */
}

.buttom-sub-text{
  font-size: 18px;
  text-align: center;
}

.home-download-icon {
    background-position: -184px -422px;
    width: 23px;
    height: 23px;
    margin: 2px 10px 0px 0px;
}

.rounded-button-dust-blue-solid {

	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 400;
	cursor: pointer;
	background-color: #74cef4;
	border: 1px solid #FFF;
	border-radius: 25px;
	color: #FFF;
	margin: 4px auto;
	padding: 0px 40px;
	text-align: center;
	min-width: 270px;
	max-width: 360px;
}
.rounded-button-index-blue-solid {

	font-family: "Roboto",sans-serif;
	font-size: 24px;
	font-weight: 400;
	cursor: pointer;
	background-color: #426489;
	border: 1px solid #FFF;
	border-radius: 25px;
	color: #FFF;
	margin: 4px auto;
	padding: 0px 40px;
	text-align: center;
	min-width: 270px;
	max-width: 360px;
}
.rounded-button-index-blue-solid:hover {background-color:#214469;}

.no-decoration {
    text-decoration: none;
}

.bk-alt {
    background-color: #F6F6F6;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
  margin-top:20px!important;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
	padding-left:5px;
	padding-right:5px;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 48.2%;}
.span_1_of_2 img{max-width: 100%;}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 31.26%; }
.span_1_of_3 img {max-width:100%;}

/*  GRID OF FOUR  */
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 22.8%;}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}


@media only screen and (min-width: 1200px) {
	.w3-row, .w3-row-padding {
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px auto;
	max-width: 1300px;

	}
}
@media only screen and (max-width: 1500px) {
	#ea14slider {
	margin-top:0px
	}
	.dg-container{
	margin: -20px auto;
	transform: scale(0.9, 0.9);
	}
	.dg-wrapper a div , nav{
	transform: scale(1);
	}

}
@media only screen and (max-width: 1300px) {
	.dg-container{
		margin: -40px auto;
	   transform: scale(0.8, 0.8);
	}
	.dg-wrapper a div , nav{transform: scale(1.1);}

}
@media only screen and (max-width: 1200px) {
	.dg-container{
	margin: -50px auto;
	transform: scale(0.7, 0.7);
	}
	.dg-wrapper a div , nav{
	transform: scale(1.2);
	}
	#enterprise ,#architect{
	font-size: 60px;
	}
	h2{
	font-size: 28px!important;
	}
	.topic-container h2 {
	font-size: 34px !important;
	}
	.subhead{
	font-size: 24px;
	}

}
@media only screen and (max-width: 1100px) {
	.dg-container{
		margin: -60px auto;
	   transform: scale(0.65, 0.65);
	}
	.dg-wrapper a div , nav{transform: scale(1.3);}
}
@media only screen and (max-width: 1000px) {
	.dg-container{
		margin: -70px auto;
	   transform: scale(0.6, 0.6);
	}
	.dg-wrapper a div , nav{transform: scale(1.5);}
	#enterprise ,#architect{ font-size: 60px;}
	.domain_nav {display:none;}
	#topbanner {margin-top:0px;}
  .topbanner img {margin-top: 80px;}
	h2{font-size: 24px;}
}
@media only screen and (max-width: 900px) {
.dg-container{
	margin: -80px auto;
	transform: scale(0.55, 0.55);
	}
.dg-wrapper a div , nav{transform: scale(1.7);}
}
@media only screen and (max-width: 800px) {
	.dg-container{
	margin: -90px auto;
	transform: scale(0.5, 0.5);
	}
	.dg-wrapper a div , nav{
	transform: scale(1.9);
	}
	#enterprise ,#architect{
	font-size: 48px;
	}
	h2{
	font-size:20px!important;
	}

	.subhead{
	font-size: 24px !important;
	line-height: 28px!important;
	}

}
@media only screen and (max-width: 700px) {
.dg-container{
   transform: scale(0.5, 0.5);
}
.dg-wrapper a div , nav{transform: scale(2);}
nav{bottom: auto!important;}
.dg-container { height: auto!important;}
}
@media only screen and (max-width: 600px) {
#dg-container{ display:none;}
#smlbanner {display: block;}
#enterprise ,#architect{
	font-size: 40px!important;
	}
	h2{
	font-size:20px!important;
	}
}





/* included contents of sliderstyle.css */
.dg-container{width:100%;height:610px;position:relative}
.dg-wrapper{width:850px;height:520px;margin:0 auto;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
.dg-wrapper a{width:850px;height:520px;display:block;position:absolute;left:0;top:0;background:transparent no-repeat top center}
.dg-wrapper a.dg-transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.dg-wrapper a img{display:block;padding:25px 25px 0;width:100%}
.dg-wrapper a div{font-style:italic;text-align:center;line-height:50px;text-shadow:1px 1px 1px rgba(255,255,255,0.5);color:#333;font-size:16px;width:100%;bottom:-50px;display:none;position:absolute}
.dg-wrapper a.dg-center div{display:block}
.dg-container nav{width:58px;position:absolute;z-index:1000;bottom:10px;left:50%;margin-left:-29px}
.dg-container nav span{text-indent:-9000px;float:left;cursor:pointer;width:23px;height:25px;opacity:.6;background:transparent url(slider/images/arrows.png) no-repeat top left}
.dg-container nav span:hover{opacity:1}
.dg-container nav span.dg-next{background-position:top right;margin-left:10px}