/* Another Test comment */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Quicksand', sans-serif;
  font-size: 18px;
  font-weight: 400;
}

h2, h3, h4, h5 {
  font-weight:600;
}

p {
  font-weight: 500;
  line-height:1.6;
color:#212529;
}

.pa-p-sm {
  font-size:14px;
}

p a,
.contact-link {
	color: #1a577b;
	opacity:1;
	transition:all 0.2s;
	text-decoration:underline #1a577b 1.5px;
	font-weight:600;
}


p a:hover {
color:#F15928;
opacity:0.7;
}

.shadow {
  box-shadow: 0 .1rem 1.5rem #accadd50!important;
}

.pa-video-wrapper.shadow {
  box-shadow: 0 .1rem 6rem #accadd90!important;
}

/* SPACERS */

.spacer-8, .spacer-12, .spacer-16, .spacer-24, .spacer-32, .spacer-40, .spacer-48, .spacer-56, .spacer-64, .spacer-72, .spacer-80, .spacer-88, .spacer-96, .spacer-104, .spacer-112, .spacer-120, .spacer-128,
.spacer-xs-0, .spacer-xs-8, .spacer-xs-12, .spacer-xs-16, .spacer-xs-24, .spacer-xs-32, .spacer-xs-40, .spacer-xs-48, .spacer-xs-56, .spacer-xs-64, .spacer-xs-72, .spacer-xs-80, .spacer-xs-88, .spacer-xs-96, .spacer-xs-104, .spacer-xs-112, .spacer-xs-120, .spacer-xs-128 {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

.spacer-0 { height: 0px }
.spacer-8 { height: 8px }
.spacer-12 { height: 12px }
.spacer-16 { height: 16px }
.spacer-24 { height: 24px }
.spacer-32 { height: 32px }
.spacer-40 { height: 40px }
.spacer-48 { height: 48px }
.spacer-56 { height: 56px }
.spacer-64 { height: 64px }
.spacer-72 { height: 72px }
.spacer-80 { height: 80px }
.spacer-88 { height: 88px }
.spacer-96 { height: 96px }
.spacer-104 { height: 104px }
.spacer-112 { height: 112px }
.spacer-120 { height: 120px }
.spacer-120 { height: 128px }

@media(max-width:767px) {
.spacer-xs-0 { height: 0px!important }
.spacer-xs-8 { height: 8px!important }
.spacer-xs-12 { height: 12px!important }
.spacer-xs-16 { height: 16px!important }
.spacer-xs-24 { height: 24px!important }
.spacer-xs-32 { height: 32px!important }
.spacer-xs-40 { height: 40px!important }
.spacer-xs-48 { height: 48px!important }
.spacer-xs-56 { height: 56px!important }
.spacer-xs-64 { height: 64px!important }
.spacer-xs-72 { height: 72px!important }
.spacer-xs-80 { height: 80px!important }
.spacer-xs-88 { height: 88px!important }
.spacer-xs-96 { height: 96px!important }
.spacer-xs-104 { height: 104px!important }
.spacer-xs-112 { height: 112px!important }
.spacer-xs-120 { height: 120px!important }
.spacer-xs-120 { height: 128px!important }
}

/* COLOUR BACKGROUNDS */

.pa-bg-light-blue {
	background-color: #ACCADD33;
}

.pa-bg-light-orange {
	background-color: #FFFAEB;
}
.pa-bg-light-grey {
	background-color: #F8F8F8;
}

.pa-gradient-btm-light-blue {
	background-image: linear-gradient(180deg, #FFFFFF 0%, #ACCADD66 100%);
}

.pa-gradient-top-light-blue {
	background-image: linear-gradient(180deg, #FFFFFF 0%, #ACCADD66 600px);
}

.pa-gradient-top-lightest-blue {
	background-image: linear-gradient(180deg, #FFFFFF 0%, #F4FAF9 160px);
}

.pa-text-primary {
	color:#1a577b;
}

.pa-text-secondary {
	color:#f15928;
}


.rounded-12 {
	border-radius:12px;
}



@media (min-width:1400px) {
.text-xl-nowrap {
  white-space:nowrap; 
}
}

.pa-section:not(.bg-blue, .bg-white) {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,1) 96%, #ACCADD33 100%);
}

.pa-section.pa-bk-1 {
  /*background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,1) 96%, #f1f5f8 100%),
    url('images/splodges-1.svg');
background-repeat:no-repeat;
background-size:auto, 6000px;
background-position:0 0, 26vw -26vw;*/

}


@media (min-width:768px) {
.pa-section.pa-bk-1 {
    background-repeat:no-repeat;
  background-size:auto, 10000px;
  background-position:0 0, 50vw -20vw;
}
}

@media (min-width:992px) {
.pa-section.pa-bk-1 {
    background-repeat:no-repeat;
  background-size:auto, 6000px;
  background-position:0 0, 66vw -0vw;
}
}

@media (min-width:1200px) {
.pa-section.pa-bk-1 {
    background-repeat:no-repeat;
  background-size:auto, 6000px;
  background-position:0 0, 66vw -70px;
}
}

.pa-section h2,
.pa-section-white h2 {
  font-size:30px;
  color: #1A577B;
  font-weight: 600;
  margin-bottom:32px;
}

.pa-section h2.smaller {
font-size:28px
}


#savings-calculator.pa-section h2.smaller {
font-size:24px;
}

@media (min-width:576px) {
#savings-calculator.pa-section h2.smaller {
font-size:28px;
}
}

@media (min-width:768px) {
.pa-section h2,
.pa-section-white h2  {
  font-size:40px;
}
#savings-calculator.pa-section h2.smaller {
  font-size:36px
}
}


