html,body{
  height: 100%;
}
body.page-template {
  padding-top: 65px;
}
.inherit-text-color,
.inherit-text-color-hover:hover,
.cascade-text-color h1,
.cascade-text-color .h1,
.cascade-text-color h2,
.cascade-text-color .h2,
.cascade-text-color h3,
.cascade-text-color .h3,
.cascade-text-color h4,
.cascade-text-color .h4,
.cascade-text-color h5,
.cascade-text-color .h5,
.cascade-text-color h6,
.cascade-text-color .h6,
.cascade-text-color li,
.cascade-text-color a,
.cascade-text-color blockquote,
.cascade-text-color button {
  color: inherit
}

@media(min-width: 1200px) {
  .col-lg-12 {
      float: none!important
  }
}

@media(min-width: 992px) and (max-width:1199px) {
  .col-md-12 {
      float: none!important
  }
}

@media(min-width: 768px) and (max-width:991px) {
  .col-sm-12 {
      float: none!important
  }
}

@media(max-width: 767px) {
  .col-xs-12 {
      float: none!important
  }
}

.margin-top-none-col-first-child [class*=col-]>:first-child {
  margin-top: 0
}

.margin {
  margin: 30px!important
}

.margin-vert {
  margin-top: 30px!important
}

.margin-top {
  margin-top: 30px!important
}

.margin-bottom {
  margin-top: 30px!important
}

.margin-horz {
  margin-left: 30px!important;
  margin-right: 30px!important
}

.margin-half {
  margin: 15px!important
}

.margin-vert-half {
  margin-top: 15px!important;
  margin-bottom: 15px!important
}

.margin-top-half {
  margin-top: 15px!important
}

.margin-bottom-half {
  margin-bottom: 15px!important
}

.margin-horz-half {
  margin-left: 15px!important;
  margin-right: 15px!important
}

.margin-none {
  margin: 0!important
}

.margin-horz-none {
  margin-left: 0!important;
  margin-right: 0!important
}

.margin-vert-none {
  margin-top: 0!important;
  margin-bottom: 0!important
}

.padding {
  padding: 30px!important
}

.padding-vert {
  padding-top: 30px!important;
  padding-bottom: 30px!important
}

.padding-horz {
  padding-left: 30px!important;
  padding-right: 30px!important
}

.padding-half {
  padding: 15px!important
}

.padding-vert-half {
  padding-top: 15px!important;
  padding-bottom: 15px!important
}

.padding-horz-half {
  padding-left: 15px!important;
  padding-right: 15px!important
}

.padding-none {
  padding: 0!important
}

.full-width {
  width: 100%
}

.full-height {
  height: 100%
}

.block {
  display: block!important
}

.inline-block {
  display: inline-block!important
}

.inline {
  display: inline!important
}
/* AQ CHANGES */


.bll {
  
  color: white !important;
  border-radius: .5em !important;
  text-shadow: -1px -1px 0px #003ea1 !important;
  border: 1px solid #0d4aab !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d94f6), color-stop(100%,#1e62d0));
  width: auto;
  text-align: center !important;
}

.mt-n1 {
  margin-top: -12.5rem !important;
}
input[type='text'],
    select {
      width: 80%;
      padding: 18px 20px;
      margin: 8px 0;
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }
    input[type='tel'],
    select {
      width: 80%;
      padding: 18px 20px;
      margin: 8px 0;
      display: inline-block;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-sizing: border-box;
    }


@media(max-width: 1366) {
  .mt-n1 {
    margin-top: 85rem !important;
  }
  
  
}

@media screen and (min-width: 411) and (max-width: 823) {
  .mt-n1 {
    margin-top: 50px !important;
  }
  .mb-n2 {
    padding-bottom: 50px !important;
  }
  
}

@media screen and (min-width: 411) and (max-width: 731) {
  .mt-n1 {
    margin-top: -0.5rem !important;
  }
  .mb-n2 {
    padding-bottom: 0rem !important;
  }
  
}


@media screen and (min-width: 360) and (max-width: 640) {
  .mt-n1 {
    margin-top: -7.5rem !important;
  }
  .mb-n2 {
    padding-bottom: -0.25rem !important;
  }
  
}

/* AQ CHANGES */

@media(max-width: 991px) {
  .margin-horz-sm {
      margin-left: 30px!important;
      margin-right: 30px!important
  }
  .margin-half-sm {
      margin: 15px!important
  }
  .margin-vert-half-sm {
      margin-top: 15px!important;
      margin-bottom: 15px!important
  }
  .margin-horz-half-sm {
      margin-left: 15px!important;
      margin-right: 15px!important
  }
}

.text-uppercase {
  text-transform: uppercase
}

.relative {
  position: relative
}

html {
  font-size: 10px
}

.fullpage-home {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  overflow: hidden
}



body.fullpage-template {
  background-color: #242424;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  overflow: hidden;
}

@media(max-width:767px) {
  body.fullpage-template,body.fullpage-template .fullpage-home {
      overflow: scroll!important
  }
}

body.fullpage-template .fullpage-home {

  -webkit-transition: opacity .75s;
  transition: opacity .75s;
  overflow: hidden
}

body.fullpage-template .section,
body.fullpage-template .slide {
  height: 100%;
  padding-bottom:2em;
}



body.fullpage-template .scrollup {
  display: none!important
}

.cs-loader {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden
}

.cs-loader-inner {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: 100%;
  color: #fff;
  padding: 0 100px;
  text-align: center
}

.cs-loader-inner label {
  font-size: 20px;
  opacity: 0;
  display: inline-block
}

.cs-loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out
}

.cs-loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s .1s infinite ease-in-out;
  animation: lol 3s .1s infinite ease-in-out
}

.cs-loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s .2s infinite ease-in-out;
  animation: lol 3s .2s infinite ease-in-out
}

.cs-loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s .3s infinite ease-in-out;
  animation: lol 3s .3s infinite ease-in-out
}

.cs-loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s .4s infinite ease-in-out;
  animation: lol 3s .4s infinite ease-in-out
}

.cs-loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s .5s infinite ease-in-out;
  animation: lol 3s .5s infinite ease-in-out
}

@-webkit-keyframes lol {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px)
  }
  33% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px)
  }
  66% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(300px);
      transform: translateX(300px)
  }
}

@keyframes lol {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-300px);
      transform: translateX(-300px)
  }
  33% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px)
  }
  66% {
      opacity: 1;
      -webkit-transform: translateX(0px);
      transform: translateX(0px)
  }
  100% {
      opacity: 0;
      -webkit-transform: translateX(300px);
      transform: translateX(300px)
  }
}

body.page-template-page-fullpage .fullpage-wrapper,
body.page-template-page-angle {
  position: relative;
  background-color: transparent!important
}

body.page-template-page-fullpage .fullpage-wrapper:before,
body.page-template-page-angle:before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  overflow: visible;
  border-style: solid;
  border-width: 0 0 100vw 100vw;
  border-color: transparent transparent #f2f3f7
}

@media(max-width:1199px) {
  body.page-template-page-fullpage .fullpage-wrapper:before,
  body.page-template-page-angle:before {
      border-width: 0 0 70vw 70vw
  }
}

@media(max-width:991px) {
  body.page-template-page-fullpage .fullpage-wrapper:before,
  body.page-template-page-angle:before {
      border-width: 0 0 50vw 50vw
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),
(min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
  body.page-template-page-fullpage .fullpage-wrapper:before,
  body.page-template-page-angle:before {
      border-width: 0 0 50vw 50vw
  }
}

body.page-template-page-fullpage .fullpage-wrapper:after,
body.page-template-page-angle:after {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  height: 0;
  z-index: -1;
  opacity: 0;
  border-style: solid;
  border-width: 718px 0 0 718px;
  border-color: transparent transparent transparent #242424
}

html.opacity body.page-template-page-fullpage .fullpage-wrapper:after,
html.opacity body.page-template-page-angle:after {
  opacity: 1
}

@media(max-width:1600px) {
  body.page-template-page-fullpage .fullpage-wrapper:after,
  body.page-template-page-angle:after {
      border-width: 600px 0 0 600px
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-fullpage .fullpage-wrapper:after,
  body.page-template-page-angle:after {
      border-width: 500px 0 0 500px
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  body.page-template-page-fullpage .fullpage-wrapper:after,
  body.page-template-page-angle:after {
      border-width: 500px 0 0 100vw
  }
}

body.page-template-page-get-started-form .btn-phone {
  padding: 8px 20px;
  margin-top: 10px
}

body.page-template-page-get-started-form #form-container {
  min-height: 1800px
}

body.page-template-page-get-started-form #footer-wrapper {
  margin-top: 300px
}

body .wheel-button-wrap,
body .ne.wheel-button-wrap {
  position: fixed;
  left: auto;
  bottom: auto;
  right: 0;
  top: 0;
  display: block;
  z-index: 9999
}

@media(max-width:767px) {
  body .wheel-button-wrap,
  body .ne.wheel-button-wrap {
      right: auto!important;
      top: auto!important;
      left: 0!important;
      bottom: 0!important
  }
}

body .wheel-button-wrap .wheel-button,
body .ne.wheel-button-wrap .wheel-button {
  position: relative;
  width: 44px;
  height: 44px;
  font-size: 16px;
  text-align: center;
  line-height: 0;
  padding: 8px 0 0 14px;
  color: #fff;
  border: none;
  background-color: #333;
  border-bottom-left-radius: 600px;
  -webkit-transition: color .33s, opacity .33s;
  transition: color .33s, opacity .33s
}

@media(max-width:767px) {
  body .wheel-button-wrap .wheel-button,
  body .ne.wheel-button-wrap .wheel-button {
      border-radius: 0;
      border-top-right-radius: 600px;
      background-color: transparent
  }
}

body.admin-bar .wheel-button-wrap {
  margin-top: 32px
}

@media(max-width:767px) {
  .page-template-page-angle .wheel-button-wrap .wheel-button {
      background-color: #333;
      padding: 15px 0 0
  }
}

body.page-template-page-fullpage .content-lg .content-lg,
body.page-template-page-fullpage .content-lg p,
body.page-template-page-fullpage .content-lg .p,
body.page-template-page-fullpage .content-lg .angle-header,
body.page-template-page-fullpage .content-lg .angle-header p,
.angle-header body.page-template-page-fullpage .content-lg p,
body.page-template-page-fullpage .angle-header body.page-template-page-angle .content-lg p {
  font-weight: 300;
  line-height: 1.4em;
  font-family: roboto condensed, sans-serif;
  font-size: 2.4rem
}

body.page-template-page-fullpage .content-lg h1,
body.page-template-page-fullpage .content-lg .h1 {
  font-size: 108px;
  font-size: 10.8rem;
  font-weight: 600
}

body.page-template-page-fullpage .content-lg h2,
body.page-template-page-fullpage .content-lg .h2 {
  font-size: 52.5px;
  font-size: 5.25rem;
  font-weight: 600
}

@media(max-width:991px) {
  body.page-template-page-fullpage .content-lg h2,
  body.page-template-page-fullpage .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-fullpage .content-lg h2,
  body.page-template-page-fullpage .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-fullpage .content-lg h2,
  body.page-template-page-fullpage .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

body.page-template-page-fullpage .content-lg h3,
body.page-template-page-fullpage .content-lg .h3 {
  font-size: 40px;
  font-size: 4rem
}

@media(max-width:991px) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 35px;
      font-size: 3.5rem
  }
}

body.page-template-page-fullpage .content-lg h4,
body.page-template-page-fullpage .content-lg .h4 {
  font-size: 30px;
  font-size: 3rem
}

body.page-template-page-fullpage .content-lg h5,
body.page-template-page-fullpage .content-lg .h5 {
  font-size: 20px;
  font-size: 2rem
}

body.page-template-page-fullpage .content-md .content-md,
body.page-template-page-fullpage .content-md p,
body.page-template-page-fullpage .content-md .p,
body.page-template-page-fullpage .content-md .angle-header,
body.page-template-page-fullpage .content-md .angle-header p,
.angle-header body.page-template-page-fullpage .content-md p,
body.page-template-page-fullpage .angle-header body.page-template-page-angle .content-md p {
  font-weight: 300;
  line-height: 1.8em;
  font-family: montserrat, sans-serif;
  font-size: 1.6rem
}

body.page-template-page-fullpage .content-md h1,
body.page-template-page-fullpage .content-md .h1 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700
}

body.page-template-page-fullpage .content-md h2,
body.page-template-page-fullpage .content-md .h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600
}

body.page-template-page-fullpage .content-md h3,
body.page-template-page-fullpage .content-md .h3 {
  font-size: 19px;
  font-size: 1.9rem
}

body.page-template-page-fullpage .content-md h4,
body.page-template-page-fullpage .content-md .h4 {
  font-size: 18px;
  font-size: 1.8rem
}

body.page-template-page-fullpage .content-md h5,
body.page-template-page-fullpage .content-md .h5 {
  font-size: 16px;
  font-size: 1.6rem
}

@media only screen and (max-width:767px) {
  body.page-template-page-fullpage .content-xs-md-2-2 {
      font-size: 2.2rem
  }
  body.page-template-page-fullpage .content-xs-md-2-2 p,
  body.page-template-page-fullpage .content-xs-md-2-2 .p,
  body.page-template-page-fullpage .content-xs-md-2-2 .angle-header,
  body.page-template-page-fullpage .content-xs-md-2-2 .angle-header p,
  .angle-header body.page-template-page-fullpage .content-xs-md-2-2 p {
      font-size: 2.2rem
  }
}

