/* Typography Styles */
#wpadminbar {
  display: none !important;
}
body {
  font-family: 'Catamaran',sans-serif;
}h1, h1 a {
  color: #000000;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  font-size: 31px;
  line-height: 1.1;
  margin: 0 0 25px;
  position: relative;
}h2 {
  color: #000000;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  font-size: 31px;
  line-height: 1.1;
  margin: 0 0 25px;
  position: relative;
}h3 {
  color: #000000;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  font-size: 26px;
  line-height: 1.1;
  margin: 0 0 25px;
}h4 {
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  color: #000000;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5rem;
  margin: 25px 0;
}p {
  font-family: 'Lato',sans-serif;
  color: #000000;
  font-size: 15px;
  margin: 15px 0;
  line-height: 2;
}ul {
  list-style-type: none;
}h1.inner-title {
  font-size: 45px;
  margin-bottom: 10vh;
}h1.inner-title span {
  position: relative;
  display: inline-block;
}h1.inner-title span::after {
  content: " ";
  width: 100%;
  height: 3px;
  background: #000000;
  position: absolute;
  left: 0;
  bottom: calc(-5vh + 2px);
}

/* HEADER & NAVIGATION STYLES */

.header-wrapper {
  position: relative;
}.header-bar {
  background: #000000;
  position: relative;
  z-index: 100;
}.company-name-wrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10vw;
}.company-logo {
  display: inline-block;
  min-width: 55px;
  margin-right: 10px;
}.company-details {
  display: inline-block;
  vertical-align: middle;
}.company-details h1 {
  margin: 0 0 3px;
  line-height: 1;
}.header-company-title a {
  font-family: 'Catamaran',sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 3px;
  color: #FFFFFF;
  margin: 0;
  text-align: unset;
  float: none;
  display: block;
}p.header-company-serviceorder {
  margin: 0;
  font-family: 'Catamaran',sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-transform: uppercase;
  color: #FFFFFF;
}.top-bar {
  background: #000000;
  height: auto;
  line-height: 90px;
}.top-bar-section ul li {
  background: none;
}.top-bar-section li:not(.has-form) a:not(.button) {
  background: none;
  color: #FFFFFF;
  font-family: 'Lato',sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 90px;
  position: relative;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.top-bar-section ul li:hover:not(.has-form)>a,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: none;
  color: #FFFFFF;
  line-height: 90px;
}.top-bar-section .has-dropdown>a:after {
  border-color: rgb(255, 255, 255) transparent transparent transparent;
  top: 45px;
}.top-bar-section li:not(.has-form) a:not(.button)::before {
  content: " ";
  position: absolute;
  left: 13px;
  bottom: 0;
  width: calc(100% - 26px);
  height: 0;
  background: #FFFFFF;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.top-bar-section li.active:not(.has-form) a:not(.button)::before,
.top-bar-section li:not(.has-form) a:not(.button):hover::before {
  height: 10px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::before {
  display: none;
}a.header-phone {
  display: inline-block;
  padding: 8px 22px;
  color: #FFFFFF;
  font-family: 'Catamaran',sans-serif;
  font-size: 19px;
  border: 1px solid #3c3c3c;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}a.header-phone:hover {
  background: #FFFFFF;
  color: #000000;
  border-color: #FFFFFF;
}
/* DESKTOP DROPDOWN STYLES */
@media only screen and (min-width: 1026px) {
.top-bar-section .dropdown {
  background: rgba(0,0,0,.9);
  min-width: 650px;
  text-align: left;
  padding: 30px 30px 30px 50px;
  left: -100px;
}.top-bar-section .dropdown li.page_item {
  width: 50%;
  display: inline-block;
}.top-bar-section ul li ul.dropdown li:nth-child(2n+2) {
  padding-left: 25px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
  background: none;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 35px;
  position: relative;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
  background: none;
  color: #888888;
  line-height: 35px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button)::after {
  content:  " ";
  width: 0;
  height: 1px;
  background: #FFFFFF;
  position: absolute;
  top: 49%;
  left: -10px;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button)::after,
.top-bar-section .dropdown li.active:not(.has-form)>a:not(.button)::after {
  width: 12px;
}
}


/* SLIDER STYLES */

.slider-wrapper {
  position: relative;
}.slider-wrapper::after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255,255,255,0.4);
}.slider-caption {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
}.slider-caption p.caption-name {
  font-family: 'Catamaran',sans-serif;
  font-size: 3vw;
  font-weight: 900;
  text-transform: uppercase;
  color: #000000;
  line-height: .9;
  letter-spacing: 5px;
  margin: 40px 0 10px;
}.slider-caption p.caption-subtitle {
  font-size: 16px;
  font-family: 'Catamaran',sans-serif;
  text-transform: lowercase;
  color: #000000;
  letter-spacing: 5px;
  margin: 0;
  line-height: 1;
}.tagline-bar {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  min-width: 764px;
  background: rgba(85, 85, 85, 0.75);
  z-index: 99;
}.tagline-bar p.located-in {
  display: inline-block;
  float: right;
  margin: 0;
  font-family: 'Lato',sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 1px;
  padding: 20.5px 4%;
}.tagline-bar .scroll-social {
  display: inline-block;
  float: left;
}.scroll-social .scroll-arrow {
  display: inline-block;
  float: left;
  height: 60px;
  width: 50px;
  text-align: center;
  cursor: pointer;
  background: #3e3e3e; /* Old browsers */
  background: -moz-linear-gradient(left, #3e3e3e 50%, #2a2a2a 50%);
  background: -webkit-linear-gradient(left, #3e3e3e 50%,#2a2a2a 50%);
  background: linear-gradient(to right, #3e3e3e 50%,#2a2a2a 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2a2a2a',GradientType=1 );
  margin-left: -25px;
}.scroll-social .scroll-arrow:hover {
  background: #ababab; /* Old browsers */
  background: -moz-linear-gradient(left, #ababab 50%, #b3b3b3 50%);
  background: -webkit-linear-gradient(left, #ababab 50%,#b3b3b3 50%);
  background: linear-gradient(to right, #ababab 50%,#b3b3b3 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#b3b3b3',GradientType=1 );
}.scroll-social .scroll-arrow .fa {
  line-height: 60px;
  color: #FFFFFF;
  font-size: 59px;
}.scroll-social .scroll-arrow:hover .fa {
  color:#000000;
}.scroll-social .header-social {
  display: inline-block;
  float: left;
  background: #FFFFFF;
  padding: 18px 10px;
}.scroll-social .header-social a {
  display: inline-block;
  margin: 0 8px;
}.scroll-social .header-social .fa {
  color: #757575;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.scroll-social .header-social .fa:hover {
  color: #000000;
}.header-inner .scroll-social {
  position: absolute;
  right: 10%;
  z-index: 1;
}

/* GENERAL STYLES */

.row {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}.row.wide {
  max-width: 100rem;
}.row.full {
  max-width: 100%;
}.contain-to-grid {
  background: none !important;
}.contain-to-grid .top-bar {
  max-width: 75em;
}.content-wrapper {
  width: 100%;
  background: #FFFFFF;
}.page-wrapper {
  max-width: 75rem;
  clear: both;
}.flex-box {
  display: flex;
}.vert-center {
  align-items: center;
}.horiz-center {
  justify-content: center;
}.horiz-right {
  justify-content: flex-end;
}.overflow-hidden {
  overflow: hidden;
}.dash::before {
  content: " ";
  width: 13px;
  height: 1px;
  background: #000000;
  position: absolute;
  left: -25px;
  top: 50%;
}.home-bg-1 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img1.jpg);
}.home-bg-2 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img2.jpg);
}.home-bg-3 {
  background: center top / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img3.jpg);
}.about-bg-1 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img1.jpg);
}.about-bg-2 {
  background: center bottom / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img2.jpg);
}.services-bg-1 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img1.jpg);
}.services-bg-2 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img2.jpg);
}.contact-bg {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/themes/ui10/images/contact-img1.jpg);
}.black-bg {
  background: #000000;
}.grey-bg {
  background: #f2f2f2;
}.home-img-grid span {
  display: inline-block;
  width: 50%;
  height: 50%;
  float: left;
}span.home-section2-1 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/themes/ui10/images/home-section2-1.jpg);
}span.home-section2-2 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/themes/ui10/images/home-section2-2.jpg);
}span.home-section2-3 {
  background: right center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/themes/ui10/images/home-section2-3.jpg);
}span.home-section2-4 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/themes/ui10/images/home-section2-4.jpg);
}.home-badges {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/themes/ui10/images/home-img3.jpg);
  padding: 20vh 10.5vw 20vh 5.25vw;
}.home-badge-row:not(:last-child) {
  margin-bottom: 40px;
}.home-badge-icon {
  float: left;
  width: 62px;
  text-align: center;
  align-self: center;
}.home-badge-text {
  display: inline-block;
  width: calc(100% - 62px);
  float: left;
  padding-left: 30px;
}.home-badge-text h3 {
  margin-bottom: 10px;
  color: #FFFFFF;
}.home-badge-text p {
  font-size: 15px;
  margin: 0;
  color: #e0e0e0;
  line-height: 2;
}.footer-wrapper {
  width: 100%;
  background: #FFFFFF;
}.footer-wrapper p {
  font-family: 'Lato',sans-serif;
  font-size: 14px;
}.footer-company-name-wrapper {
  padding-top: 10px;
}.footer-company-title a {
  font-family: 'Catamaran',sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 3px;
  color: #000000;
  margin: 0;
  text-align: unset;
  float: none;
  display: block;
}p.footer-company-serviceorder {
  margin: 0;
  font-family: 'Catamaran',sans-serif;
  font-size: 13px;
  line-height: 1.6;
  text-transform: uppercase;
  color: #000000;
}.footer-address p, .footer-hours p {
  margin: 0;
}.footer-address, .footer-hours {
  padding-left: 4vw;
}.disclaimer {
  padding:30px 0;
  background: #000000;
}.disclaimer p {
  color: #FFFFFF;
}.contactForm  {
  margin-top: 20px;
}.contactForm  label{
  font-weight: bold;
  display: block;
}.contactForm input {
  width: 100%;
  padding: 3px;
  margin-bottom: 5px;
}input.fancyInput[type="text"] {
  font-family: 'Lato',sans-serif;
  padding: 15px 25px;
  font-size: 15px;
  line-height: 1.4;
  height: auto;
  border: none;
  margin-bottom: 5px;
  background: #FFFFFF;
  color: #000000;
  box-shadow: inset 0px 0px 0px 1px #000000;
}input.fancyInput[type="text"]::placeholder, textarea.fancyInput[type="text"]::placeholder {
  color: #000000;
}.contactForm textarea {
  width: 100%;
}textarea.fancyInput[type="text"] {
  font-family: 'Lato',sans-serif;
  padding: 15px 25px;
  font-size: 15px;
  line-height: 1.4;
  height: 100px;
  border: none;
  margin-bottom: 5px;
  background: #FFFFFF;
  color: #000000;
  box-shadow: inset 0px 0px 0px 1px #000000;
}.contactForm .captchaWrapper {
  margin: 0 0 5px;
  padding: 12px 25px;
  font-size: 14px;
  line-height: 1.4;
  height: auto;
  border: none;
  background: #FFFFFF;
  color: #000000;
  font-weight: bold;
  min-height: 0;
  box-shadow: inset 0px 0px 0px 1px #000000;
}.contactForm .captchaWrapper img {
  max-width: 25%;
}.contactForm .captchaWrapper input {
  background: #FFFFFF;
  border: none;
  box-shadow: none;
  display: inline-block;
  width: auto;
  font-size: 14px;
  padding: 0;
  margin: 0 0 0 25px;
  color: #000000;
  font-weight: normal;
}.contactForm .captchaWrapper input::placeholder {
  color: #000000;
}.contactForm .captchaRefresh {
  vertical-align: top;
}.contactForm .submitWrapper {
  text-align: center;
  margin-top: 5px;
}.contactForm .submitWrapper button.submit {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  background-color: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 21px 20px;
  cursor: pointer;
  width: 100%;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.contactForm .submitWrapper button.submit:hover {
  background-color: #888888;
}.emailConfirmation {
  margin: 0 auto;
}.emailConfirmation h1 {
  color: #00CC00;
}.slick-background-wrapper {
  left: 0;
  position: fixed;
  top: 0;
  z-index: -1;
  width: 101% !important;
  overflow: hidden;
}button, .button {
  display: inline-block;
  font-family: 'Catamaran',sans-serif;
  font-weight: 900;
  padding: 25px;
  font-size: 20px;
  background: #000000;
  margin-top: 1.25rem;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}button:hover, button:focus, .button:hover, .button:focus {
  background: #757575;
}.home-cta .button {
  width: calc(50% - 5px);
  padding: 25px 5px;
}.gallery-image {
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.gallery-image:hover {
  box-shadow: 0px 3px 20px rgba(0,0,0,.4);
  -moz-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
}

/* Padding Classes */

.strip-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}.grid-padding {
  padding-left: 10.5vw;
  padding-right: 10.5vw;
}.grid-padding-small {
  padding-left: 5.25vw;
  padding-right: 5.25vw;
}.vertical-padding-xs {
  padding-top: 3vh;
  padding-bottom: 3vh;
}.top-padding-xs {
  padding-top: 3vh;
}.bottom-padding-xs {
  padding-bottom: 3vh;
}.vertical-padding-small {
  padding-top: 6vh;
  padding-bottom: 6vh;
}.top-padding-small {
  padding-top: 6vh;
}.bottom-padding-small {
  padding-bottom: 6vh;
}.vertical-padding-medium {
  padding-top: 7.5vh;
  padding-bottom: 7.5vh;
}.top-padding-medium {
  padding-top: 7.5vh;
}.bottom-padding-medium {
  padding-bottom: 7.5vh;
}.vertical-padding-large {
  padding-top: 10.5vh;
  padding-bottom: 10.5vh;
}.top-padding-large {
  padding-top: 13.5vh;
}.bottom-padding-large {
  padding-bottom: 13.5vh;
}.vertical-padding-x-large {
  padding-top: 13.5vh;
  padding-bottom: 13.5vh;
}.top-padding-x-large {
  padding-top: 13.5vh;
}.bottom-padding-x-large {
  padding-bottom: 13.5vh;
}


/* ANIMATIONS */

.scrollfade, .animated {
  opacity: 0;
  -moz-transition: all 1200ms ease;
  -ms-transition: all 1200ms ease;
  -o-transition: all 1200ms ease;
  -webkit-transition: all 1200ms ease;
  transition: all 1200ms ease;
}.scrollfade.complete,.animated.complete{
  opacity:1;
}.from-bottom.scrollfade {
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.from-bottom.animated {
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.from-bottom.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-bottom.animated.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-top.scrollfade {
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}.from-top.animated {
  -moz-transform: translateY(-30px);
  -webkit-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}.from-top.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-top.animated.complete {
  opacity: 1;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
}.from-left.scrollfade {
  -moz-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}.from-left.animated {
  -moz-transform: translateX(-30px);
  -webkit-transform: translateX(-30px);
  -o-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}.from-left.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-left.animated.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-right.scrollfade {
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -o-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}.from-right.animated {
  -moz-transform: translateX(30px);
  -webkit-transform: translateX(30px);
  -o-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}.from-right.scrollfade.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.from-right.animated.complete {
  opacity: 1;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}.slider-caption.from-bottom.animated {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}.slider-caption.from-bottom.animated.complete {
  -moz-transform: translateY(calc(-50% - 30px));
  -webkit-transform: translateY(calc(-50% - 30px));
  -o-transform: translateY(calc(-50% - 30px));
  -ms-transform: translateY(calc(-50% - 30px));
  transform: translateY(calc(-50% - 30px));
}

/* SLIDE OUT FORM */
.slide-out-wrapper {
  position: fixed;
  top: 50%;
  right: 0;
  background: rgba(0,0,0,.9);
  padding: 50px 70px 70px;
  z-index: 9999;
  font-family: 'Lato',sans-serif;
  -moz-transform: translateX(100%) translateY(-50%);
  -webkit-transform: translateX(100%) translateY(-50%);
  -o-transform: translateX(100%) translateY(-50%);
  -ms-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  -ms-transition: all 1.2s ease;
  -o-transition: all 1.2s ease;
  transition: all 1.2s ease;
}.slide-out-wrapper.active {
  -moz-transform: translateX(0) translateY(-50%);
  -webkit-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%);
  box-shadow: 0px 40px 40px 0px rgba(28, 28, 28, 0.2);
}.slide-out-content h3 {
  font-size: 17px;
  text-transform: uppercase;
  font-family: 'Lato',sans-serif;
  color: #FFFFFF;
  font-weight: normal;
  margin: 0 0 10px;
}.slide-out-form form {
  margin: 0;
}.slide-out-wrapper span.form-toggle {
  position: absolute;
  left: 0;
  top: 50%;
  color: #FFFFFF;
  font-size: 24px;
  width: 50px;
  line-height: 120px;
  text-align: center;
  background: #000000;
  -moz-transform: translateX(-70%) translateY(-50%);
  -webkit-transform: translateX(-70%) translateY(-50%);
  -o-transform: translateX(-70%) translateY(-50%);
  -ms-transform: translateX(-70%) translateY(-50%);
  transform: translateX(-80%) translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 350ms ease;
  -moz-transition: all 350ms ease;
  -ms-transition: all 350ms ease;
  -o-transition: all 350ms ease;
  transition: all 350ms ease;
}.slide-out-wrapper span.form-toggle:hover {
  background: #3d3d3d;
  color: #888888;
}input.slideOutInput[type="text"] {
  font-size: 13px;
  font-family: 'Lato',sans-serif;
  font-weight: normal;
  line-height: 1.4;
  height: auto;
  border: none;
  padding: 19px 25px;
  margin-bottom: 3px;
  box-shadow: none !important;
  background: #000000;
  color: #FFFFFF;    
}.slide-out-form input[type="text"]::placeholder, .slide-out-form .contactForm textarea::placeholder {
  color: #FFFFFF;
}.slide-out-form .contactForm textarea {
  width: 100%;
  line-height: 1.4;
  border: none;
  box-shadow: none !important;
  background: #000000;
  color: #FFFFFF;
  font-family: 'Lato',sans-serif;
  font-weight: normal;
  padding: 10px 25px;
  font-size: 13px;
  height: 90px;
  margin-bottom: 3px;
}.slide-out-form .contactForm .captchaWrapper {
  font-size: 13px;
  line-height: 1.4;
  height: auto;
  border: none;
  box-shadow: none !important;
  background: #000000;
  color: #FFFFFF;
  font-weight: normal;
  margin: 0 0 3px;
  min-height: 0;
  padding: 8px 25px;
}.slide-out-form .contactForm .captchaWrapper input {
  font-family: 'Lato',sans-serif;
  border: none;
  box-shadow: none;
  display: inline-block;
  width: auto;
  font-size: 15px;
  padding: 0 15px;
  margin: 0 0 0 30px;
  color: #FFFFFF;
  background: #000000;
}.slide-out-form .contactForm .captchaWrapper img {
  max-width: 25%;
  -webkit-filter: invert(1);
  filter: invert(1);
}.slide-out-form .contactForm .captchaRefresh {
  vertical-align: top;
}.slide-out-form .contactForm .submitWrapper {
  text-align: center;
  margin-top: 5px;
}.slide-out-form .contactForm .submitWrapper button.submit {
  color: #000000;
  font-weight: normal;
  font-family: 'Lato',sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  background: #FFFFFF;
  border: none;
  text-align: center;
  cursor: pointer;
  padding: 15px;
  width: auto;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}.slide-out-form .contactForm .submitWrapper button.submit:hover {
  background: #3d3d3d;
  color: #FFFFFF;
}
/* END SLIDE OUT FORM */

@media only screen and (min-width: 1921px) {
.slick-slide img {
  width: 100%;
}
}

/* start custom css */
.company-name-wrapper h1, .footer-company-name-wrapper h1 {
    margin: 0;
}
/* end custom css */

@media only screen and (max-width: 1650px) {
.company-name-wrapper {
  padding-right: 5vw;
}.grid-padding {
  padding-left: 5vw;
  padding-right: 5vw;
}.home-badges {
  padding: 15vh 5vw 15vh 2.5vw;
}
}

@media only screen and (max-width: 1400px) {
.company-name-wrapper {
  padding-right: 0;
}
}

@media only screen and (max-width: 1025px) {
.flex-box {
  display: block;
}.grid-padding {
  padding-left: 4vw;
  padding-right: 4vw;
}.slider-wrapper {
  padding: 300px 0;
  background: right top / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/slider-m.jpg);
}.slider-caption {
  position: relative;
  transform: none;
}.slider-caption.from-bottom.animated {
  -moz-transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -o-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
}.slider-caption.from-bottom.animated.complete {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}.slider-caption p.caption-name {
    font-size: 32px;
}.slider-caption p.caption-subtitle {
    margin-bottom: 4vh;
}a.header-phone {
  display: inline-block !important;
  border-color: #000000;
  color: #000000;
}.tagline-bar {
  width: auto;
  min-width: 0;
  left: 50%;
  right: unset;
  bottom: 80px;
}header.header-wrapper.header-inner {
  padding: 100px 0 150px;
  background: #000000;
}.header-inner .company-logo {
  float: none;
  margin: 0 auto 20px;
  display: block;
}.header-inner .company-details {
  text-align: center !important;
}.header-inner .company-details h1 {
  margin-bottom: 10px;
}.header-inner .header-company-title a {
  font-size: 32px;
}.header-inner .header-cta-wrapper {
  text-align: center !important;
}.header-inner a.header-phone {
  border-color: #FFFFFF;
  color: #FFFFFF;
  margin: 40px 0 30px;
}.header-inner .scroll-social {
  bottom: 50px;
}.header-inner .scroll-social .scroll-arrow {
  background: #ababab;
  background: -moz-linear-gradient(left, #c0c0c0 50%, #FFFFFF 50%);
  background: -webkit-linear-gradient(left, #c0c0c0 50%,#FFFFFF 50%);
  background: linear-gradient(to right, #c0c0c0 50%,#FFFFFF 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#FFFFFF',GradientType=1 );
}.header-inner .scroll-social .scroll-arrow .fa {
  color: #000000;
}.mobile-navigation {
  display: block;
  right: 30px;
  position: absolute;
  text-transform: uppercase;
  top: 7%;
  vertical-align: middle;
  width: 55px;
  height: 25px;
  z-index: 999;
}i.toggle-bars {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  height: 24px;
}i.toggle-bars::before {
  content:  " ";
  width: 55px;
  height: 8px;
  background: #000000;
  position: absolute;
}i.toggle-bars::after {
  content:  " ";
  width: 55px;
  height: 8px;
  background: #000000;
  position: absolute;
  top:16px;
}.header-inner i.toggle-bars::before,
.header-inner i.toggle-bars::after  {
  background: #FFFFFF;
}.mobile-navigation .fa-close {
  color: #FFFFFF;
  font-size: 40px;
}.fullwidth-navigation, .header-inner .navigation-wrapper {
  background: #000000;
  position: absolute;
  top: 0;
  z-index: 997;
  width: 100%;
  display: none;
}.fullwidth-navigation .top-bar {
  padding: 10% 0;
  height: auto !important;
  display: block;
  background: #000000;
}.fullwidth-navigation .title-area {
  display: none !important;
}.top-bar-section {
  background: #000000;
  margin-bottom: 10%;
}.fullwidth-navigation .top-bar-section ul {
  position: relative;
  right:0;
  width:100%;
  z-index: 997;
  padding-top: 40px;
}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
  box-shadow:none;
  left: 100%;
}.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button) {
  line-height: 50px;
  text-align: center;
  padding: 0;
  font-size: 20px !important;
}.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li.active:not(.has-form) a:not(.button),
.top-bar-section li.active:not(.has-form) a:not(.button):hover,
.top-bar-section ul li:hover:not(.has-form)>a {
  padding: 0;
  line-height: 50px;
}.top-bar-section .dropdown li:not(.has-form):hover>a:not(.button),
.top-bar-section .dropdown li:not(.has-form) a:not(.button):hover,
.top-bar-section .dropdown li.active:not(.has-form) a:not(.button) {
  background: #000000;
  color: #888888;
}.top-bar-section .has-dropdown > a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: transparent transparent transparent #FFFFFF !important;
  border-top-style: solid;
  margin-top: 0px;
  left: auto;
  right: 0;
  top: 44%;
  margin-right: 15px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}.fullwidth-navigation.active .top-bar-section .has-dropdown.moved>.dropdown {
  box-shadow: none;
  left: 100%;
  border-radius: 0;
  background: #000000;
  padding-bottom: 40px;
}.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
  color: #FFFFFF;
  line-height: 35px !important;
}.top-bar .top-bar-section ul.dropdown li:not(.dropdown) {
  height: 35px;
}.top-bar-section li:not(.has-form) a:not(.button)::before {
  display: none;
}.mobile-social .fa {
  color: #FFFFFF;
  font-size: 20px;
  margin: 0 10px;
}.mobile-menu .header-cta a {
  line-height: 150px;
  width: 150px;
  display: inline-block;
  color: #000000;
  background: #FFFFFF;
  margin-top: 40px;
  font-size: 26px;
}.mobile-text-center {
  text-align: center;
}.dash::before {
  display:none;
}.home-bg-1,
.about-bg-1,
.about-bg-2,
.services-bg-1,
.services-bg-2,
.contact-bg {
  height: 600px !important;
}.home-badges {
  padding: 10vh 15vw;
}.home-badge-row {
  display: block;
}.home-badge-icon {
  display: block;
  float: none;
  margin: 0 auto 20px;
}.home-badge-text {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
}.cta-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}.home-cta .button {
  display: block;
  margin: 0 auto 20px;
  width: 280px;
}.footer-inner {
  text-align: center;
}.footer-company-name-wrapper .company-logo {
  display: block;
  margin: 0 auto 20px;
}.footer-company-title a {
  font-size: 24px;
}.footer-company-name-wrapper {
  padding-bottom: 25px;
}.footer-address, .footer-payment {
  padding-bottom: 25px;
}.disclaimer * {
  text-align: center !important;
}.company-name-wrapper {
    text-align: center;
    padding: 0 15px;
}