@media (min-width:1200px) {
.pa-section h2,
.pa-section-white h2  {
  font-size:50px;
}
  #savings-calculator.pa-section h2.smaller {
  font-size:44px
}
}

.pa-pad-xy {
  padding:70px 30px
}

.pa-p-lg {
  font-size: 17px;
  margin-bottom:1.5rem;
}

@media (min-width:768px) {
.pa-pad-xy {
  padding:120px 30px
}
  
.pa-p-lg {
  font-size: 18px;
}
}

@media (min-width:1200px) {
.pa-p-lg {
  font-size: 20px;
}
}

/* colours */
.blue {color:#1A577B;}
.orange {color: #f15928;}
.mid-blue {color: #F4FAF9;}
.light-blue {color: #ACCADD;}
.green {color: #089E8B;}



.bg-blue {
  background: rgb(8,62,93);
background: linear-gradient(180deg, rgba(53,70,79,1) 0%, rgba(26,87,123,1) 100%);
}

.navbar-collapse {
  flex-grow: 0;
}

#pa-nav-toggle {
  z-index:2
}

#pa-nav-toggle {
  padding:0;
  margin:0;
  background-color: transparent;
  border: none;
  outline: none;
  color:#fff;
  font-size:30px;
  height:30px;
  width: 30px;
  display: none;
  position: relative;
  z-index: 4;
}

#pa-nav-toggle:before {
  content:'\f0c9';
  font-family: 'Font Awesome 6 Free', sans-serif;
  font-weight:900;
  font-size:30px;
  color:#ffffff;
  display: block;
  transition: all 0.5s;
  line-height: 1;
}

#pa-nav-toggle[aria-expanded="true"]:before {
  transform: rotate(180deg);
  content:'\f00d';
}


@media (max-width:991.97px) {
  #pa-nav-toggle {
      display: block;
  }
}

h1 {
  font-family: 'Comfortaa', sans-serif;
  font-weight: 700;
  letter-spacing:-0.01em
}

h2 {
  font-family: 'Comfortaa', sans-serif;
  font-weight: 700;
  letter-spacing:-0.01em
}

#hero h1 {
  font-size:40px;
  max-width:300px
}

#hero h3 {
  line-height:1.5;
  font-size:18px;
}

.tooltip {
      opacity:1!important;
  font-family:'Quicksand', sans-serif;
  font-weight:600;
}

.tooltip-inner {
  background-color:#f15928!important;
  padding:12px 16px;
  line-height:1.42;
}

.tooltip-arrow:before {
  border-top-color: #f15928!important
}


  .navbar {
      position:revert
  }

@media(min-width:768px) {
  #hero h1 {
      max-width:none;
  }
}

@media(min-width:992px) {
  #hero h1 {
      font-size:46px;
  }
  
  #hero h3 {
      line-height:1.5;
      font-size:21px;
  }
}

@media(min-width:1200px) {
  #hero h1 {
      font-size:50px
  }
  
  #hero h3 {
      line-height:1.5;
      font-size:22px;
  }
}

@media(min-width:1400px) {
  #hero h1 {
      font-size:60px
  }
  
  #hero h3 {
      line-height:1.5;
      font-size:24px;
  }
}

@media(max-width:767.97px) {
  #navbar ul {
      margin-top:24px;
      max-width: 560px!important;
      margin:0 auto;
  }
}

@media(max-width:991px) {
  #navbar {
      width:100vw;
      position:absolute;
      top:0px;
      height:100vh;
      left: 0;
      padding-top: 100px;
      background-color:#1A577Bfa;
      transition:opacity 0.2s;
      opacity:0;
      z-index: 3;
  }

  #navbar.show {
      opacity:1;
  }

  #navbar ul {
      margin-top:24px;
      max-width: 720px;
      margin:0 auto;
  }
  
  #navbar li {
      width:100%;
      padding:4px 24px;
      text-align:right;
  }

  #navbar button {
      margin-right:32px;
      margin-top:24px;
  }
  
}

#hero h3 span {
  text-decoration:underline dotted #accadd;
}

#hero {
  background-color:rgba(53,70,79,1);
  background-image:url(images/hero-option-light-lr-2.jpg);
  background-size: 2000px;
  background-position:calc(100% + 980px) 0px;
  background-repeat: no-repeat;
  padding:0;
  margin:0;
}

#hero-row {
  background-image: linear-gradient(90deg, #26495e 0%, #1a3e53dd 40%, #1a3e53aa 60%, #1a3e5399 80%);
  background-size: 100%;
  background-position:0 0;
  background-repeat: no-repeat;
  width:100%;
  margin:0 auto;
  height:auto;
  padding:0;
  margin:0;
}

