/***
* Global Article Styles
***/
/* #page {
    font-size: 0.875em !important;
} */

/* ########### */
/*   BANNER   */
/* ########### */
/*.w3-row #navbar{max-width:1000px;} */
.w3-eatop {
	margin-top: 80px;
	padding-top:36px;
	position: relative;
}
#ribbons h1 {
    color: #4e77ae;
    float: left;
    font-size: 64px !important;
    font-weight: 500 !important;
    margin-bottom: 0;
    text-align: center;
}
h1 {
	font-weight:300!important;
	font-size:90px;
}
.topic-container h2 {
	font-size: 52px;
	line-height: 1.07724;
	font-weight: 200;
	letter-spacing: -.016em;
	font-family: "Roboto",sans-serif;
	text-align: center;
}
h3 {
	font-size:26px!important;
	line-height:36px;
}
h4{
	font-size:22px!important;
}
.topic-container h3:first-child{
	margin-top:45px;
}
#enterprise {
	display:inline-block;
	color: #0c3a7e;	
	font-weight:800;
}
#architect {
	display:inline-block;
	color: #f59816;
	font-weight:800;
}
#callout{
	padding: 24px 0px;
	font-size:15px;
	color:#666;
	font-family: "Roboto",calibri,sans-serif;
}
#centerquote{
  	clear:both;	
	width:1000px;
	margin:auto;
	text-align:center;
}
#downloadpurchase a{
	text-decoration:none;
}
#mainheading a{
	text-decoration:none;
}
#ea-logo{
	max-width:1000px;
	margin:35px auto;	
}
#logo-graphic{
	width:75px;	
	float:left;
}

.padding-top-bottom-36 {padding: 36px 0px!important;}
#ea-banner {	
	background-image: url("/images/products/ea/eaindex/ea130banner.png");
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
	margin: 0px auto;
	height: 400px;
	text-align:left;
	overflow: hidden;
}
.banner_head {
	margin: 75px auto 50px auto;
	text-align:left;
	max-width: 70%;
	font-weight:400;
	padding: 0 20px ;
}
#ea-banner h1 {
		color: #2c2c2c;
		font-family: "Roboto",sans-serif;
		margin: 40px auto 0px auto;
		padding: 10px 0;
		line-height: 0.9;
		text-align: left;
		font-size: 3.6em;
		font-weight:400;
}
#ea-banner h2 {
		color: #595959;
		font-family: "Roboto",sans-serif;
		font-size: 2.4em;
		margin: 0px auto 20px auto;
		padding: 10px 0;
		line-height: 1.1;
		text-align: left;
		font-weight:400;
		max-width: 55%;
		float:left;
}
	/* Dust Red: */
#dust-redwidebox-flex{
	background: #FFE3D6;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: auto;
	text-align:center;
	overflow: hidden;
	padding: 30px;
}
#white-widebox-flex{
	background: transparent;
	height: auto;
	text-align:center;
	overflow: hidden;
	padding: 48px;
}

.lytebox #mainimage{
	max-width:800px;
	
}

.into-paragraph {
  color: #f59816;
  font-family: "Roboto",calibri,sans-serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px auto 10px;
  text-align: center;
  width: 70%;
}

.into-version {
  color: #0c3a7e;
  font-family: "Roboto",calibri,sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px auto 10px;
  text-align: center;
  width: 70%;
}
#tips{
	list-style-type:none;	
	display: inline-block;
	text-align:center;
}