body.page-template-page-angle .angle-header body.page-template-page-fullpage .content-lg p,
body.page-template-page-angle .content-lg .content-lg,
body.page-template-page-angle .content-lg p,
body.page-template-page-angle .content-lg .p,
body.page-template-page-angle .content-lg .angle-header,
body.page-template-page-angle .content-lg .angle-header p,
.angle-header body.page-template-page-angle .content-lg p {
  font-weight: 300;
  line-height: 1.4em;
  font-family: roboto condensed, sans-serif;
  font-size: 2.4rem
}

body.page-template-page-angle .content-lg h1,
body.page-template-page-angle .content-lg .h1 {
  font-size: 108px;
  font-size: 10.8rem;
  font-weight: 600
}

body.page-template-page-angle .content-lg h2,
body.page-template-page-angle .content-lg .h2 {
  font-size: 52.5px;
  font-size: 5.25rem;
  font-weight: 600
}

@media(max-width:991px) {
  body.page-template-page-angle .content-lg h2,
  body.page-template-page-angle .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-angle .content-lg h2,
  body.page-template-page-angle .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-angle .content-lg h2,
  body.page-template-page-angle .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

body.page-template-page-angle .content-lg h3,
body.page-template-page-angle .content-lg .h3 {
  font-size: 40px;
  font-size: 4rem
}

@media(max-width:991px) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 35px;
      font-size: 3.5rem
  }
}

body.page-template-page-angle .content-lg h4,
body.page-template-page-angle .content-lg .h4 {
  font-size: 30px;
  font-size: 3rem
}

body.page-template-page-angle .content-lg h5,
body.page-template-page-angle .content-lg .h5 {
  font-size: 20px;
  font-size: 2rem
}

body.page-template-page-angle .angle-header body.page-template-page-fullpage .content-md p,
body.page-template-page-angle .content-md .content-md,
body.page-template-page-angle .content-md p,
body.page-template-page-angle .content-md .p,
body.page-template-page-angle .content-md .angle-header,
body.page-template-page-angle .content-md .angle-header p,
.angle-header body.page-template-page-angle .content-md p {
  font-weight: 300;
  line-height: 1.8em;
  font-family: montserrat, sans-serif;
  font-size: 1.6rem
}

@media(max-width:767px) {
  body.page-template-page-angle .angle-header body.page-template-page-fullpage .content-md p,
  body.page-template-page-angle .content-md .content-md,
  body.page-template-page-angle .content-md p,
  body.page-template-page-angle .content-md .p,
  body.page-template-page-angle .content-md .angle-header,
  body.page-template-page-angle .content-md .angle-header p,
  .angle-header body.page-template-page-angle .content-md p {
      font-size: 1.8rem
  }
}

body.page-template-page-angle .content-md h1,
body.page-template-page-angle .content-md .h1 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700
}

body.page-template-page-angle .content-md h2,
body.page-template-page-angle .content-md .h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600
}

body.page-template-page-angle .content-md h3,
body.page-template-page-angle .content-md .h3 {
  font-size: 19px;
  font-size: 1.9rem
}

body.page-template-page-angle .content-md h4,
body.page-template-page-angle .content-md .h4 {
  font-size: 18px;
  font-size: 1.8rem
}

body.page-template-page-angle .content-md h5,
body.page-template-page-angle .content-md .h5 {
  font-size: 16px;
  font-size: 1.6rem
}

body {
  font-family: montserrat, Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  font-size: 2rem
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: montserrat, sans-serif;
  line-height: 1.1
}

h1,
.h1 {
  font-size: 36px;
  font-size: 3.6rem
}

h2,
.h2 {
  font-size: 30px;
  font-size: 3rem
}

h3,
.h3 {
  font-size: 24px;
  font-size: 2.4rem
}

h4,
.h4 {
  font-size: 18px;
  font-size: 1.8rem
}

h5,
.h5 {
  font-size: 14px;
  font-size: 1.4rem
}

h6,
.h6 {
  font-size: 12px;
  font-size: 1.2rem
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-top: 2rem;
  margin-bottom: 10px;
  margin-bottom: 1rem
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem
}

p {
  font-family: montserrat, sans-serif;
font-size: large;
}

span.line {
  display: block
}

body.page-template-page-fullpage .content-lg .content-lg,
body.page-template-page-fullpage .content-lg p,
body.page-template-page-fullpage .content-lg .p,
body.page-template-page-fullpage .content-lg .angle-header,
body.page-template-page-fullpage .content-lg .angle-header p,
.angle-header body.page-template-page-fullpage .content-lg p,
body.page-template-page-fullpage .angle-header body.page-template-page-angle .content-lg p {
  font-weight: 300;
  line-height: 1.4em;
  font-family: roboto condensed, sans-serif;
  font-size: 2.4rem
}

body.page-template-page-fullpage .content-lg h1,
body.page-template-page-fullpage .content-lg .h1 {
  font-size: 108px;
  font-size: 10.8rem;
  font-weight: 600
}

body.page-template-page-fullpage .content-lg h2,
body.page-template-page-fullpage .content-lg .h2 {
  font-size: 52.5px;
  font-size: 5.25rem;
  font-weight: 600
}

@media(max-width:991px) {
  body.page-template-page-fullpage .content-lg h2,
  body.page-template-page-fullpage .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-fullpage .content-lg h2,
  body.page-template-page-fullpage .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-fullpage .content-lg h2,
  body.page-template-page-fullpage .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

body.page-template-page-fullpage .content-lg h3,
body.page-template-page-fullpage .content-lg .h3 {
  font-size: 40px;
  font-size: 4rem
}

@media(max-width:991px) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  body.page-template-page-fullpage .content-lg h3,
  body.page-template-page-fullpage .content-lg .h3 {
      font-size: 35px;
      font-size: 3.5rem
  }
}

body.page-template-page-fullpage .content-lg h4,
body.page-template-page-fullpage .content-lg .h4 {
  font-size: 30px;
  font-size: 3rem
}

body.page-template-page-fullpage .content-lg h5,
body.page-template-page-fullpage .content-lg .h5 {
  font-size: 20px;
  font-size: 2rem
}

body.page-template-page-fullpage .content-md .content-md,
body.page-template-page-fullpage .content-md p,
body.page-template-page-fullpage .content-md .p,
body.page-template-page-fullpage .content-md .angle-header,
body.page-template-page-fullpage .content-md .angle-header p,
.angle-header body.page-template-page-fullpage .content-md p,
body.page-template-page-fullpage .angle-header body.page-template-page-angle .content-md p {
  font-weight: 300;
  line-height: 1.8em;
  font-family: montserrat, sans-serif;
  font-size: 1.6rem
}

body.page-template-page-fullpage .content-md h1,
body.page-template-page-fullpage .content-md .h1 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700
}

body.page-template-page-fullpage .content-md h2,
body.page-template-page-fullpage .content-md .h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600
}

body.page-template-page-fullpage .content-md h3,
body.page-template-page-fullpage .content-md .h3 {
  font-size: 19px;
  font-size: 1.9rem
}

body.page-template-page-fullpage .content-md h4,
body.page-template-page-fullpage .content-md .h4 {
  font-size: 18px;
  font-size: 1.8rem
}

body.page-template-page-fullpage .content-md h5,
body.page-template-page-fullpage .content-md .h5 {
  font-size: 16px;
  font-size: 1.6rem
}

@media only screen and (max-width:767px) {
  body.page-template-page-fullpage .content-xs-md-2-2 {
      font-size: 2.2rem
  }
  body.page-template-page-fullpage .content-xs-md-2-2 p,
  body.page-template-page-fullpage .content-xs-md-2-2 .p,
  body.page-template-page-fullpage .content-xs-md-2-2 .angle-header,
  body.page-template-page-fullpage .content-xs-md-2-2 .angle-header p,
  .angle-header body.page-template-page-fullpage .content-xs-md-2-2 p {
      font-size: 2.2rem
  }
}

body.page-template-page-angle .angle-header body.page-template-page-fullpage .content-lg p,
body.page-template-page-angle .content-lg .content-lg,
body.page-template-page-angle .content-lg p,
body.page-template-page-angle .content-lg .p,
body.page-template-page-angle .content-lg .angle-header,
body.page-template-page-angle .content-lg .angle-header p,
.angle-header body.page-template-page-angle .content-lg p {
  font-weight: 300;
  line-height: 1.4em;
  font-family: roboto condensed, sans-serif;
  font-size: 2.4rem
}

body.page-template-page-angle .content-lg h1,
body.page-template-page-angle .content-lg .h1 {
  font-size: 108px;
  font-size: 10.8rem;
  font-weight: 600
}

body.page-template-page-angle .content-lg h2,
body.page-template-page-angle .content-lg .h2 {
  font-size: 52.5px;
  font-size: 5.25rem;
  font-weight: 600
}

@media(max-width:991px) {
  body.page-template-page-angle .content-lg h2,
  body.page-template-page-angle .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-angle .content-lg h2,
  body.page-template-page-angle .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-angle .content-lg h2,
  body.page-template-page-angle .content-lg .h2 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

body.page-template-page-angle .content-lg h3,
body.page-template-page-angle .content-lg .h3 {
  font-size: 40px;
  font-size: 4rem
}

@media(max-width:991px) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 37.5px;
      font-size: 3.75rem
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  body.page-template-page-angle .content-lg h3,
  body.page-template-page-angle .content-lg .h3 {
      font-size: 35px;
      font-size: 3.5rem
  }
}

body.page-template-page-angle .content-lg h4,
body.page-template-page-angle .content-lg .h4 {
  font-size: 30px;
  font-size: 3rem
}

body.page-template-page-angle .content-lg h5,
body.page-template-page-angle .content-lg .h5 {
  font-size: 20px;
  font-size: 2rem
}

body.page-template-page-angle .angle-header body.page-template-page-fullpage .content-md p,
body.page-template-page-angle .content-md .content-md,
body.page-template-page-angle .content-md p,
body.page-template-page-angle .content-md .p,
body.page-template-page-angle .content-md .angle-header,
body.page-template-page-angle .content-md .angle-header p,
.angle-header body.page-template-page-angle .content-md p {
  font-weight: 300;
  line-height: 1.8em;
  font-family: montserrat, sans-serif;
  font-size: 1.6rem
}

@media(max-width:767px) {
  body.page-template-page-angle .angle-header body.page-template-page-fullpage .content-md p,
  body.page-template-page-angle .content-md .content-md,
  body.page-template-page-angle .content-md p,
  body.page-template-page-angle .content-md .p,
  body.page-template-page-angle .content-md .angle-header,
  body.page-template-page-angle .content-md .angle-header p,
  .angle-header body.page-template-page-angle .content-md p {
      font-size: 1.8rem
  }
}

body.page-template-page-angle .content-md h1,
body.page-template-page-angle .content-md .h1 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 700
}

body.page-template-page-angle .content-md h2,
body.page-template-page-angle .content-md .h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 600
}

body.page-template-page-angle .content-md h3,
body.page-template-page-angle .content-md .h3 {
  font-size: 19px;
  font-size: 1.9rem
}

body.page-template-page-angle .content-md h4,
body.page-template-page-angle .content-md .h4 {
  font-size: 18px;
  font-size: 1.8rem
}

body.page-template-page-angle .content-md h5,
body.page-template-page-angle .content-md .h5 {
  font-size: 16px;
  font-size: 1.6rem
}

ul.breadcrumb {
  position: absolute;
  top: -44px;
  right: 30px
}

ul.breadcrumb li {
  background-image: none!important;
  padding: 0!important;
  font-size: .6em
}

ul.breadcrumb span.divider {
  color: #0077b7;
  font-size: 12px;
  padding: 0 5px
}

.breadcrumb a,
.breadcrumb .active {
  color: #0077b7;
  text-shadow: none
}

.breadcrumb {
  background: 0 0;
  margin-left: 0
}

@media(max-width:1199px) {
  ul.breadcrumb {
      top: -50px
  }
}

@media(max-width:991px) {
  ul.breadcrumb {
      position: absolute;
      top: -130px;
      right: auto;
      left: 6px;
      color: #fff!important
  }
  ul.breadcrumb li a,
  ul.breadcrumb li.active,
  ul.breadcrumb span.divider {
      color: #fff
  }
  .page-id-3098 ul.breadcrumb {
      position: absolute;
      top: -130px;
      right: 0;
      left: auto;
      color: #fff!important
  }
}

@media(max-width:767px) {
  ul.breadcrumb {
      top: -190px
  }
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px
}

.alert h4 {
  margin-top: 0;
  color: inherit
}

.alert .alert-link {
  font-weight: 700
}

.alert>p,
.alert>ul {
  margin-bottom: 0
}

.alert>p+p {
  margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d
}

.alert-success hr {
  border-top-color: #c9e2b3
}

.alert-success .alert-link {
  color: #2b542c
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f
}

.alert-info hr {
  border-top-color: #a6e1ec
}

.alert-info .alert-link {
  color: #245269
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b
}

.alert-warning hr {
  border-top-color: #f7e1b5
}

.alert-warning .alert-link {
  color: #66512c
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442
}

.alert-danger hr {
  border-top-color: #e4b9c0
}

.alert-danger .alert-link {
  color: #843534
}

@-webkit-keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }
  to {
      background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
      background-position: 40px 0
  }
  to {
      background-position: 0 0
  }
}

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
  background-color: #5cb85c
}