@media(min-width:576px) {
  #hero {
  background-position:calc(100% + 880px) 0px;
  }

  
#hero-row {
  background-image:linear-gradient(90deg, #1a3e53 0%, #1a3e53b3 40%, #1a3e5399 60%, #1a3e5333 80%);
}
}

@media(min-width:768px) {
  #hero-row {
      background-image:linear-gradient(90deg, #1a3e5300 0%, #1a3e534d 30%, #1a3e53b3 40%, #1a3e53e6 80%),
      linear-gradient(180deg, #1a3e53f5 0%, #1a3e5300 30%);
  }
  
  #hero {
    background-position: -640px 0px;
    background-size: 1800px;
  }
}

@media(min-width:992px) {
  #hero {
    background-position: calc(70% + 150px) 0px;
    background-size: cover;
  }
  
  #hero-row {
      background-image: linear-gradient(90deg, #1a577b 0%, #1a577b26 10%, #1a577b00 20%, #1a3e53 80%), linear-gradient(180deg, #1a577bd6 0%, #1a3e5300 20%);
      background-size: 100%;
      background-position:0 0;
      background-repeat: no-repeat;
  }
  #hero-container {
      min-height:600px
  }

}

@media(min-width:1200px) {
  #hero {
    background-position: 70% 0px;
    background-size: cover;
  }
}


@media(min-width:1680px) {
  #hero {
      background-color: #1a3e53;
    background-position:-700px 0px;
    background-size: 2700px;
  }

  #hero-row {
           background-size: cover;
      background-repeat: no-repeat;
  }

}

@media(min-width:1920px) {
  #hero {
    background-position:-600px 0px;
  }
}

@media(min-width:2200px) {
  #hero {
    background-position:-500px 0px;
  }
}

@media(min-width:2500px) {
  #hero {
    background-position:-400px 0px;
  }
}

  

a {
  font-weight:600;
}

#header-logo img {
  width: 100%;
  max-width: 170px;
}

@media (min-width:768px) {
#header-logo img {
  max-width: 190px;
}
}


ul.nav {
  padding:0;
  margin:0;
}

ul.nav .nav-item a,
ul.nav .nav-item span {
  color: #ffffff;
  font-weight:600;
  font-size:20px;
  cursor:pointer;
  padding-right:6px;
}

@media (min-width:992px) {
ul.nav .nav-item a,
ul.nav .nav-item span {
  padding-right:16px;
  font-size: 18px
}
}

@media (min-width:1200px) {
ul.nav .nav-item a,
ul.nav .nav-item span {
  padding-right:24px;
  font-size: 18px
}
}

ul.nav .nav-item a:hover,
ul.nav .nav-item span:hover {
  color:#F15928
}

.pa-btn {
  border-radius:50px;
  padding:12px 32px;
  border-width:2.5px;
  border-style: solid;
  font-weight: 600;
}

.pa-btn.btn-lg {
  padding:12px 40px;
}

.btn-primary {
  background-color:#1A577B;
  color:#ffffff;
  border-color:#1A577B;
}

.btn-primary:hover {
  background-color: #ffffff;
  border-color: #1A577B;
  color: #1A577B;
}

.btn-primary:focus {
  color: #fff;
  background-color: #1A577B;
  border-color: #1A577B;
  box-shadow: 0 0 0 0.25rem rgba(49,132,253,.5);
}

.btn-secondary {
  background-color:#F15928;
  color:#ffffff;
  border-color: #F15928;
}

.btn-secondary:hover {
  background-color: #ffffff;
  border-color: #F15928;
  color: #F15928;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #1a577b;
    border-color: #1a577b;
    box-shadow: 0 0 10px 0.25rem #1a577b85;
}

.btn-check:focus+.btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #F15928;
    border-color: #F15928;
    box-shadow: 0 0 10px 0.25rem #f1592885;
}


.btn-white {
  background-color:#ffffff;
  color: #1A577B;;
  border-color: #ffffff;
}

.btn-white:hover {
  background-color: #F15928;
  border-color: #F15928;
  color: #ffffff;
}


.features img {max-width: 275px;max-height:90px;}

#preactiv-for-better-health .features img { max-height:100px;}

@media(min-width:768px) and (max-width:991px) {
.features img {
  max-width:170px;
  max-height:68px
}
}

@media(min-width:992px) and (max-width:1199px) {
.features img {
  max-width:180px;
  max-height:80px
}
}

#your-prehabilitation-partner {
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,0) 70%, rgba(244,250,249,1) 96%, #f1f5f8 100%), /* Top-Bottom gradient */
        url('images/prehabilitation-partner-6-100.jpg');
      background-repeat:no-repeat;
      background-size:contain;
      padding-top:calc(100vw * 0.8 - 22vw);
  }


@media(min-width:576px) {
  #your-prehabilitation-partner {
    padding-top:calc(100vw * 0.8 - 19vw);
  
  }
}


