@charset "utf-8";
/* CSS Document */


body {
    padding: 0;
    margin: 0;
	width: 100%;
  	overflow-x: hidden;
}

.site-inner {
	margin: 0 auto;
	padding: 0;
}

.wrappy {
	position:relative;
}

.btn {
	margin:30px 0;
}
.btn a {
	display:inline-block;
	text-decoration: none;
	font-weight:700;
	color: #9033a8;
	transition:all .3s;
}
.btn a:hover {
	color:#c706fe;
}
.btn a::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #c706fe;
	background-image:url("images/linkdot.png");
	background-size:cover;
	content: " ";
	margin: 0 10px -3px 0;
	transition:all .3s;
}

#hp-hero {
	position:relative;
}
@media(max-width: 650px) {
	#hp-hero .hero {
		display:none;
	}
}
#hp-hero .hero img {
	width:100%;
	height:auto;
}

#hp-hero .hero-mob {
	position:relative;
	display:none;
}
@media(max-width: 650px) {
	#hp-hero .hero-mob {
		display:block;
	}
}
#hp-hero .hero-mob img {
	width:100%;
	height:auto;
}
#hp-hero .bricks {
	position:absolute;
	bottom:-11vw;
	left:0;
	width:60vw;
	z-index:2;
}
.fadeIn {
	opacity:0;
	animation-name: fadeIn;
  	animation-duration: 1s;
	animation-delay: .5s;
	animation-fill-mode: forwards;
}
/* The animation code */
@keyframes fadeIn {
  0%   {
	  opacity:0;
	}
  100% {
	  opacity:1;
	}
}

#hp-hero .bricks img {
	width:100%;
	height:auto;
}
#hp-hero .logo {
	position:absolute;
	top:20px;
	left:20px;
	width:250px;;
	z-index:2;
}
#hp-hero .logo img {
	width:100%;
	height:auto;
}
#hp-hero .heading {
	position:absolute;
	top:7vw;
	left:10vw;
	color:#780997;
	font-size:3.5vw;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#hp-hero .heading {
		top:5vw;
		left:8vw;
		font-size:3.7vw;
	}
}
@media(max-width: 850px) {
	#hp-hero .heading {
		top:12vw;
		left:8vw;
		font-size:3.7vw;
	}
}
@media(max-width: 650px) {
	#hp-hero .heading {
		top:18vw;
		font-size:6.5vw;
	}
}
#hp-hero .heading span {
	display:block;
	font-size:170%;
	font-family: 'DinOT';
	text-transform:uppercase;
	font-style:italic;
	line-height:1.2;
}

.fadeUpIn {
	opacity:0;
	padding:50px 0 0 0;
	animation-name: fadeUI;
  	animation-duration: 1s;
	animation-fill-mode: forwards;
}
/* The animation code */
@keyframes fadeUI {
  0%   {
	  opacity:0;
	  padding:70px 0 0 0;
	}
  100% {
	  opacity:1;
	  padding: 0 0 70px 0;
	}
}

#hp-intro {
	position:relative;
	background-color:#fff;
}
#hp-intro .bricksL {
	position:absolute;
	bottom:-20.7vw;
	left:0;
	width:32vw;
	z-index:2;
}
#hp-intro .bricksL img {
	width:100%;
	height:auto;
}
#hp-intro .bricksR {
	position:absolute;
	bottom:2vw;
	right:0;
	width:22vw;
	z-index:2;
}
#hp-intro .bricksR img {
	width:100%;
	height:auto;
}
#hp-intro .fixed {
	font-family: 'DinOT';
	max-width:900px;
	margin:0 auto;
	padding:125px 50px 85px;
	text-align: center;
	font-size:36px;
}
@media(max-width: 1000px) {
	#hp-intro .fixed {
		max-width:700px;
		padding:100px 50px 55px;
		text-align: center;
		font-size:28px;
	}
}
@media(max-width: 850px) {
	#hp-intro .fixed {
		padding:80px 24px 35px;
		font-size:20px;
		z-index: 2;
    position: relative;
	}
}
#hp-intro .fixed strong {
	color:#9033a8;
}