.quoteline{max-width:533px;color:#686868;font-size:15px;padding-top: 8px;}
.quotename {border-right: 1px solid #999;color: #06f;display: inline;font-size: 10px;font-weight: normal;margin-top: 8px;padding-left: 0;padding-right: 5px;padding-top: 0;}
.quotetitle {color: #06f;display: inline;font-size: 10px;font-weight: normal;margin-top: 8px;padding-left: 0;padding-right: 5px;padding-top: 0;}
#tips li a {
    font-size: 12px;
    padding-left: 4px;
    text-decoration: none;
}
.user-quote-block{clear:both;margin:50px 0px 30px 0px;text-align:center;}
.user-quote-block-inner{max-width: 560px;margin: 0px auto;}
.bottom-right{position:relative;float:right;top:26px;}
.user-quote-img {display:inline-block;}
.user-quote{display: list-item;background: url('/images/quoteup-b.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;padding: 12px 0 0 12px;}
.user-quote-open {padding-right:10px;margin-top:-10px;}
.user-quote-close {padding-left:10px;margin-bottom:-10px;}
.user-quote-userdetails {float:right; padding:6px 16px 0px 0px}
.user-quote-userlink {font-size: 12px;text-decoration: none;}

.demopoint {vertical-align: bottom;}

a {
    color: #ef8000;
}
#downloadpurchase{
	text-align:center;
	text-decoration:none;
	margin-top:30px;
}

.ul_awardlogos li {
  display: inline;
}
#awardsarea{
	margin-top:50px;	
}
/*
#navbar-inner{
	width:800px ;
}
*/
@media all and (max-width: 1800px) { #ea-banner h1 { font-size: 3em;}#ea-banner {	height: auto; } .banner_head {margin-top: 80px;max-width: 75%; }}
@media all and (max-width: 1500px) { #ea-banner h1 { font-size: 3em;} #ea-banner {	height: auto; } .banner_head {margin-top: 70px;max-width: 90%; }}
@media all and (max-width: 1300px) { #ea-banner h1 { font-size: 2.75em;} #ea-banner {	height: auto; } .banner_head {margin-top: 60px;max-width: 95%; }}
@media all and (max-width: 1150px) { #ea-banner h1 { font-size: 2.75em;} #ea-banner {	height: auto; } .banner_head {margin-top: 50px;max-width: 98%; }}
@media all and (max-width:  1000px) { #ea-banner h1 { font-size: 2.675em; } #ea-banner {height: auto; } .banner_head {margin-top: 20px;max-width: 96%; }} 
  
  
#actionBox2  a {
    padding-top: 7px;
}

#actionBox a {
    padding-top: 7px;
}

h1 {
	color: #2c2c2c;
	font-weight: 400;
}

h2 {
	color: #595959;
	font-weight: 400;
}

h3 {
	font-weight: 270;
}

h4 {
    font-family: "Roboto",sans-serif;
    font-size: 40px;
	color: #595959;
	font-weight: 400;
	margin: 10px;
}

p {
  color: #595959;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 400;
}


.padding-ctr-30-30 {
    text-align: center;
}

.padding-resources {
	padding: 20px 40px 10px 0px;
}
.topic-container{
	overflow:hidden;
	padding: 36px 0px;
}

.technologyboxes img{
	width:200px;
}

.topic-container .hard-right{
	float:right;
}

.topic-container .hard-right  img{
	float:right;
}

.topic-container .hard-left{
	float:left;
}

.topic-container .hard-left  img{
	float:left;
}

.topic-container .right-nopad {
	float:right;
}

.topic-container .right-nopad  img{
	padding: 0px 0px 0px 40px;
}

.topic-container li {
	font-family: "Roboto",sans-serif;
	margin-left: -10px;
	font-size: 18px;
	color: #595959;
	font-weight: 400;
	line-height: 18px;
}

.topic-container h4 {
 color: #595959;
 font-weight: 400;
}

.featurecolumns {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 20px;*/
    text-align: center;
}

.textblock-clr {
 height: auto;
 /* margin: 40px 0px 0px 0px; */
 padding: 5px; 
 text-align: center;
} 

.textblock-clr .col {
  /* border: 1px solid #fff; */
  float: left;
  height: 205px;
  overflow: hidden;
  position: relative;
  width: 305px;
  margin: 0px 7px 0px 7px;
  /* padding: 0px 0px 10px 0px; */
}
 
.textblock-clr p {
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-clr ul {
  color: #2c2c2c;
  font-family: "Roboto",sans-serif;
  font-size: 19px;
  font-weight: 300;
  line-height:22px;
  list-style-image: url("/images/icons/tick.png");
  text-align: left;
}

.textblock-clr a {
  text-decoration: none;
  color: #fff;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-gry {
 /* height: 500px; */
 font-weight: 500;
 margin: 40px 0px 0px 0px;
 /* padding: 5px; */
 text-align: center;
} 

.textblock-gry .col {
  border: 1px solid #666;
  float: left;
  height: 400px;
  overflow: hidden;
  position: relative;
  width: 310px;
  margin: 0px 3px 0px 3px;
  padding: 5px;
  }
 
.textblock-gry p {
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.textblock-gry a {
  text-decoration: none;
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height:22px;
}

.eanavh2 {
	padding: 0px 0px 0px 30px;
}

.eanav  li{	
	background: #F5F5F5 none repeat scroll 0 0;
	width: 275px;
}

.eanav a a:link a:visited {
	color: #595959;
}

.eanav a {
	color: #595959;
}


.testimonial-head {
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 26px;
    font-weight: 230;
    line-height: 20px;
    margin: 15px 10px;
}

.testimonial {
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 210;
    line-height: 18px;
    margin: 15px 10px;
	text-align: left;
}

.quote {
	color: #fff;
	font-family: "Roboto",sans-serif;
	padding: 40px;
    font-size: 32px;
    font-weight: 200;
    line-height: 34px;
}


.colorh1{
	color: white;
	margin: auto;
	padding: 10px 0px;
    max-width: 80%;
    text-align: center;
}

.header-style{
	color: white;
	margin: auto;
	padding: 10px 0px;
    max-width: 60%;
	text-align: left;
}

.subhead-top{
	color: #595959;
	font-family: "Roboto",sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
	margin: 10px auto 10px;
	text-align: center;
	width: 70%;
}

.colorh2{
	color: white;
	margin: 30px auto;
    max-width: 50%;
    text-align: center;
	line-height: 26px;
}

.byline{
	color: #fff;
	font-family: "Roboto",sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 20px;
	margin: 10px auto 20px;
}

.colorh4{
	font-weight: 600;
	color: white;
	margin: 10px auto 15px;
    text-align: center;
}

.colorh5{
	font-weight: 550;
	color: #666;
	margin: 10px auto 15px;
    text-align: center;
}




/* ########## */
/*   PANELS   */
/* ########## */



/* Dust Grey: */
#dust-greywidebox-flex{
background: #F5F5F5;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Blue: */
#dust-bluewidebox-flex{
background: #D3E7F5;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Green: */
#dust-greenwidebox-flex{
background: #E1FFE3;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Red: */
#dust-redwidebox-flex{
background: #FFE3D6;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Dust Orange: */
#dust-orangewidebox-flex{
background: #FFEFCB;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Clear: */
#clrwidebox-flex{
background: #FFF;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Grey: */
#greywidebox-flex{
background: #F0F0F0;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Pink: */
#pinkwidebox-flex{
background: #FF1493;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Red: */
#redwidebox-flex{
background: #FF0000;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Orange: */
#orangewidebox-flex{
background: #FF8C00;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Old Orange: */
#old-orangewidebox-flex{
background: #dd5900;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}

/* Green: */
#greenwidebox-flex{
background: #008000;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Old Green: */
#old-greenwidebox-flex{
background: #007233;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Teal: */
#tealwidebox-flex{
background: #008080;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Blue: */
#bluewidebox-flex{
background: #0000FF;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Old Blue: */
#old-bluewidebox-flex{
background: #0178d6;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Sparx Blue: */
#sparx-bluewidebox-flex{
background: #0b3e6b;
height: auto;
text-align:center;
overflow: hidden;
padding: 30px;
}

/* Purple: */
#purplewidebox-flex{
background: #800080;
height: auto;
text-align: center;
overflow: hidden;
padding: 30px;
}



.rounded-button-dust-blue-solid a{
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}
/*
.rounded-button-dust-blue-solid a:link a:visited{
	color: #595959;
	text-decoration:none; 
}

.rounded-button-dust-blue-solid a:hover{
	color: #595959;
	text-decoration:none; 
}
*/

.cols {border: none;}
  
.cols li {
  	font-size: 16px;
	padding-left: 5px;
	color: #595959;
	font-family: "Roboto",sans-serif;
	font-weight: 400;
	line-height: 19px;
}
  
.section-dark-2cols {
  width: 480px;
  border: 1px solid #666;
  background-color:#F6F6F6;
  text-align: center;
  }
  
  .section-clr-2cols {
  width: 480px;
  background-color:#FFF;
  text-align: center;
  }
  
  .section-clr-2cols  p{
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  }
  
 .section-clr-3cols-long {
  width: 319px;
  height: 588px; 
  text-align: left;  
  background-color:#FFF;
  }
  
  .section-clr-3cols {
  width: 319px;
  background-color:#FFF;
  text-align: center;
  }
  
  .section-clr-3cols  p{
  color: #666;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  }
  

.textblock {background-color: #007233;border: 0px;height: auto;margin: 10px 0 0; padding: 5px;text-align: center;}  
.textblock .col {height: 250px;background-color: #007233;border: 1px solid #fff;}
.textblock p {color: #fff;}
.resources {margin: 10px 0;}

.thumbnail-left {margin-left: 180px;}
.thumbnail-left tr td {padding: 20px 5px;}
.thumbnail-left img {/*height: 70px;*/width: 100px;}
.thumbnailx2-left {margin-left: 120px;}
.thumbnailx2-left tr td {padding: 20px 5px;}
.thumbnailx2-left img {/*height: 70px;*/width: 100px;}
.thumbnailx3-left {margin-left: 87px;}
.thumbnailx3-left tr td {padding: 20px 5px;}
.thumbnailx3-left img {/*height: 70px;*/width: 100px;}
.thumbnailx4-left {margin-left: 8px;}
.thumbnailx4-left tr td {padding: 20px 5px;}
.thumbnailx4-left img {/*height: 70px;*/width: 100px;}
.thumbnailx2-right {margin-left: 160px;}
.thumbnailx2-right tr td {padding: 20px 5px;}
.thumbnailx2-right img {/*height: 70px;*/width: 100px;}
.thumbnail-right {margin-left: 200px;}
.thumbnail-right img {/*height: 70px;*/width: 100px;}
.thumbnail-right tr td {padding: 20px 5px;}
.thumbnailx3-right {margin-left: 100px;}
.thumbnailx3-right tr td {padding: 20px 5px;}
.thumbnailx3-right img {/*height: 70px;*/width: 100px;}
.thumbnailx4-right {margin-left: 35px;}
.thumbnailx4-right tr td {padding: 20px 5px;}
.thumbnailx4-right img {/*height: 70px;*/width: 100px;}
.top-screens img {padding: 20px;width: 700px;}

.rounded-button-dust-blue-solid {font-family: "Roboto",sans-serif;font-size: 16px;font-weight: 400;cursor: pointer;background-color: #f5f5f5;border: 1px solid #595959;border-radius: 25px;color: #595959;margin: 4px 8px;padding: 5px 45px;text-align: center;display: inline-block;}
.rounded-button-dust-blue-solid:hover{color: #595959;text-decoration:none;background-color: #ddd;}
.bk-alt {background: #F6F6F6;}
#ealogoimage {width: 59px;}
.clear-both {clear: both;}
.max-width-100 {max-width:100%;}
.width-100 {width:100%}
.slider-prev-button {position:absolute!important;top:42%;left:5px}
.slider-next-button {position:absolute!important;top:42%;right:5px;}
.slider-back-image01 {background-image: url('/images/layout/slider/800px/d4-strategic-model-800px.jpg');}
.slider-back-image02 {background-image: url('/images/layout/slider/800px/d4-mindmap-800px.jpg');}
.slider-back-image03 {background-image: url('/images/layout/slider/800px/d1-requirements-800px.jpg');}
.slider-back-image04 {background-image: url('/images/layout/slider/800px/d2-specification-manager-800px.jpg');}
.slider-back-image05 {background-image: url('/images/layout/slider/800px/d3-use-case-800px.jpg');}
.slider-back-image06 {background-image: url('/images/layout/slider/800px/d5-process-model1-800px.jpg');}
.slider-back-image07 {background-image: url('/images/layout/slider/800px/d5-process-model3-800px.jpg');}
.slider-back-image08 {background-image: url('/images/layout/slider/800px/archimate-800px.jpg');}
.slider-back-image09 {background-image: url('/images/layout/slider/800px/d6-wireframes1-800px.jpg');}
.slider-back-image10 {background-image: url('/images/layout/slider/800px/d6-wireframes2-800px.jpg');}
.slider-back-image11 {background-image: url('/images/layout/slider/800px/kanban-800px.jpg');}
.slider-back-image12 {background-image: url('/images/layout/slider/800px/d7-relationship-matrix-800px.jpg');}
.slider-back-image13 {background-image: url('/images/layout/slider/800px/data-models-800px.jpg');}
.slider-back-image14 {background-image: url('/images/layout/slider/800px/d8-code-engineering-800px.jpg');}
.slider-back-image15 {background-image: url('/images/layout/slider/800px/d9-code-eng-vea-800px.jpg');}
.slider-back-image16 {background-image: url('/images/layout/slider/800px/d9-profile-800px.jpg');}
.slider-back-image17 {background-image: url('/images/layout/slider/800px/d12-software-release-roadmap-800px.jpg');}


/* contents of w5.css */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.w3-padding-tiny{padding:2px 4px!important}.w3-padding-small{padding:4px 8px!important}
.w3-padding-medium,.w3-padding,.w3-form{padding:8px 16px!important}
.w3-padding-large{padding:12px 24px!important}.w3-padding-xlarge{padding:16px 32px!important}
.w3-padding-xxlarge{padding:24px 48px!important}.w3-padding-jumbo{padding:32px 64px!important}
.w3-padding-4,.w3-padding-hor-4{padding-top:4px!important;padding-bottom:4px!important}
.w3-padding-8,.w3-padding-hor-8{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-12,.w3-padding-hor-12{padding-top:12px!important;padding-bottom:12px!important}
.w3-padding-16,.w3-padding-hor-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24,.w3-padding-hor-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32,.w3-padding-hor-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-padding-48,.w3-padding-hor-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64,.w3-padding-hor-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-128,.w3-padding-hor-128{padding-top:128px!important;padding-bottom:128px!important}
.w3-padding-0{padding:0!important}
.w3-padding-top{padding-top:8px!important}.w3-padding-bottom{padding-bottom:8px!important}
.w3-padding-left{padding-left:16px!important}.w3-padding-right{padding-right:16px!important}
.w3-row,.w3-row-padding {padding:0px;margin:0px auto;max-width:1000px;}
.w3-container{padding:0px}
.w3-responsive{overflow-x:auto}
.w3-rest{overflow:hidden}
.w3-section{margin-top:8px!important;margin-bottom:3px!important}
.w3-container:after,.w3-row:after,.w3-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after{content:"";display:table;clear:both}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{width:99.99999%}
@media only screen and (min-width:601px){
	#page {width:auto;}
	.primary , .secondary { height:29px!important; }
	.w3-col.m1{width:8.33333%}
	.w3-col.m2{width:16.66666%}
	.w3-col.m3,.w3-quarter{width:24.99999%}
	.w3-col.m4,.w3-third{width:33.33333%}
	.w3-col.m5{width:41.66666%}
	.w3-col.m6,.w3-half{width:49.99999%}
	.w3-col.m7{width:58.33333%}
	.w3-col.m8,.w3-twothird{width:66.66666%}
	.w3-col.m9,.w3-threequarter{width:74.99999%}
	.w3-col.m10{width:83.33333%}
	.w3-col.m11{width:91.66666%}
	.w3-col.m12{width:99.99999%}
}

/*  setting for fixed navigation bar*/
@media only screen and (max-width:800px) {
	.w3-top {position:fixed;width:100%;z-index:501;top:0;height:90px;background-image: url("/images/layout/headers/smallback.png");background-position: center top;background-repeat: repeat-x;} 
	#header { margin: 8px 10px;}
}
/*@media only screen and (max-width:993px) {
#slider h3{font-size:28px} #slider h5{font-size:24px;}.flexheading {top:10%;}
#navbar, #footer { width: 100%!important;}*/
#epictext {width: 100%!important;}
.majorsubheading, #callout, #feelgood_heading, #customize_heading, #epictext >* {float:left; text-align:left;clear:both;width:100%}
#awards>* {float:left; text-align:left;clear:both;}
.w3-container>* {float:left; text-align:left;clear:both;}
} 
@media only screen and (min-width:993px){
	.w3-col.l1{width:8.33333%}
	.w3-col.l2{width:16.66666%}
	.w3-col.l3,.w3-quarter{width:24.99999%}
	.w3-col.l4,.w3-third{width:33.33333%}
	.w3-col.l5{width:41.66666%}
	.w3-col.l6,.w3-half{width:49.99999%}
	.w3-col.l7{width:58.33333%}
	.w3-col.l8,.w3-twothird{width:66.66666%}
	.w3-col.l9,.w3-threequarter{width:74.99999%}
	.w3-col.l10{width:83.33333%}
	.w3-col.l11{width:91.66666%}
	.w3-col.l12{width:99.99999%}
}


.awards-vs2010, .awards-sdt2018, .awards-rc2010, .awards-iawards2010, .awards-omg, .awards-mdg, .awards-sysml, .awards-uml
{ display:inline-block; background:url('/images/awards/allawards.png') no-repeat;overflow: hidden;text-indent:-9999px;text-align:left; }
 
.awards-vs2010 { background-position: -194px -24px; width: 67px; height: 40px; }
.awards-sdt2018 { background-position: -418px -70px; width: 39px; height: 40px; }
.awards-rc2010 { background-position: -78px -0px; width: 60px; height: 67px; }
.awards-iawards2010 { background-position: -0px -75px; width: 92px; height: 39px; }
.awards-omg { background-position: -143px -133px; width: 67px; height: 34px; }
.awards-mdg { background-position: -216px -115px; width: 43px; height: 47px; }
.awards-sysml { background-position: -266px -115px; width: 38px; height: 47px; }
.awards-uml { background-position: -312px -122px; width: 57px; height: 42px; }

.eascreens-automation2-small,.eascreens-automation3-small,.eascreens-business-process-model2-small,.eascreens-business-process-model3-small,.eascreens-code2-small,.eascreens-complexity-code-small,.eascreens-complexity-diagram1-small,.eascreens-complexity-diagram2-small,.eascreens-debug2-small,.eascreens-debug3-small,.eascreens-debug4-small,.eascreens-debug5-small,.eascreens-document-model-views2-small,.eascreens-document-report-template-small,.eascreens-enterprise-view2-small,.eascreens-logical-model2-small,.eascreens-logical-model3-small,.eascreens-manage-relationships-small,.eascreens-mda2-small,.eascreens-mda3-small,.eascreens-mda4-small,.eascreens-project-management-gantt-small,.eascreens-requirements-trace2-small,.eascreens-simulation2-small,.eascreens-simulation3-small,.eascreens-speed-of-reporting1-small,.eascreens-systems2-small,.eascreens-systems3-small,.eascreens-systems4-small,.eascreens-uml-interaction-small,.eascreens-uml-sequence-small,.eascreens-value2-testcase-small,.eascreens-value3-business-small,.eascreens-visualize2-small,.eascreens-visualize3-small
  {background-image: url(/images/products/ea/eaindex/screenshots/smallscreenshots.png);background-repeat: no-repeat;display: block;width: 100px;height: 57px;}
.eascreens-automation2-small {background-position: -2px -2px;}
.eascreens-automation3-small {background-position: -106px -2px;}
.eascreens-business-process-model2-small {background-position: -210px -2px;}
.eascreens-business-process-model3-small {background-position: -314px -2px;}
.eascreens-code2-small {background-position: -2px -63px;}
.eascreens-complexity-code-small {background-position: -106px -63px;}
.eascreens-complexity-diagram1-small {background-position: -210px -63px;}
.eascreens-complexity-diagram2-small {background-position: -314px -63px;}
.eascreens-debug2-small {background-position: -2px -124px;}
.eascreens-debug3-small {background-position: -106px -124px;}
.eascreens-debug4-small {background-position: -210px -124px;}
.eascreens-debug5-small {background-position: -314px -124px;}
.eascreens-document-model-views2-small {background-position: -2px -185px;}
.eascreens-document-report-template-small {background-position: -106px -185px;}
.eascreens-enterprise-view2-small {background-position: -210px -185px;}
.eascreens-logical-model2-small {background-position: -314px -185px;}
.eascreens-logical-model3-small {background-position: -2px -246px;}
.eascreens-manage-relationships-small {background-position: -106px -246px;}
.eascreens-mda2-small {background-position: -210px -246px;}
.eascreens-mda3-small {background-position: -314px -246px;}
.eascreens-mda4-small {background-position: -2px -307px;}
.eascreens-project-management-gantt-small {background-position: -106px -307px;}
.eascreens-requirements-trace2-small {background-position: -210px -307px;}
.eascreens-simulation2-small {background-position: -314px -307px;}
.eascreens-simulation3-small {background-position: -2px -368px;}
.eascreens-speed-of-reporting1-small {background-position: -106px -368px;}
.eascreens-systems2-small {background-position: -210px -368px;}
.eascreens-systems3-small {background-position: -314px -368px;}
.eascreens-systems4-small {background-position: -418px -2px;}
.eascreens-uml-interaction-small {background-position: -418px -63px;}
.eascreens-uml-sequence-small {background-position: -418px -124px;}
.eascreens-value2-testcase-small {background-position: -418px -185px;}
.eascreens-value3-business-small {background-position: -418px -246px;}
.eascreens-visualize2-small {background-position: -418px -307px;}
.eascreens-visualize3-small {background-position: -418px -368px;}



/* 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:0px;}
.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); }
/* animation  images*/
.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;height:520px;	max-width:800px;margin:0 auto; } /* dot point*/
#sliderborder{height:451px; border:1px solid black;}
.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;}




@media screen and (max-width:1000px){
	#wide-content{width:400px!important;}
	#enterprise,#architect {font-size:48px;}
	#ealogoimage {width: 38px;}
	#mainheading {line-height:50px}
	#intro-paragraph {font-size: 26px;line-height: 20px;}
	#centerquote,#productstable{width:auto!important;overflow:hidden;} 
	#ea-logo-head {width:400px;} #wide-content{width:300px;}
	#tableproductstable {margin:0 auto;overflow:hidden;display:none;} 
	#padding-200 {margin-top:10px} 
	.eanav,.topic-container .text-large, .text-small, .text-med {width:100%!important;}
	.top,h3,#actionBox{width:auto!important;margin: 0 auto!important;text-align:left!important;display:block;} 
	#actionBox a {margin: 0 auto!important;display:block;}
	#buy{width:190px;} .padding-leftbutton{text-align:center;padding-left:0px;}
	.topic-container{ overflow: visible!important;text-align:center!important;position:relative;padding:36px 5%;} 
    .thumbnailx4-left,.thumbnailx3-right, .thumbnail-left,.thumbnailx2-left,.thumbnailx2-right,.leftbox { padding: 0px!important;margin:0 auto;}
	.topic-container .hard-right img{float:none;}
	.topic-container ul li, p{text-align:left;}  .rounded-button-dust-blue-solid{ width:150;margin:5px;}
	.w3-quarter{width:100%!important;} 
	}