@media(min-width:992px) {

  #your-prehabilitation-partner {
      background: /*url('images/splodges-1.svg'),*/
        linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,0) 70%, rgba(244,250,249,1) 95%, #f2f8fc 100%), /* Top-Bottom gradient */
        linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0) 70%), /* L-R gradient */
        url('images/prehabilitation-partner-6c.jpg');
      background-repeat:no-repeat;
      background-position:
      /*-5750px -2340px,*/ 
      0 0,
      0 0, 
      calc(100% + 350px) 0%;
      padding-top: 0;
      background-size: 
      /*6000px,*/
      auto 100%, 
      auto 100%, 
      auto 100%;
  }

}

@media(min-width:1200px) {

  #your-prehabilitation-partner {
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,0) 70%, rgba(244,250,249,1) 95%, #f1f5f8 100%), /* Top-Bottom gradient */
        linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(255,255,255,0.8) 50%, rgba(244,250,249,0) 70%), /* L-R gradient */
        url('images/prehabilitation-partner-6c.jpg');
      background-repeat:no-repeat;
      background-position:0 0, 0 0, calc(100% + 350px) 0%;
      background-size: 
      /*6000px,*/
      auto 100%, 
      auto 100%, 
      auto 100%;
  }

}



@media(min-width:1400px) {

  #your-prehabilitation-partner {
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,0) 60%, rgba(244,250,249,1) 95%, #f1f5f8 100%), /* Top-Bottom gradient */
        linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(244,250,249,0.1) 70%), /* L-R gradient */
        url('images/prehabilitation-partner-6c.jpg');
      background-position:0 0, 0 0, calc(100% + 200px) 0%;
      background-size: 
      /*6000px,*/
      auto 100%, 
      auto 100%, 
      auto 100%;
  }

}

@media(min-width:1680px) {

  #your-prehabilitation-partner {
      background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,0) 70%, rgba(244,250,249,1) 95%, #f1f5f8 100%), /* Top-Bottom gradient */
        linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 65%, rgba(244,250,249,0) 80%), /* L-R gradient */
        url('images/prehabilitation-partner-6c.jpg');
      background-position:0 0, 0 0, calc(100% + 150px) 0%;
      background-size:auto 100%, auto 100%, auto 100%;
  }

}

@media(min-width:1920px) {

  #your-prehabilitation-partner {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,250,249,0) 70%, rgba(244,250,249,1) 95%, #f1f5f8 100%), /* Top-Bottom gradient */
        linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(244,250,249,0.1) 70%), /* L-R gradient */
        url('images/prehabilitation-partner-6c.jpg');
    background-position:0 0, 0 0, calc(100% + 100px) 0%;
    background-size:cover, cover, 60vw;
  }

}



@keyframes pa-bounce {
  0% {
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0)
  }

  2.5% {
      -webkit-transform: scale(1.1,.9) translateY(0);
      transform: scale(1.1,.9) translateY(0)
  }

  7.55% {
      -webkit-transform: scale(.9,1.1) translateY(-.5em);
      transform: scale(.9,1.1) translateY(-.5em);
  }

  12.5% {
      -webkit-transform: scale(1.05,.95) translateY(0);
      transform: scale(1.05,.95) translateY(0);
  }

  13.25% {
      -webkit-transform: scale(1) translateY(-.125em);
      transform: scale(1) translateY(-.125em)
  }

  16% {
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0)
  }

  to {
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0)
  }
}

@-webkit-keyframes pa-bounce {
  0% {
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0)
  }

  2.5% {
      -webkit-transform: scale(1.1,.9) translateY(0);
      transform: scale(1.1,.9) translateY(0)
  }

  7.5% {
      -webkit-transform: scale(.9,1.1) translateY(-.5em);
      transform: scale(.9,1.1) translateY(-.5em);
  }

  12.5% {
      -webkit-transform: scale(1.05,.95) translateY(0);
      transform: scale(1.05,.95) translateY(0);
  }

  13.25% {
      -webkit-transform: scale(1) translateY(-.125em);
      transform: scale(1) translateY(-.125em)
  }

  16% {
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0)
  }

  to {
      -webkit-transform: scale(1) translateY(0);
      transform: scale(1) translateY(0)
  }
}

.pa-bounce {
  -webkit-animation-name: pa-bounce;
  animation-name: pa-bounce;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(.28,.84,.42,1);
  animation-timing-function: cubic-bezier(.28,.84,.42,1);
}

.pa-bounce-2 {
animation: bounce 2s ease infinite;
}

@keyframes pa-bounce-2 {
  70% { transform:translateY(0%); }
  80% { transform:translateY(-15%); }
  90% { transform:translateY(0%); }
  95% { transform:translateY(-7%); }
  97% { transform:translateY(0%); }
  99% { transform:translateY(-3%); }
  100% { transform:translateY(0); }
}

/* Slider Styles */

@media (min-width:1360px) and (max-width:1439px) {
  #savings-calculator .container-fluid {
    padding-left:40px!important;
    padding-right:40px!important;
  }
}

@media (min-width:1440px) and (max-width:1600px) {
  #savings-calculator .container-fluid {
    padding-left:80px!important;
    padding-right:80px!important;
  }
}