#two {
	position:relative;
	top:0;
	width:100%;
	height:3100px;
	background-color: #000c23;
	background-image:url("images/pt-body-bg-1.jpg");
	background-size:cover;
	
}
@media(max-width: 850px) {
	#two {
		height:2010px;
		background-image:url("images/pt-body-bg-mob-3.jpg");
		background-position:top center;
		background-size:850px auto;
	}
}
@media(max-width: 650px) {
	#two {
		height:1675px;
		background-size:650px auto;
	}
}
#two .inner {
	position:sticky;
	top:-100px;
	margin-left:calc(50% - 1025px);
	width:2050px;
	height:1600px;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .inner {
		top:-70px;
		margin-left:calc(50% - 800px);
		width:1600px;
		height:1250px;
	}
}
@media(max-width: 850px) {
	#two .inner {
		position:relative;
		top:0;
		margin-left:calc(50% - 300px);
		width:600px;
		height:1250px;
	}
}
@media(max-width: 650px) {
	#two .inner {
		margin-left:calc(50% - 200px);
		width:400px;
		height:1250px;
	}
}
@media(max-width: 450px) {
	#two .inner {
		margin-left:calc(50% - 130px);
		width:260px;
	}
}
#two .inner .heading {
	position:relative;
	font-family: 'DinOT';
	z-index:10;
	max-width:1100px;
	margin:0 auto;
	padding:50px 50px;
	font-size:30px;
	color:#fff;
	text-align: center;
}
@media(max-width: 1200px) {
	#two .inner .heading {
		padding:30px 30px;
		font-size:26px;
	}
}
@media(max-width: 850px) {
	#two .inner .heading {
		padding:50px 0;
		font-size:24px;
	}
}
@media(max-width: 650px) {
	#two .inner .heading {
		font-size:21px;
		padding:30px 0;
	}
}
@media(max-width: 450px) {
	#two .inner .heading {
		font-size:18px;
		padding:20px 0;
		margin: 0 -20px;
	}
}

#two .inner .heading strong {
	font-size:170%;
	font-style:italic;
	text-transform: uppercase;
	font-weight:400;
	display:block;
	line-height: 1.2;
}
@media(max-width: 850px) {
	#two .inner .heading strong {
		font-size:130%;
	}
}
#two .hex1 {
	position:absolute;
	top:250px;
	left:10px;
	width:950px;
	transition: all .1s;
	opacity:.7;
}
@media(max-width: 1200px) {
	#two .hex1 {
		top:200px;
		left:10px;
		width:750px;
	}
}
@media(max-width: 1000px) {
	#two .hex1 {
		left:150px;
		width:650px;
	}
}
@media(max-width: 850px) {
	#two .hex1 {
		display:none;
	}
}
#two .hex1 img {
	width:100%;
	height:auto;
}
#two .hex1text {
	position:absolute;
	font-family: 'DinOT';
	top:280px;
	left:400px;
	width:400px;
	color:#fff;
	font-size:20px;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .hex1text {
		top:220px;
		left:330px;
		width:300px;
		font-size:18px;
	}
}
@media(max-width: 1000px) {
	#two .hex1text {
		left:420px;
		width:280px;
		font-size:16px;
	}
}
@media(max-width: 850px) {
	#two .hex1text {
		top:320px;
		left:100px;
		width:400px;
		font-size:19px;
		text-align: center;
	}
}
@media(max-width: 650px) {
	#two .hex1text {
		top:225px;
		left:50px;
		width:300px;
		font-size:16px;
	}
}
@media(max-width: 450px) {
	#two .hex1text {
		top:215px;
		left:0;
		width:260px;
		font-size:15px;
		
	}
}
#two .hex1text span {
	display:block;
	font-size:150%;
	text-transform:uppercase;
	font-style:italic;
	line-height:1.2;
}
@media(max-width: 850px) {
	#two .hex1text span {
		font-size:130%;
	}
}
#two .hex1text .image {
	position:relative;
	width:290px;
	margin:0 0 10px -40px;
}
@media(max-width: 1200px) {
	#two .hex1text .image {
		width:250px;
		margin:0 0 10px -40px;
	}
}
@media(max-width: 1000px) {
	#two .hex1text .image {
		width:200px;
		margin:0 0 10px -40px;
	}
}
@media(max-width: 850px) {
	#two .hex1text .image {
		display:none;
	}
}