.progress-striped .progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
  background-color: #5bc0de
}

.progress-striped .progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
  background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
  background-color: #d9534f
}

.progress-striped .progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)
}

.btn.btn-primary {
  display: inline-block;
  position: relative;
  border-radius: 0;
  color: #44423f;
  border-color: #44423f;
  border-width: 5px;
  border-style: solid;
  font-weight: 700;
  padding: 15px 20px;
  border-radius: 0;
  font-size: 1.8rem;
  text-transform: uppercase;
  background: 0 0;
  font-family: montserrat, sans-serif;
  line-height: normal;
  -webkit-transition: all .1s;
  transition: all .1s
}

.btn.btn-primary.btn-thin {
  border-width: 2px;
  font-weight: 400;
  padding: 10px 20px
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
  background: #44423f;
  color: #fff
}

.btn.btn-primary.btn-primary-inverse {
  border-color: #fff;
  color: #fff
}

.btn.btn-primary.btn-primary-inverse:hover,
.btn.btn-primary.btn-primary-inverse:active {
  background: rgba(255, 255, 255, .6);
  color: #44423f
}

.btn.btn-primary.btn-primary-sm {
  border-width: 3px;
  font-size: 1.2rem
}

.btn.btn-rounded,
#interior .get-started-form_wrapper input.gform_button[type=submit],
#home .get-started-form_wrapper input.gform_button[type=submit],
#interior .get-started-consultation-form_wrapper input.gform_button[type=submit],
#home .get-started-consultation-form_wrapper input.gform_button[type=submit],
.blog-multi article.post .entry .btn.btn-primary {
  background: #1d6ad0;
  color: #fff;
  border-radius: 50px;
  border: 1px solid transparent;
  border-color: #fff;
  padding: 12px 30px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.8rem;
  letter-spacing: 1.2px;
  font-family: source sans pro, montserrat, sans-serif;
  -webkit-transition: all .33s linear;
  transition: all .33s linear
}

.btn.btn-rounded.btn-rounded-md,
#interior .get-started-form_wrapper input.btn-rounded-md.gform_button[type=submit],
#home .get-started-form_wrapper input.btn-rounded-md.gform_button[type=submit],
#interior .get-started-consultation-form_wrapper input.btn-rounded-md.gform_button[type=submit],
#home .get-started-consultation-form_wrapper input.btn-rounded-md.gform_button[type=submit],
.blog-multi article.post .entry .btn.btn-rounded-md.btn-primary {
  padding: 8px 20px
}

.btn.btn-portfolio-semi-custom {
  padding: 0!important;
  background: #abb0b8;
  overflow: hidden;
  margin-right: 10px
}

.btn.btn-portfolio-semi-custom span {
  display: none
}

.btn.btn-portfolio-semi-custom a {
  text-decoration: none!important;
  position: relative;
  display: inline-block;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  background: transparent;
  border-radius: 100px
}

.btn.btn-portfolio-semi-custom a:first-of-type {
  padding: 8px 10px 8px 20px
}

.btn.btn-portfolio-semi-custom a:last-of-type {
  padding: 8px 20px 8px 10px
}

.btn.btn-portfolio-semi-custom a.active-switch {
  padding: 8px 20px;
  background: #2069d0;
  font-weight: 600
}

.btn.btn-portfolio-semi-custom.active-switch-init a {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

.btn.btn-portfolio-specialty {
  font-size: 1.6rem;
  margin: 3px
}

.well {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: #f5f5f5
}

.well.well-inverse {
  background-color: #f9f9f9
}

.well h2 {
  font-family: roboto condensed, sans-serif;
  text-transform: none
}

#content-main {
  min-height: 450px
}

#content-main ul.breadcrumb {
  display: none
}

#content-main p a {
  color: inherit
}

#content-main li a {
  font-family: montserrat, sans-serif;
  color: #50595c;
  font-weight: 400;
  border: none
}

#content-main .side-nav .children {
  display: block
}

#content-main .side-nav .children li a {
  font-size: .95em;
  font-weight: 300;
  border: none
}

ul.unstyled,
ol.unstyled {
  padding-left: 0
}

.alignleft,
.alignright,
.aligncenter,
.alignnone {
  margin-bottom: 30px
}

.alignleft,
.alignright {
  width: 50%
}

.alignleft {
  margin-right: 30px;
  float: left
}

.alignright {
  margin-left: 30px;
  float: right
}

.aligncenter {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  float: none;
  clear: both
}

.alignnone {
  width: auto;
  float: none
}

img.alignleft,
img.alignright,
img.aligncenter,
.alignleft.flash-replaced,
.alignright.flash-replaced,
img.aligncenter {
  display: block;
  width: auto;
  margin-bottom: 15px
}

@media(max-width:767px) {
  .alignleft,
  .alignright,
  .aligncenter {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      float: none
  }
}

#portfolioFeatured .portfolio-featured-wrapper {
  opacity: 0
}

#portfolioFeatured .portfolio-featured-wrapper.flickity-enabled {
  opacity: 1
}

@media(min-width:992px) {
  #portfolioFeatured .portfolio-devices .device {
      width: 28%;
      margin-right: 30px;
      margin-left: 30px
  }
  header .schrader-main-phone .phone-markup .phone-number {
      display: inline-block!important
  }

}

@media(max-width:991px) {
  #portfolioFeatured .portfolio-devices .device {
      width: 90%;
      margin-right: 45px;
      margin-left: 45px
  }
}

#portfolioFeatured ul.portfolio-featured-nav {
  color: #8d8d8d
}

#portfolioFeatured ul.portfolio-featured-nav li {
  padding: 10px 8px
}

#portfolioFeatured ul.portfolio-featured-nav li a {
  text-transform: uppercase;
  text-decoration: none
}

#portfolioFeatured ul.portfolio-featured-nav li.active {
  border-bottom: 2px #bcbcbc solid
}

.page-template-page-angle #portfolioFeatured .flickity-prev-next-button {
  border-radius: 0;
  background-color: transparent!important
}

.page-template-page-angle #portfolioFeatured .flickity-prev-next-button.previous {
  left: -20px
}

.page-template-page-angle #portfolioFeatured .flickity-prev-next-button.next {
  right: -20px
}

.page-template-page-angle #portfolioFeatured .flickity-prev-next-button svg path.arrow {
  fill: #333!important
}

body.page-template-page-angle header:before {
  content: '';
  opacity: 0;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 150px;
  -webkit-transition: opacity .25s, background .25s;
  transition: opacity .25s, background .25s;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(20%, #fff), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, #fff 0%, #fff 20%, rgba(255, 255, 255, 0) 100%)
}

body.page-template-page-angle.page-scrolled header:before {
  opacity: 1
}

header {
  background: 0 0;
  -webkit-transition: height .5s, background .5s;
  transition: height .5s, background .5s;
  position: fixed;
  height: auto;
  width: 100%;
  z-index: 99
}

header .header-logo-schrader,
header .sf-menu>li>a,
header .schrader-main-phone {
  -webkit-transition: all .5s;
  transition: all .5s
}

@media(max-width:991px) {
  header {
      padding: 10px
  }
}

header .schrader-main-phone {
  font-family: montserrat, sans-serif;
  top: 0;
  position: relative;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  border: 0;
  margin-left: 30px;
  width: auto;
  font-size: inherit
}

@media(max-width:991px) {
  header .schrader-main-phone {
      margin-left: 20px
  }
}

@media(max-width:767px) {
  header .schrader-main-phone {
      padding: 0;
      margin-left: 0
  }
}

header .schrader-main-phone:after {
  position: absolute;
  content: '/';
  border: none;
  color: #fff;
  font-weight: 400;
  width: auto;
  height: auto;
  left: -20px;
  top: 50%;
  margin-top: -.5em;
  font-size: 1.384em
}

@media only screen and (max-width:1199px) {
  header .schrader-main-phone:after {
      left: -14px
  }
}

@media only screen and (max-width:767px) {
  header .schrader-main-phone:after {
      display: none
  }
}

header .schrader-main-phone .phone-message {
  text-transform: uppercase;
  font-weight: 600
}

@media(min-width:768px) {
  header .schrader-main-phone .phone-icon {
      display: none
  }
}

@media(max-width:767px) {
  header .schrader-main-phone .phone-number {
      display: none
  }
}

header .schrader-main-phone .phone-markup {
  color: inherit;
  font-size: inherit;
  line-height: 1.2em;
  padding: 0
}

header .schrader-main-phone .phone-markup .phone-number {
  font-weight: 500!important;
  letter-spacing: initial!important
}

header .schrader-main-phone .phone-markup a:before {
  position: relative;
  display: inline-block;
  content: 'GET STARTED:';
  border: none;
  font-weight: 700;
  width: auto;
  height: auto;
  left: 0;
  top: 0;
  font-size: 1em;
  letter-spacing: initial!important
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  header .schrader-main-phone .phone-markup a:before {
      display: none
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  header .schrader-main-phone .phone-markup a:before {
      display: none
  }
}

@media(max-width:991px) {
  header .schrader-main-phone .phone-markup a:before {
      display: none
  }
}

body.layout--full>.container {
  width: 100%;
  padding: 0
}

body.layout--fixed>.container {
  padding: 0
}

body.layout--fixed>.container:not(.layout--full) .container {
  width: 100%
}

.container .container .container {
  width: 100%
}

/* AQ CHANGES */
/* Scroll */
.scrolldown {
  position: absolute;
  bottom: -220px;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-80px) translateX(-50%) rotate(45deg);
}

.more {
  position: absolute;
  bottom: -132px;
  left: 48.5%;
  width: 40px;
  height: 40px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  opacity: 0.8;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.scrolldown span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  animation: animate 1.5s linear infinite;
  opacity: 0;
}
.scrolldown span:hover {
  cursor: pointer;
}
.scrolldown span:nth-child(1) {
  transform: translate(-15px, -15px);
  animation-delay: -0.4s;
}
.scrolldown span:nth-child(2) {
  transform: translate(0, 0);
  animation-delay: -0.2s;
}
.scrolldown span:nth-child(3) {
  transform: translate(15px, 15px);
  animation-delay: 0s;
}
@keyframes animate {
  0% {
    top: -5px;
    left: -5px;
    opacity: 0;
  }
  25% {
    top: 0px;
    left: 0px;
    opacity: 1;
  }
  50%,
  100% {
    top: 5px;
    left: 5px;
    opacity: 0;
  }
}

/* Scroll two*/
.scrolldowntwo {
  position: absolute;
  bottom: -350px;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-80px) translateX(-50%) rotate(45deg);
}

.moretwo {
  position: absolute;
  bottom: -265px;
  left: 48.5%;
  width: 40px;
  height: 40px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 14px;
  color: #fff !important;
  text-decoration: none;
  opacity: 0.8;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}

@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.scrolldowntwo span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  animation: animate 1.5s linear infinite;
  opacity: 0;
}
.scrolldowntwo span:hover {
  cursor: pointer;
}
.scrolldowntwo span:nth-child(1) {
  transform: translate(-15px, -15px);
  animation-delay: -0.4s;
}
.scrolldowntwo span:nth-child(2) {
  transform: translate(0, 0);
  animation-delay: -0.2s;
}
.scrolldowntwo span:nth-child(3) {
  transform: translate(15px, 15px);
  animation-delay: 0s;
}
@keyframes animate {
  0% {
    top: -5px;
    left: -5px;
    opacity: 0;
  }
  25% {
    top: 0px;
    left: 0px;
    opacity: 1;
  }
  50%,
  100% {
    top: 5px;
    left: 5px;
    opacity: 0;
  }
}

@media only screen and (max-width: 480px) {
  .scroll-down-link { display: none; }}

/* AQ CHANGES */

@media(min-width:768px) {
  .container {
      padding-left: 6vw;
      padding-right: 6vw;
      max-width: 100%
  }
  .container-2x {
      padding-left: 12vw;
      padding-right: 12vw;
      width: 100%
  }
  .container-3x {
      padding-left: 18vw;
      padding-right: 18vw;
      width: 100%
  }
  .container-left-only {
      padding-right: 0
  }
  .container-right-only {
      padding-left: 0
  }
}

.container.layout--full {
  width: 100%
}

.page-content-wrap {
  min-height: 500px
}

.page-content-wrap li {
  text-align: justify
}

.page-content-wrap .container {
  width: auto
}

.overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

@media(max-width:767px) {
  #html {
      margin-top: 0!important
  }
  #wpadminbar {
      display: none!important
  }
  .admin-bar .sidr {
      top: 0!important
  }
}

.mobile-quicklinks {
  margin-bottom: 200px
}

.mobile-quicklinks ul.menu {
  margin: 0;
  padding: 15px;
  list-style: none;
  width: 100%
}

.mobile-quicklinks ul.menu li {
  list-style: none;
  margin-bottom: 4px;
  padding: 0
}

.mobile-quicklinks ul.menu li.h4 {
  display: none
}

.mobile-quicklinks ul.menu li a {
  background: #fff;
  color: #787878;
  border-radius: 0;
  border: 5px solid #e7e7e7;
  padding: 12px 30px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  font-family: montserrat, sans-serif;
  -webkit-transition: all .33s linear;
  transition: all .33s linear;
  width: 100%;
  display: block;
  text-align: center
}

.pagination {
  margin: 0;
  display: block
}

.pagination-top {
  z-index: 99;
  display: block;
  position: relative;
  float: right
}

@media(min-width:768px) {
  .pagination-top {
      margin-top: -58px
  }
}