#savings-calculator h3.longer {
line-height:1.5;
font-size:20px;
font-weight:500
}

@media (min-width:768px) {
  
#savings-calculator h3.longer {
  line-height: 1.6;
  font-size:22px;
}

}

#savings-calculator h4 {
  font-size: 18px;
  line-height:1.35;
  font-weight:600;
  color: #000000;
}

#savings-calculator h5 {
font-size:48px;
font-weight:700;
}

#savings-calculator h6 {color: #535353;}

#savings-calculator .panel p {
font-size: 15px;
line-height:1.5
}

#patients {
  font-weight:700;
  font-size: 48px;
  width: 100%;
  margin-top: 0;
  margin-bottom:0;
  text-align:left;
}

#theSlider {
  padding-top:40px;
}

@media (min-width:768px) {
  #patients {
    font-size: 40px;
    width: 220px;
    height:60px;
    margin-top:7px;
  }
  #theSlider {
    padding-top:45px;
  }
  #savings-calculator h5 {
    font-size:50px;
    font-weight:700;
  }
}

@media (min-width:992px) {
#patients {
  font-size: 50px;
  width: 260px;
}
}


h1.font-medium {
font-weight:600;
}

#savings {
margin:0 auto;
width:100%;
max-width: 360px;
}

#savings h6 {
color:#212529;
}

.panel {border-radius:12px;background-color:#FFFFFF;/* border:1px solid #EEEEEE; */font-weight:500;line-height:1.5;text-align:center;width: 100%;transition:all 0.2s;}

.panel img {
width:auto;
max-height:50px;
}

.panel-heading {
width:100%;
max-width:250px;
margin:0 auto;
}

@media(min-width:768px) {

#savings {
  max-width:720px
}
.panel:hover {
  transform:scale(1.03)
}
.panel img {
  max-height:70px;
}
}


@media (min-width:1200px) {
  #savings {
  max-width:100%
}
}


@media (min-width:1400px) {
  #savings {
  max-width:1320px;
}
.panel-heading {
  max-width:270px;
}
}

@media (min-width:1460px) {
  #savings {
  max-width:1400px;
}
}


.panel h4 {
font-weight:600;
font-size:22px;
}

.panel p {font-size:16px;margin:15px 0 0;color: #535353;padding:0;font-weight:500}

.panel p a {
color:#1a577b;
font-weight:700;
}



.slider-blue {
color:#1a577b;
font-weight:700;
}


.form-range::-webkit-slider-runnable-track {
background:#ACCADD
}
.form-range::-webkit-moz-range-track {
background:#ACCADD
}

.form-range::-webkit-slider-thumb {
background: #F2693D;
width: 3rem;
height: 1.5rem;
margin-top: -0.5rem;
}

@media (min-width:768px) {
.form-range::-webkit-slider-thumb {
  width:4em
}
}

.form-range {
  position:relative;
}

#slider-help-wrapper {
  height:0px;
  position:absolute;
  padding-top:20px;
  width:240px;
}

#slider-help {
  background-color:#d0e5f3;
  display:block;
  width: 180px;
  color:#1a577b;
  text-align:center;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  padding:8px;
  border-radius:5px;
  position:relative;
  margin-top:0;
  animation: bounce 2s infinite;
  border:none;

}

#slider-help:before {
  content:'';
  display:block;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d0e5f3;
  position:absolute;
  top:-8px;
  right:calc(90px - 8px);
}