#two .hex1text .image  img {
	width:100%;
	height:auto;
}
#two .hex2 {
	position:absolute;
	top:250px;
	right:10px;
	width:950px;
	opacity:.7;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .hex2 {
		top:200px;
		width:750px;
	}
}
@media(max-width: 1000px) {
	#two .hex2 {
		right:150px;
		width:650px;
	}
}
@media(max-width: 850px) {
	#two .hex2 {
		display:none;
	}
}
#two .hex2 img {
	width:100%;
	height:auto;
}
#two .hex2text {
	position:absolute;
	font-family: 'DinOT';
	top:280px;
	right:400px;
	width:350px;
	color:#fff;
	font-size:20px;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .hex2text {
		top:220px;
		right:300px;
		width:300px;
		font-size:18px;
	}
}
@media(max-width: 1000px) {
	#two .hex2text {
		width:270px;
		right:380px;
		font-size:16px;
	}
}
@media(max-width: 850px) {
	#two .hex2text {
		top:700px;
		left:100px;
		width:400px;
		font-size:19px;
		text-align: center;
	}
}
@media(max-width: 650px) {
	#two .hex2text {
		top:540px;
		left:50px;
		width:300px;
		font-size:16px;
	}
}
@media(max-width: 450px) {
	#two .hex2text {
		top:540px;
		left:0;
		width:260px;
		font-size:15px;
		
	}
}
#two .hex2text span {
	display:block;
	font-size:150%;
	text-transform:uppercase;
	font-style:italic;
	line-height:1.2;
}
@media(max-width: 850px) {
	#two .hex2text span {
		font-size:130%;
	}
}
#two .hex2text .image {
	position:relative;
	width:190px;
	margin:0 0 10px 60px;
}
@media(max-width: 1200px) {
	#two .hex2text .image {
		width:150px;
	}
}
@media(max-width: 1000px) {
	#two .hex2text .image {
		width:125px;
	}
}
@media(max-width: 850px) {
	#two .hex2text .image {
		display:none;
	}
}
#two .hex2text .image  img {
	width:100%;
	height:auto;
	
}
#two .diamond {
	position:absolute;
	font-family: 'DinOT';
	top:498px;
	left:50%;
	width:0;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .diamond {
		top:395px;
	}
}
@media(max-width: 850px) {
	#two .diamond {
		display:none;
	}
}
#two .diamond img {
	width:100%;
	height:auto;
}
#two .diamondtext {
	position:absolute;
	font-family: 'DinOT';
	top:420px;
	left:800px;
	width:450px;
	color:#fff;
	font-size:22px;
	text-align: center;
	opacity:0;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .diamondtext {
		top:320px;
		left:600px;
		width:400px;
		font-size:22px;
	}
}
@media(max-width: 850px) {
	#two .diamondtext {
		top:1125px;
		left:150px;
		width:300px;
		opacity:1;
		font-size:24px;
	}
}
@media(max-width: 650px) {
	#two .diamondtext {
		top:850px;
		left:50px;
		width:300px;
		font-size:19px;
	}
}
@media(max-width: 450px) {
	#two .diamondtext {
		top:850px;
		left:0;
		width:260px;
		font-size:18px;
	}
}
#two .diamondtext span {
	display:block;
	font-size:150%;
	text-transform:uppercase;
	font-style:italic;
	line-height:1.2;
}