/* Optimization Styles */
.slider-wrapper {
    padding: 10vh 0;
    background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/slider-m.jpg);
}header.header-wrapper.header-inner {
    padding: 10vh 0;
}.animated, .scrollfade {
    -moz-transform: translateX(0px) translateY(0px) !important;
    -webkit-transform: translateX(0px) translateY(0px) !important;
    -o-transform: translateX(0px) translateY(0px) !important;
    -ms-transform: translateX(0px) translateY(0px) !important;
    transform: translateX(0px) translateY(0px) !important; 
    opacity: 1;
}
}



@media only screen and (max-width: 767px) {
.slider-wrapper {
  padding: 200px 0 110px;
  min-height: 100vh;
}.tagline-bar {
  bottom: 50px;
}

/* Optimization Styles */
.slider-wrapper {
    min-height: 0;
    padding: 10vh 0 5vh;
    background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/slider-s.jpg);
}header.header-wrapper.header-inner {
    padding: 10vh 0 5vh;
}.slider-caption p.caption-name, .header-inner .header-company-title a {
    font-size: 24px;
    letter-spacing: 0;
    margin-top: 20px;
}.slider-caption p.caption-subtitle {
    letter-spacing: 1px;
}p.header-company-serviceorder {
    margin-bottom: 4vh;
}a.header-phone {
    padding: 15px 30px;
}.header-inner a.header-phone {
    margin: 0;
}.home-bg-1, .about-bg-1, .about-bg-2, .services-bg-1, .services-bg-2, .contact-bg {
    height: 400px !important;
}
}


@media only screen and (max-width: 400px) {
.slider-wrapper {
    background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/slider-xs.jpg);
}.home-bg-1 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img1-s.jpg);
}.about-bg-1 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img1-s.jpg);
}.about-bg-2 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img2-s.jpg);
}.services-bg-1 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img1-s.jpg);
}.services-bg-2 {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/uploads/sites/5080/2021/01/global-img2-s.jpg);
}.contact-bg {
  background: center / cover no-repeat url(https://oxfordfireprotection.com/wp-content/themes/ui10/images/contact-img1-sm.jpg);
}.home-badges {
    background: #2D2D2D;
}
}