@media (max-width:359px) { #slider-help {margin-left: 18%;}  }
@media (min-width:360px) { #slider-help {margin-left: 20%;}  }
@media (min-width:376px) { #slider-help {margin-left: 22%;}  }
@media (min-width:390px) { #slider-help {margin-left: 28%;}  }
@media (min-width:414px) { #slider-help {margin-left: 32%;}  }
@media (min-width:440px) { #slider-help {margin-left: 35%;}  }
@media (min-width:460px) { #slider-help {margin-left: 39%;}  }
@media (min-width:490px) { #slider-help {margin-left: 45%;}  }
@media (min-width:520px) { #slider-help {margin-left: 51%;}  }
@media (min-width:550px) { #slider-help {margin-left:36%}  }

@media (min-width:576px) and (max-width:767px) { #slider-help {margin-left: 53%;}  }  
@media (min-width:768px) { 
  #slider-help {margin-left: 299px;} 
#slider-help-wrapper {padding-top: 12px;}
}
@media (min-width:992px) { #slider-help {margin-left: 330px;} }
@media (min-width:1200px) { #slider-help {margin-left: 418px;} }
@media (min-width:1400px) { #slider-help {margin-left: 505px;} }




@keyframes bounce {
  0% {margin-top: 4px;}
  25% {margin-top: -2px;}
  50% {margin-top: 4px;}
  100% {margin-top: 4px;}
}


.form-range::-moz-range-thumb {
  background: #F2693D;
}

.form-range::-ms-thumb {
  background: #F2693D;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(242, 105, 61, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(242, 105, 61, 0.25);
}
.form-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(242, 105, 61, 0.25);
}

.form-range:focus::-webkit-slider-thumb:active {
  background-color:#F49475;
}
.form-range:focus::-moz-range-thumb:active {
  background-color:#F49475;
}
.form-range:focus::-ms-thumb:active {
  background-color:#F49475;
}



/* Video Player */

.pa-video {
overflow: hidden;
}

@media(max-height:960px) {

.ratio, .pa-video-poster, .pa-video-wrapper {
  max-width:1000px;
  margin:0 auto;
}
}

.pa-video-poster {
  position:absolute;
  top:0;
  width:100%;
  left:0;
  cursor:pointer;
}

.pa-video-poster:after {
content:'';
position:absolute;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.4);
display:block;
top:0;
left:0;
transition:all 0.2s;
z-index:2
}

.pa-video-poster img {
width:100%;
transition:all 0.2s;
}

.pa-video-poster .badge {
position:absolute;
left: 50%;
top: 74%;
  transform: translate(-50%, 0);
background-color:#1a577b;
color:#F4FAF9;
font-size:13px;
padding:10px 24px;
z-index:3
}

@media (min-width:768px) {
  .pa-video-poster .badge {
    font-size:16px;
    padding:12px 24px;
  }
}

.pa-video-poster .badge:before {
    content:'';
  display:block;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #1a577b;
  position:absolute;
  top:-8px;
  right:calc(50% - 8px);
}

.pa-video-wrapper {
  position: relative;
  border-radius:6px;
  overflow: hidden;
  padding: 0;
}

.pa-play-button {
position:absolute;
font-size:80px;
line-height:1;
color:#F2633D;
top:calc(50% - 40px);
left:calc(50% - 40px);
z-index:3
}

.pa-play-button .pa-play-white-bg {
background-color:#fff;
border-radius:120px;
height:70px;
width:70px;
left:5px;
top:5px;
position:absolute;
z-index:1;
}

.pa-play-button i {
position:relative;
border-radius:50%;
z-index:2
}

.pa-video-poster.hidden {
display:none;
}

@media (min-width:768px) {
.pa-play-button {
  font-size:140px;
  width:140px;
  height:140px;
  top:calc(50% - 70px);
  left:calc(50% - 70px);
  transition:all 0.2s;
}

.pa-video-poster:hover {
  cursor:pointer;
}

.pa-video-poster:hover:after {
background-color:rgba(255,255,255,0.2);
}

.pa-video-poster:hover img {
  transform:scale(1.02)
}

.pa-video-poster:hover .pa-play-button {
  width:150px;
  height:150px;
  font-size:150px;
  top:calc(50% - 75px);
  left:calc(50% - 75px);
}

.pa-play-button .pa-play-white-bg {
  height:110px;
  width:110px;
  left:15px;
  top:15px;
}

.pa-video-wrapper {
  border-radius:10px;
}
}

@media (min-width:992px) {
.pa-play-button {
  width:160px;
  height:160px;
  font-size:160px;
  top:calc(50% - 80px);
  left:calc(50% - 80px);
}

.pa-video-poster .badge {
  top: 70%;
}

.pa-video-poster:hover .pa-play-button {
  width:170px;
  height:170px;
  font-size:170px;
  top:calc(50% - 85px);
  left:calc(50% - 85px);
}

.pa-play-button .pa-play-white-bg {
  height:120px;
  width:120px;
  left:20px;
  top:20px;
}
}

@media (min-width:1200px) {
.pa-play-button {
  width:180px;
  height:180px;
  font-size:180px;
  top:calc(50% - 90px);
  left:calc(50% - 90px);
}
.pa-video-poster:hover .pa-play-button {
  width:190px;
  height:190px;
  font-size:190px;
  top:calc(50% - 95px);
  left:calc(50% - 95px);
}
.pa-play-button .pa-play-white-bg {
  height:120px;
  width:120px;
  left:40px;
  top:40px;
}
}

#prepare-to-repair-with-preactiv {
	background:
	  linear-gradient(180deg, rgba(38,68,83,0.75) 0%, rgba(10,31,43,0.95) 130%), /* Top-Bottom gradient */
	  url('images/contact-section-image.jpg');
	background-position:100% 100%, 100% 0%;
	background-size:cover;
	background-repeat:no-repeat;
	color:#fff;
}

@media (min-width:1400px) {
#prepare-to-repair-with-preactiv {
    background-position:100% 100%, 100% 20%;

}
}


@media (min-width:1920px) {
#prepare-to-repair-with-preactiv {
    background-position:100% 100%, 100% 25%;

}
}


#prepare-to-repair-with-preactiv h2 {
  color:#ffffff;
}

#contact-us-modal {
  background-color:#f4faf98f;
} 
#contact-us-modal h2 .fa {
	font-size:40px;
}
@media(max-width:767px) {
	#contact-us-modal h2 .fa {
		font-size:30px;
	}
}
#contact-us-modal .contact-us-modal-close {
  font-size:30px;
  color:#1a577b
}

#contact-us-modal .modal-content {
  border:none;
  font-weight:500;
  background-color:#F4FAF9
}

#contact-us-modal .modal-header {
  border:none;
  padding:32px 32px 0;
}

#contact-us-modal .modal-body {
  padding:0 24px;
}

#contact-us-modal .modal-content {
  border-radius:36px!important
}