#two .body {
	position:absolute;
	top:700px;
	left:800px;
	width:450px;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .body {
		top:500px;
		left:600px;
		width:400px;
	}
}
@media(max-width: 1000px) {
	#two .body {
		top:500px;
		left:625px;
		width:350px;
	}
}
@media(max-width: 850px) {
	#two .body {
		top:1500px;
		left:330px;
		width:230px;
	}
}
@media(max-width: 650px) {
	#two .body {
		top:1180px;
		left:300px;
		width:200px;
	}
}
@media(max-width: 450px) {
	#two .body {
		top:1030px;
		left:50px;
		width:160px;
	}
}
#two .body img {
	width:100%;
	height:auto;
}
#two .points {
	position:absolute;
	top:850px;
	left:530px;
	width:300px;
	color:#fff;
	font-size:18px;
	opacity:0;
	transition: all .1s;
}
@media(max-width: 1200px) {
	#two .points {
		top:650px;
		left:340px;
		width:300px;
		font-size:18px;
	}
}
@media(max-width: 1000px) {
	#two .points {
		left:370px;
		width:250px;
		font-size:16px;
	}
}
@media(max-width: 850px) {
	#two .points {
		left:20px;
		width:250px;
		top:1500px;
		opacity:1;
		font-size:16px;
	}
}
@media(max-width: 650px) {
	#two .points {
		left:20px;
		width:250px;
		top:1180px;
		opacity:1;
		font-size:15px;
	}
}
@media(max-width: 450px) {
	#two .points {
		left:0;
		width:260px;
		top:1200px;
		font-size:14px;
	}
}
#two .points p {
	margin:0 0 50px 0;
}
@media(max-width: 1000px) {
	#two .points p {
		margin:0 0 30px 0;
	}
}
#two .points strong {
	font-family: 'DinOT';
	font-size:150%;
	font-weight:400;
	
	text-transform:uppercase;
	font-style:italic;
	line-height:1.2;
}


#three {
	position:relative;
	background-color: #002a7d;
	background-image: url("images/PT-Home-123-bg.jpg");
	background-size: cover;
	background-position: center;
}
#three .bricksL {
	position:absolute;
	top:-5vw;
	left:0;
	width:10vw;
	z-index:2;
}
#three .bricksL img {
	width:100%;
	height:auto;
}
#three .bricksR {
	position:absolute;
	bottom:-2vw;
	right:0;
	width:20vw;
	z-index:2;
}
#three .bricksR img {
	width:100%;
	height:auto;
}
#three .heading {
	position:relative;
	max-width:900px;
	margin:0 auto;
	padding:40px 50px;
	font-family: 'DinOT';
	color:#fff;
	text-align: center;
	font-size:50px;
	font-weight:400;
	font-style:italic;
	text-transform: uppercase;
	line-height:1.2;
}
@media(max-width: 1200px) {
	#three .heading {
		padding:30px 50px;
		font-size:42px;
	}
}
@media(max-width: 850px) {
	#three .heading {
		max-width:700px;
		padding:50px 30px;
		font-size:27px;
	}
}
#three .fixed {
	position:relative;
	max-width:1800px;
	margin:0 auto;
	padding:0;
}
@media(max-width: 850px) {
	#three .fixed {
		width:100%;
	}
}
#three .fixed img.bg {
	width:100%;
	height:auto;
}
#three .fixed img.bg-mob {
	display:none;
	width:100%;
	height:auto;
}
@media(max-width: 850px) {
	#three .fixed img.bg {
		display:none;
	}
	#three .fixed img.bg-mob {
		display:block;
	}
}
#three .fixed .one {
	position:absolute;
	top:4%;
	left:38%;
	width:400px;
	margin:0;
	padding:0;
	color:#fff;
}
@media(max-width: 1200px) {
	#three .fixed .one {
		top:2%;
		font-size:18px;
	}
}
@media(max-width: 850px) {
	#three .fixed .one {
		top:5%;
		font-size:18px;
		line-height:1.2;
		width:300px;
	}
}
@media(max-width: 650px) {
	#three .fixed .one {
		top:0;
		left:33%;
		font-size:14px;
		line-height:1.2;
		width:200px;
	}
}
#three .fixed .one span {
	display:block;
	font-family: 'DinOT';
	font-size:170%;
	font-weight:700;
	color:#c706fe;
}
@media(max-width: 650px) {
	#three .fixed .one span {
		font-size:130%;
	}
}
#three .fixed .two {
	position:absolute;
	top:30%;
	left:50%;
	width:420px;
	margin:0;
	padding:0;
	color:#fff;
}
@media(max-width: 1200px) {
	#three .fixed .two {
		font-size:18px;
	}
}
@media(max-width: 850px) {
	#three .fixed .two {
		font-size:18px;
		line-height:1.2;
		top:36%;
		left:38%;
		width:300px;
	}
}
@media(max-width: 650px) {
	#three .fixed .two {
		font-size:14px;
		top:30%;
		left:33%;
		width:200px;
	}
}
#three .fixed .two span {
	display:block;
	font-family: 'DinOT';
	font-size:170%;
	font-weight:700;
	color:#c706fe;
}
@media(max-width: 650px) {
	#three .fixed .two span {
		font-size:130%;
	}
}
#three .fixed .three {
	position:absolute;
	top:73%;
	right:52%;
	width:330px;
	margin:0;
	padding:0;
	color:#fff;
}
@media(max-width: 1200px) {
	#three .fixed .three {
		font-size:18px;
	}
}
@media(max-width: 850px) {
	#three .fixed .three {
		top:71%;
		right:auto;
		left:55%;
		font-size:18px;
		line-height:1.2;
		width:210px;
	}
}
@media(max-width: 650px) {
	#three .fixed .three {
		top:67%;
		left:45%;
		font-size:14px;
		line-height:1.2;
		width:160px;
	}
}
#three .fixed .three span {
	display:block;
	font-family: 'DinOT';
	font-size:170%;
	font-weight:700;
	color:#c706fe;
}
@media(max-width: 650px) {
	#three .fixed .three span {
		font-size:130%;
	}
}
#four {
	position:relative;
}
#four .bricksL {
	position:absolute;
	top:-19vw;
	left:0;
	width:18vw;
	z-index:2;
}
#four .bricksL img {
	width:100%;
	height:auto;
}
#four .bricksR {
	position:absolute;
	bottom:0;
	right:0;
	width:18vw;
	z-index:2;
}
#four .bricksR img {
	width:100%;
	height:auto;
}
#four .fixed {
	max-width:1100px;
	margin:0 auto;
	padding:100px 50px;
}
@media(max-width: 850px) {
	#four .fixed {
		padding:50px 50px;
	}
}
@media(max-width: 650px) {
	#four .fixed {
		padding:20px 24px;
	}
}
#four .fixed h2 {
	font-size:28px;
	font-weight:400;
	font-style:italic;
	color:#000;
	text-transform: uppercase;
	line-height:1.2;
	margin:50px 0 5px 0;
}
#four .fixed h2:first-child {
	margin-top:0;
}
#four .fixed h2 + p {
	margin-top:0;
}