#content-main .pagination-top ul {
  margin-bottom: 0
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  border-radius: 0;
  *zoom: 1;
  -webkit-box-shadow: none;
  box-shadow: none
}

.pagination ul>li {
  display: inline-block
}

.pagination ul>li>a,
.pagination ul>li>span {
  float: left;
  padding: 3px 12px 5px;
  line-height: 27px;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  background-color: transparent;
  border: none;
  border-left-width: 0;
  color: #42474b;
  font-weight: 500
}

.pagination ul>li>a.has-icon,
.pagination ul>li>span.has-icon {
  padding: 0;
  width: 32px;
  line-height: 34px;
  text-align: center;
  height: 32px;
  color: #42474b;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  margin-bottom: 4px;
  border-radius: 50%!important
}

.pagination ul>li>a.has-icon:hover,
.pagination ul>li>span.has-icon:hover {
  color: #fff;
  background-color: #42474b;
  text-indent: -2px
}

.pagination ul>li:first-child>a.has-icon:hover {
  text-indent: -2px
}

.pagination ul>li:last-child>a.has-icon:hover {
  text-indent: 1px
}

.pagination ul>li>a:hover,
.pagination ul>li>a:focus,
.pagination ul>.active>a,
.pagination ul>.active>span {
  background-color: #f5f5f5
}

.pagination ul>.active>a,
.pagination ul>.active>span {
  color: #999;
  cursor: default
}

.pagination ul>.disabled>span,
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
  color: #999;
  cursor: default;
  background-color: transparent
}

.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
  border-left-width: 1px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px
}

.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px
}

.pagination-centered {
  text-align: center
}

.pagination-right {
  text-align: right
}

.pagination-large ul>li>a,
.pagination-large ul>li>span {
  padding: 11px 19px;
  font-size: 17px
}

.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px
}

.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px
}

.pagination-mini ul>li:first-child>a,
.pagination-small ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px
}

.pagination-mini ul>li:last-child>a,
.pagination-small ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px
}

.pagination-small ul>li>a,
.pagination-small ul>li>span {
  padding: 2px 10px;
  font-size: 11px
}

.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
  padding: 0 6px;
  font-size: 10px
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: ""
}

.pager:after {
  clear: both
}

.pager li {
  display: inline
}

.pager li>a,
.pager li>span {
  display: inline-block;
  padding: 5px 14px;
  background-color: transparent;
  border: none;
  border-radius: 15px
}

.pager li>a:hover,
.pager li>a:focus {
  text-decoration: none;
  background-color: #f5f5f5
}

.pager .next>a,
.pager .next>span {
  float: right
}

.pager .previous>a,
.pager .previous>span {
  float: left
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
  color: #999;
  cursor: default;
  background-color: transparent
}

.header-logo {
  text-align: left;
  display: block;
  height: 40px;
  position: absolute
}

.header-logo.header-logo-schrader {
  margin-top: 20px
}



@media(max-width:991px) {
  .header-logo.header-logo-schrader {
      margin-top: 22px;
      width: 170px;
  }
}

@media(max-width:767px) {
  .header-logo.header-logo-schrader {
      margin-top: 6px
  }
}

@media(max-width:767px) {
  .header-logo {
      position: relative;
      float: left;
      margin-top: 10px
  }
}

.schrader-logo-wrapper {
  font-size: 30px
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  .schrader-logo-wrapper {
      font-size: 24px
  }
}

@media(max-width:1170px) {
  .schrader-logo-wrapper {
      font-size: 24px
  }
}

@media(max-width:991px) {
  .schrader-logo-wrapper {
      font-size: 24px
  }
}

.schrader-logo-wrapper .schrader-logo-type {
  font-size: 1.2666em;
  margin-top: .433em
}

.schrader-logo-text {
  font-weight: 300;
  color: #fff;
  float: left;
  line-height: .4em;
  margin-top: 5px;
  text-transform: uppercase;
  position: relative
}

footer .schrader-logo-text {
  margin-top: 7px;
  color: inherit;
  float: none
}

.schrader-logo {
  position: relative;
  margin-left: .83em;
  margin-right: 1.66em
}

.schrader-logo,
.schrader-logo .box-right,
.schrader-logo:before,
.schrader-logo:after {
  display: block;
  float: left;
  width: .5em;
  height: .5em;
  background: #00aeef
}

.schrader-logo:before,
.schrader-logo:after {
  content: ""
}

.schrader-logo:before {
  margin-left: -.633em
}

.schrader-logo .box-right {
  margin-left: 1.2666em
}

.schrader-logo:after {
  margin-left: .633em;
  background-color: #f7931e;
  margin-top: 4px
}

.portfolio-switcher {
  position: absolute;
  width: 100%;
  bottom: 0;
  -webkit-transition: all .2s;
  transition: all .2s
}

.portfolio-switcher a {
  cursor: pointer;
  text-decoration: none;
  position: relative;
  display: none;
  opacity: 0;
  padding: 0;
  -webkit-transition: all .5s;
  transition: all .5s
}

.portfolio-switcher a.active {
  display: block;
  opacity: 1
}

.portfolio-switcher a.active:after {
  content: '\f0d7';
  font-family: FontAwesome;
  display: inline-block
}

.portfolio-switcher:hover {
  background: #006990
}

.portfolio-switcher:hover a {
  display: block;
  padding: 5px 8px;
  opacity: 1
}

.portfolio-switcher:hover a:hover {
  background: rgba(255, 255, 255, .3)
}

.portfolio-switcher:hover a.active {
  display: none!important;
  opacity: 1
}

@media(max-width:991px) {
  #portfolioFeatured .portfolio-featured-nav {
      display: none
  }
}

.portfolio-specialty-footer {
  padding-top: 100px;
  padding-bottom: 100px;
  width: 65%
}

@media(max-width:1199px) {
  .portfolio-specialty-footer {
      width: 100%
  }
}

@media(max-width:991px) {
  .portfolio-specialty-footer {
      width: 100%
  }
}

@media(max-width:767px) {
  .portfolio-specialty-footer {
      width: 100%
  }
}

#scrolldown {
  position: fixed;
  width: 80px;
  text-align: center;
  background-color: #3377d6;
  color: #fff;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 10px 0 5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(36, 36, 36, .25);
  box-shadow: 0 0 20px rgba(36, 36, 36, .25);
  opacity: 0;
  text-decoration: none!important;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

#scrolldown .scroll-down-arrow-container .scroll-down-arrow {
  fill: #fff;
  width: 30px
}

body.show-scrolldown #scrolldown {
  opacity: 1
}

.schrader-logo-type {
  font-family: schrader-logo-type!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  font-size: 38px;
  line-height: 0;
  margin-top: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.green {
  color: #278c1e
}

.green-inverse {
  background: #4baa42;
  color: #fff;
  padding: 6px 8px
}

.module-green {
  border: solid #4baa42 1px;
  margin-bottom: 16px
}

.module-green .green-inverse {
  margin-top: 0
}

.text-white {
  color: #fff
}

.text-shadow {
  text-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.fw-100 {
  font-weight: 100!important
}

.fw-200 {
  font-weight: 200!important
}

.fw-300 {
  font-weight: 300!important
}

.fw-400 {
  font-weight: 400!important
}

.fw-500 {
  font-weight: 500!important
}

.fw-600 {
  font-weight: 600!important
}

.scroll-down-arrow-container {
  position: absolute;
  top: 88%;
  top: 88vh;
  z-index: 9;
  text-align: center;

  -webkit-transition: opacity 1s ease-in .8s;
  transition: opacity 1s ease-in .8s
}
.scroll-down-text {
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 3px;
  margin-bottom: 4px;
}

@media(max-width:767px) {
  .scroll-down-arrow-container {
      display: none
  }
}

.scroll-down-arrow-container.scroll-down-arrow-center {
  width: 100px;
  left: 50%;
  margin-left: -50px
}

.scroll-down-arrow-container.scroll-down-arrow-left {
  left: 6vw;
  margin-left: 0
}

.scroll-down-arrow-container.scroll-down-arrow-right {
  right: 6vw;
  margin-left: 0
}

.scroll-down-arrow-container .scroll-down-arrow {
  fill: rgba(255, 255, 255, .6);
  width: 40px;
  height: 22px
}

.scroll-down-arrow-container .scroll-down-click {
  text-decoration: none!important
}

.scroll-down-ready.relative .scroll-down-arrow-container {
  position: relative;
  text-align: center;
  top: 0
}



@-webkit-keyframes arrow-bounce {
  0% {
      transform: translateY(0);
      -webkit-transform: translateY(0)
  }
  50% {
      transform: translateY(20%);
      -webkit-transform: translateY(20%)
  }
  100% {
      transform: translateY(0);
      -webkit-transform: translateY(0)
  }
}

@keyframes arrow-bounce {
  0% {
      transform: translateY(0);
      -webkit-transform: translateY(0)
  }
  50% {
      transform: translateY(20%);
      -webkit-transform: translateY(20%)
  }
  100% {
      transform: translateY(0);
      -webkit-transform: translateY(0)
  }
}

@-webkit-keyframes letter-flicker {
  0% {
      opacity: .4
  }
  50% {
      opacity: .9
  }
  100% {
      opacity: .4
  }
}

@keyframes letter-flicker {
  0% {
      opacity: .4
  }
  50% {
      opacity: .9
  }
  100% {
      opacity: .4
  }
}

.svg-icon {
  font-size: 100px;
  margin: 0 auto;
  width: 1em;
  height: 1em;
  position: relative
}

.svg-icon svg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.svg-icon--light {
  color: #fff
}

.svg-icon--light svg * {
  fill: #fff
}

.svg-icon--dark {
  color: #242424
}

.svg-icon--dark svg * {
  fill: #242424
}

.svg-icon--circle {
  border-radius: 100%;
  border-width: .02em;
  border-style: solid
}

.svg-icon--circle--light {
  border-color: #fff
}

.svg-icon--circle--dark {
  border-color: #242424
}

.svg-icon--xs {
  font-size: 60px
}

.svg-icon--sm {
  font-size: 100px
}

.svg-icon--md {
  font-size: 200px
}

.svg-icon--lg {
  font-size: 350px
}

.action-panel {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100vw;
  -webkit-transform: translateX(-150%);
  -ms-transform: translateX(-150%);
  transform: translateX(-150%);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  z-index: 10000
}

.action-panel--menu {
  background: #222;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23)
}

.action-panel--menu .action-panel__wrap {
  background: inherit
}

.action-panel--nav {
  background: #333;
  overflow: auto
}

.action-panel--nav .action-panel__wrap {
  background: inherit
}

.action-panel__button {
  position: relative;
  margin-left: auto;
  margin-right: 8px;
  text-align: center;
  font-size: 24px;
  line-height: 54px;
  padding: 0;
  background: 0 0;
  height: 55px;
  width: 55px;
  border: none;
  color: #fff;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53)
}

.action-panel__button--close {
  -webkit-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  transform: translateX(-100vw)
}

.action-panel__wrap {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  overflow: auto;
  height: 100%;
  position: relative
}

.action-panel__buttonContainer {
  text-align: right;
  margin: 0 -15px
}

.action-panel .btn-block+.btn-block {
  margin-top: 10px
}

@media(max-width:767px) {
  #actionNavMobileContainer.action-panel .action-panel__nav {
      visibility: visible!important;
      height: auto!important;
      padding: 0;
      position: relative;
      width: 100%;
      z-index: 10001
  }
  #actionNavMobileContainer.action-panel .action-panel__nav>ul {
      opacity: 1
  }
  #actionNavMobileContainer.action-panel .action-panel__nav li {
      display: block;
      float: none;
      width: 100%;
      background: 0 0!important
  }
  #actionNavMobileContainer.action-panel .action-panel__nav li a {
      font-size: 17px;
      padding: 1.2em 1em;
      color: #fff;
      white-space: normal
  }
  #actionNavMobileContainer.action-panel .action-panel__nav ul.children {
      -webkit-box-shadow: none;
      box-shadow: none;
      background: #242424;
      width: 100%;
      position: static
  }
  #actionNavMobileContainer.action-panel .action-panel__nav ul.children .children {
      background: #242424
  }
  #actionNavMobileContainer.action-panel .action-panel__nav ul.children li a {
      font-family: inherit;
      font-size: 17px;
      padding: 1.2em 1em;
      color: #fff
  }
}