#contact-us-modal #pa-contact-submit #pa-contact-submitting {
  display:none;
  transition:all 0.2s;
}

#contact-us-modal #pa-contact-submit.submitting {
  opacity:0.5;
}

#contact-us-modal #pa-contact-submit.submitting #pa-contact-submitting {
  display:block;
}

#contact-us-modal #pa-contact-submit.submitting #pa-contact-button-text {
  display:none;
}

@media(max-width:575px) {
  #contact-us-modal .modal-dialog {
    margin:0;
  }
  #contact-us-modal .modal-content {
    border-radius:0!important
  }
}


@media(max-width:992px) {
  #contact-us-modal .form-check {
    padding-bottom:15px;
  }
}


#contact-us-modal .modal-footer {
  border:none;
  padding-top:40px;
}

#contact-us-modal h2 {
  font-size:40px;
  color: #1A577B;
  font-weight: 600;
  margin-bottom:50px;
  margin-bottom:22px;
}

#contact-us-modal h4 {
  color:#1a577b;
  font-size:35px;
}

#contact-us-modal .form-label {
  font-weight:600!important;
  font-size:20px;
  color:#1a577b;
}

#contact-us-modal .invalid .invalid-feedback {
  display:block;
}

#contact-us-modal .form-control {
  min-height:55px;
  font-weight:500;
  background-color:#fafafa;
  border:1.5px #accadd solid;
}

#contact-us-modal textarea.form-control {
  padding:16px;
}

#contact-us-modal .form-text {
  font-weight:500;
  font-size:14px
}

#contact-us-modal .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #accadd;
    outline: 0;
    box-shadow: 0 0 4px 0.25rem #accadd60;
}

#pa-content {
  -webkit-filter: blur(0px);
  transition: all 0.5s;
}

.modal-open #pa-content {
    -webkit-filter: blur(8px);
}


@media (min-width:576px) {

  #contact-us-modal .modal-body {
    padding:0 32px;
  }

}

@media (min-width:992px) {
  
  #contact-us-modal .modal-body {
    padding:0 60px;
  }
  
  #contact-us-modal h2 {
    font-size:50px;
    margin-bottom:32px;
  }

}

#prehub-alert.alert {
  
  position:fixed;
  bottom:0;
  right:0;
  margin-bottom:24px;
  font-size:15px;
  background-color: #FFFAEB;
  border-radius: 100px 0px 0px 100px;
  background-color: #1a577b;
  width:100%;
  max-width:300px;
  box-shadow: 0px 2px 24px 0px rgba(172,202,221,0.5);
  z-index: 2;
}

@media (min-width:340px) {
#prehub-alert.alert {
  max-width:330px
}
}

#prehub-alert.alert strong {
font-size:16px;
}

#prehub-alert .fa-lightbulb {
color:#F2693D;
font-size:40px;
}

#prehub-alert.alert p {
line-height:1.4;
padding-top:4px;
color: #ffffff;
}

#prehub-alert.alert .blue {
color:#ffffff;
}

#prehub-alert.alert p a {
color:#ACCADD;
text-decoration:underline #ACCADD99 1px;
}

#prehub-alert.prehub-alert-blue .alert .btn-close {
color:#fff!important
}


@media (min-width:576px) {
#prehub-alert.alert {
  max-width:360px;
  font-size:16px;
  bottom:12px
}
  
#prehub-alert .alert strong {
  font-size:18px;
}
}

#prehub-alert-close {
float:right;
font-size:24px;
color:#ACCADD;
transition:all 0.2s;
}

#prehub-alert-close:hover {
color:#fff;
transform:scale(1.1)
}






#blog-carousel .carousel-control-next, .carousel-control-prev {
width:8%;
}

.carousel-item {
width:100%;
height:500px;
background-color:#000;
overflow:hidden
}

.carousel-item img {
position:relative;
width:1000px;
margin-left:-250px
}

@media (min-width:576px) {
.carousel-item img {
    margin-left:-25%
}
}


@media (min-width:768px) {
.carousel-item img {
    margin-left:-150px;
  width:900px;
}
}


@media (min-width:992px) {
.carousel-item img {
  margin-left:auto;
  width:100%;
}
}

.carousel-inner:after {
content:'';
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:linear-gradient(180deg, rgba(10,31,43,0.1) 0%, rgba(10,31,43,0.1) 40%, rgba(10,31,43,0.8) 70%); /* Top-Bottom gradient */
pointer-events:none;
}

@media (min-width:1000px) {
.carousel-inner:after {
  background:linear-gradient(180deg, rgba(10,31,43,0.1) 0%, rgba(10,31,43,0.1) 40%, rgba(10,31,43,0.8) 90%); /* Top-Bottom gradient */
}
}

.carousel-item .carousel-caption {
z-index:1;
opacity:0;
transition:opacity 0.2s;
}

.carousel-item .carousel-caption p {
color:#fff
}

.carousel-item.active .carousel-caption {
opacity:1;
}

