 .w3-row #navbar{max-width:1000px!important;}
 
 .w3-btn {
    background-color: #60b1e9;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 18px;
    height: 40px;
    outline: 0 none;
    overflow: hidden;
    padding: 6px 16px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
    width: 100px;
}

.w3-note {color: #FFF; background-color: #00cccc;font-size:16px;text-align:center;font-size:18px;line-height:28px;margin:0 auto;}

.mediaicon {text-align: center; }

#topbanner{background-image: url(images/pcs-cloud-bg-1920x250.png);width: 100%;min-height: 250px;overflow: visible;background-position: top center;}
 
#webinars{
margin:10px 40px;
width:113px;
height:113px; 
background-image:url(/images/resources/webinars.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#webinars:hover{        
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
#webinars a{
width:113px;
height:113px; 
display:inline-block;} 

#whiteicon{
margin:10px 40px;
width:113px;
height:113px; 
background-image:url(/images/resources/white-paper.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#whiteicon:hover{       
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
#whiteicon a{
width:113px;
height:113px; 
display:inline-block;} 

#demoicon{
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/demo.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#demoicon:hover{    
background-position: right bottom;
background-repeat:no-repeat;
display:inline-block;}
#demoicon a{        
width:113px;
height:113px; 
display:inline-block;} 

#tuteicon{
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/tute.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#tuteicon:hover{   
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
#tuteicon a{
width:113px;
height:113px; 
display:inline-block;} 

#casestudiesicon{
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/casestudies.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#casestudiesicon:hover{                
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
#casestudiesicon a{
width:113px;
height:113px; 
display:inline-block;}                 
	
#dbmsicon{
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/dbms.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#dbmsicon:hover{                
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
#userguideicon{
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/onlinehelp.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#userguideicon:hover{                
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}   
#userguideicon a{
width:113px;
height:113px; 
display:inline-block;}                 
					 
#dbmsicon a{
width:113px;
height:113px; 
display:inline-block;} 
	
#pdf-lib-icon {
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/user-guide-pdf-lib.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#pdf-lib-icon:hover{                
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
	
#pdf-lib-icon a{
width:113px;
height:113px; 
display:inline-block;} 
	
#lrn-ctr-icon {
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/learning-center.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#lrn-ctr-icon:hover{                
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
	
#lrn-ctr-icon a{
width:113px;
height:113px; 
display:inline-block;} 
	
#brochures-icon {
margin:10px 40px;
width:113px;
height:113px;
background-image:url(/images/resources/brochure-library.png); 
background-repeat:no-repeat;
display:inline-block;
}       
#brochures-icon:hover{                
background-repeat:no-repeat;
background-position: right bottom;
display:inline-block;}
	
#brochures-icon a{
width:113px;
height:113px; 
display:inline-block;}        
.w3-blue, .w3-hover-blue:hover {
background-color: #2196f3 !important;
color: #fff !important;
}
DIV.titles {
font-size: 10px;
font-weight: bold;
height: 22px;
padding-left: 20px;
padding-top: 8px;
width: auto;
margin-top:16px;
}
hr {
background-image: url("/resources/webinar/images/barfade652x4.png");
background-repeat:no-repeat;
height:2px;
border:none;
margin-top:30px;
background-size:cover;
}
#sectionbreak {
    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;
}


#sectionbreakorange {
    background-color: #f5a679;
    color: white;
    font-size: 33px;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}

.rounded-button-dust-blue-solid {
    background-color: #f5f5f5;
    border: 1px solid #595959;
    border-radius: 25px;
    color: #595959;
    cursor: pointer;
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 4px 8px;
    padding: 5px 15px;
    text-align: center;
	display: inline-block;
}
.rounded-button-dust-blue-solid:hover {background-color: #ddd;}


h1 {
    color: #0c3a7e;
    font-family: "Roboto",sans-serif;
    font-size: 3.5em;
    font-weight: 400;
    line-height: 0.9;
    margin: 30px auto 0;
    padding: 10px 0;
    text-align: left;
}
h2 {
    color: #595959;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 auto 5px;
    max-width: 100%;
    padding: 10px 0;
    text-align: left;
}
h3 {
    color: #595959;
    font-family: "Roboto",sans-serif;
    font-weight: 400;
    font-size: 20px;
	line-height: 1.0;
    margin: 0 auto 5px;
    max-width: 100%;
    padding: 10px 0;
    text-align: left;
}

p {
    font-family: "Roboto",sans-serif;
    font-size: 18px;
	margin:20px auto;	
	color: #595959;
}


.ea-logo-header {text-align: center;width: 100%;}


.features ul {font-family: "Roboto",sans-serif;font-size: 17px;text-align:left;color: #595959}
.centered-text{display:block;margin-left:auto;margin-right:auto;text-align:center;}
.padding-22 {padding:22px;}


.start-today-text-block {width: 90%;margin: 14px auto;color: #595959;font-family: "Roboto",sans-serif;font-weight: 400;font-size: 20px;line-height: 1.0;margin: 0 auto 5px;max-width: 100%;padding: 10px 0;text-align: left;}
.intro-text-1 {width: 80%;font-size: 24px;color: #595959;font-family: "Roboto",sans-serif;font-weight: 400;line-height: 1.1;margin: 0 auto 5px;max-width: 100%;padding: 10px 0;text-align: left;}
.intro-text-2 {width: 80%;color: #595959;font-family: "Roboto",sans-serif;font-weight: 400;font-size: 20px;line-height: 1.0;margin: 0 auto 5px;max-width: 100%;padding: 10px 0;text-align: left;}
.section-header-coloured {text-align: center;color: white;font-size: 33px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.product-header {width: 80%;margin: 0px auto 5px auto;margin-top: 24px;font-size: 34px;text-align: center;color: #595959;font-family: "Roboto",sans-serif;font-weight: 400;line-height: 1.1;max-width: 100%;padding: 10px 0;}
.img-height-118 {height: 118px;}


#topbanner h1{vertical-align:middle;padding-top:70px;width:100%;margin-bottom:30px;}
#topbanner img {float:right; margin: 0px 10px; }


@media only screen and (max-width: 1000px) {
	#topbanner {padding-top:10px;background-repeat: no-repeat;background-color:#BCD4E9;width: 100%;overflow: visible;background-position: top center;}
	#topbanner img {float: none!important;margin: 0 auto!important;}
	#topbanner h1{font-size: 0.7em;padding-top:0px; text-align:center; width: 100%;}
}