.action-menu-open .action-panel__button {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

.action-menu-open .action-panel--menu {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.action-menu-nav-open .action-panel--nav {
  -webkit-transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: transform .3s cubic-bezier(.25, .46, .45, .94);
  transition: transform .3s cubic-bezier(.25, .46, .45, .94), -webkit-transform .3s cubic-bezier(.25, .46, .45, .94);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.action-panel.action-panel--scaleDown {
  left: -200vw;
  width: 100vw;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: opacity .25s cubic-bezier(.55, .085, .68, .53), left .25s cubic-bezier(.55, .085, .68, .53), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: opacity .25s cubic-bezier(.55, .085, .68, .53), left .25s cubic-bezier(.55, .085, .68, .53), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), opacity .25s cubic-bezier(.55, .085, .68, .53), left .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), opacity .25s cubic-bezier(.55, .085, .68, .53), left .25s cubic-bezier(.55, .085, .68, .53), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  -webkit-transition-delay: 0s, 0s, .3s;
  transition-delay: 0s, 0s, .3s
}

.action-panel.action-panel--scaleDown .action-panel__button--close {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.action-menu-open .action-panel {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

.action-menu-open .action-panel .action-panel__button {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.action-menu-open .action-panel.action-panel--menu.action-panel--scaleDown {
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0 cubic-bezier(.25, .46, .45, .94), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: opacity 0 cubic-bezier(.25, .46, .45, .94), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), opacity 0 cubic-bezier(.25, .46, .45, .94);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), opacity 0 cubic-bezier(.25, .46, .45, .94), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.action-menu-open .action-panel {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

.action-menu-open .action-panel.action-panel--nav.action-panel--scaleDown {
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0 cubic-bezier(.25, .46, .45, .94), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: opacity 0 cubic-bezier(.25, .46, .45, .94), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), opacity 0 cubic-bezier(.25, .46, .45, .94);
  transition: transform .25s cubic-bezier(.55, .085, .68, .53), opacity 0 cubic-bezier(.25, .46, .45, .94), -webkit-transform .25s cubic-bezier(.55, .085, .68, .53);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

@media(max-width:767px) {
  #header #sidr {
      display: none
  }
}

#actionMenu .btn {
  border: 3px rgba(255, 255, 255, .05) solid;
  border-radius: 100px;
  font-size: 17px;
  padding: 15px;
  background: #2f3034;
  text-transform: uppercase;
  font-family: source sans pro, Helvetica, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  color: #fff;
  line-height: normal;
  -webkit-transition: all .1s;
  transition: all .1s
}

@media(max-width:320px) {
  #actionMenu .btn {
      font-size: 15px
  }
}

.sf-menu {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.sf-menu.sf-active {
  opacity: 1
}

@media(max-width:767px) {
  ul.main-menu {
      width: 100%;
  }
  ul.show-touch-menu {
      display: block!important;
  }
}

.menu-container {
  text-align: right
}

.navbar-contact {
  font-size: 22px;
  color: #000;
  margin-top: 14px;
  display: inline-block
}

@media(min-width:768px) {
  .navbar-contact {
      display: none
  }
}

@media(min-width:768px) {
  .mobile-menu-control {
      display: none
  }
}

@media(max-width:767px) {
  .mobile-button {
      background-color: #242424;
      padding: 10px 15px;
      color: #fff!important;
      text-decoration: none;
      text-align: center;
      border-radius: 200px;
      border: none;
      display: inline-block;
      position: relative;
      height: 45px;
  }
  .mobile-button i {
      font-size: 25px;
      background: #242424
  }
  .mobile-button .phone-markup a {
      color: #fff!important
  }
  .mobile-button:before {
      content: '';
      display: block;
      border-radius: 200px;
      position: absolute;
      background-color: rgba(255, 255, 255, .2);
      position: absolute;
      left: -2px;
      right: -2px;
      top: -2px;
      bottom: -2px;
      z-index: -1
  }
  .mobile-button-left {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      padding: 10px 13px 10px 18px !important
  }
  .mobile-button-left:before {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0
  }
  .mobile-button-right {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      padding: 10px 18px 10px 13px !important
  }
  .mobile-button-right:before {
      left: 0;
      right: -2px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0
  }
}

#sidr {
  vertical-align: top
}

@media only screen and (min-width:768px) {
  #sidr {
      display: inline-block
  }
}

.sf-menu {
  margin: 0;
  list-style: none;
  overflow: visible
}

.sf-menu li {
  background: 0 0;
  white-space: normal;
  height: inherit
}

.sf-menu a {
  border-left: none;
  border-top: none;
  color: #000
}

.sf-menu>li>a,
.sf-arrows>li>a.sf-with-ul {
  padding: 22px 26px 26px
}

.sf-menu>li>a {
  color: #000;
  text-decoration: none;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: .1em
}

.sf-menu>li>a,
.sf-arrows>li>a.sf-with-ul {
  padding: 22px 26px 26px
}

.sf-menu>li>a.sf-with-ul:after {
  border: none!important
}

.sf-menu ul li {
  background: #242424;
  white-space: nowrap
}

.sf-menu ul li>a {
  color: #fff;
  text-decoration: none;
  font-family: myriad-pro-condensed, sans-serif;
  font-size: 1.3em;
  font-weight: 400;
  text-align: left;
  text-indent: 10px;
  padding: 10px 16px 10px 0
}

.sf-menu ul li.sfHover>a {
  background: #0084c6
}

.sf-menu li.last.sfHover ul {
  left: auto;
  right: 0
}

.sf-menu li.last.sfHover ul ul {
  right: 100%
}

.ff-montserrat {
  font-family: montserrat, Helvetica, Arial, sans-serif!important
}

.sidebar-search {
  visibility: hidden
}

.sf-menu {
  float: none;
  margin-right: 0
}

.sf-menu>li>a {
  font-size: inherit
}

.sf-menu>li>a,
.sf-arrows>li>a.sf-with-ul {
  padding: 22px 10px 26px
}

@media only screen and (min-width:768px) {
  .sf-menu>li>ul.children:before {
      position: absolute;
      left: 20px;
      display: block;
      height: 21px;
      top: -16px;
      content: url(../img/bucket-comment-top-black.png)
  }
}

body .main-menu a,
body .main-menu .phone-markup,
body .schrader-main-phone a,
body .schrader-main-phone .phone-markup {
  font-family: montserrat, sans-serif;
  color: #fff;
  font-size: 13px;
  line-height: 1.4em;
  letter-spacing: .1em;
  font-weight: 600
}

@media only screen and (max-width:1170px) {
  body .main-menu a,
  body .main-menu .phone-markup,
  body .schrader-main-phone a,
  body .schrader-main-phone .phone-markup {
      font-size: 12px
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body .main-menu a,
  body .main-menu .phone-markup,
  body .schrader-main-phone a,
  body .schrader-main-phone .phone-markup {
      font-size: 12px
  }
}

@media only screen and (max-width:888px) {
  body .main-menu a,
  body .main-menu .phone-markup,
  body .schrader-main-phone a,
  body .schrader-main-phone .phone-markup {
      font-size: 11px
  }
}

body .main-menu.sf-menu ul li>a,
body .schrader-main-phone.sf-menu ul li>a {
  font-family: roboto condensed, sans-serif;
  font-size: 1.6rem;
  letter-spacing: initial
}

@media(min-width:768px) {
  body .main-menu.sf-menu>li>a,
  body .main-menu .sf-arrows>li>a.sf-with-ul,
  body .main-menu .phone-markup,
  body .schrader-main-phone.sf-menu>li>a,
  body .schrader-main-phone .sf-arrows>li>a.sf-with-ul,
  body .schrader-main-phone .phone-markup {
      padding: 28px 22px 22px
  }
}

@media only screen and (min-width:768px) and (max-width:1170px) {
  body .main-menu.sf-menu>li>a,
  body .main-menu .sf-arrows>li>a.sf-with-ul,
  body .main-menu .phone-markup,
  body .schrader-main-phone.sf-menu>li>a,
  body .schrader-main-phone .sf-arrows>li>a.sf-with-ul,
  body .schrader-main-phone .phone-markup {
      padding: 28px 16px 22px
  }
}

@media(min-width:768px) and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  body .main-menu.sf-menu>li>a,
  body .main-menu .sf-arrows>li>a.sf-with-ul,
  body .main-menu .phone-markup,
  body .schrader-main-phone.sf-menu>li>a,
  body .schrader-main-phone .sf-arrows>li>a.sf-with-ul,
  body .schrader-main-phone .phone-markup {
      padding: 28px 10px 22px
  }
}

@media only screen and (min-width:768px) and (max-width:888px) {
  body .main-menu.sf-menu>li>a,
  body .main-menu .sf-arrows>li>a.sf-with-ul,
  body .main-menu .phone-markup,
  body .schrader-main-phone.sf-menu>li>a,
  body .schrader-main-phone .sf-arrows>li>a.sf-with-ul,
  body .schrader-main-phone .phone-markup {
      padding: 28px 10px 22px
  }
}

@media(min-width:768px) {
  body .main-menu>li,
  body .schrader-main-phone>li {
      width: auto
  }
}

@media(max-width:1199px) and (min-width:768px) {
  body .main-menu>.page_item:last-of-type>.children:before {
      left: auto;
      right: 20px;
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg)
  }
  body .main-menu>.page_item:last-of-type .children {
      right: 0;
      left: auto
  }
  body .main-menu>.page_item:last-of-type .children li a {
      text-align: right;
      padding: 10px 10px 10px 16px;
      text-indent: 0
  }
  body .main-menu>.page_item:last-of-type .children li a.sf-with-ul {
      padding-right: 16px;
      padding-left: 2.5em
  }
  body .main-menu>.page_item:last-of-type .children li a.sf-with-ul:after {
      right: auto;
      left: 1em;
      margin-top: -5px;
      margin-right: -3px;
      border-color: transparent;
      border-right-color: #dfeeff;
      border-right-color: rgba(255, 255, 255, .5);
      margin-left: 0
  }
  body .main-menu>.page_item:last-of-type .children .children {
      right: 100%
  }
}

.searchable-form {
  margin-top: 0;
  margin-bottom: 15px
}

.searchable-form__input {
  background: 0 0;
  border: none;
  border-bottom: 1px solid #fff;
  margin-bottom: 0;
  padding: 2px;
  font-size: 33px;
  color: #fff;
  outline: 0;
  border-radius: 0;
  width: 100%!important;
  margin-left: 0!important
}

.searchable-form__input::-webkit-input-placeholder {
  color: #fff
}

.searchable-form__input::-moz-placeholder {
  color: #fff
}

.searchable-form__input:-ms-input-placeholder {
  color: #fff
}

.searchable-form__input:-moz-placeholder {
  color: #fff
}

.searchable-form__output {
  width: 100%!important;
  margin-left: 0!important
}

.searchable-form__results {
  padding: 0;
  list-style: none;
  background: #222;
  max-height: 33vh;
  overflow: auto;
  display: none;
  margin: 0
}

.searchable-form__results.has-results {
  display: block;
  border: 1px solid #fff;
  border-top: none
}

.searchable-form__results li {
  border-bottom: 1px solid #fff;
  padding: 15px
}

.searchable-form__results li:last-of-type {
  border-bottom: none
}

.searchable-form__results a {
  display: block;
  font-size: 16px;
  border: none;
  color: #fff
}

.searchable-form__results a:hover,
.searchable-form__results a:focus {
  color: #fff
}

.searchable-form__clear {
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  outline: 0;
  font-size: 17px
}

header {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none
}

.sf-menu li {
  position: relative
}

.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99
}

.sf-menu>li {
  float: left
}

.sf-menu li.sfHover>ul {
  display: block
}

.sf-menu a {
  display: block;
  position: relative
}

.sf-menu ul ul {
  top: 0;
  left: 100%
}

.sf-menu {
  float: left;
  margin-bottom: 1em
}

.sf-menu ul {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
  min-width: 12em;
  *width: 12em
}

.sf-menu a {
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1;
  color: #13a
}

.sf-menu li {
  white-space: nowrap;
  *white-space: normal;
  -webkit-transition: background .2s;
  transition: background .2s
}

.sf-menu li.sfHover {
  -webkit-transition: none;
  transition: none
}

.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em
}

.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #dfeeff;
  border-top-color: rgba(255, 255, 255, .5)
}

.sf-arrows>.sfHover>.sf-with-ul:after,
.sf-arrows>li>.sf-with-ul:focus:after {
  border-top-color: #fff
}

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dfeeff;
  border-left-color: rgba(255, 255, 255, .5)
}

.sf-arrows ul .sfHover>.sf-with-ul:after,
.sf-arrows ul li>.sf-with-ul:focus:after {
  border-left-color: #fff
}

.sf-vertical {
  width: 12em
}

.sf-vertical ul {
  left: 100%;
  top: 0
}

.sf-vertical>li {
  float: none
}

.sf-vertical li {
  width: 100%
}

.sf-vertical.sf-arrows>li>.sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dfeeff;
  border-left-color: rgba(255, 255, 255, .5)
}

.sf-vertical.sf-arrows .sfHover>.sf-with-ul:after,
.sf-vertical.sf-arrows li>.sf-with-ul:focus:after {
  border-left-color: #fff
}

#mobile-menu {
  display: none
}