.carousel-item .carousel-caption h5 {
font-size:24px;
}



@media (min-width: 576px) and (max-width:767px) {
#preactiv-blog .container {
  max-width: 100%;
}
}




@media (min-width:768px) {

#blog-carousel {
  overflow:hidden;
  border-radius:10px;
}

.carousel-item .carousel-caption h5 {
  font-size:32px;
}

}


@media (min-width:768px) {

.carousel-item .carousel-caption h5 {
  font-size:32px;
}

}



/* Testimonials */


.items::-webkit-scrollbar {
  display: none;
}

.items {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.items {
  position: relative;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  transition: all 0.2s;
  will-change: transform;
  user-select: none;
  cursor:grabbing;
  padding:1em;
  margin:0 auto;
  font-weight:500;
  max-width: 1800px;
}

.items.active {
background: rgba(255, 255, 255, 0.3);
cursor: grabbing;
cursor: -webkit-grabbing;
}

.item {
min-width: 300px;
margin: 2em 0.5em;
width:100%;
white-space:normal;
max-width: 360px;
color:#fff;
border-radius: 20px;
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.07);
position:relative;
  font-size:16px;
  transition:all 0.2s;
}

.item:after {
content:'';
position:absolute;
display:block;
width:40px;
height:30px;

}

.item:nth-of-type(odd) {
background-color: #1a577b;
}

.item:nth-of-type(even) {
background-color: #F15928;
}

.item:nth-of-type(odd):after {
background-color: #1a577b;
left:50px;
bottom: -29px;
clip-path: polygon(0 0, 100% 0, 0% 100%, 0% 100%);
}

.item:nth-of-type(even):after {
background-color: #F15928;
  right:50px;
top:-29px;
  clip-path: polygon(100% 100%, 0% 100%, 100% 0);


}

@media (max-width: 500px) {
.item {
  min-width: 250px;
}
}

@media (min-width: 499px) {
  .item {
    margin: 2em 1.4em;
  }
}

@media (min-width:768px) {
  .item:hover {
    transform:scale(1.05)
  }
}

@media (min-width:768px) {
  .item {
     font-size:18px;
  }
}

@media (min-width:1800px) {
  .items {
    justify-content: center;
  }
}


.dotted-border {
  border-bottom: 1px dotted #accadd;
}


/* Partners */

@media (min-width:1720px) {
#partners img {
max-width:240px
}
}




/* Footer */

#pa-footer {
  /*background:linear-gradient(180deg, rgba(38,68,83,1) 0%, rgba(10,31,43,1) 100%);*/
  background-color: #accadd60;
  color: #212529;
}

#pa-footer p {
  color: #212529;
}

#pa-footer img{
  width:220px;
}

#pa-footer .socials i {
  font-size:36px;
  margin-left:16px;
}

#pa-footer .socials a i {
  color: #1a577b;
  transition:all 0.2s;
}

#pa-footer p i {
	color:#f15928;
}

#pa-footer a i:hover {
  transform:scale(1.1);
  color:#f15928;
}


footer .contact-link:hover {
	color:#1a577b;
	opacity:0.7;
	cursor:pointer
}





/* References */

#pa-references h5 {
	padding-bottom:0;
	font-family: 'Comfortaa', sans-serif;
	font-weight: 700;
	font-size:24px;
	letter-spacing:-0.01em
}

#pa-references p {
	font-size:16px;
}

#pa-references ol {
  padding-left: 1rem;
}

#pa-references ol li {
  padding-left: 1rem;
  padding-bottom: 0.3rem;
}

#pa-references ol ::marker {
  font-weight:600
}


/* ABOUT US */

#about-us h6 {
  padding-left:16px;
  position:relative;
  color:#1a577b;
  margin-top: 1rem!important;
}
#about-us h6:before {
  content:'';
  display:block;
  height:1.5rem;
  width:0.2rem;
  background-color:#f15928;
  border-radius:1em;
  position:absolute;
  left:0;
  top:-0.15rem;
}

.pa-text-primary {
  color:#1a577b;
}

sup {
	font-weight:700;
	color:#1a577b;
	margin-left:4px;
	font-size:0.6em;
	top:-0.8em;
}

.reference-link {
  cursor: pointer;
}

.more-toggle {
	font-weight:600;
	color:#1a577b;
	margin-top:16px;
	position:relative
}

.more-toggle .part-hide {
	display:block;
	width:100%;
	height:60px;
	position:absolute;
	top:-84px;
	background: #ACCADD33;
	background: linear-gradient(0deg, #eef4f8ff 0%, #eef4f899 60%, #eef4f800 100%);
	transition: all 0.2s;
}

.more-toggle:before {
	content: 'See more';
}

.more-toggle:after {
	content: '\f078';
	font-family:'Font Awesome 6 Free', sans-serif;
	margin-left:6px;
	font-size:14px;
}

.more-toggle[aria-expanded="true"] .part-hide {
	 background: transparent!important;
}

.more-toggle[aria-expanded="true"]:before {
	content: 'Close';
}

.more-toggle[aria-expanded="true"]:after {
	content: '\f077';
}