:root {
--brand-main: #14027D;
--brand-highlight: #F7B810;
--brand-dark:#0A003F;
--brand-dark-2:#0C0053;
--brand-dark-alt:#07103F;
--brand-alt: #CF142B;
--brand-w: #ffffff;
--brand-gradient-start: #100064;
--brand--start: #100064;
--brand-main-d: #0C0153;
--brand-shadow: #CCCBD4;
--brand-gradient-r1: #48070F;
--brand-gradient-r2: #900D1D;
--brand-main-f: rgba(20, 2, 125, 0.5)
}
body {
font-family: "tt-commons-pro", sans-serif;
font-weight: 400;
line-height: 1.6
}
::selection {
color: var(--brand-main-d);
background-color: rgba(20, 2, 125, 0.1);
}
.hero--solid ::selection {
color: var(--brand-highlight);
background-color: var(--brand-main);
}
.footer_main ::selection {
color: var(--brand-highlight);
background-color: var(--brand-dark);
}
.pt-3 {
padding: 3rem 0;
}
.mt-n5 {
margin-top: -5rem;
}
.mt-2 {
margin-top: 2rem
}
.mb-2 {
margin-bottom: 2rem
}
.ac {
text-align: center
}
.ar {
text-align: right
}
.ftext {
opacity: 0;
transition: opacity 1.5s ease-in-out;
}
.flex-center {
}
.inline--vid {
width: 100%;
border-radius: 15px
}
.show-mob  {
display: none;
}
@media (max-width: 1000px) {
.mt-n5 {
margin-top: 0rem;
}
.hide-mob {
display: none;
}
.m-ac {
text-align: center
}
.show-mob {
display: block;
}
.p-m {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
}
@media (min-width: 1000px) {
}
.btn {
background-color: var(--brand-alt);
color: var(--brand-w);
padding: 10px 30px;
text-decoration: none;
display: inline-block;
border-radius: 100px;
transition: 0.5s all ease-in-out;
position: relative;
}
.btn:after {
content: " ";
display: block;
border-radius: 100px;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 6px;
z-index: -1;
background: linear-gradient(90deg, rgba(72,7,15,1) 0%, rgba(144,13,29,1) 10%, rgba(144,13,29,1) 90%, rgba(72,7,15,1) 100%);
box-shadow: 0 5px var(--brand-shadow);
}
.btn:hover {
position: relative;
transform: translateY(2px);
}
.btn:hover:after {
box-shadow: 0 3px var(--brand-shadow);
z-index: -1;
position: absolute;
}
.btn:actrive {
background: red
}
a.btn_white {
background-color: var(--brand-w);
color: var(--brand-dark) !important;
padding: 10px 30px;
text-decoration: none;
display: inline-block;
border-radius: 100px;
transition: 0.1s all ease-in-out;
position: relative;
font-weight: 500;
box-shadow: 0px 5px 5px 2px rgba(10,0,63,0.5);
}
a.btn_white:hover {
position: relative;
transform: translateY(-3px);
}
a.btn_white:hover:after {
box-shadow: 0 3px var(--brand-shadow);
z-index: -1;
position: absolute;
}
a.btn_white:actrive {
background: red
}	
.form__newsletter {
}
.form__newsletter--text {
border: none;
background: #fff;
border-radius: 5px;
padding: .7rem;
width: 64%
}
.form__newsletter--submit {
background: var(--brand-alt);
color: #fff;
border: none;
padding: .7rem 2rem;
border-radius: 15px;
position: relative;
left: -20px;
}
.form__newsletter--submit:hover {
cursor: pointer;
}
.newsletter-signup {
margin-bottom: 10px;
} .button-pushable {
position: relative;
border: none;
background: transparent;
padding: 0;
cursor: pointer;
outline-offset: 4px;
transition: filter 250ms;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
text-decoration: none;
display: inline-block
}
.button-shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background: hsl(0deg 0% 0% / 0.25);
will-change: transform;
transform: translateY(2px);
transition: transform 600ms cubic-bezier(.3, .7, .4, 1);
}
.button-edge {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100px;
background: linear-gradient(
to left,
hsl(340deg 100% 16%) 0%,
hsl(340deg 100% 32%) 8%,
hsl(340deg 100% 32%) 92%,
hsl(340deg 100% 16%) 100%
);
}
.button-front {
display: block;
position: relative;
padding: 16px 57px 12px 57px;
border-radius: 100px;
font-size: 1.1rem;
color: white;
background: var(--brand-alt);
will-change: transform;
transform: translateY(-4px);
transition:transform 600ms cubic-bezier(.3, .7, .4, 1);
}
.osx .button-front {
padding: 12px 57px 12px 57px;
}
.gecko.osx .button-front {
padding: 16px 57px 12px 57px;
} .button-pushable:hover {
filter: brightness(95%);
-webkit-filter: brightness(95%);
}
.button-pushable:hover .button-front {
transform: translateY(-6px);
transition:
transform
250ms
cubic-bezier(.3, .7, .4, 1.5);
}
.button-pushable:active .button-front {
transform: translateY(-2px);
transition: transform 34ms;
}
.button-pushable:hover .button-shadow {
transform: translateY(4px);
transition:
transform
250ms
cubic-bezier(.3, .7, .4, 1.5);
}
.button-pushable:active .button-shadow {
transform: translateY(1px);
transition: transform 34ms;
}
.button-pushable:focus:not(:focus-visible) {
outline: none;
}
.header__all .button-front  {
padding: 12px 27px;
font-size: .9rem
}
@media (max-width: 1000px)
{
.button-front {
font-weight: 500
}
}
* {
margin: 0;
padding: 0;		
}
body {
margin: 0;
padding: 0;
}
.col2 {
display: grid;
grid-template-columns: 45% 53%;
max-width: 1300px;
margin: 0 auto;
padding: 3rem 0;
position: relative;
column-gap: 2%;
}
.col2-w {
display: grid;
grid-template-columns: 45% 45%;
max-width: 1300px;
margin: 0 auto;
padding: 3rem 0;
position: relative;
column-gap: 10%;
align-items:center
}
.col2-con {
display: grid;
grid-template-columns: 75% 25%;
max-width: 1300px;
margin: 0 auto;
padding: 3rem 0;
position: relative;
column-gap: 10%;
align-items:center
}
.mp {
padding-left: 1rem;
padding-right: 1rem;
}
@media (max-width: 1300px)
{
.col2,
.col2-w  {
margin: 0 1rem
}
.col2-con {
grid-template-columns: 100%;
}
}
@media (max-width: 1000px)
{
.col2,
.col2-w  {
display: block;
margin: 0;
}
}
@media (min-width: 1001px)
{
.mp {
padding-left: 0rem;
padding-right: 0rem;
}
}
.header__all {
background: var(--brand-main);
color: var(--brand-w);
text-align: center;
padding: .8rem;
display: block;
position: relative;
z-index: 3;
}
.header__all--w {
max-width: 1300px;
margin: 0 auto
}
.header__all--brand {
padding: 1rem;
display: flex;
justify-content: center;
position: relative
}	
.tel {
color: #fff;
text-decoration: none;
font-weight: 300;
}
.tel:hover {
text-decoration: underline
}
.header__all--cta {
list-style-type: none;
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
position: absolute;
right: 0rem; 
top: 1rem
}
.header__all--logo {
width: 15vw;
height: 53px
}
@media (max-width: 1000px) {
.header__all {
position: fixed;
width: 100%;
box-sizing: border-box;
height: 119px;
top: 0;
}
body {
margin-top: 119px;
}
.header__all--brand {
justify-content: space-between
}
.header__all--cta {
position: revert;
}
.header__all--cta {
order: 0;
width: 35%;
gap: 0;
justify-content: flex-start;
}
.header__all--wrap {
order: 1;
width: 30%;
display: flex
}
.header__toggle {
order: 2;
width: 35%;
justify-content: flex-end;
display: flex;
}
.header__all--cta .tel {
display: none
}
.header__all--logo {
width: 100%
}
.hamburger {
padding: 15px 0 15px 15px
}
}
@media (max-width: 600px) {
.header__all--wrap {
width: 50%;
justify-content: center
}
.header__all {
padding: 0 10px;
height: 60px;
}
.header__all--brand {
padding: 0px
}
.header__all--logo {
width: 100%;
height: 30px;
padding-top: 15px;
}
.header__all .button-front {
padding: 9px 18px;
font-size: .7rem;
}
}
@media (max-width: 500px) {
.header__all .button-front {
padding: 9px 10px;
font-size: .65rem;
}
}
@media (min-width: 1001px) {
.header__all {
background: var(--brand-main) url(//www.psldatatrack.com/i/flag.png) no-repeat top left;
background-size: 100px;
padding-bottom: 0;
height: 140px
}
.header__nav ul a {
padding-bottom: 12px;
display: block
}
}
.header__all.scrolled {
position: fixed;
top: 0;
width: 100%;
background: var(--brand-main);
}
.header__all.scrolled .header__all--w {
display: flex;
flex-direction: row-reverse;
}
.header__all.scrolled .header__all--wrap {
display: none;
}
.header__all.scrolled .header__nav {
width: 80%
}
.icon {
width: 24px;
height: 24px;
}
.mtd__icon {
height: 24px;
width: auto
}
.mtd__icon path {
fill: #fff
}
.mtd__icon:hover path {
fill: var(--brand-highlight);
}
.mtd__category {
fill: #fff;
width: 240px;
height: 150px;
}
.nav {
}
.header__nav {
}
.header__nav ul {
list-style-type: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.header__nav--ul {
background: var(--brand-main)		
}
.header__nav ul a {
color: #fff;
text-decoration: none;
font-weight: 500;
transition: .3s ease color;
}
.header__nav ul a:hover {
color: var(--brand-highlight);
}
.header__nav ul .icon__home svg {
position: relative;
top: 4px;
}
.header__nav ul .icon__home:hover svg path {
fill: var(--brand-highlight);
}	
.hamburger {
display: none
}
.search_toggle {
fill: #fff;
display: none;
}
.search_toggle:hover {
fill: var(--brand-highlight)
}
.search__icon--toggle:hover path {
fill: var(--brand-highlight)
} .header__nav .has-children ul li {
display: block
}
.header__nav .has-children ul li a {
text-align: center;
padding: 1rem;
display: block
} .subnav {
display: none;
background: var(--brand-dark);
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-radius: 0 0 20px 20px;
z-index: 2;
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
transform: translate3d(0, -200%, 0);
}
.subnav.is-active {
transform: translate3d(0, 146px, 0);
}
.subnav ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
list-style-type: none;
text-align: center;
}
.subnav a {
color: #fff;
text-decoration: none;
padding: 2rem;
display: block;
}
.subnav a:hover {
color: var(--brand-highlight);
}
@media (min-width: 1001px) {
.subnav {
display: block
}	
}
@media(max-width: 1000px)
{
.header__nav {
display: none
}
.hamburger {
display: block
}
.search_toggle {
display: block;
width: 30px;
height: 30px;
padding-top: 14px;
}
}
.hero {
height: 80vh;
position: relative;
z-index: 1;
overflow: hidden
}
#hero__vid {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
object-fit: cover;
top: 0;
left: 0;
height: 100%;
}
.hero__over {
background: rgba(20, 2, 125, 0.15);
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
z-index: 1
}
.hero__content {
width: 50%;
position: relative;
height: fit-content;
z-index: 1
}
.hero__content::after {
content: " ";
background: var(--brand-main);
width: 100%;
height: 100%;
transform: rotate(6deg);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 15px;
}
.hero__content h1 {
font-size: 3rem;
font-weight: 600;
line-height: 1;
color: var(--brand-main);
margin: 0 0 1rem 0
}
.hero__content p {
color: var(	--brand-main-d);
font-weight: 300
}
.hero__inner {
max-width: 1300px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-content: center;
height: 100%;
}
.hero__content--inner {
position: relative;
z-index: 1;
background: rgba(255, 255, 255, 0.903);
border-radius: 15px;
position: relative;
padding: 4rem 3rem;
height: fit-content;
z-index: 1;
}
.hero__content p {
margin-bottom: 1rem
}
.hero__inner p+p {
margin-top: 2rem;
}
.hero--anim {
width: 99%;
margin-top: 1rem;
position: relative
}
.hero__mobile {
text-align: center;
display: none;
}
.hero--anim--mob {
display: none;
}
@media(max-width: 1300px)
{
.hero__inner {
}
.hero__content {
width: 70%;
position: relative;
height: fit-content;
z-index: 1;
margin: 0 auto;
}
.hero__inner--btn {
margin-top: 2rem;
text-align: center
}
}
@media(max-width: 1000px)
{	
.hero {
}
.hero__over {
background: rgba(20, 2, 125, 0.15) url(//www.psldatatrack.com/i/flag.png) no-repeat top left;
background-size: 100px;
}
}
@media(min-width: 1200px)
{
.home .hero{
min-height: 750px
}	
}
@media(max-width: 600px)
{	
.hero {
height: auto;
padding-top: 100px
}
.hero__over {
}
body {
margin-top: 60px;
}
.hero__content {
width: 90%
}
.hero__content h1 {
font-size: 2.1rem
}
.hero__content--inner {
background: #fff
}
#hero__vid {
bottom: auto;
height: 70%;
top: 0;
min-height: 70%
}
.hero__over {
right: 0;
bottom: auto;
top: 0;
min-height: 70%;
height: 70%;
} .hero__mobile {
display: block;
background: #fff;
z-index: 1;
position: relative;
}
}
@media(max-width: 500px)
{
.hero__content--inner {
padding: 3rem 2rem;
}
}
.hero--solid {
background: rgb(15,1,101);
background: linear-gradient(180deg, rgba(15,1,101,1) 0%, rgba(20,2,125,1) 100%);
border-top: 1px solid #fff;
height: 80vh;
max-height: 700px;
max-height: 550px;
}
.hero--solid-slim {
height: 40vh
}
.hero--solid-news {
height: 300px
}	
.hero--solid .hero__inner {
justify-content: flex-start;
color: #fff;
}
.hero__inner-c1 {
width: 40%;
align-self: center;
}
.hero__inner-c2 {
width: 60%;
position: relative }
.hero__inner-c2 img {
width: 100%;
height: 100%
}
.hero__content--pluslist {
list-style-type: none;
}
.hero__content--pluslist {
margin: 2rem 0
}
.hero__content--pluslist li {
background: url(//www.psldatatrack.com/i/plus.svg);
background-repeat: no-repeat;
background-size: 20px;
line-height: 2;
padding-left: 2rem;
background-position-y: 50%;
}
.hero--solid h1 {
font-size: 3rem;
font-weight: 600;
line-height: 1;		
margin: 0 0 1rem 0;
}
@media(max-width: 1350px) {
.hero--solid .hero__inner {
padding: 1rem
}
.hero__inner-c1 {
width: 45%;
}
.hero__inner-c2 {
width: 55%;
}
}	
@media(max-width: 1000px) {
.hero__inner-c1 {
width: 100%;
}
.hero__inner-c2 {
width: 100%;
}
.hero__inner-c2 {
text-align: center
}
.hero__inner-c2 img {
width: 60vw;
padding: 3rem
}
.hero--solid h1 {
font-size: 2.5rem
}
.hero--solid {
border-radius: 0px 0px 15px 15px;
padding-top: 0;
height: auto;
max-height: none;
}
.search-results .hero--solid {
height: 30vh;
height: auto;
}
.single-post .hero__inner-c1,
.single-case-study .hero__inner-c1,
.page-template-feature .hero__inner-c1,
.hero__inner-c1 {
padding-top: 110px
}
}
@media(max-width: 600px) {
.hero__inner-c2 img {
width: Calc(95vw - 6rem);
padding: 3rem
}
}
.case_cta {
}
.case_cta--content {
padding: 3rem
}
.case_cta--content h2 {
color: var(--brand-main);
font-size: 1.8rem;
font-weight: 500;
margin: 1rem 0 2rem 0;
}
.customised--anim {
width: 98%;
margin-top: 1rem;
height: 100%;
}
@media(max-width: 1000px) {
.case_cta {
margin-top: 2rem
}
.case_cta--content {
padding: 1rem 0
}
}
@media(max-width: 800px) {
.case_cta--content h2 {
font-size: 1.4rem
}
.case_cta--btn {
text-align: center
}
}
.case_cta--col {
}
.video__player {
background: var(--brand-main);
border-radius: 15px;
padding: 7px;
position: relative;
}
.video-js .vjs-tech {
border-radius: 10px;
}
.video__player::after {
content: " ";
background: var(--brand-alt);
width: 100%;
height: 100%;
transform: rotate(4deg);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 15px;
}
.video__player--dark {
background: var(--brand-dark);
border-radius: 15px;
padding: 7px;
position: relative;
}
.video__player-header {
position: relative;
margin-left: auto;
max-width: 600px;
}
.video__player-header .video-js {
border-radius: 15px
}
.video__player-header::after {
content: " ";
background: var(--brand-dark);
width: 100%;
height: 100%;
transform: rotate(4deg);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 15px;
}
@media (max-width: 1000px)
{
.video__player-header {
display: none
}
.page-template-feature .video__player-header {
display: block;
margin: 2rem auto; 
}
.hero__inner-c2 .video__player-header img {
width: 100%;
padding: 0;
}
}
.pdc_cta--bg {
background: url(//www.psldatatrack.com/i/bg.svg) no-repeat;
background-size: 50vw;
background-position-x: 100%;
}
.pdc_cta--bgb {
background: url(//www.psldatatrack.com/i/bg.svg) no-repeat;
background-size: 50vw;
background-position-x: 100%;
}
.pdc_cta--bgl {
background: url(//www.psldatatrack.com/i/bg.svg) no-repeat;
background-size: 50vw;
background-position-x: 0%;
}	
.pcs_graphic {
width: 100%;
height: auto;
}
.pdc_cta--content {
align-self: center;
}
.pdc_cta--content h2 {
font-weight: 200;
font-size: 1.5rem;
color: var(--brand-main);
}
.pdc_cta--content p {
color: var(--brand-main);
margin-bottom: 1rem
}
.pdc_cta--content p.big {
font-size: 2.5rem;
font-weight: 600;
line-height: 1;
color: var(--brand-main);
}
.pdc_cta--content p.mid {
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}	
@media(max-width: 800px) {
.pdc_cta--btn {
text-align: center;
margin-top: 2rem
}
.pdc_cta--bgl {
background-size: 180vw;
background-position-x: 10%;
background-position-y: -1rem;
}
.pdc_cta--bg {
background-size: 180vw;
background-position-x: 10%;		
background-position-y: -1rem;
}
.pdc_cta--content p {
line-height: 1.8;
}
.pdc_cta--content p.big {
font-size: 2.4rem;
line-height: 1;
}
}
.tbox {
font-family: "tt-commons-pro", sans-serif;
font-size: 15px;
text-align: center;
color: var(--brand-dark);
text-align: center;
display: inline-block;
position: absolute;
width: 23%;
height: 30px;
}
.tbox_1 {
left: 3%;
top: 38%;
}
.tbox_2 {
left: 71%;
top: 36%;		
}
.tbox_3 {
left: 37%;
top: 14%;		
}
.tbox_4 {
left: 61%;
top: 69%;		
}
.tbox_5 {
left: 16%;
top: 72%;
}
.content_inner{
color: var(--brand-dark-2);
font-weight: 300;
}
.content_inner h2 {
font-size: 3rem;
font-weight: 600;
line-height: 1;
color: var(--brand-main);
margin-bottom: 2rem
}
.content_inner p,
.content_inner ul {
margin: 1.5rem 0;
}
.content_inner ul {		
}
.content_inner li {
font-weight: 500;
list-style-type: none;
background: url(//www.psldatatrack.com/i/plus-b.svg);
background-repeat: no-repeat;
background-size: 12px;
padding-left: 1.5rem;
background-position-y: .5rem;
}
@media(max-width: 1000px) {
.content_inner h2 {
font-size: 2rem
}
.content_inner--main {
}
}
@media(min-width: 800px) and (max-width: 1000px) {
.content_inner {
padding-top: 3rem
}
}
.about_cta--content {
align-self: center;
}
.about_cta h2 {
font-weight: 200;
font-size: 1.5rem;
color: var(--brand-main);
}
.about_cta p.mid {
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
margin-bottom: 1.5rem;
color: var(--brand-main);
}	
.about_cta--detail {
margin-top: 2rem;
color: var(--brand-main);
}
@media (max-width: 1000px)
{
.about_cta--content {
margin: 1rem 0 4rem 0
}
}
.features--box-w {
background: var(--brand-alt) url(//www.psldatatrack.com/i/bg.svg) no-repeat;
background-size: 60vw;
background-position-x: 100%;
background-position: right top;
color: #fff;
padding: 4rem 0 4rem 0;	
position: relative;
}	
.features--box {
max-width: 1300px;
margin: 0 auto;
padding: 3rem;
}
.features--box h2 {
font-size: 2rem;
font-weight: 500;
}
.features--box ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding: 1rem 0 3rem 0;
position: relative;
column-gap: 2%;
list-style-type: none
}
.features--box ul a {
color: #fff;
text-decoration: none;
padding: 1rem 0;
display: block;
transition: .2s all ease-in-out;
}
.features--box ul a:hover {
transform: translateY(-5px);
}
@media (max-width: 1000px)
{
.features--box-w {
background: #fff url(//www.psldatatrack.com/i/bg.svg) no-repeat;
background-position: right top;
background-position-y: 10vw;
background-size: 100vw;
color: var(--brand-main);
background-position-x: 30vw;
padding: 3rem 0
}
.features--box {
padding: 2rem
}
.features--box ul a {
color: var(--brand-main);
}
.features--box ul {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 1rem 0 3rem 0;
position: relative;
column-gap: 2%;
list-style-type: none
}
}
.wrapper {
max-width: 1300px;
margin: 0 auto;
padding: 3rem 0;
position: relative;	
}
.features {
}	
.features__list--item h2 {
font-size: 2rem;
font-weight: 500;
line-height: 1;
color: var(--brand-main);
margin: 1rem 0 1rem 0
}
.features__list--item p {
font-size: 1rem;
font-weight: 300;
color: var(--brand-main);
margin: 1rem 0
}
.features__list--button {
align-self: center;
}
p.features__list--button {
position: absolute;
bottom: 1rem;
}
.features__list--item.features__list--contact {
grid-column: 2 / 4;
border: none;
justify-content: flex-end;
}
.features__list--contact p {
font-size: 3rem;
font-weight: 100;
line-height: 1
}
.features__list--contact:hover {
background:transparent;
}
.features__list--contact:hover p {
color: var(--brand-main);
}
.features__list--contact a.text-inline {
text-decoration: none;
color: var(--brand-main);
font-weight: 600
}
.features__list--contact:hover  a.text-inline {
color: #fff !important;
}
.features__list--contact-inner {
display: grid;	
grid-template-columns: 1fr 1fr;
padding-left: 3rem
}
.cta__btn {
position: relative;
top: 30px;
}
@media (min-width: 1001px)
{
.features__list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
position: relative;
column-gap: 2%;
row-gap: 2%;
list-style-type: none;
max-width: 1300px;
margin: 0 auto;
text-align: left;
margin-bottom: 5rem;
}
.features__list--item {
border: 5px solid var(--brand-main);
border-radius: 15px;
padding: 2rem;
padding-bottom: 10rem;
display: flex;
flex-wrap: wrap;
flex-direction: column;
position: relative;
transition: .2s ease-in-out all;
}
.features__list--item:hover {
background: var(--brand-main);
color: #fff;
}
.features__list--item:hover h2 {
color: #fff
}
.features__list--item:hover p {
color: #fff
}
}	
@media (max-width: 1300px)
{	
.features__list {
margin: 0 1rem
}
.features.wrapper {
padding-bottom: 9rem
}
}
@media (max-width: 1000px) {
.features__list {
margin: 0
}
.features__list--item {
border-top: 1px dashed var(--brand-main);
padding: 1rem 1rem;
position: relative
}
.features__list--item:first-child {
border-top: none;
}	
p.features__list--button {
position: relative;
margin-top: 3rem;
text-align: center
}
.features__list--contact-inner {
padding-left: 0
}
.features__list--contact-inner {
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
flex-direction: column-reverse;
}
.cta__btn {
position: static;
}
}
.feature__btn {
background: #fff;
border-radius: 100px;
padding: 10px 75px;
border: 5px solid var(--brand-alt);
box-shadow: #C9C5DD 0 0 0 5px;
display: inline-block;
text-decoration: none;
color: var(--brand-main);
font-size: 2rem;
font-weight: 600;
position: relative;
transition: .2s all ease-in-out;
} 
.feature__btn:hover {
transform: translateY(-5px);
text-decoration: underline
}
.feature__btn svg {
width: 30px;
height: 27px;
fill: var(--brand-main);
position: absolute;
}
.feature__btn-prev svg {
left: 25px;
top: 22px;
transform: rotate(180deg)
}
.feature__btn-next svg {
right: 25px;
top: 22px;
}
.feature__btn-prev  {
padding-left: 100px;
}
.feature__btn-next {
padding-right: 100px;	
}
@media (max-width: 1000px)
{
.feature__btn {
font-size: 1.5rem
}
.feature__btn-prev svg {
top: 15px
}
.feature__btn-next svg {
top: 15px
}	
}
.feature_tabs {
display: flex;
grid-column: span 2;
}	
.feature_tabs--list,
.content_inner ul.feature_tabs--list {
list-style-type: none;
margin: 0;
padding: 0;
}
.content_inner .feature_tabs--list li {
background: none;
padding: 0 4rem  0 0;
}
.feature_tabs--list li a {
text-decoration: none;
font-size: 1.8rem;
color: var(--brand-main);
font-weight: 600;
border-bottom: 2px solid var(--brand-main);
}
.feature_tabs--list li a svg {
width: 45px;
height: 45px;
transform-origin: 20px 20px;
transition: .1s ease-in-out;
transform: scale(0.7);
margin-right: 20px;
}
.feature_tabs--list li a:hover svg {
transform: scale(1) rotate(10deg);
}
.feature_tabs--list li a.active svg {
transform: rotate(315deg);
}	
.feature_tabs--list li a:hover {
}	
,
.feature_tabs--icon {
}
.feature_tabs--icon img {
width: 60px;
margin-top: 15px;
}
.feature_tabs--content {
color: var(--brand-main);
line-height: 2;
}
.feature_tabs--content h2 {
font-size: 2rem;
font-weight: 500
}
.feature_tabs--content p {
margin-bottom: 1rem;
}
.feature_tabs--content .tab-pane {
}
.tab-pane{
height: 0px;
overflow: hidden;
transition: 0.5s ease-in-out;
} .tab-pane.active {
height: 600px;
}
@media (min-width: 1300px) {
.feature_tabs--list {
width: 40%;
}
.feature_tabs--content {
width: 60%;
padding-top: 1rem
}
.feature_tabs--list li {
padding-right: 4rem
}
.feature_tabs--list a {
display: flex;
justify-content: flex-start;
align-items: center;
}
.feature_tabs--list a span+span {
margin-left: auto
}
}
.mobile_expander {
display: none;
}
@media (max-width: 1300px) {
.feature_tabs--list {
display: none;
}
.tab-pane.active {
height: auto;
}
.feature_tabs--content {
width: 60%;
padding-top: 1rem;
margin-left: auto;
margin-right: auto;
}
.mobile_expander {
display: block;
}
.mobile_expander .feature_tabs--list{
display: block;
}
.mobile_expander .feature_tabs--list li a {
display: block
}
.mobile_expander .feature_tabs--list li a {
border-bottom: 1px dashed var(--brand-main);
}
.content_inner .mobile_expander  .feature_tabs--list li {
padding-right: 0;
clear: both
}
.mobile_expander .feature_tabs--icon {
float: right;
}
.mobile_expander .feature_tabs--icon img {
margin-top: 0;
mix-blend-mode: darken
}
}
@media (max-width: 1300px) {
.feature_tabs--content {
width: 100%;
padding-top: 1rem;
margin-left: 0rem;
margin-right: 0rem;
}
.tab-pane.active {
padding-top: 3rem
}
.tab-pane  {
width: 100%
}
.tab-pane h2  {
display: none
}
.feature_tabs--title {
position: relative;
top: -10px;
}
.feature_tabs--list li a svg {
position: relative;
top: 6px;
}
}
@media (max-width: 800px) 
{
.feature_tabs--list li a svg {
}
.feature_tabs--title {
font-size: 1.5rem
}
}
.feature_tabs--content .tab-pane,
#feature,
#component-stocks {
scroll-margin-top: 200px;
scroll-padding-top: 200px;
}
.quotes {
background: var(--brand-dark); padding: 4rem 0 1.5rem 0;
}	
.quotes.quotes--light {
background: var(--brand-main);
}
.glide__slides {
display: flex	
}
.quotes h2 {
text-align: center;
font-weight: 600;
color: #fff;
padding: .5rem 0
}
.quotes h2 img {
height: 50px;
vertical-align:middle; 
}
.quotes__slider {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.quotes__slider p {
font-weight: 300
}
.glide__slide--quote p::before,
.glide__slide--quote p::after {
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//www.psldatatrack.com/i/quote_l.svg);
background-size: contain;
background-repeat: no-repeat;
}
.glide__slide--quote p::after {
background-image: url(//www.psldatatrack.com/i/quote_r.svg);
margin-left: 15px;
position: absolute
}
.glide__slide--quote p::before {
position: absolute;
left: 0px;
}
.quotes__slider--slide {
background: #fff;
border-radius: 15px;
padding: 3rem 3rem 5rem 3rem;
position: relative;
color: #0C0053;
max-width: 50vw;
margin: 1rem;
height: auto;
min-height: 290px
}
.quotes__slider--slide img {
height: 20px;
margin-bottom: .5rem
}
p.quotes__slider--author {
font-weight: 600;
position: absolute;
bottom: 2rem
}
.glide__arrows {
margin-bottom: 1rem
}
.glide__arrows--inner {
background: #fff;
border-radius: 100px;
padding: 10px;
border: 5px solid var(--brand-alt);
box-shadow: #fff 0 0 0 5px;
}
.glide__arrow--left,
.glide__arrow--right {
width: 30px;
height: 30px;
border: none;
padding: 0px;
margin: 5px;
background: #fff;
}
.glide__arrow--left svg,
.glide__arrow--right svg {
width: 30px;
height: 30px;
fill: var(--brand-main)
}
.glide__arrow--left svg {
transform: rotate(180deg);
}
.glide__arrow--right svg {
position: relative;
top: 3px;
}
.glide__arrow--left:hover svg,
.glide__arrow--right:hover svg {
fill: var(--brand-main-d);
cursor: pointer;
}
.glide__arrow--left {
background-size: contain;
margin-right: 10px;
}
.glide__arrow--right {
background-size: contain;
margin-left: 10px;
}
.glide__arrow--left span,
.glide__arrow--right span {
display: none;
}
@media (min-width: 1300px) {
.glide__arrows {
margin-bottom: 1rem;
position: absolute;
right: Calc(50% + -540px);
top: -87px;
}
}
@media (max-width: 800px) {
.quotes__slider--slide { 
padding: 2rem 1.5rem 4rem 1.5rem;
max-width: Calc(100vw - 50px);
}
.glide__arrows {
margin-top: 10px;
}
}
.why_use {
background: var(--brand-main) url(//www.psldatatrack.com/i/wave.svg);
background-size: cover;
background-position: 50% -50%;
background-repeat: no-repeat;	
color: #fff;
padding: 4rem 3rem 4rem 3rem;
text-align: center
}
.why_use h2 {
font-size: 3rem;
text-align: center;
font-weight: 600;
max-width: 50vw;
line-height: 1;
margin-left: auto;
margin-right: auto;
}
.anim-pdc {
margin: 2rem 0 4rem 0;
max-width: 50vw
}
@media (max-width: 800px)
{	
.why_use {
padding: 4rem 2rem 4rem 2rem
}
.why_use svg {
height: auto
}
.anim-pdc {
max-width: 100%
}
.why_use h2 {
max-width: none;
font-size: 2.1rem;
}
}
.psl-about__inner {
max-width: 1300px;
margin: 0 auto;
padding: 3rem 0 0 0 ;
position: relative;
margin-bottom: -3rem
}	
.psl-about {
padding: 1rem;
margin-bottom: 4rem;
padding-bottom: 1rem;
}
.psl-about__inner h2 {
margin-bottom: 0;
}
@media (min-width: 1001px)
{
.psl-about__inner h2 {
margin-right: 40%;
margin-bottom: 0
}
.psl-about__content {
margin-right: 40%;
}
}
@media (max-width: 1000px)
{
.psl-about__inner {
display: block;
padding: 0;
margin: 0
}	
}
.psl-contact {
max-width: 945px;
margin: 0 auto;
padding: 2rem 1rem 2rem 1rem;
position: relative;
}	
.wpcf7-form-control  {
display: block;
padding: .7rem;
background: #CECAE4;
color: var(--brand-main);
font-family: "tt-commons-pro", sans-serif;
width: 100%;
border: 1px solid var(--brand-dark);
border-radius: 5px;
font-size: 1.2rem;
box-sizing: border-box;
}
.psl-news {
max-width: 1300px;
margin: 0 auto;
padding: 2rem 1rem 2rem 1rem;
position: relative;	
}	
.psl-news__filter {
display: flex;
flex-wrap: wrap
}
.filter__col {
margin-left: auto
}
.psl--article {
}
.psl-news--articles {
display: flex; }
.filter--toggle__button {
border: 1px solid var(--brand-main);
padding: .5rem;
text-decoration: none;
color: var(--brand-main);
font-weight: 600;
border-radius: 5px;
}
.filter--toggle__button:hover {
background: var(--brand-main);
color: #fff;
}
.filter--toggle__button:hover #filter--icon {
fill: #fff;
}
.filter--content {
width: 100%
}
.filter--nav {
width: 0;
overflow: hidden;
padding: 0;
transition: all .2s;
order: 2;
}
.filter--nav.is-active {
width: 250px;
padding: 1rem
}
@media (max-width: 1000px)
{
.filter--nav {
order: 0;
}
.filter--nav.is-active {
width: 100%;
padding: 1rem;
box-sizing: border-box;
}
}
.post-img-inner img {
width: 100%;
height: auto
}
ul.top__filter  {
margin: 0;
padding: 0;
display: flex
}
.top__filter li {
display: flex;
margin-right: 10px
} 
.top__filter li a {
color: var(--brand-dark);
text-decoration: none;
padding: 7px;
position: relative;
border-radius: 5px;
}   
.top__filter li a:hover,
.top__filter li a.active{
background: var(--brand-main);
color: #fff;
}
@media (max-width: 1000px) {
ul.top__filter  {
margin-bottom: 1rem
}	
}
@media (max-width: 700px) {
ul.top__filter  {
display: none;
}	
.psl-news__filter {
margin-bottom: 1.5rem
}
} @media (min-width: 1001px)
{
.psl--articlegrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 1rem 0 15rem 0;
position: relative;
column-gap: 2%;
row-gap: 2%;
list-style-type: none;
margin-bottom: 2rem
}
}
.page-template-contact-thanks .psl--articlegrid {
padding-bottom: 1rem
}
@media (max-width: 1000px)
{
.psl--article {
margin-bottom: 2rem
}
}
.psl--article  {
position: relative
}
.psl--article p {
font-weight: 300
}
.psl--article a {
text-decoration: none;
color: var(--brand-main);
}
.psl--article h2 {
line-height: 1.2;
margin-bottom: .3rem;
margin-top: .3rem;
font-size: 1.2rem;
font-weight: 600
}
.post-type {
background: var(--brand-alt);
color: #fff;
padding: 4px;
border-radius: 5px;
position: absolute;
right: 10px;
top: 10px;
font-size: 11px;
}
.post-img-inner {
max-height: 200px;
overflow: hidden;
background: var(--brand-main);
border-radius: 15px;
margin-bottom: 1rem;
}
.post-img-inner img {
object-fit: cover
}
.psl--article a:hover {
color: var(--brand-dark);
}
.psl--article:hover h2 {
text-decoration: underline
}
.article-img-holder::before {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0
}            
.post-img-holder::before {
background: rgba(0, 154, 166, 0.8);
}    
.post-container--inner {
padding: 1rem .5rem;
top: .5rem;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
text-decoration: none;
height: 139px;
overflow: hidden
}    
.post-img-holder {
width: 100%;
height: 200px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: all 1s;
text-decoration: none;
color: #fff;
display: block;
padding: 0;
z-index: 1    ;
overflow: hidden;
border-radius: 15px;
}
.post-img-inner img {
width: 100%;
height: 100%;
height: 200px;
object-fit: cover
}
.post-img-holder .post-img-inner::before,
.post-img-holder .post-img-inner::before,
.post-img-holder .post-img-inner::before  {
content: " ";
position: absolute;
display: block;
width: 100%;
height: 200px;
top: 0;
left: 0;
z-index: 0;
border-radius: 15px;
}
.post-img-holder.video .post-img-inner{
}
.post-img-holder.video .post-img-inner::after {
content: " ";
background: url(//www.psldatatrack.com/wp-content/themes/psl/i/play.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 40px;
position: absolute;
display: block;
width: 40px;
height: 48px;
top: 73px;
left: 46%;
z-index: 1;
} .post-container:hover .article-img-holder {
transform: scale(1.2);
}
.post-img-inner {
transition: all 1s;        
}
.post-container a:hover .post-img-inner {
transform: scale(1.1);
}   
.hearfrom {
background: var(--brand-main) url(//www.psldatatrack.com/i/wave.svg);
background-size: cover;
background-position: 50% -50%;
background-repeat: no-repeat;	
color: #fff;
padding: 4rem 3rem 4rem 3rem;
text-align: center;
position: relative;
z-index: 0
}	
.hearfrom__light {
background: #fff;
color: var(--brand-main);
}
.hearfrom-cs {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 1rem 0 3rem 0;
position: relative;
column-gap: 2%;
list-style-type: none;
max-width: 1300px;
margin: 0 auto;
text-align: left;
}
.hearfrom--copy {
text-align: left
}
.hearfrom--copy h2 {
font-size: 2rem;
font-weight: 500;	
}
.hearfrom--copy p {
margin: 1rem 0 2rem 0
}
.hearfrom__light .hearfrom--copy p {
margin: 0rem 0 2rem 0
}
.hearfrom__light .hearfrom--copy h2 {
font-size: 3rem;
font-weight: 600;	
}
.hearfrom-cs p {
padding-top: 1rem
}
@media (max-width: 1000px)
{
.hearfrom-cs {
grid-template-columns: 1fr 1fr;
column-gap: 40px;
}	
.hearfrom {
border-radius: 15px;
margin-top: 2rem;
background: var(--brand-main);
}
}
@media (max-width: 800px)
{
.hearfrom {
padding: 4rem 0rem 4rem 0rem
}
.hearfrom-cs {
padding-left: 1rem;
padding-right: 1rem;
}
}
.features_subnav {
background: var(--brand-alt) url(//www.psldatatrack.com/i/footer.svg) no-repeat;
background-size: contain;
background-position: center top;
color: #fff;
padding: 6rem 0 6rem 0;
background-position-x: 70px;
position: relative;
}
.features_subnav h2 {
font-size: 3rem;
font-weight: 500;
}
.features_subnav--inner {
max-width: 1300px;
margin: 0 auto;
height: 100%;
}
.features_subnav--list {
display: grid;
grid-template-columns: repeat(5, 1fr);
list-style-type: none;
text-align: left;
}
.features_subnav--list a {
color: #fff;
text-decoration: none;
padding: 2rem 0;
display: block;
position: relative;
transition: .2s ease-out all;
}
.features_subnav--list a:hover {
color: var(--brand-highlight);
transform: translateY(-5px);
}
@media (max-width: 1350px)
{
.features_subnav--inner {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (max-width: 1000px)
{	
.features_subnav--inner h2 {
text-align: center
}
.features_subnav--list {
grid-template-columns: repeat(2, 1fr);
list-style-type: none;
text-align: center;
}
}
@media (max-width: 800px) {
.features_subnav--list {
grid-template-columns: repeat(1, 1fr);
text-align: left;
}
}
.feature_love {
max-width: 1300px;
margin: 0 auto;
padding: 0 0 3rem 0;
}
.feature_love h2 {
font-size: 3rem;
font-weight: 600;
line-height: 1;
color: var(--brand-main);
margin-bottom: 2rem;
}
.feature_love ul {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 1rem 0 3rem 0;
position: relative;
column-gap: 2rem;
row-gap: 2rem;
list-style-type: none;
}	
.feature_love ul li {
background: var(--brand-main);
color: #fff;
border-radius: 15px;
padding: 1.5rem 4rem;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border: 4px solid var(--brand-main);
transition: .2s all ease-in-out;
}
.feature_love ul li:hover {
background: var(--brand-highlight);
color: var(--brand-main);
border: 4px solid var(--brand-main);
}
.feature_love--btn {
text-align: center;
padding: 3rem
}
.feature_love--glide a {
text-decoration: none;
color: #fff;
}
.feature_love--glide .glide__slide:hover a {
text-decoration: none;
color: var(--brand-main);
}
.feature_love--glide a:hover {
text-decoration: none;
color: var(--brand-main);
}
@media (max-width: 1300px)
{
.feature_love {
margin-left: 1rem;
margin-right: 1rem;
width: Calc(100% - 2rem);
}
}
@media (max-width: 1000px)
{
.hearfrom-cs {
grid-template-columns: 1fr 1fr;
column-gap: 40px;
}	
.hearfrom {
border-radius: 15px;
margin-top: 2rem;
background: var(--brand-main);
}
.hearfrom.hearfrom__light {
background: #fff;
padding-left: 1rem;
padding-right: 1rem;
width: cacl(100% - 2rem);
}
.hearfrom.hearfrom__light h2 {
line-height: 1;
padding-top: 2rem;
padding-bottom: 1rem;
font-size: 1.5rem
}
}
@media (max-width: 800px)
{
.feature_love ul {
display: block
}
.feature_love ul li {
margin-bottom: 1rem
}
.feature_love {
margin: 0;
width: 100%;
}
}
@media (min-width: 1001px){
.feature_love .glide__slide {
width: auto;
height: auto;
}
}
.about-associaiton {
max-width: 1300px;
margin: 0 auto 4rem auto;
padding: 0;
}
.about-associaiton__inner {
display: flex;
background: var(--brand-dark);
justify-content: center;
align-items: center;
padding: 1.5rem;
border-radius: 15px;
flex-wrap: nowrap;
flex-direction: column;
padding-bottom: 5rem
}
.about-associaiton__inner  h2 {
display: block;
color: #fff;
font-size: 3rem;
font-weight: 600;
line-height: 1;
padding: 2rem 0;
}
.about-associations_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%;
margin-top: 1rem
}
.about-associaiton img {
padding: 0 3rem;
height: 70px;
}	
.about-associations_list a {
text-align: center
}
@media(max-width: 1000px) {
.about-associaiton {
margin: 0 2rem 
}
.about-associations_list {
flex-direction: column;
width: auto;
}
.about-associations_list img {
margin-bottom: 2rem
}
.about-associaiton__inner h2 {
font-size: 2rem
}
}
@media(max-width: 800px)
{	
.about-associaiton {
padding: 1.5rem 0
}
.about-associaiton img {
max-height: 25px;
padding: 0 2rem;
}
}
@media(max-width: 600px)
{	
.about-associaiton img {
padding: 0 1rem;
}
}	
.about-partners {
max-width: 1300px;
margin: 0 auto;
padding: 0rem 0 3rem 0;
position: relative;
}	
.about-partners h2 {
display: block;
color: var(--brand-main);
font-size: 3rem;
font-weight: 600;
line-height: 1;		
text-align: center
}
.about-partners a {
color: var(--brand-main)
}
.about-partners .pdc_cta--btn {
text-align: center
}
.about-partners img {
height: 60px;
margin: 0 auto
}
@media(max-width: 1000px)
{	
.about-partners h2 {
font-size: 2rem
}
.about-partners__inner .col2-w div + div {
margin-top: 2rem
}
}	
.hero__inner {
position: relative
}
.hero__inner--content ul {
margin: 1.5rem 0;
}
.hero__inner--content ul li {
font-weight: 500;
list-style-type: none;
background: url(//www.psldatatrack.com/i/plus-w.svg);
background-repeat: no-repeat;
background-size: 12px;
padding-left: 1.5rem;
background-position-y: .5rem;
}
.link_back {
color: #fff;
text-decoration: none;
position: absolute;
top: 50px;
display: block;
transition: .2s ease-out all;
}	
.link_back svg {
fill: #fff;
transform: rotate(180deg) scale(0.65);
width: 30px;
height: 27px;
position: relative;
top: 8px;
padding-left: 0
}
.link_back:hover {
transform: translateX(-5px);
}
.hear_from h2 {
} .footer_quote {
background: var(--brand-alt) url(//www.psldatatrack.com/i/footer.svg) no-repeat;
background-size: contain;
background-position: center top;
color: #fff;
display: flex;
justify-content: center;
padding: 5rem 0 3rem 0;
background-position-x: 70px;
position: relative
}
.footer_quote.middle {
background: var(--brand-main) url(//www.psldatatrack.com/i/wave.svg);
background-size: cover;
background-position: 50% 0%;
background-repeat: no-repeat;
text-align: center;
} .quotes_wrapper {
position: relative;
padding-bottom: 0rem;
margin-bottom: 4rem;
}
.footer_quote--inner {
width: 40vw;
margin: 0 auto
}
.quotes_wrapper {
}
.footer_quote .glide__slide {
padding-bottom: 2rem;
padding-left: 2rem;
padding-right: 2rem;
position: relative
}
.footer_quote p {
font-weight: 500
}
p.footer_quote--author {
font-weight: 200;
margin-top: 50px
}
.glide__bullets {
bottom: -2em;
z-index: 1 !important;
}
.glide__bullet {
border-radius: 2px;
width: 15px;
height: 15px;
}
@media(max-width: 800px)
{	
.footer_quote {
padding: 4rem 0 1rem 0
}
.footer_quote--inner {
width: 90vw;
margin: 0 auto
}
.glide__bullet {
width: 15px;
height: 15px;
margin: 10px;
}
}
.footer_associations {
display: flex;
background: var(--brand-dark);
justify-content: center;
align-items: center;
padding: 1.5rem;
}
.footer_associations img {
padding: 0 3rem;
max-height: 35px;
}	
.footer_associations img.xh {
max-height: 55px;	
}
.footer_associations a {
transition: transform .2s ease-in-out
}
.footer_associations a:hover {
transform: translateY(-2px)
}
@media(max-width: 800px)
{	
.footer_associations {
padding: 1.5rem 0;
display: block
}
.footer_associations img {
max-height: 45px;
padding: 0 2rem;
}
.footer_associations a {
display: block;
text-align: center;
padding: 1rem 0
}
}
@media(max-width: 600px)
{	
.footer_associations img {
padding: 0 1rem;
}
}		
footer .credits {
background: #fff;
font-size: 12px;
padding: 1rem;
font-weight: 200
}
footer .credits p+p {
text-align: right;
}
.footer_main {
background: var(--brand-main);
}	
.footer_row {
display: grid;
grid-template-columns: 25% 30% 20% 25%;
align-items: end;
}
.footer_main--inner {
max-width: 1300px;
margin: 0 auto;
padding: 4rem 0;
}
.footer_main--inner ul {
list-style-type: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer_main--inner a {
color: #fff;
text-decoration: none;
}
.footer_main--inner a:hover {
color: var(--brand-highlight);
}
.footer_address {
width: 100%;
text-align: right;
color: #fff;
font-size: .8rem;
padding: 2rem 10px 0 10px;
box-sizing: border-box;
}
.footer_address .policies {
margin-top: 3rem
}
.credits--inner {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: 50% 50%;
}
.credits--inner a {
text-decoration: none;
color: #07103F;
text-decoration: none;
}
.social__s a {
}
.social__s a img{
height: 28px;
padding-right: 10px;
transition: all .2s ease-in-out;
}
.social__s a:hover img{
transform: translateY(-5px) scale(1.1);
}
.footer_row--term {
font-size: .8rem;
text-align: right
}
.footer_row {
color: #fff;
font-size: .9rem;
}
.footer_row .btn_white {
margin-top: 6px;
}
@media (max-width: 1310px)
{
.footer_main--inner ul {
flex-direction: column
}
.footer_main--inner ul li {
display: block;
}
.footer_main--inner ul a {
padding: 1rem;
display: block;
}
.credits--inner {
display: block;
text-align: center
}
footer .credits p+p {
text-align: center;
margin-top: 1rem
}
.footer_row {
display: block;
margin: 4rem auto;
text-align: center
}
.footer_row .col {
padding: 1rem
}
.col.footer_address {
text-align: center
}
.social__s a img {
height: 30px;
padding: 10px 12px
}
}
body.nav-open {
overflow: hidden;
}	
.offcanvas_nav {
background: rgb(16,0,100);
background: linear-gradient(180deg, rgba(16,0,100,1) 0%, rgba(20,2,125,1) 10%);
background-repeat: no-repeat;
background-position: bottom right;
border-top: 1px solid #fff;
height: Calc( 100% - 60px);
width: 100%;
transform: translate3d(-100%, 0, 0);
position: fixed;
min-height: Calc( 100% - 60px);
max-height: none;
display: block;
overflow: hidden;
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
top: 60px;
z-index: 1;
}	
body.nav-open .offcanvas_nav {
transform: translate3d(0, 0, 0);
visibility: visible;
}
.offcanvas_nav--main {
padding-top: 2rem
}
.offcanvas_nav a {
color: #fff;
font-size: 1.25rem;		
display: block;
text-decoration: none;
padding: 1rem 1rem 1rem 1rem;
}
.offcanvas_nav a:hover {
color: var(--brand-highlight)
}
.offcanvas_nav .has-children a {
background: url(//www.psldatatrack.com/i/more.svg) no-repeat;
background-size: 1rem;
background-position: 90% 55%;
}
.offcanvas_nav--sub {
background: rgb(16,0,100);
background: linear-gradient(180deg, rgba(16,0,100,1) 0%, rgba(20,2,125,1) 10%);
border-top: 1px solid #fff;
height: 100%;
width: 100%;
transform: translate3d(-100%, 0, 0);
position: fixed;
min-height: 100%;
max-height: none;
display: block;
overflow: hidden;
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
top: -1px;
}
.offcanvas_nav--sub.is-open {
transform: translate3d(0, 0, 0);
visibility: visible;
}
.offcanvas_nav--sub ul {
display: grid;
grid-template-columns: 50% 50%;
list-style-type: none;
}
.offcanvas_nav--back {
grid-column: 1 / 3;
}
.offcanvas_nav--back a {
background: url(//www.psldatatrack.com/i/less.svg) no-repeat;
background-size: 1rem;
padding-left: 3rem;
background-position: 1rem 50%;
}
.offcanvas_nav--flag {
position: absolute;
width: 100px;
height: 100px;
background: url(//www.psldatatrack.com/i/flag_b.png) no-repeat;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom right;
right: 0;
bottom: 0;
}
@media(min-width: 601px)
{
.offcanvas_nav {
top: 118px;
}
.offcanvas_nav a {
font-size: 1.5rem;
padding: 1.5rem
}
.offcanvas_nav--back a {
padding-left: 5rem;
background-position: 2rem 52%;
}
}
@media(min-width: 1000px)
{
.offcanvas_nav {
display: none;
}
}
.offcanvas_search {
background: var(--brand-dark);
transform: translate3d(0, -56px, 0);
overflow: hidden;
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
color: #fff;
padding: 10px;
box-sizing: border-box;
position: fixed;
left: 0;
top: 60px;
width: 100%;
z-index: 1;
height: 56px
}
.offcanvas_search--inner {
display: flex;
flex-wrap: nowrap;
max-width: 1300px;
margin: 0 auto;
padding-top: 2px
}
.offcanvas_search--inner .hamburger {
position: relative;
top: 6px
}
.osx .offcanvas_search--inner .hamburger {
top: 4px
}
.offcanvas_search.is-active {
transform: translate3d(0, 0, 0);
}
.form__search {
margin-right: auto
}
.form__search--text {
border: none;
background: #fff;
border-radius: 5px;
padding: .7rem;
width: Calc(70vw - 100px);
max-width: 1100px;
height: 15px;
}
.form__search--submit {
background: var(--brand-alt);
color: #fff;
border: none;
padding: .7rem 2rem;
border-radius: 15px;
position: relative;
left: -20px;
}
.form__search--submit:hover {
cursor: pointer;
}
.offcanvas_search .hamburger {
width: 35px;
padding: 0 !important;
display: block;
}	
@media(min-width: 601px)
{
.offcanvas_search {
top: 118px
}
}
@media(min-width: 1001px)
{
.offcanvas_search {
top: 146px;
position: absolute
}
}	
.scrolled__nav {
display: none;
}
@media(min-width: 1000px)
{
.scrolled__nav {
position: fixed;
top: 0;
width: 100%;
background: var(--brand-main);
display: block;
padding: 1rem;
box-sizing: border-box;
border-bottom: 1px solid #fff;
z-index: 1
}
.scrolled__nav ul {
list-style-type: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.scrolled__nav .header__all--logo {
height: 30px
}
.scrolled__nav a,
.scrolled__nav a:visited,
.scrolled__nav a:active {
color: #fff;
text-decoration: none;
}
.scrolled__nav a:hover {
color: var(--brand-highlight);
}	
.scrolled__nav .icon__home:hover svg path {
fill: var(--brand-highlight);
}	
.scrolled__nav .button-front {
padding: 10px 20px;
font-size: .9rem;
}
.scrolled__nav .icon__home {
position: relative;
top: 3px
}
.scrolled__nav .mtd__icon {
margin-top: 3px
}
.scrolled__nav .header__all--logo {
margin-top: 10px
}
}
@media(min-width: 1000px) and (max-width: 1300px)
{
.h-t {
display: none;
}
}
.navigation.pagination {
text-align: center;
margin-bottom: 2rem
} 
.pagination .nav-links a {
background: var(--brand-main);
color: var(--brand-w);
text-decoration: none;
padding: 1rem 1.5rem;
border-radius: 10px;
transition: all .3s ease-in-out;
display: inline-block;
margin-bottom: 10px;
}
.pagination .nav-links a.next {
background-image: url(//www.psldatatrack.com/wp-content/themes/psl/i/next.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: 85% center;
padding-right: 50px;
}
.pagination .nav-links a.prev {
background-image: url(//www.psldatatrack.com/wp-content/themes/psl/i/prev.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: 15% center;
padding-left: 50px;
}
.pagination .nav-links a.prev:hover {
background: var(--brand-alt);
background-image: url(//www.psldatatrack.com/wp-content/themes/psl/i/prev.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: 20% center;
color: var(--brand-w);
}
.pagination .nav-links a.next:hover {
background: var(--brand-alt);
background-image: url(//www.psldatatrack.com/wp-content/themes/psl/i/next.svg);
background-repeat: no-repeat;
background-size: 20px;
background-position: 80% center;
color: var(--brand-w);
}
.pagination .nav-links a:hover {
background: var(--brand-alt);
color: var(--brand-w);
}
.page-numbers.current {
background: var(--brand-alt);
color: var(--brand-w);
text-decoration: none;
padding: 1rem 1.5rem;
border-radius: 10px	
}
.content_inner--main img {
width: 100% !important;
height: auto;
border-radius: 20px;
overflow: hidden;
display: block;
margin-bottom: 1rem;
margin-top: 1rem;
}
.content_inner--main a {
color: var(--brand-dark);
font-weight: 500	
}
.content_inner--main a:hover {
color: var(--brand-alt);
font-weight: 500	
}
.content_inner--feature h2 {
font-size: 2rem;
font-weight: 500;
}
.video__player-header .vjs-control-bar {
display: none;
}
.img__header {
position: relative;
margin-left: auto;
max-width: 600px;
border-radius: 15px;
float: right;
}
.img__header {
width: 100%;
}
.img__header img {
border-radius: 15px;
overflow: hidden;
}
.img__header::after {
content: " ";
background: var(--brand-dark);
width: 100%;
height: 100%;
transform: rotate(4deg);
display: block;
position: absolute;
left: 0;
top: 0;
z-index: -1;
border-radius: 15px;
}
@media (max-width: 1000px)
{
.img__header {
float: none;
margin-left: 0;
margin-top: 2rem;
margin-bottom: 2rem
}
.hero__inner-c2 .img__header img {
padding: 0;
display: none
}
.content_inner--second h2 {
display: none
}
}
.content_inner--second .img__header {
float: none !important;
height: auto;
width: 100%;
}
.content_inner--second .img__header img{
float: none !important;
height: auto;
width: 100%;
position: relative;left: -1rem
}
#hp_spinner {
animation-duration: 2.5s;
animation-name: rotateme;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
transform-box: content-box;
}
#hp_spinner_text {
position: absolute;
left: 154px;
text-align: center;
width: 103px;
top: 70px;
color: #14027D;
font-weight: 500;
}
#hp_spinner_text .f1 {
animation-name: fadein1;
position: absolute;
animation-duration: 10s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
transform-box: content-box;	
animation-fill-mode:forwards;
}
#hp_spinner_text .f2 {
animation-name: fadein2;
position: absolute;
animation-duration: 10s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
transform-box: content-box;	
animation-fill-mode:forwards;
}
#hp_spinner_text .f3 {
animation-name: fadein3;
position: absolute;
left: 13px;
animation-duration: 10s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
transform-box: content-box;	
animation-fill-mode:forwards;
}
#hp_spinner_text .f4 {
animation-name: fadein4;
position: absolute;
animation-duration: 10s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
transform-box: content-box;	
animation-fill-mode:forwards;
}
.hero__inner--anim {
position: relative
}
.wpb-pcf-btn.wpb-pcf-btn-large {
border-radius: 100px;
margin-top: 5px;	
}
@media (max-width: 1310px) {
.wpb-pcf-btn.wpb-pcf-btn-large {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 1300px)
{
#hp_spinner_text {
left: 28%;
top: 45%;
font-size: 1.7vw;
}
#hp_spinner_text .f1 {
text-wrap: nowrap;
}
}
@keyframes fadein1 {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
15% {
opacity: 1;
}
16% {
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes fadein2 {
0% {
opacity: 0;
}	
20% {
opacity: 0;
}	
25% {
opacity: 1;
}
35% {
opacity: 1;
}	
36% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 0;
}	
}
@keyframes fadein3 {
0% {
opacity: 0;
}	
45% {
opacity: 0;
}
50% {
opacity: 1;
}
60% {
opacity: 1;
}	
61% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 0;
}	
}
@keyframes fadein4 {
0% {
opacity: 0;
}	
70% {
opacity: 0;
}	
75% {
opacity: 1;
}
85% {
opacity: 1;
}
86% {
opacity: 0;
}	
100% {
opacity: 0;
}
}
@keyframes rotateme {
0% {
transform: rotate(0deg);
}	
10% {
transform: rotate(0deg);
}
50% {
transform: rotate(-20deg) translateY(2px);
}
90% {
transform: rotate(360deg);
}
100% {
transform: rotate(360deg);
}
}