@media only screen and (max-width:767px) {
  #mobile-menu {
      display: block
  }
  .touch-with-ul>a:after {
      position: absolute;
      font-size: 14px;
      top: 50%;
      right: 1em;
      margin-top: -7px;
      content: "\f0d7";
      font-family: FontAwesome;
      font-weight: 400;
      font-style: normal;
      line-height: 1em
  }
  li.touch-with-ul.touch-hover:after>a {
      content: "\f0d8"
  }
  .sidr {
      display: none;
      position: absolute;
      position: fixed;
      top: 0;
      height: 100%;
      z-index: 999999;
      width: 260px;
      overflow-x: none;
      overflow-y: auto;
      font-family: lucida grande, tahoma, verdana, arial, sans-serif;
      font-size: 14px;
      color: #fff;
      background: #333;
      background: -moz-linear-gradient(left, #333 0, #191919 100%);
      background: -webkit-gradient(linear, left top, right top, color-stop(0%, #333), color-stop(100%, #191919));
      background: -webkit-linear-gradient(left, #333 0, #191919 100%);
      background: -o-linear-gradient(left, #333 0, #191919 100%);
      background: -ms-linear-gradient(left, #333 0, #191919 100%);
      background: linear-gradient(to right, #333 0, #191919 100%);
      -pie-background: linear-gradient(left, #333 0, #191919 100%);
      behavior: url(https://cdn.schrader-sites.com/PIE.htc)
  }
  .admin-bar .sidr {
      top: 24px
  }
  .sidr .menu {
      height: auto;
      visibility: visible;
      background: 0 0
  }
  .sidr .sidr-inner {
      padding: 0 0 15px
  }
  .sidr .sidr-inner>p {
      margin-left: 15px;
      margin-right: 15px
  }
  .sidr.right {
      left: auto;
      right: -260px
  }
  .sidr.left {
      left: -260px;
      right: auto
  }
  .sidr h1,
  .sidr h2,
  .sidr h3,
  .sidr h4,
  .sidr h5,
  .sidr h6 {
      font-size: 11px;
      font-weight: 400;
      padding: 0 15px;
      margin: 0 0 5px;
      color: #fff;
      line-height: 24px;
      background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
      background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
      background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
      background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
      background-image: linear-gradient(#4d4d4d, #1a1a1a);
      -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, .2);
      -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, .2);
      box-shadow: 0 5px 5px 3px rgba(0, 0, 0, .2)
  }
  .sidr p {
      font-size: 13px;
      margin: 0 0 12px
  }
  .sidr p a {
      color: rgba(255, 255, 255, .9)
  }
  .sidr>p {
      margin-left: 15px;
      margin-right: 15px
  }
  .sidr ul {
      display: block;
      margin: 0 0 15px;
      padding: 0;
      border-top: 1px solid #1a1a1a;
      border-bottom: 1px solid #4d4d4d
  }
  .sidr li {
      display: block;
      width: 100%;
      margin: 0;
      border-top: 1px solid #4d4d4d;
      border-bottom: 1px solid #1a1a1a;
      background: 0 0
  }
  .sidr .sf-menu {
      float: none;
      width: 100%
  }
  .sidr .sf-menu>li {
      width: auto;
      float: none;
      line-height: 16px
  }
  .sidr li.sidr-class-active {
      line-height: 17px
  }
  .sidr li.sidr-class-active>a {
      -webkit-box-shadow: inset 0 0 15px 3px #222;
      -moz-box-shadow: inset 0 0 15px 3px #222;
      box-shadow: inset 0 0 15px 3px #222
  }
  .sidr li a {
      text-align: left;
      padding: 10px 30px 10px 15px;
      display: block;
      text-decoration: none;
      color: #fff
  }
  .sidr .sf-menu li ul {
      border-bottom: 0;
      margin: 0;
      position: relative;
      left: 0;
      width: 100%!important
  }
  .sidr li li {
      font-size: 13px;
      line-height: 17px;
      background: #1e1e1e
  }
  .sidr li li:last-child {
      border-bottom: 0
  }
  .sidr li li a {
      color: #ccc;
      padding-left: 30px
  }
  .sidr .sf-menu ul ul li {
      background: #000
  }
  .sidr li li li a {
      padding-left: 45px
  }
  .sidr form {
      margin: 0 15px
  }
  .sidr label {
      font-size: 13px
  }
  .sidr input[type=date],
  .sidr input[type=datetime],
  .sidr input[type=email],
  .sidr input[type=number],
  .sidr input[type=password],
  .sidr input[type=search],
  .sidr input[type=tel],
  .sidr input[type=text],
  .sidr input[type=time],
  .sidr input[type=url],
  .sidr select,
  .sidr textarea {
      width: 100%;
      font-size: 13px;
      padding: 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0 0 10px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px;
      border: 0;
      background: rgba(0, 0, 0, .1);
      color: rgba(255, 255, 255, .6);
      display: block;
      clear: both
  }
  .sidr input[type=checkbox] {
      width: auto;
      display: inline;
      clear: none
  }
  .sidr input[type=button],
  .sidr input[type=submit] {
      color: #333;
      background: #fff
  }
  .sidr input[type=button]:hover,
  .sidr input[type=submit]:hover {
      background: rgba(255, 255, 255, .9)
  }
}





#sectionContact {
  position: relative;
  height: 100vh;
  background-color: #242424
}

.section.contact .gform_wrapper input.gform_button {
  font-weight: 500;
  font-size: 2.2rem
}

.section.contact .gform_wrapper label.gfield_label {
  font-weight: 500;
  font-size: 2rem
}

@media(min-width:1200px) {
  .footer-form-content {
      padding-left: 75px
  }
}

.fp-bg {
  height: 100%;
  width: 100%;
  position: absolute!important;
  z-index: 0!important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: -webkit-transform .9s ease;
  transition: -webkit-transform .9s ease;
  transition: transform .9s ease;
  transition: transform .9s ease, -webkit-transform .9s ease
}

@media(max-width:767px) {
  .fp-bg {
      background-size: cover;
      background-position: top center;
      -webkit-transform: none!important;
      -ms-transform: none!important;
      transform: none!important;
      height: auto!important
  }
}

@media(max-width:767px) {
  .fp-auto-height {
      min-height: 0!important
  }
}

.fp-auto-height .fp-bg {
  height: auto!important
}

@media(max-width:767px) {
  .fullpage-home .section,
  .fullpage-home .slide {
      min-height: 100vh
  }
  .fullpage-home .section .fp-bg,
  .fullpage-home .slide .fp-bg {
      min-height: 100vh
  }
}

@media(max-width:320px) {
  .fullpage-home .section,
  .fullpage-home .slide {
      min-height: 125vh
  }
  .fullpage-home .section .fp-bg,
  .fullpage-home .slide .fp-bg {
      min-height: 125vh
  }
}



.fullpage-content {
  position: relative;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

@media(max-width:767px) {
  .fullpage-content .btn.btn-primary {
      padding: 7px!important;
      border-width: 3px!important
  }
}

@media(max-width:767px) {
  .fullpage-content hr.aligncenter {
      margin-left: auto;
      margin-right: auto
  }
}


@media(min-width:992px) {
  .content-align-top-md .fullpage-content {
      padding-top: 180px
  }
  .content-align-bottom-md .fullpage-content {
      padding-bottom: 180px
  }
}
.support-page .fullpage-content,.contact-page .fullpage-content{
  padding-top: 230px;
}

@media(max-width:991px) {
  .content-align-top-sm .fullpage-content {
      padding-top: 110px
  }
  .content-align-bottom-sm .fullpage-content {
      padding-bottom: 110px
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),
(min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
  .content-align-middle-sm .fullpage-content {
      padding-top: 130px;

  }
  .content-align-top-sm .fullpage-content {
      padding-top: 110px
  }
  .content-align-top-flex-sm .fullpage-content {
      padding-top: 110px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 50vh
  }
  .content-align-bottom-sm .fullpage-content {
      padding-bottom: 110px
  }
}

@media(min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
  
  .content-align-top-sm .fullpage-content {
      padding-top: 150px
  }
  .content-align-top-flex-sm .fullpage-content {
      padding-top: 110px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 50vh
  }
  .content-align-bottom-sm .fullpage-content {
      padding-top: 150px
  }
}

@media(max-device-width:1024px) and (orientation:landscape),
(max-device-width:1280px) and (orientation:landscape) {
  .content-align-middle-md .fullpage-content {
      padding-top: 0;
      padding-bottom: 0
  }
  .content-align-top-md .fullpage-content {
      padding-top: 110px
  }
  .content-align-bottom-md .fullpage-content {
      padding-bottom: 110px
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  .content-align-middle-xs .fullpage-content {
      padding-top: 0;
      padding-bottom: 0
  }
  .content-align-top-xs .fullpage-content {
      padding-top: 40px;
      padding-top: 40px
  }
  
  .content-align-top-flex-xs .fullpage-content {
      padding-top: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      min-height: 50vh
  }
  .section:first-of-type.content-align-top-xs .fullpage-content {
      padding-top: 80px
  }
  .support-page .fullpage-content, .contact-page .fullpage-content{
      padding-top: 100px;
  }
  .content-align-bottom-xs{
      display: flex;
      align-items: flex-end;
  }
  .content-align-bottom-xs .fullpage-content {
      padding-bottom: 40px
  }
}

@media(max-width:320px) {
  .content-align-top-flex-xs .fullpage-content {
      min-height: 62.5vh
  }
}

@media(max-device-width:736px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
  .content-align-middle-xs .fullpage-content {
      padding-top: 0;
      padding-bottom: 0
  }
  .content-align-top-xs .fullpage-content {
      padding-top: 40px
  }
  .content-align-bottom-xs .fullpage-content {
      padding-bottom: 40px
  }
}

.fullpage-content-flex {
  width: 100%
}



body.fullpage-template .main-menu a,
body.fullpage-template #header .schrader-logo-text,
body.fullpage-template .schrader-main-phone,
body.fullpage-template .schrader-main-phone a,
body.fullpage-template .schrader-main-phone:after,
body.fullpage-template .phone-markup,
body.fullpage-template .phone-markup:before,
body.fullpage-template .phone-markup:after {
  -webkit-transition: color .33s, opacity .33s;
  transition: color .33s, opacity .33s
}

@media(min-width:768px) {
  body.fullpage-template.slide-light-active .main-menu>li>a {
      color: #333
  }
  body.fullpage-template.slide-light-active #header .schrader-logo-text {
      color: #333
  }
  body.fullpage-template.slide-light-active .schrader-main-phone:after {
      color: #333
  }
  body.fullpage-template.slide-light-active .schrader-main-phone .phone-markup {
      color: #333
  }
  body.fullpage-template.slide-light-active .schrader-main-phone .phone-markup a {
      color: #333
  }
  body.fullpage-template.slide-light-active .schrader-main-phone .phone-markup:before,
  body.fullpage-template.slide-light-active .schrader-main-phone .phone-markup:after {
      color: #333
  }
}

body.fullpage-template header:before {
  content: '';
  opacity: 0;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 150px;
  background: transparent;
  -webkit-transition: opacity .25s, background .25s;
  transition: opacity .25s, background .25s;
  pointer-events: none
}

@media(max-width:767px) {
  body.fullpage-template.slide-header-bg-xs-active header:before {
      opacity: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(20%, #fff), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(to bottom, #fff 0%, #fff 20%, rgba(255, 255, 255, 0) 100%)
  }
  body.fullpage-template.slide-header-bg-xs-active.slide-dark-active header:before {
      opacity: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(#242424), color-stop(20%, #242424), to(rgba(36, 36, 36, 0)));
      background: linear-gradient(to bottom, #242424 0%, #242424 20%, rgba(36, 36, 36, 0) 100%)
  }
}

@media(min-width:768px) and (max-width:991px) {
  body.fullpage-template.slide-header-bg-sm-active header:before {
      opacity: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(20%, #fff), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(to bottom, #fff 0%, #fff 20%, rgba(255, 255, 255, 0) 100%)
  }
  body.fullpage-template.slide-header-bg-sm-active.slide-dark-active header:before {
      opacity: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(#242424), color-stop(20%, #242424), to(rgba(36, 36, 36, 0)));
      background: linear-gradient(to bottom, #242424 0%, #242424 20%, rgba(36, 36, 36, 0) 100%)
  }
}

@media(min-width:992px) {
  body.fullpage-template.slide-header-bg-md-active header:before {
      opacity: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(20%, #fff), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(to bottom, #fff 0%, #fff 20%, rgba(255, 255, 255, 0) 100%)
  }
  body.fullpage-template.slide-header-bg-md-active.slide-dark-active header:before {
      opacity: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(#242424), color-stop(20%, #242424), to(rgba(36, 36, 36, 0)));
      background: linear-gradient(to bottom, #242424 0%, #242424 20%, rgba(36, 36, 36, 0) 100%)
  }
}

@media(max-width:767px) {
  body.fullpage-template header:before {
      opacity: 1;
      height: 80px;
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 36, 36, .8)), color-stop(20%, rgba(36, 36, 36, .7)), to(rgba(36, 36, 36, 0)));
      background: linear-gradient(to bottom, rgba(36, 36, 36, .8) 0%, rgba(36, 36, 36, .7) 20%, rgba(36, 36, 36, 0) 100%)
  }
}

body.fullpage-template #fp-nav {
  top: auto;
  bottom: 35px
}

@media(max-width:767px) {
  body.fullpage-template #fp-nav {
      display: none
  }
}

body.fullpage-template #fp-nav.right {
  right: 0
}

body.fullpage-template #fp-nav ul li {
  width: auto;
  margin: 7px 0;
  height: auto
}

@media(max-width:767px) {
  body.fullpage-template #fp-nav ul li {
      margin: 4px 0
  }
}

body.fullpage-template #fp-nav ul li a {
  color: #fff;
  text-align: right;
  text-transform: lowercase;
  font-family: roboto condensed, sans-serif;
  -webkit-transition: color .33s, opacity .33s;
  transition: color .33s, opacity .33s
}

body.fullpage-template #fp-nav ul li a i {
  width: 50px;
  text-align: center;
  color: rgba(255, 255, 255, .5);
  -webkit-transition: color .33s, opacity .33s;
  transition: color .33s, opacity .33s
}

body.fullpage-template #fp-nav ul li a span {
  left: 110%;
  top: 85%;
  background: #fff
}

body.fullpage-template #fp-nav ul li a.active {
  font-weight: 600
}

body.fullpage-template #fp-nav .fp-nav-scroll {
  text-align: right;
  color: #fff;
  opacity: .5;
  line-height: 100%;
  margin-right: -5%;
  -webkit-transition: all 1s;
  transition: all 1s;
  display: none
}

body.fullpage-template #fp-nav .fp-nav-scroll i {
  font-size: 26px
}

body.fullpage-template.slide-dark-active #fp-nav ul li a {
  color: #fff
}

body.fullpage-template.slide-dark-active #fp-nav ul li a span {
  background: #fff
}

body.fullpage-template.slide-dark-active #fp-nav ul li a i {
  color: rgba(255, 255, 255, .5)
}

