/* 04 HCP Activate with BF-RhodoLED */
/**/
/**/

@media screen and (max-width: 750px) {

	
	#page-12 .header-block {
		max-width: 1920px;
		position: relative;
		height: 48.1578947368421vw;
		overflow-x: hidden;
		overflow-y: visible;
	}
	
	#page-12 .header-block .header-picture {
		position: absolute; 
		bottom: 0;
		width: 100%;
		min-height: 0;
	}
	
	#page-12 .header-copy {
		top: 11vw;
		left: 30px!important; 
		position: absolute;
		z-index: 3;
		width: 100%;
		left: 0;
		right: 0;

	}
	
	#page-12 .header-copy h3 {
		font-size: 5.263157894736842vw;
		line-height: 5.7894736842105265vw;
		color: #fff;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#page-12 .header-copy h1 {
		font-size: 5.7894736842105265vw;
		line-height: 6.315789473684211vw;
		color: #fff;
	}
	
	#page-12 .sector-1 {
		padding-top: 30px;
	}
	
	#page-12 .sector-1 .row {
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#page-12 .sector-3 h3,
	#page-12 .sector-2 h3,
	#page-12 .sector-1 h3 {
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	
	#page-12 .sector-3 p,
	#page-12 .sector-2 p,
	#page-12 .sector-1 p {
		font-size: 16px;
		line-height: 18px;
	}
	
	#page-12 .sector-1 .ce-bodytext p {
		font-size: 12px;
		line-height: 14px;
		max-width: 75%;
		margin: auto;
		position: relative;
		left: -2vw;
	}
	
	
	
	#page-12 .sector-1 hr {
		height: 0;
		border-top: 2px solid #0c2340;
	}
	
	#page-12 .sector-2 {
		position: relative;
		padding-top: 60px;
	}
	
	#page-12 .sector-2 .row {
		flex-wrap: nowrap;
		align-items: center; 
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols .col {
		flex-shrink: 1;
		flex-grow: 0;
		flex-basis: auto;
		width: auto;
		max-width: none;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols .col:nth-child(1) {
		width: 70px;
		align-self: stretch;
		flex-basis: 70px;
		flex-shrink: 0;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols >.container>.frame-type-image  {
		position: relative;
		left: 30px;
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols >.container>.frame-type-image .image {
		width: 30px;
		height: auto;
		/* flex-basis: 27px; */
		flex-shrink: 0;
		margin-top: 20px;
		margin-bottom: 20px;
		
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols .col:nth-child(1) p {
		font-weight: bold;
		font-size: 9.9px;
		line-height: 12px;
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols .col:nth-child(1) p.line1 {
		position: absolute;
		top: 15px;
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols .col:nth-child(1) p.line2 {
		position: absolute;
		top: 11vw;
	}
	
	#page-12 #mainPart .sector-2 .a1-1-cols .col:nth-child(1) p.line3 {
		position: absolute;
		bottom: 0px;
	}
	
	#page-12 .sector-3 {
		position: relative;
		padding-top: 60px;
	}

	#page-12 .sector-3 .block-1 {
		position: relative;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	
	#page-12 .sector-3 .block-1 > .container > * {
		position: relative;
	}
	
	#page-12 .sector-3 .block-1 .frame-type-text {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#page-12 .sector-3 .card-body {
		padding: 0;
	}
	
	#page-12 .sector-3 .row {
		margin-left: 0;
		margin-right: 0;
		position: relative;
		z-index: 3;
	}
	
	#page-12 .sector-3 .excol {
		padding:  7vw 20px 7vw 20px;
		position: relative;
		width: 100%;
		max-width: 100%;
		z-index: 3;
	}
	
	#page-12 .sector-3 .block-pic {
		position: absolute!important; 
		top: 00px;
		bottom: 0;
		z-index: 1;
		width: 100%;
		overflow: hidden;
	}
	
	#page-12 .sector-3 sup {
		position: relative!important;
	}
	
	#page-12 .sector-3 .block-pic:before {
		content: "";
		position: absolute; 
		top: 0;
		bottom: 150px;
		z-index: 1;
		width: 100%;
		background-color: #ebebeb;
	}
	
	#page-12 .sector-3 .block-pic .frame-type-image {
		position: absolute; 
		bottom: 0;
	}
	
	#page-12 .sector-3 .excol .mainpic .ce-outer {
		position: relative;
		z-index: 4;
		left: -2vw;
	}
	
	#page-12 .sector-3 .excol .mainpic .image {
		width: 67.63157894736842vw;
		height: 92.36842105263158vw;
	}
	
	#page-12 .sector-3 .excol * {
		position: static;
	}
	
	#page-12 .sector-3 .excol .clickpic-1 .image  {
		position: absolute;
		left: 6.578947368421052vw;
		top: 25vw;
		z-index: 5;
	}

	#page-12 .sector-3 .excol .clickpic-2 .image  {
		position: absolute;
		left: 28.947368421052634vw;
		top: 1.3157894736842104vw;
		z-index: 5;
	}
	
	#page-12 .sector-3 .excol .clickpic-3  .image {
		position: absolute;
		left: 48.68421052631579vw;
		top: 25vw;
		z-index: 5;
	}
	
	#page-12 .sector-3 .excol .clickpic-4  .image {
		position: absolute;
		left: 44.73684210526316vw;
		top: 46.05263157894737vw;
		z-index: 5;
	}
	
	#page-12 .sector-3 .excol .clickpic img  {
		width: 22.36842105263158vw;
		height: 22.36842105263158vw;
		opacity: 0;
		transition: all .3s;
	}
	
	#page-12 .sector-3 .excol .clickpic.clicked img  {
		width: 31.05263157894737vw;
		height: 31.05263157894737vw;
		opacity: 1;
	}
	
	#page-12 .sector-3 .excol .mainpic.clicked img  {
		opacity: .2;
	}
	
	#page-12 .sector-3 .picclick {
		position: relative; z-index: 5;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#page-12 .sector-3 .picclick .linkbox {
		position : relative;
		padding:0;
		overflow: hidden;
		height: 50px;
		width: 100%;
		margin-bottom: 1em;
		box-shadow: 0 -25px 25px -25px rgb(0 0 0 / 70%) inset;	
	}
	
	#page-12 .sector-3 .picclick .linkbox .title {
		color: #ca2042;
		background-color: #fff;
		display: block;
		position: absolute;
		left: 30px;
		top: 0;
		bottom: 0;
		right: 0;
		box-shadow: 0 -50px 50px -50px rgb(0 0 0 / 70%) inset;			
		font-size: 11px;
		line-height: 13px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 10px;
		padding-right: 60px;
	}
	
	#page-12 .sector-3 .picclick.clicked .linkbox .title {
		display: block;
		background-color: #ca2042;
		color: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 20px;		
	}
	
	#page-12 .sector-3 .picclick .linkbox .subtitle {
		display: block;
		width:	30px; 
		height: 48px;
		line-height: 48px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: calc(100% - 30px);
		font-size: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 1px solid #000; 
	}
	
	#page-12 .sector-3 .frame-type-text {
		position: relative;
		z-index: 3;
	}

	#page-12 .sector-3 sup {
		position: relative!important;
	}
	
	#page-12 .sector-3 h3 {
		padding-bottom: 1em;
		padding-top:0em;
		font-size: 18px;
		line-height: 20px;
	}
	
	#page-12 .sector-3 p,
	#page-12 .sector-3 li {
		padding-bottom: .5em;
		font-size: 13px;
		line-height: 15px;
	}
	
	#page-12 .sector-3 li:before {
		color: #ca2042!important;
	}
	
	#page-12 .sector-3 .akk-block-2>.container>* {
		position: relative;
		z-index: 5;
	}
	
	#page-12 .sector-3 .akk-block-2 {
		padding-bottom: 7.989347536617843vw;
		position: relative;
	}
	
	#page-12 .sector-3 .akk-block-2 >.container>.frame-type-image {
		height: 402px;
		max-height: 402px;
		width: 266px;
		margin: auto;
		position: relative;
		float: none;
		right: auto;
	}
	
	#page-12 .sector-3 .akk-block-2 p {
		padding: 20px;
		padding-bottom: 0;
		position: relative;
	}
	
	#page-12 .sector-3 .akk-block-2 .linkbox-link {
		width: 260px;
		margin-left: 8px;
	}
	
	#page-12 .sector-3>.container>.frame-type-text {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#page-12 .sector-3 .block-pic {
		position: absolute!important; 
		top: 0;
		bottom: 0;
		z-index: 1!important;
		width: 100%;
		overflow: hidden;
	}

	#page-12 .sector-3 .block-pic:before {
		content: "";
		position: absolute; 
		top: 0;
		bottom: 150px;
		z-index: 1;
		width: 100%;
		background-color: #ebebeb;
	}
	
	#page-12 .sector-3 .block-pic .frame-type-image {
		position: absolute; 
		bottom: 0;
	}
	
	#page-12 .cta-sector {
		padding-top: 30px!important;  
	}
	
}

