.te-flagships-ornament {
top: 0px;
}
#sectionSeparator {
background-color: transparent!important;
}
.te-page-mode--dark #sectionSeparator {
background-color: #2D2D2D!important;
}

te-share-cmp .te-share-cmp__panel {
    background: #2d2d2d;
}

.dpecharts_legend {
    justify-content: flex-start!important;
    margin-bottom: 20px!important;
}

.dpecharts_bar {
    margin-bottom: 1px;
}

/* Hero */

.te-hero-cmp__survey-title{
font-family: "PwC Helvetica Neue Light","Helvetica Neue Light",helvetica,arial,sans-serif;
font-size: 1.3rem;
line-height: 1.6em;
width:100%;
color:#7d7d7d;
margin-bottom:10px;
letter-spacing: .1rem;
}
.te-hero-cmp__page-subtitle{
color:#dedede !important;
}
.te-hero-cmp__page-subtitle b{
color:#ffffff  !important;
font-weight:700;
}

.te-hero-cmp.te-flagships-hero .te-hero-cmp__title-wrap{
	max-width: 1600px;
    width: 100%;
}

@media only screen and (min-width: 992px){
	.te-hero-cmp.te-flagships-hero .te-hero-cmp__title-wrap{
	max-width: 1600px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
	}
}

/*@media only screen and (min-width: 1540px){
.te-hero-cmp.te-flagships-hero .te-hero-cmp__title-wrap {width: 1500px;}
}*/

@media (max-width: 767px){
.te-hero-cmp.te-flagships-hero .te-hero-cmp__title-wrap .te-hero-cmp__page-subtitle { display: block!important; width:335px; max-width:75%;}
}





/* dark sections */


.diq-dark-section{
background-color:#000000 !important;
padding-bottom:70px;
}
.diq-dark-section p,
.diq-dark-section h2,
.diq-dark-section h3,
.diq-dark-section h4,
.diq-dark-section h5,
.diq-dark-section h6,
.diq-dark-section a,
.diq-dark-section a:hover {
color:#ffffff !important;
}

.diq-intro {
padding-top:100px;
}
.diq-intro .text-component {
z-index:10;
}


/* 3 ways section */


.ways-wrap{
margin: 0px auto;
padding-top: 40px;
padding-bottom: 70px;
max-width:1320px;
}

.ways{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
width:100%;
max-width:1320px;
}

.ways-circle {
border:1px solid #464646;    
height: 650px;
min-height: 650px;
width: 650px;
padding: 140px 80px 80px 100px;
margin:	-70px -30px;
/*  for smaller content
height: 480px;
min-height: 480px;
width: 480px;	
padding: 90px 60px 80px 75px;
margin: -50px -20px;
*/
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;


}
	
.ways-circle h5 {
color:#EB8C00 !important;    
font-size: 1.32rem;
line-height: 1.4em;
font-weight: 700;
}
	
.ways-circle p {
font-size: 18px; 
line-height: 1.65em;
}

	
@media only screen and (max-width:1195px) {
	.ways-circle {
	margin: -60px -50px !important; /*  for larger content */
	max-width:120%; /*  for larger content */
	padding: 100px 80px 100px 100px; /*  for larger content */
	/*  for smaller content
	margin: -40px -60px !important;
	padding: 90px 70px 90px 75px;
	*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; 
	-webkit-box-align: center; 
		-ms-flex-align: center; 
			align-items: center; 
	}
	.ways{
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
		-ms-flex-direction:column;
			flex-direction:column;
	}
	.ways{overflow: hidden;}
}

	
@media only screen and (max-width:540px) {
.ways-circle {
height:auto;
margin: -40px -110px !important; /*  for larger content */
padding: 90px 140px;
max-width:160%; /*  for larger content */
/* max-width:130%;   for smaller content */
}
.ways-wrap{
padding-top: 0px;
padding-bottom: 0px;
}
.ways{
padding-top: 60px;
padding-bottom: 60px;
}
}
	
@media only screen and (max-width:400px) {
.ways-circle {}
}





/* SVG hero */

  .diq1wrap {
	/*height:120% !important;*/
    /* IE11 fix: */
    /*height: 0;
    padding-bottom: 100%;
    position: relative;*/
  }

.diq1wrap svg {
  top: 0;
  left: 0;
	height: 100%;
    width: auto;
    /*overflow: hidden;*/
	z-index:0;
}

  #bgfill {
    fill: #d93954;
  }

  #darkcircle {
    stroke: #7d7d7d;
    stroke-width: 1.2px;
    fill: #0b0b0b;
  }

  #graycircle {
    stroke: #7d7d7d;
    fill: #2d2d2d;
    opacity: 1;
  }

  .mpath {
    fill: none;
    stroke:none;
  }

  #maskcircle {
    fill: #fff;
    stroke: none;
  }

#diqhead {
  position: absolute;
  top: 80px;
  background-color: transparent;
}

.diqbg-1 {
  fill: none;
}

.diqbg-2 {
  clip-path: url(#diqbgclip-path);
}

.diqbg-3 {
  fill: #2d2d2d;
}
#maskedstuff{
  opacity:0;
}
.page-primary-col--orange .hero-promo{
  background:transparent;
}