body.fullpage-template.slide-dark-active .fp-slidesNav ul li a span {
  background: #fff
}

body.fullpage-template.slide-light-active #fp-nav ul li a {
  color: #636363
}

body.fullpage-template.slide-light-active #fp-nav ul li a span {
  background: #636363
}

body.fullpage-template.slide-light-active #fp-nav ul li a i {
  color: rgba(99, 99, 99, .5)
}

body.fullpage-template.slide-light-active .fp-slidesNav ul li a span {
  background: #333
}

body.fullpage-template.fp-viewing-banner .fp-nav-scroll.fp-nav-up {
  opacity: 0
}

.bg-transparent {
  background-color: transparent!important
}

body.fullpage-template .slide-dark,.support-page,.contact-page {
  color: #fff;
  background-color: #242424
}
.support-page,.contact-page{
      height: 100%;
    min-height: 918px;
}



body.fullpage-template .slide-dark .btn.btn-primary {
  border-color: #fff;
  color: #fff
}

body.fullpage-template .slide-light {
  background-color: #fff
}

body.fullpage-template .fp-section,
body.fullpage-template .fp-section.fp-table,
body.fullpage-template .fp-section .fp-tableCell {
  position: relative;
  overflow: hidden
}

@media(min-width:992px) {
  body.fullpage-template .slide-fade .fp-slide {
      position: absolute!important;
      visibility: visible!important;
      z-index: -1
  }
  body.fullpage-template .slide-fade .fp-slide.active {
      z-index: 1
  }
}

body.fullpage-template .fp-section .fp-heading {
  display: inline-block
}

body.fullpage-template .fp-section .fp-slide-link {
  position: absolute;
  top: 70px;
  bottom: 22%;
  left: 0;
  right: 0
}

@media(max-width:767px) {
  body.fullpage-template .fp-section .fp-slide-link {
      top: 0;
      bottom: 0
  }
}

body.fullpage-template .fp-section .fp-slide-link-left {
  right: 50%
}

body.fullpage-template .fp-section .fp-slide-link-right {
  left: 50%
}

body.fullpage-template .fp-section .fp-slide-link-wistia {
  z-index: 99
}

body.fullpage-template .fp-section .fp-slide-link-wistia .wistia_responsive_padding {
  padding-top: 0!important;
  height: 100%
}

body.fullpage-template .fp-section .fp-slide-link-invisible {
  opacity: 0
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),
(min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
  body.fullpage-template .fp-section .fp-column {
      width: 100%;
      left: 0;
      margin-left: 0
  }
}

@media(max-device-width:736px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
  body.fullpage-template .section {
      /*height: 100vh!important*/
  }
}

.fp-slidesNav.bottom {
  bottom: 15px
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
  .fp-slidesNav.bottom {
      bottom: 15px
  }
}

.fp-slidesNav.bottom ul {
  text-align: center
}

.fp-slidesNav.right {
  top: 50%;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: -40px;
  margin: 0!important;
  left: auto!important
}

.fp-slidesNav.right ul {
  text-align: center
}

.fp-slidesNav ul li a span {
  -webkit-transition: background .33s;
  transition: background .33s
}



@-webkit-keyframes ui-swipe-hand-keyframes {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }
  5% {
      -webkit-transform: rotate(-50deg);
      transform: rotate(-50deg)
  }
  10% {
      -webkit-transform: rotate(-50deg);
      transform: rotate(-50deg)
  }
  20% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }
  100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }
}

@keyframes ui-swipe-hand-keyframes {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }
  5% {
      -webkit-transform: rotate(-50deg);
      transform: rotate(-50deg)
  }
  10% {
      -webkit-transform: rotate(-50deg);
      transform: rotate(-50deg)
  }
  20% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }
  100% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }
}

.ui-slide-swipe {
  display: none;
  pointer-events: none;
  position: fixed;
  top: 50%;
  margin-top: -50px;
  right: 20px;
  width: 100px;
  height: 100px;
  opacity: 0;
  -webkit-transition: all .33s;
  transition: all .33s
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),
(min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
  .ui-slide-swipe {
      display: block
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape),
(min-device-width:1280px) and (max-device-width:800px) and (orientation:landscape) {
  .ui-slide-swipe {
      display: block
  }
}

body.slide-slideshow-active .ui-slide-swipe {
  opacity: 1
}

.ui-slide-swipe svg {
  width: 100%;
  fill: #242424;
  -webkit-transition: all .33s;
  transition: all .33s
}

body.slide-dark-active .ui-slide-swipe svg {
  fill: #fff
}

body.slide-slideshow-active .ui-slide-swipe svg #hand {
  position: relative;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-name: ui-swipe-hand-keyframes;
  animation-name: ui-swipe-hand-keyframes;
  -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-transform-origin: 50% 80% 0;
  -ms-transform-origin: 50% 80% 0;
  transform-origin: 50% 80% 0
}

html #sectionHomeBanner .fp-bg {
  background-image: url(../img/home-banner.jpg)
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),
(min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
  #sectionHomeBanner .fp-bg,
  #sectionHomeBanner .fp-bg {
      background-position: bottom center;
      opacity: .4
  }
}

@media(min-width:768px) and (max-width:991px) {
  #sectionHomeBanner .fp-bg,
  #sectionHomeBanner .fp-bg {
      background-position: bottom center;
      opacity: .4;
      
  }
}

@media(max-device-width:736px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2) {
  #sectionHomeBanner .fp-bg,
  #sectionHomeBanner .fp-bg {
      opacity: .4
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  #sectionHomeBanner .fp-bg,
  #sectionHomeBanner .fp-bg {
      background-position: bottom center;
      opacity: .4
  }
}

@media(max-width:767px) {
  html #sectionHomeBanner .fp-bg {
      background-position: bottom center;
      opacity: .4;
      
  }
  html.webp #sectionHomeBanner .fp-bg {
      
      background-image: url(../img/home-banner-phone_p@50.webp);
  }
  html.no-webp #sectionHomeBanner .fp-bg {
      background-position: bottom center;
      opacity: .4;
      background-image: url(../img/home-banner-phone_p@50.jpg);
  }
}

html #sectionHomeWeb .fp-bg {
  background-image: url(../img/home-web.jpg)
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait),
(min-device-width:800px) and (max-device-width:1280px) and (orientation:portrait) {
  #sectionHomeWeb .fp-bg,
  #sectionHomeWeb .fp-bg {
      background-position: bottom center
  }
}

@media(min-width:768px) and (max-width:991px) {
  #sectionHomeWeb .fp-bg,
  #sectionHomeWeb .fp-bg {
      background-position: bottom center
  }
}

@media(max-device-width:736px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),
(max-width:767px) {
  #sectionHomeWeb .fp-bg {
      background-position: bottom center
  }
}

@media(max-width:767px) {
  html #sectionHomeWeb .fp-bg {
      background-position: bottom center;
	  background-image: url(../img/home-web-phone_p@50.webp)
  }
  html.webp #sectionHomeWeb .fp-bg {

      background-image: url(../img/home-web-phone_p@50.webp)
  }
  html.no-webp #sectionHomeWeb .fp-bg {

      background-image: url(../img/home-web-phone_p@50.jpg)
  }
}

html #sectionHomeSeo .fp-bg {
  background-position: bottom center;
   background-image: url(../img/home-seo.webp);

}
html.webp #sectionHomeSeo .fp-bg {

  background-image: url(../img/home-seo.webp)
}
html.no-webp #sectionHomeSeo .fp-bg {

  background-image: url(../img/home-seo.jpg)
}

@media(max-width:767px) {
  html #sectionHomeSeo .fp-bg {
      background-position: bottom center;
	  background-image: url(../img/home-seo-phone_p@50.webp);
  }
  html.webp #sectionHomeSeo .fp-bg {

      background-image: url(../img/home-seo-phone_p@50.webp)
  }
  html.no-webp #sectionHomeSeo .fp-bg {

      background-image: url(../img/home-seo-phone_p@50.jpg)
  }
}

html #sectionHomeSocial .fp-bg {
  background-position: bottom center;
   background-image: url(../img/home-social.webp)

}
html.webp #sectionHomeSocial .fp-bg {

  background-image: url(../img/home-social.webp)
}
html.no-webp #sectionHomeSocial .fp-bg {

  background-image: url(../img/home-social.jpg)
}

@media(max-width:767px) {
  html #sectionHomeSocial .fp-bg {
      background-position: bottom center;
  }
  html.webp #sectionHomeSocial .fp-bg {

      background-image: url(../img/home-social-phone_p@50.webp)
  }
  html.no-webp #sectionHomeSocial .fp-bg {

      background-image: url(../img/home-social-phone_p@50.jpg)
  }
}

html #sectionHomeContact .fp-bg {
  background-position: top center;
  opacity: .7;
   background-image: url(../img/home-contact.webp);
   min-height: 918px;
}
html.webp #sectionHomeContact .fp-bg {

  background-image: url(../img/home-contact.webp);
  min-height: 918px;

}
html.no-webp #sectionHomeContact .fp-bg {

  background-image: url(../img/home-contact.jpg);

}

@media(max-width:767px) {
  html #sectionHomeContact .fp-bg {
      background-position: bottom center;
      opacity: .4;
	  height: 850px !important;
	  
  }
  html.webp #sectionHomeContact .fp-bg {

      background-image: url(../img/home-contact-phone_p@50.webp);

  }
  html.no-webp #sectionHomeContact .fp-bg {

      background-image: url(../img/home-contact-phone_p@50.jpg);

  }
}




#sectionHomeBanner {
  height: 100%;
  padding-bottom:2em;
}

#sectionHomeBanner .h1.banner-text-lg {
  font-size: 108px;
  font-size: 10.8rem;
  font-weight: 400;
  margin: 0;
  line-height: .9em;
  letter-spacing: -2px
}

#sectionHomeBanner .banner-text-sm {
  margin-top: 0;
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: 400
}

#sectionHomeBanner .home-banner-content {
  width: 595px;
  padding-left: 15px;
  padding-right: 15px
}

@media(max-width:1199px) {
  #sectionHomeBanner .home-banner-content {
      width: 500px
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape),
(min-device-width:1280px) and (max-device-width:800px) and (orientation:landscape) {
  #sectionHomeBanner .home-banner-content {
      width: 410px
  }
}

@media(max-width:991px) {
  #sectionHomeBanner .home-banner-content {
      width: 410px
  }
}

@media(max-width:767px) {
  #sectionHomeBanner .home-banner-content {
      width: 100%
  }
}

#sectionHomeBanner .home-banner-content h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 117px;
  margin-left: -.077em
}

@media(max-width:1199px) {
  #sectionHomeBanner .home-banner-content h1 {
      font-size: 100px
  }
}

@media(min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape),
(min-device-width:1280px) and (max-device-width:800px) and (orientation:landscape) {
  #sectionHomeBanner .home-banner-content h1 {
      font-size: 82px
  }
}

@media(max-width:991px) {
  #sectionHomeBanner .home-banner-content h1 {
      font-size: 82px
  }
}

@media(max-width:767px) {
  #sectionHomeBanner .home-banner-content h1 {
      font-size: 70px
  }
}

#sectionHomeBanner .home-banner-content h1 span.banner-title-sm {
  font-size: .256em;
  font-weight: 300;
  margin-left: .33em
}

#sectionHomeBanner .home-banner-buttons .btn.btn-primary {
  border-color: rgba(255, 255, 255, .7);
  background-color: rgba(255, 255, 255, .1);
  color: #fff;
  padding: 10px 15px;
  font-size: 1.6rem;
  border-width: 1px;
  font-weight: 500;
  margin: 6px 4px!important
}

#sectionHomeBanner .home-banner-buttons .btn.btn-primary:hover {
  background-color: #44423f
}

.type-in span {
  opacity: 0;
  -webkit-transition: all .25s linear;
  transition: all .25s linear
}

.anim-1 {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

.anim-1 svg.process-arrow path {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

.no-supports .anim-1 svg.process-arrow path {
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}

.anim-1 svg.process-arrow .arrow-head {
  -webkit-transition-delay: .85s;
  transition-delay: .85s
}

.anim-1 .anim-letter-flicker span:nth-child(1) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s
}

.anim-1 .anim-letter-flicker span:nth-child(2) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s
}

.anim-1 .anim-letter-flicker span:nth-child(3) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s
}

.anim-1 .anim-letter-flicker span:nth-child(4) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.anim-1 .anim-letter-flicker span:nth-child(5) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s
}

.anim-1 .anim-letter-flicker span:nth-child(6) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s
}

.anim-1 .anim-letter-flicker span:nth-child(7) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s
}

.anim-1 .anim-letter-flicker span:nth-child(8) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s
}

.anim-2 {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.anim-2 svg.process-arrow path {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.no-supports .anim-2 svg.process-arrow path {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}

.anim-2 svg.process-arrow .arrow-head {
  -webkit-transition-delay: 1.35s;
  transition-delay: 1.35s
}

.anim-2 .anim-letter-flicker span:nth-child(1) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.anim-2 .anim-letter-flicker span:nth-child(2) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s
}

.anim-2 .anim-letter-flicker span:nth-child(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

.anim-2 .anim-letter-flicker span:nth-child(4) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s
}

.anim-2 .anim-letter-flicker span:nth-child(5) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s
}