@media screen and (min-width: 751px) and (max-width: 1200px) {
	#mainPart {
		overflow-x: hidden;
	}

	#page-12 .header-block {
		max-width: 1920px;
		position: relative;
		height: 23.7017310252996vw;
	}
	
	#page-12 .header-block .header-picture {
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	#page-12 .header-copy {
		top: 5.989347536617843vw;
		left: 30px!important; 
		position: absolute;
		z-index: 3;
		width: 100%;
		left: 0;
		right: 0;

	}
	
	#page-12 .header-copy h3 {
		font-size: 3.462050599201065vw;
		line-height: 3.7283621837549936vww;
		color: #fff;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#page-12 .header-copy h1 {
		font-size: 3.462050599201065vw;
		line-height: 3.7283621837549936vw;
		color: #fff;
	}
	
	#page-12 .sector-1 {
		padding-top: 30px;
	}
	
	#page-12 .sector-1 .row {
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#page-12 .sector-3 h3,
	#page-12 .sector-2 h3,
	#page-12 .sector-1 h3 {
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	
	#page-12 .sector-3 p,
	#page-12 .sector-2 p,
	#page-12 .sector-1 p {
		font-size: 16px;
		line-height: 18px;
	}
	
	#page-12 .sector-1 .ce-bodytext p {
		font-size: 12px;
		line-height: 14px;
		max-width: 75%;
		margin: auto;
	}
	#page-12 .sector-1 .ce-bodytext p {
		position: relative;
		left: -2vw;
	}
	#page-12 .sector-1 hr {
		height: 0;
		border-top: 2px solid #0c2340;
	}
	
	#page-12 .sector-2 {
		position: relative;
		padding-top: 60px;
	}
	
	#page-12 .sector-2 .row {
		flex-wrap: nowrap;
		align-items: center; 
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col {
		flex-shrink: 1;
		flex-grow: 0;
		flex-basis: auto;
		width: auto;
		max-width: none;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) {
		width: 70px;
		align-self: stretch;
		flex-basis: 70px;
		flex-shrink: 0;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) {
		width: 27px;
		height: auto;
		flex-basis: 27px;
		flex-shrink: 0;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) img,
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) .image {
		width: 27px;
		height: auto;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p {
		font-weight: bold;
		font-size: 11px;
		line-height: 13px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line1 {
		position: absolute;
		top: 30px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line2 {
		position: absolute;
		top: 7.989347536617843vw;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line3 {
		position: absolute;
		bottom: 0px;
	}
	
	#page-12 .sector-3 {
		position: relative;
		padding-top: 60px;
	}
	
	#page-12 .sector-3 .card-body {
		padding: 0;
	}
	
	#page-12 .sector-3 .row {
		margin-left: 0;
		margin-right: 0;
		position: relative;
		z-index: 3;
	}
	
	#page-12 .sector-3 .col {
		padding:  7vw 20px 7vw 20px;
		position: relative;
		flex-basis: 50%;
		width: 50%;
		max-width: 50%;
	}
	
	#page-12 .sector-3 .block-pic {
		position: absolute; 
		top: 90px;
		bottom: 0;
		z-index: 1;
		width: 100%;
		overflow: hidden;
	}
	
	#page-12 .sector-3 sup {
		position: relative!important;
	}
	
	#page-12 .sector-3 .block-pic:before {
		content: "";
		position: absolute; 
		top: 0;
		bottom: 150px;
		z-index: 1;
		width: 100%;
		background-color: #ebebeb;
	}
	
	#page-12 .sector-3 .block-pic .frame-type-image {
		position: absolute; 
		bottom: 0;
	}
	
	#page-12 .sector-3 .col .mainpic .image {
		width: 38.8814913448735vw;
		height: 53.26231691078562vw;
	}
	
	#page-12 .sector-3 .col * {
		position: static;
	}
	
	#page-12 .sector-3 .col .clickpic-1 .image  {
		position: absolute;
		left: 3.3288948069241013vw;
		top: 14.913448735019974vw;
		z-index: 2;
	}

	#page-12 .sector-3 .col .clickpic-2 .image  {
		position: absolute;
		left: 16.644474034620508vw;
		top: 1.3315579227696404vw;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic-3  .image {
		position: absolute;
		left: 27.96271637816245vw;
		top: 15.312916111850866vw;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic-4  .image {
		position: absolute;
		left: 25.432756324900136vw;
		top: 27.296937416777627vw;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic img  {
		width: 13.981358189081226vw;
		height: 13.981358189081226vw;
		opacity: 0;
		transition: all .3s;
	}
	
	#page-12 .sector-3 .col .clickpic.clicked img  {
		width: 17.70972037283622vw;
		height: 17.70972037283622vw;
		opacity: 1;
	}
	
	#page-12 .sector-3 .col .mainpic.clicked img  {
		opacity: .2;
	}
	
	#page-12 .sector-3 .picclick .linkbox {
		position : relative;
		padding:0;
		overflow: hidden;
		height: 50px;
		width: 100%;
		margin-bottom: 1em;
		box-shadow: 0 -25px 25px -25px rgb(0 0 0 / 70%) inset;	
	}
	
	#page-12 .sector-3 .picclick .linkbox .title {
		color: #ca2042;
		background-color: #fff;
		display: block;
		position: absolute;
		left: 30px;
		top: 0;
		bottom: 0;
		right: 0;
		box-shadow: 0 -50px 50px -50px rgb(0 0 0 / 70%) inset;			
		font-size: 11px;
		line-height: 13px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 10px;
	}
	
	#page-12 .sector-3 .col .picclick.clicked .linkbox .title {
		display: block;
		background-color: #ca2042;
		color: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 20px;		
	}
	
	#page-12 .sector-3 .col .picclick .subtitle {
		display: block;
		width:	30px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: calc(100% - 60px);
		font-size: 15px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-right: 1px solid #000; 
	}
	
	#page-12 .sector-3 .frame-type-text {
		position: relative;
		z-index: 3;
	}
			
	#page-12 .sector-3 sup {
		position: relative!important;
	}
	
	#page-12 .sector-3 h3 {
		padding-bottom: 1em;
		padding-top:0em;
		font-size: 18px;
		line-height: 20px;
	}
	
	#page-12 .sector-3 p,
	#page-12 .sector-3 li {
		padding-bottom: .5em;
		font-size: 13px;
		line-height: 15px;
	}
	
	#page-12 .sector-3 li:before {
		color: #ca2042!important;
	}
	
	#page-12 .sector-3 .akk-block-2 .col {
		padding: 20px;
		padding-bottom: 7.989347536617843vw;
	}
	
	#page-12 .sector-3 .akk-block-2 .col .ce-outer,
	#page-12 .sector-3 .akk-block-2 .col img,
	#page-12 .sector-3 .akk-block-2 .col .image {
		height: 402px;
		max-height: 402px;
		width: 266px;
		margin: auto;
		position: relative;
		float: none;
		right: auto;
	}
	
	#page-12 .sector-3 .akk-block-2 p {
		padding: 20px;
		padding-bottom: 0;
	}
	
	#page-12 .sector-3 .akk-block-2 .linkbox-link {
		width: 260px;
		margin-left: 8px;
	}
	
	#page-12 .sector-3>.container>.frame-type-text {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1920px) {

	#page-12 .header-block {
		max-width: 1920px;
		position: relative;
		height: 24.166666666666668vw;
	}
	
	#page-12 .header-block .header-picture {
		position: absolute;
		top: 0;
		right: 0;
		max-width: 100%;
	}
	
	#page-12 .header-copy {
		top: 5.729166666666666vw;
		position: absolute;
		z-index: 3;
		max-width: 1390px;
		width: 100%;
		left: 0px;
		right: 0;
		margin: auto;
		padding-left: 30px;
	}
	
	#page-12 .header-copy h3 {
		font-size: 2.2916666666666665vw;
		line-height: 2.604166666666667vw;
		color: #fff;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#page-12 .header-copy h1 {
		font-size: 2.9166666666666665vw;
		line-height: 3.125vw;
		color: #fff;
	}
	
	#page-12 .sector-1 .row {
		align-items: center;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#page-12 .sector-3 h3,
	#page-12 .sector-2 h3,
	#page-12 .sector-1 h3 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	
	#page-12 .sector-3 p,
	#page-12 .sector-2 p,
	#page-12 .sector-1 p {
		font-size: 18px;
		line-height: 20px;
		/* position: relative; */
		/* left: -1vw; */
	}
	#page-12 .sector-1 .ce-bodytext p {
		position: relative;
		left: -1vw;
	}
	#page-12 .sector-1 hr {
		height: 0;
		border-top: 2px solid #0c2340;
	}
	
	#page-12 .sector-2 {
		position: relative;
		padding-top: 30px;
	}
	
	#page-12 .sector-2 .row {
		flex-wrap: nowrap;
		align-items: center; 
		position: relative;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col {
		flex-shrink: 1;
		flex-grow: 0;
		flex-basis: auto;
		width: auto;
		max-width: none;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) {
		width: 100px;
		align-self: stretch;
		flex-basis: 100px;
		flex-shrink: 0;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) {
		width: 50px;
		height: auto;
		flex-basis: 50px;
		flex-shrink: 0;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) img,
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) .image {
		width: 50px;
		height: auto;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p {
		font-weight: bold;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line1 {
		position: absolute;
		top: 70px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line2 {
		position: absolute;
		top: 160px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line3 {
		position: absolute;
		bottom: 10px;
	}
	
	#page-12 .sector-3 {
		position: relative;
		padding-top: 60px;
	}
	
	#page-12 .sector-3 .card-body {
		padding: 0;
	}
	
	#page-12 .sector-3 .row {
		margin-left: 0;
		margin-right: 0;
		position: relative;
		z-index: 3;
	}
	
	#page-12 .sector-3 .col {
		padding:  60px 30px 120px 30px;
		position: relative;
	}
	
	#page-12 .sector-3 .block-pic {
		position: absolute; 
		top: 115px;
		bottom: 0;
		z-index: 1;
		width: 100%;
		overflow: hidden;
	}
	
	#page-12 .sector-3 .block-pic:before {
		content: "";
		position: absolute; 
		top: 0;
		bottom: 300px;
		z-index: 1;
		width: 100%;
		background-color: #ebebeb;
	}
	
	#page-12 .sector-3 .block-pic .frame-type-image {
		position: absolute; 
		bottom: 0;
	}
	
	#page-12 .sector-3 .col .mainpic .image {
		width: 576px;
		height: 800px;
	}
	
	#page-12 .sector-3 .col * {
		position: static;
	}
	
	#page-12 .sector-3 .col .clickpic-1 .image  {
		position: absolute;
		left: 25px;
		top: 195px;
		z-index: 2;
	}

	#page-12 .sector-3 .col .clickpic-2 .image  {
		position: absolute;
		left: 237px;
		top: 05px;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic-3  .image {
		position: absolute;
		left: 421px;
		top: 199px;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic-4  .image {
		position: absolute;
		left: 389px;
		top: 429px;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic img  {
		width: 210px;
		height: 210px;
		opacity: 0;
		transition: all .3s;
	}
	
	#page-12 .sector-3 .col .clickpic.clicked img  {
		width: 264px;
		height: 264px;
		opacity: 1;
	}
	
	#page-12 .sector-3 .col .mainpic.clicked img  {
		opacity: .2;
	}
	
	#page-12 .sector-3 .picclick .linkbox {
		position : relative;
		padding:0;
		overflow: hidden;
		height: 90px;
		width: 100%;
		margin-bottom: 2em;
		box-shadow: 0 -50px 50px -50px rgb(0 0 0 / 70%) inset;	
	}
	
	#page-12 .sector-3 .picclick .linkbox .title {
		color: #ca2042;
		background-color: #fff;
		display: block;
		position: absolute;
		left: 60px;
		top: 0;
		bottom: 0;
		right: 0;
		box-shadow: 0 -50px 50px -50px rgb(0 0 0 / 70%) inset;			
		font-size: 20px;
		line-height: 22px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 20px;
	}
	
	#page-12 .sector-3 .col .picclick.clicked .linkbox .title {
		display: block;
		background-color: #ca2042;
		color: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 20px;		
	}
	
	#page-12 .sector-3 .col .picclick .subtitle {
		display: block;
		width: 60px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: calc(100% - 60px);
		font-size: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#page-12 .sector-3 .frame-type-text {
		position: relative;
		z-index: 3;
	}
	
	#page-12 .sector-3 h3 {
		padding-bottom: 1em;
		padding-top:1em;
	}
	
	#page-12 .sector-3 li {
		padding-bottom: .5em;
	}
	
	#page-12 .sector-3 li:before {
		color: #ca2042!important;
	}
	
	#page-12 .sector-3 .akk-block-2 .col .ce-outer,
	#page-12 .sector-3 .akk-block-2 .col img,
	#page-12 .sector-3 .akk-block-2 .col .image {
		height: 524px;
		max-height: 524px;
		width: 348px;
		margin: auto;
		position: relative;
		float: none;
		right: auto;
	}
	
	#page-12 .sector-3 .akk-block-2 p {
		padding: 40px;
	}
	
	#page-12 .sector-3 .akk-block-2 .linkbox-link {
		width: 260px;
		margin-left: 28px;
	}
	
	@media screen and (min-width: 1201px) and (max-width: 1440px) {

		#page-12 .sector-3 .col {
			padding:  4.166666666666666vw 2.083333333333333vw 8.333333333333332vw 2.083333333333333vw;
			position: relative;
		}
		
		#page-12 .sector-3 .col .mainpic .image {
			width: 40vw;
			height: 55.55555555555556vw;
		}

		#page-12 .sector-3 .col .clickpic-1 .image  {
			position: absolute;
			left: 1.7361111111111112vw;
			top: 15.625vw;
			z-index: 2;
		}

		#page-12 .sector-3 .col .clickpic-2 .image  {
			position: absolute;
			left: 16.458333333333332vw;
			top: 0.3472222222222222vw;
			z-index: 2;
		}
		
		#page-12 .sector-3 .col .clickpic-3  .image {
			position: absolute;
			left: 29.236111111111114vw;
			top: 15.902777777777777vw;
			z-index: 2;
		}
		
		#page-12 .sector-3 .col .clickpic-4  .image {
			position: absolute;
			left: 27.013888888888886vw;
			top: 29.791666666666668vw;
			z-index: 2;
		}
		
		#page-12 .sector-3 .col .clickpic .image,
		#page-12 .sector-3 .col .clickpic img  {
			width: 14.583333333333334vw;
			height: 14.583333333333334vw;
			opacity: 0;
			transition: all .3s;
		}
		
		#page-12 .sector-3 .col .clickpic.clicked .image,
		#page-12 .sector-3 .col .clickpic.clicked img  {
			width: 18.333333333333332vw;
			height: 18.333333333333332vw;
			opacity: 1;
		}
		
	}
	
	#page-12 .sector-3>.container>.frame-type-text {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#page-12 .sector-3 .col sup {
		position: relative!important;
	}
}