#five {
	position:relative;
}
#five .bricks {
	position:absolute;
	top:-4.4vw;
	left:0;
	width:9vw;
	z-index:2;
}
#five .bricks img {
	width:100%;
	height:auto;
}
#five .fixed {
	position:relative;
	margin:0;
	padding:0;
	display:flex;
}
@media(max-width: 850px) {
	#five .fixed {
		display:block;
	}
}
#five .fixed .half {
	position:relative;
	width:50%;
}
@media(max-width: 850px) {
	#five .fixed .half {
		width:100%;
	}
}
#five .fixed .half.one {
	position:relative;
	background-image: url("images/pt-news-bg1.jpg");
	background-size:100% 100%;
	
}
#five .fixed .half.two {
	position:relative;
	background-image: url("images/pt-news-bg2.jpg");
	background-size:100% 100%;
}
#five .fixed .half .inner {
	width:450px;
	margin:100px 50px;
}
#five .fixed .half.one .inner {
	margin-left:calc(100% - 500px);
}
@media(max-width: 1200px) {
	#five .fixed .half .inner {
		width:auto;
		margin:100px 50px;
	}
	#five .fixed .half.one .inner {
		margin-left:50px;
	}
}
@media(max-width: 850px) {
	#five .fixed .half .inner {
		width:auto;
		margin:0;
		padding:70px 50px 40px;
	}
	#five .fixed .half.one .inner {
		margin-left:0;
	}
}
@media(max-width: 650px) {
	#five .fixed .half .inner {
		padding:70px 24px 40px;
	}
	#five .fixed .half.one .inner {
		margin-left:0;
	}
}
#five .fixed .half .inner .date {
	position:relative;
	font-size:15px;
	color:#9d20c1;
	padding:0 0 5px 110px;
}
#five .fixed .half .inner .date .bug {
	width:100px;
	position:absolute;
	left:0;
	bottom:5px;
}
#five .fixed .half .inner .date .bug img {
	width:100%;
	height:auto;
}
#five .fixed .half .inner .heading {
	font-family: 'DinOT';
	font-size:26px;
	line-height:1.2;
}
@media(max-width: 850px) {
	#five .fixed .half .inner .heading {
		font-size:22px;
	}
}