.anim-2 .anim-letter-flicker span:nth-child(6) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s
}

.anim-2 .anim-letter-flicker span:nth-child(7) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s
}

.anim-2 .anim-letter-flicker span:nth-child(8) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s
}

.fp-completely [class*=anim-down],
.fp-completely [class*=anim-up],
.section-viewed [class*=anim-down],
.section-viewed [class*=anim-up] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.fp-completely [class*=anim-fade],
.section-viewed [class*=anim-fade] {
  opacity: 1
}

.fp-completely .type-in span,
.section-viewed .type-in span {
  opacity: 1
}

.fp-completely svg.process-arrow path,
.section-viewed svg.process-arrow path {
  stroke-dashoffset: 0
}

.fp-completely svg.process-arrow .arrow-head,
.section-viewed svg.process-arrow .arrow-head {
  opacity: 1
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(1) {
  -webkit-transition-delay: 0;
  transition-delay: 0
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(2) {
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(3) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(4) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(5) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(6) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(7) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(8) {
  -webkit-transition-delay: .7s;
  transition-delay: .7s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(9) {
  -webkit-transition-delay: .8s;
  transition-delay: .8s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(10) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(11) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(12) {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(13) {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(14) {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(15) {
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(16) {
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(17) {
  -webkit-transition-delay: 1.6s;
  transition-delay: 1.6s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(18) {
  -webkit-transition-delay: 1.7s;
  transition-delay: 1.7s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(19) {
  -webkit-transition-delay: 1.8s;
  transition-delay: 1.8s
}

.type-in span {
  -webkit-transition: all .2s;
  transition: all .2s
}

.type-in span:nth-child(20) {
  -webkit-transition-delay: 1.9s;
  transition-delay: 1.9s
}

svg.process-arrow path {
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 400;
  stroke-dashoffset: 400;
  -webkit-transition: stroke-dashoffset 1s ease-out;
  transition: stroke-dashoffset 1s ease-out
}

svg.process-arrow polygon {
  fill: #fff
}

svg.process-arrow .arrow-head {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.no-supports svg.process-arrow path {
  opacity: 0;
  stroke-dashoffset: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

.no-supports .fp-completely svg.process-arrow path,
.no-supports .section-viewed svg.process-arrow path {
  opacity: 1;
  stroke-dashoffset: 0
}

.slide-dark .fullpage-content p a:not(.btn),
.slide-dark .fullpage-content .p a:not(.btn) {
  color: inherit;
  white-space: nowrap;
  border-bottom: 2px rgba(255, 255, 255, .5) solid;
  text-decoration: none!important;
  -webkit-transition: all .25s;
  transition: all .25s
}

.slide-dark .fullpage-content p a:not(.btn):hover,
.slide-dark .fullpage-content .p a:not(.btn):hover {
  border-bottom-color: #fff
}

.slide-light .fullpage-content p a:not(.btn),
.slide-light .fullpage-content .p a:not(.btn) {
  color: inherit;
  white-space: nowrap;
  border-bottom: 2px rgba(54, 54, 54, .5) solid;
  text-decoration: none!important;
  -webkit-transition: all .25s;
  transition: all .25s
}

.slide-light .fullpage-content p a:not(.btn):hover,
.slide-light .fullpage-content .p a:not(.btn):hover {
  border-bottom-color: #363636
}

a.link-icon:before {
  content: "\f0a9";
  display: inline-block;
  font-family: FontAwesome;
  color: inherit;
  margin-right: 10px
}

.slide-dark,
.content-light {
  color: #fff
}

.slide-dark p,
.slide-dark .p,
.slide-dark h1,
.slide-dark .h1,
.slide-dark h2,
.slide-dark .h2,
.slide-dark h3,
.slide-dark .h3,
.slide-dark h4,
.slide-dark .h4,
.slide-dark h5,
.slide-dark .h5,
.slide-dark h6,
.slide-dark .h6,
.content-light p,
.content-light .p,
.content-light h1,
.content-light .h1,
.content-light h2,
.content-light .h2,
.content-light h3,
.content-light .h3,
.content-light h4,
.content-light .h4,
.content-light h5,
.content-light .h5,
.content-light h6,
.content-light .h6 {
  color: inherit
}

.slide-light,
.content-dark {
  color: #363636
}

.slide-light p,
.slide-light .p,
.slide-light h1,
.slide-light .h1,
.slide-light h2,
.slide-light .h2,
.slide-light h3,
.slide-light .h3,
.slide-light h4,
.slide-light .h4,
.slide-light h5,
.slide-light .h5,
.slide-light h6,
.slide-light .h6,
.content-dark p,
.content-dark .p,
.content-dark h1,
.content-dark .h1,
.content-dark h2,
.content-dark .h2,
.content-dark h3,
.content-dark .h3,
.content-dark h4,
.content-dark .h4,
.content-dark h5,
.content-dark .h5,
.content-dark h6,
.content-dark .h6 {
  color: inherit
}

.fullpage-header-fixed {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(25%, #f9f9f9), to(rgba(229, 229, 229, 0)));
  background: linear-gradient(to bottom, #fff 1%, #f9f9f9 25%, rgba(229, 229, 229, 0) 100%);
  padding-bottom: 60px;
  padding-top: 120px;
  top: 0;
  left: 0;
  z-index: 99;
  display: block;
  width: 100%
}

.fs-50 {
  font-size: 50%
}

.fs-75 {
  font-size: 75%
}

.fs-100 {
  font-size: 100%
}

header {
  opacity: 1
}

.wheel-button-wrap {
  opacity: 1;
  position: relative;
  z-index: 999
}

.wheel-button {
  display: none;
  position: relative;
  width: 54px;
  height: 54px;
  font-size: 27px;
  text-align: center;
  line-height: 1em;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 12px;
  box-sizing: border-box;
  -webkit-transition: background ease .8s;
  transition: background ease .8s
}

.wheel-button.wheelmenu-ready {
  display: block
}

.wheel-button:hover,
.wheel-button:focus {
  color: #fff;
  background: rgba(44, 145, 186, .8)
}

.wheel-button.active {
  color: #fff;
  background: rgba(49, 174, 220, .8)
}

.wheel-button-wrap.ne,
.wheel-button-wrap.nw,
.wheel-button-wrap.sw,
.wheel-button-wrap.se,
.wheel-button-wrap.s,
.wheel-button-wrap.n,
.wheel-button-wrap.e,
.wheel-button-wrap.w {
  position: fixed
}

.wheel-button-wrap.se,
.wheel-button-wrap.sw,
.wheel-button-wrap.s {
  bottom: 15px
}

.wheel-button-wrap.ne,
.wheel-button-wrap.nw,
.wheel-button-wrap.n {
  top: 15px
}

.wheel-button-wrap.nw,
.wheel-button-wrap.sw,
.wheel-button-wrap.w {
  left: 15px
}

.wheel-button-wrap.ne,
.wheel-button-wrap.se,
.wheel-button-wrap.e {
  right: 15px
}

.wheel-button-wrap.s,
.wheel-button-wrap.n {
  left: 50%;
  margin-left: -26px
}

.wheel-button-wrap.e,
.wheel-button-wrap.w {
  top: 50%;
  margin-top: -26px
}

.wheel {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 240px;
  height: 240px;
  visibility: hidden;
  position: relative;
  display: none;
  box-sizing: content-box
}

.wheel li {
  overflow: hidden;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0
}

.wheel li:before,
.wheel li:after {
  content: normal!important
}

.wheel li a,
.wheel li button {
  width: 42px;
  height: 42px;
  margin: 0;
  text-align: center;
  font-size: 18px;
  line-height: 1em;
  display: block;
  border-radius: 50%;
  color: #fff;
  background: rgba(0, 0, 0, .8);
  border: 1px solid #fff;
  box-sizing: border-box
}

.wheel li button,
.wheel li button:focus {
  outline: none
}

.wheel li a.active,
.wheel li button.active,
.wheel li a:focus,
.wheel li button:focus {
  box-shadow: inset 0 0 1px 2px #32c4f3
}


@media (min-width: 768px){
  .contact-today iframe {

      width: 660px!important;
      min-width: inherit!important;
  }
}


.custom-navbar {
  background-color: #071d49;
  top: 0;
}








footer.nb-footer {
  background: #444141;
  font-size: 14px;
}
footer.nb-footer .about {
  margin: 0 auto;

  text-align: center;
}
footer.nb-footer .about p {
  font-size: 13px;
  color: #fff;
  margin-top: 30px;
}
footer.nb-footer .about .social-media {
  margin-top: 15px;
}
footer.nb-footer .about .social-media ul li a {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  font-size: 16px;
  color: #F7931E;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
footer.nb-footer .about .social-media ul li a:hover {
  background: #F7931E;
  color: #fff;
  border-color: #F7931E;
}
footer.nb-footer .footer-info-single {
  margin-top: 30px;
}
footer.nb-footer .footer-info-single .title {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  border-left: 4px solid #F7931E;
  padding-left: 5px;
}
footer.nb-footer .footer-info-single ul li a {
  display: block;
  color: #fff;
  padding: 2px 0;
}
footer.nb-footer .footer-info-single ul li a:hover {
  color: #F7931E;
}
footer.nb-footer .footer-info-single p {
  font-size: 13px;
  line-height: 20px;
  color: #fff;
}
footer.nb-footer .copyright,footer.nb-footer .copyright-template {
  margin-top: 15px;
  background: #000;
  padding: 20px 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
footer.nb-footer .copyright p,footer.nb-footer .copyright-template p {
  margin: 0;
  padding: 0;
}
.list-inline {
  display: -webkit-inline-box;
}
.list-inline li {
  margin: 8px;
}
.footer-logo {
  margin-top: 40px;
  text-align: center;
}
.footer-logo img {
  width: 300px;
}

body.fullpage-template .footer-container {
  background-color: #444141;
}
.footer-container .fullpage-content {
  align-self: flex-end;
  padding-top: 0;
  width: 100%;
}
.nb-footer .container,.template-container {
  max-width: 1140px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .custom-navbar {
      padding-top: 9px;
      padding-bottom: 0px;
  }
  body.page-template {
      padding-top: 75px;
  }
  .nb-footer .container,.template-container {

      padding-left: 30px;
      padding-right: 30px;
    }
  
  footer.nb-footer .copyright{
          margin-top: 220px;
  }
  footer.nb-footer-contact .copyright,footer.nb-footer-support .copyright{
      margin-top: 15px;
  }
  body.fullpage-template .footer-container {

      display: flex;
    }
  
}

@media (min-width: 992px) {
  .custom-navbar .header-logo.header-logo-schrader{
      margin-top: 4px;
  }
}

/* =============================================
   Support Page Form Card
   ============================================= */

.support-form-wrapper {
  max-width: 560px;
  margin: 0;
}

.support-form-card {
  background: #002d7f;
  border-radius: 22px;
  padding: 35px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
  position: relative;
}

.form-header {
  text-align: left;
  margin-bottom: 25px;
}

.form-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ff9500;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.form-icon i {
  color: #fff;
  font-size: 22px;
}

.form-title {
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 22px;
  margin: 0 0 8px 0;
  letter-spacing: 0.5px;
}

.form-subtitle {
  color: #c7d6f5;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

#supportForm {
  display: grid;
  gap: 20px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form-group.full-width {
  grid-column: 1 / -1;
}

#supportForm label {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

#supportForm .required {
  color: #ff9500;
}

#supportForm input,
#supportForm select {
  width: 100%;
  height: 55px;
  background: #ffffff;
  border: none;
  border-radius: 10px;
  padding: 0 16px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  outline: none;
  box-sizing: border-box;
}

#supportForm input::placeholder {
  color: #999;
}

#supportForm input:focus,
#supportForm select:focus {
  box-shadow: 0 0 0 3px rgba(255, 149, 0, 0.3);
}

#supportForm select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23999' d='M0 0l6 6 6-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  cursor: pointer;
}

.consent-group {
  margin-top: 5px;
}

.checkbox-label {
  display: flex !important;
  align-items: center;
  gap: 10px;
  font-weight: 400 !important;
  font-size: 13px !important;
  cursor: pointer;
}

.checkbox-label input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  accent-color: #ff9500;
}

.form-links {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 12px;
  margin-top: -5px;
}

.form-links a {
  color: #c7d6f5;
  text-decoration: underline;
}

.form-links a:hover {
  color: #fff;
}

.form-links .separator {
  color: #c7d6f5;
}

.submit-btn {
  width: 100%;
  height: 55px;
  background: #ff9500;
  border: none;
  border-radius: 10px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background 0.2s ease, transform 0.15s ease;
}

.submit-btn:hover {
  background: #e68600;
  transform: translateY(-1px);
}

.submit-btn:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

.submit-btn i {
  font-size: 14px;
}

.form-status {
  font-size: 14px;
  line-height: 1.5;
  min-height: 0;
  display: none;
}

.form-status.success {
  display: block;
  color: #8df5be;
}

.form-status.error {
  display: block;
  color: #ff7b8b;
}

.form-status.pending {
  display: block;
  color: #c7d6f5;
}

.contact-today {
    width: 100%;
}

@media (max-width: 768px) {
  .support-form-card {
    padding: 24px;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  .support-form-wrapper {
    max-width: 100%;
  }
}