@media screen and (min-width: 1921px) {

	#page-12 .header-block {
		max-width: 1920px;
		position: relative;
	}
	
	#page-12 .header-block .header-swoosh {
		position: absolute;
		top: 0px;
		z-index: 2;
	}
	
	#page-12 .header-copy {
		top: 110px;
		position: absolute;
		z-index: 3;
		max-width: 1390px;
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	#page-12 .header-copy h3 {
		font-size: 44px;
		line-height: 50px;
		color: #fff;
		font-weight: normal;
		margin-bottom: 10px;
	}
	
	#page-12 .header-copy h1 {
		font-size: 56px;
		line-height: 60px;
		color: #fff;
	}
	
	#page-12 .sector-1 .row {
		align-items: center;
	}
	
	#page-12 .sector-3 h3,
	#page-12 .sector-2 h3,
	#page-12 .sector-1 h3 {
		font-size: 30px;
		margin-bottom: 10px;
	}
	
	#page-12 .sector-3 p,
	#page-12 .sector-2 p,
	#page-12 .sector-1 p {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	#page-12 .sector-1 .ce-bodytext p {
		position: relative;
		left: -20px;
	}
	#page-12 .sector-1 hr {
		height: 0;
		border-top: 2px solid #0c2340;
	}
	
	#page-12 .sector-2 {
		position: relative;
		padding-top: 30px;
	}
	
	#page-12 .sector-2 .row {
		flex-wrap: nowrap;
		align-items: center; 
		position: relative;
		margin: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col {
		flex-shrink: 1;
		flex-grow: 0;
		flex-basis: auto;
		width: auto;
		max-width: none;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) {
		width: 100px;
		align-self: stretch;
		flex-basis: 100px;
		flex-shrink: 0;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) {
		width: 50px;
		height: auto;
		flex-basis: 50px;
		flex-shrink: 0;
		padding: 0;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) img,
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(3) .image {
		width: 50px;
		height: auto;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p {
		font-weight: bold;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line1 {
		position: absolute;
		top: 70px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line2 {
		position: absolute;
		top: 160px;
	}
	
	#page-12 #mainPart .sector-2 .a4-cols .col:nth-child(1) p.line3 {
		position: absolute;
		bottom: 10px;
	}
	
	#page-12 .sector-3 {
		position: relative;
		padding-top: 60px;
	}
	
	#page-12 .sector-3 .card-body {
		padding: 0;
	}
	
	#page-12 .sector-3 .row {
		margin-left: 0;
		margin-right: 0;
		position: relative;
		z-index: 3;
	}
	
	#page-12 .sector-3 .col {
		padding:  60px 30px 120px 30px;
		position: relative;
	}
	
	#page-12 .sector-3 .block-pic {
		position: absolute; 
		top: 115px;
		bottom: 0;
		z-index: 1;
		width: 100%;
		overflow: hidden;
	}
	
	#page-12 .sector-3 .block-pic .frame-type-image {
		position: absolute; 
		bottom: 0;
	}
	
	#page-12 .sector-3 .col .mainpic .image {
		width: 576px;
		height: 800px;
	}
	
	#page-12 .sector-3 .col * {
		position: static;
	}
	
	#page-12 .sector-3 .col .clickpic-1 .image  {
		position: absolute;
		left: 25px;
		top: 195px;
		z-index: 2;
	}

	#page-12 .sector-3 .col .clickpic-2 .image  {
		position: absolute;
		left: 237px;
		top: 05px;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic-3  .image {
		position: absolute;
		left: 421px;
		top: 199px;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic-4  .image {
		position: absolute;
		left: 389px;
		top: 429px;
		z-index: 2;
	}
	
	#page-12 .sector-3 .col .clickpic img  {
		width: 210px;
		height: 210px;
		opacity: 0;
		transition: all .3s;
	}
	
	#page-12 .sector-3 .col .clickpic.clicked img  {
		width: 264px;
		height: 264px;
		opacity: 1;
		/* position:relative; */
		/* top: -30px; */
	}
	
	#page-12 .sector-3 .col .mainpic.clicked img  {
		opacity: .2;
	}
	
	#page-12 .sector-3 .picclick .linkbox {
		position : relative;
		padding:0;
		overflow: hidden;
		height: 90px;
		width: 100%;
		margin-bottom: 2em;
		box-shadow: 0 -50px 50px -50px rgb(0 0 0 / 70%) inset;	
	}
	
	#page-12 .sector-3 .picclick .linkbox .title {
		color: #ca2042;
		background-color: #fff;
		display: block;
		position: absolute;
		left: 60px;
		top: 0;
		bottom: 0;
		right: 0;
		box-shadow: 0 -50px 50px -50px rgb(0 0 0 / 70%) inset;			
		font-size: 20px;
		line-height: 22px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 20px;
	}
	
	#page-12 .sector-3 .col .picclick.clicked .linkbox .title {
		display: block;
		background-color: #ca2042;
		color: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		padding-left: 20px;		
	}
	
	#page-12 .sector-3 .col .picclick .subtitle {
		display: block;
		width: 60px;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: calc(100% - 60px);
		font-size: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#page-12 .sector-3 .frame-type-text {
		position: relative;
		z-index: 3;
	}
	
	#page-12 .sector-3 h3 {
		padding-bottom: 1em;
		padding-top:1em;
	}
	
	#page-12 .sector-3 li {
		padding-bottom: .5em;
	}
	
	#page-12 .sector-3 li:before {
		color: #ca2042!important;
	}
	
	#page-12 .sector-3 .akk-block-2 .col .ce-outer,
	#page-12 .sector-3 .akk-block-2 .col img,
	#page-12 .sector-3 .akk-block-2 .col .image {
		height: 524px;
		max-height: 524px;
		width: 348px;
		margin: auto;
		position: relative;
		float: none;
		right: auto;
	}
	
	#page-12 .sector-3 .akk-block-2 p {
		padding: 40px;
	}
	
	#page-12 .sector-3 .akk-block-2 .linkbox-link {
		width: 260px;
		margin-left: 28px;
	}
	
	#page-12 .sector-3>.container>.frame-type-text {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#page-12 .sector-3 .col sup {
		position: relative!important;
	}

}


/**/
/**/
/* 04 HCP Activate with BF-RhodoLED */