/*
================================================================
Import requied css files
================================================================
*/
/*
======================================================================
VARIABLES
======================================================================
*/
/* ===========================================================
 * MIXINS
 * =========================================================== */
.doubleCol {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .doubleCol {
    width: 49%;
  }
}
.tripleCol {
  display: inline-block;
  width: 33%;
  vertical-align: middle;
}
.gradPosition {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
/*
Theme Name: friesenhauling
Theme URI: http://underscores.me/
Author: onPoint
Author URI: https://onpoint.ca
Description: Custom theme developed for Friesen Hauling
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: friesenhauling
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

friesenhauling is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  /*content: '\f001';*/
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  /*content: '\f002';*/
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}

/*
======================================================================
ANIMATIONS
======================================================================
*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
/* SCROLLBAR CUSTOMIZATION */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
  background-color: #000;
}
/* MOBILE MENU ICON */
#nav-icon1 {
  width: 35px;
  height: 45px;
  position: relative;
  margin: 0px auto;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#nav-icon1 span:nth-child(1) {
  top: 7px;
}
#nav-icon1 span:nth-child(2) {
  top: 17px;
}
#nav-icon1 span:nth-child(3) {
  top: 27px;
}
#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
      transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
}
/* MAIN NAVIGATION */
.main-navigation {
  clear: both;
  display: block;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 992px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*
======================================================================
GLOBAL
======================================================================
*/
div[for="form_3_1-element-37"],
div[for="form_3_1-element-41"],
#form_3_1-element-37,
#form_3_1-element-41 {
  margin-top: 54px;
}
div[for="form_3_1-element-13"] {
  visibility: hidden;
}
.custom-btn {
  color: white;
  font-weight: 500;
  background: #D2262A;
  letter-spacing: 2px;
  font-size: 18px;
  padding: 43px 46px;
}
.custom-btn:hover {
  opacity: 0.7;
  color: #fff;
}
img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.grecaptcha-badge {
  visibility: hidden;
}
.background-slide {
  height: 628px;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  .background-slide {
    height: 959px;
    background-position: center;
  }
}
.transform {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.center {
  text-align: center;
}
.paddings {
  padding: 15px 15px 15px 15px;
}
.width-500 {
  max-width: 500px;
  padding-left: 20px;
  padding-right: 20px;
}
.width-800 {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-872 {
  max-width: 872px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-914 {
  max-width: 914px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-977 {
  max-width: 977px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-900 {
  max-width: 900px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-911 {
  max-width: 911px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1500 {
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1401 {
  max-width: 1401px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1476 {
  max-width: 1431px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1700 {
  max-width: 1700px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1670 {
  max-width: 1670px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.width-1600 {
  max-width: 1600px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.white-text {
  color: #fff;
}
html,
body {
  overflow-x: hidden;
  margin: 0;
}
h1 {
  font-family: 'Barlow', sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 26px;
  letter-spacing: 4px;
  text-transform: uppercase;
  margin: 0;
}
h2 {
  font-family: 'Barlow', sans-serif;
  font-weight: 500;
  color: #fff;
  letter-spacing: 4px;
  font-size: 24px;
  margin: 0;
}
@media screen and (min-width: 992px) {
  h2 {
    font-size: 31px;
  }
}
h3 {
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  color: #D2262A;
  margin-bottom: 0px;
  font-size: 24px;
}
@media screen and (min-width: 992px) {
  h3 {
    font-size: 30px;
  }
}
h4 {
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  color: #000;
  margin-bottom: 3px;
  font-size: 18px;
  letter-spacing: 3px;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  h4 {
    font-size: 20px;
  }
}
span {
  font-family: 'Barlow', sans-serif;
}
p,
li,
td {
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: normal;
  color: #fff;
  line-height: 1.6;
}
a {
  color: #000;
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
a:hover,
a:focus {
  text-decoration: none;
  color: #000;
}
.dashicons-menu {
  color: #000;
  font-size: 32px;
  width: 34px;
  height: 30px;
}
#return-to-top {
  position: fixed;
  bottom: 26px;
  right: 20px;
  background: #000;
  width: 40px;
  height: 40px;
  display: block;
  text-decoration: none;
  border-radius: 5px;
  border: 2px solid #000;
  display: none;
  z-index: 9;
}
#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 11px;
  top: 10px;
  font-size: 16px;
}
#return-to-top:hover {
  background: #000;
  opacity: 0.7;
  border: none;
}
#return-to-top:hover i {
  color: #fff;
  left: 13px;
  top: 12px;
}
.button_container {
  display: block;
  position: absolute;
  top: 19%;
  right: 4%;
  height: 27px;
  width: 49px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.button_container:hover {
  opacity: 0.7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
      -ms-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #fff;
}
.button_container.active .middle {
  opacity: 0;
  background: #fff;
  width: 100%;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
      -ms-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #fff;
  width: 100%;
}
.button_container span {
  background: #D2262A;
  border-radius: 60px;
  height: 6px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}
@media screen and (min-width: 992px) {
  .button_container {
    display: none;
  }
}
.overlay {
  position: fixed;
  background: #000;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  -o-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight 0.5s ease forwards;
          animation: fadeInRight 0.5s ease forwards;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  margin-top: 52px;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.overlay .overlay-menu {
  position: relative;
  height: 70%;
  top: 35%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 50px;
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  text-align: center;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  height: 25%;
  height: calc(100% / 4);
  min-height: 40px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
  overflow: hidden;
  font-size: 25px;
  text-transform: uppercase;
  margin-top: 30px;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/*
======================================================================
HEADER
======================================================================
*/
.app-form {
  color: #D2262A;
  border-bottom: 2px solid #D2262A;
  padding-bottom: 6px;
  margin-top: 35px;
  margin-bottom: 18px;
}
.buttonarea input[type="submit"] {
  color: white;
  font-weight: 500;
  background: #D2262A;
  letter-spacing: 2px;
  font-size: 18px;
  text-transform: uppercase;
  border: none;
}
.rmagic .rmrow .rminput ul li label {
  color: #000;
}
.rm_form_field_type_heading {
  color: #D2262A;
  border-bottom: 2px solid #D2262A;
  padding-bottom: 6px;
  margin-top: 35px;
  margin-bottom: 18px;
}
header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10;
  background-color: transparent;
  padding-top: 0px;
  padding-bottom: 26px;
  margin-top: 0px;
}
.sub-header {
  position: relative;
  background-color: #333236;
  padding-bottom: 0px;
  border-top: 1px solid #AEAFB2;
  border-bottom: 1px solid #AEAFB2;
}
@media screen and (min-width: 752px) {
  .sub-header {
    padding-bottom: 16px;
  }
}
.sub-header .button_container {
  top: 31%;
}
@media screen and (min-width: 992px) {
  .sub-header .button_container {
    top: 19%;
  }
}
.sub-header #site-navigation ul li {
  padding-top: 22px;
}
.sub-header #site-navigation ul li a {
  color: #AEAFB2;
}
.sub-header .site-logo {
  padding-top: 13px;
}
[class*="sub-page-"] {
  position: relative;
}
[class*="sub-page-"] .red-grad {
  opacity: 1;
}
@media screen and (min-width: 992px) {
  [class*="sub-page-"] .red-grad {
    opacity: 0.9;
  }
}
[class*="sub-page-"] .slide-content {
  width: 100%;
}
@media screen and (min-width: 992px) {
  [class*="sub-page-"] .slide-content {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  [class*="sub-page-"] .slide-content {
    width: 72%;
  }
}
@media screen and (min-width: 1500px) {
  [class*="sub-page-"] .slide-content {
    width: 59%;
  }
}
[class*="sub-page-"] .slide-content h1 {
  width: 100%;
}
@media screen and (min-width: 992px) {
  [class*="sub-page-"] .slide-content h1 {
    width: 32%;
  }
}
[class*="sub-page-"] .slide-content p {
  font-size: 16px;
  padding-right: 0px;
  padding: 23px 15px;
}
@media screen and (min-width: 992px) {
  [class*="sub-page-"] .slide-content p {
    padding-right: 0px;
    padding-left: 68px;
  }
}
@media screen and (min-width: 1500px) {
  [class*="sub-page-"] .slide-content p {
    padding-right: 0px;
    padding-left: 68px;
  }
}
[class*="sub-page-"][class*="contact"] .links a,
[class*="sub-page-"][class*="contact"] .links p {
  display: block;
  color: #fff;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (min-width: 992px) {
  [class*="sub-page-"][class*="contact"] .links a,
  [class*="sub-page-"][class*="contact"] .links p {
    margin-bottom: 0px;
  }
}
[class*="sub-page-"][class*="contact"] .links a:hover,
[class*="sub-page-"][class*="contact"] .links p:hover {
  color: #fff;
  opacity: 0.7;
}
.site-logo {
  display: inline-block;
  width: 225px;
  vertical-align: top;
  margin-left: 24px;
  padding-top: 9px;
}
@media screen and (min-width: 992px) {
  .site-logo {
    width: 22%;
    padding-top: 32px;
    margin-left: 28px;
  }
}
@media screen and (min-width: 1500px) {
  .site-logo {
    width: 24%;
    padding-top: 32px;
    margin-left: 96px;
  }
}
.site-logo img {
  width: auto;
}
#site-navigation {
  display: inline-block;
  width: 66%;
  vertical-align: top;
}
@media screen and (min-width: 992px) {
  #site-navigation {
    width: 70%;
  }
}
@media screen and (min-width: 1200px) {
  #site-navigation {
    width: 66%;
  }
}
@media screen and (min-width: 1500px) {
  #site-navigation {
    width: 67%;
  }
}
@media screen and (min-width: 1800px) {
  #site-navigation {
    width: 65%;
  }
}
#site-navigation ul {
  float: right;
}
#site-navigation ul li {
  border-top: 8px solid transparent;
  padding-top: 41px;
  margin-left: 71px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#site-navigation ul li:hover {
  border-top: 8px solid #D2262A;
}
@media screen and (min-width: 992px) {
  #site-navigation ul li {
    margin-left: 35px;
  }
}
@media screen and (min-width: 1500px) {
  #site-navigation ul li {
    margin-left: 37px;
  }
}
@media screen and (min-width: 1700px) {
  #site-navigation ul li {
    margin-left: 52px;
  }
}
#site-navigation a {
  font-size: 22px;
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media screen and (min-width: 992px) {
  #site-navigation a {
    font-size: 17px;
  }
}
#site-navigation .current-menu-item,
#site-navigation .current-menu-item:hover {
  border-top: 8px solid #D2262A;
}
.red-grad {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0.9;
  background-color: #D2262A;
  z-index: -1;
}
.slide-content {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .slide-content {
    position: absolute;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .slide-content {
    position: absolute;
    width: 85%;
  }
}
@media screen and (min-width: 1500px) {
  .slide-content {
    position: absolute;
    width: 72%;
  }
}
@media screen and (min-width: 1700px) {
  .slide-content {
    position: absolute;
    width: 59%;
  }
}
.slide-content .slide-info {
  position: relative;
  z-index: 2;
  padding-top: 25px;
  padding-bottom: 17px;
}
.slide-content p {
  font-size: 16px;
}
.slide-content h1,
.slide-content p,
.slide-content .links,
.slide-content .info {
  display: inline-block;
}
.slide-content h1 {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .slide-content h1 {
    width: 39%;
  }
}
.slide-content p,
.slide-content .links,
.slide-content .info {
  border-left: none;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  vertical-align: middle;
  padding-top: 29px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
}
@media screen and (min-width: 992px) {
  .slide-content p,
  .slide-content .links,
  .slide-content .info {
    border-left: 2px solid #fff;
    width: 562px;
    padding-left: 75px;
    padding-top: 26px;
    text-align: left;
    font-size: 16px;
    padding-bottom: 26px;
  }
}
@media screen and (min-width: 1761px) {
  .slide-content p,
  .slide-content .links,
  .slide-content .info {
    width: 626px;
  }
}
.slide-content .links,
.slide-content .info {
  padding-top: 30px;
  padding-bottom: 0px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .slide-content .links,
  .slide-content .info {
    width: auto;
    padding-bottom: 30px;
  }
}
.slide-content .links p,
.slide-content .info p {
  padding: 0;
  display: block;
  width: auto;
  border: none;
}
.slide-content .links p:nth-of-type(4),
.slide-content .info p:nth-of-type(4) {
  margin-top: 42px;
  letter-spacing: 1px;
}
.slide-content .links a,
.slide-content .info a,
.slide-content .links p,
.slide-content .info p {
  display: block;
  color: #fff;
  font-weight: 500;
  margin-bottom: 23px;
}
@media screen and (min-width: 992px) {
  .slide-content .links a,
  .slide-content .info a,
  .slide-content .links p,
  .slide-content .info p {
    margin-bottom: 0px;
  }
}
.slide-content .links a:hover,
.slide-content .info a:hover,
.slide-content .links p:hover,
.slide-content .info p:hover {
  color: #fff;
  opacity: 0.7;
}
.flexslider {
  border: none;
  margin: 0;
}
.flexslider li {
  position: relative;
}
.home-slide {
  display: block;
}
@media screen and (min-width: 992px) {
  .home-slide {
    display: none;
  }
}
.home-slide .bg-img {
  height: 362px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 992px) {
  .home-slide .bg-img {
    height: 959px;
  }
}
.video-contain {
  display: none;
  line-height: 0;
  position: relative;
}
@media screen and (min-width: 992px) {
  .video-contain {
    display: block;
  }
}
.mobile-logo {
  text-align: center;
  margin-top: 87px;
}
.mobile-logo img {
  width: 222px;
}
/*
======================================================================
HOME PAGE
======================================================================
*/
.sideways-text {
  position: relative;
  top: 0;
  font-size: 27px;
  right: 0;
  font-weight: 400;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
  -webkit-transform-origin: unset;
      -ms-transform-origin: unset;
          transform-origin: unset;
  color: #AEAFB2;
  opacity: 0.5;
  border: none;
  border-bottom: 1px solid;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 23px;
  display: none;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .sideways-text {
    display: block;
    position: absolute;
    -webkit-transform: rotate(270deg) translate(0, -100%);
        -ms-transform: rotate(270deg) translate(0, -100%);
            transform: rotate(270deg) translate(0, -100%);
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    font-size: 100px;
    border: 1px solid;
    padding: 22px 51px;
    text-align: left;
  }
}
@media screen and (min-width: 1800px) {
  .sideways-text {
    display: block;
    position: absolute;
    -webkit-transform: rotate(270deg) translate(0, -100%);
        -ms-transform: rotate(270deg) translate(0, -100%);
            transform: rotate(270deg) translate(0, -100%);
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    font-size: 100px;
    border: 1px solid;
    padding: 63px 51px;
    text-align: left;
  }
}
.what-we-do {
  background-color: #333236;
  position: relative;
  padding-top: 17px;
  padding-bottom: 17px;
}
@media screen and (min-width: 992px) {
  .what-we-do {
    padding-top: 35px;
    padding-bottom: 55px;
  }
}
.what-we-do .sideways-text {
  position: relative;
  top: 0;
  font-size: 27px;
  right: 0;
  font-weight: 400;
  -webkit-transform: unset;
      -ms-transform: unset;
          transform: unset;
  -webkit-transform-origin: unset;
      -ms-transform-origin: unset;
          transform-origin: unset;
  color: #AEAFB2;
  opacity: 0.5;
  border: none;
  border-bottom: 1px solid;
  padding: 10px 15px;
  text-transform: uppercase;
  margin-bottom: 23px;
  display: none;
  text-align: center;
}
@media screen and (min-width: 1500px) {
  .what-we-do .sideways-text {
    display: block;
    position: absolute;
    -webkit-transform: rotate(270deg) translate(0, -100%);
        -ms-transform: rotate(270deg) translate(0, -100%);
            transform: rotate(270deg) translate(0, -100%);
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    font-size: 100px;
    border: 1px solid;
    padding: 22px 51px;
    text-align: left;
  }
}
@media screen and (min-width: 1800px) {
  .what-we-do .sideways-text {
    display: block;
    position: absolute;
    -webkit-transform: rotate(270deg) translate(0, -100%);
        -ms-transform: rotate(270deg) translate(0, -100%);
            transform: rotate(270deg) translate(0, -100%);
    -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
            transform-origin: 100% 0;
    font-size: 100px;
    border: 1px solid;
    padding: 63px 51px;
    text-align: left;
  }
}
.what-we-do .width-1700 {
  padding: 0 15px;
}
@media screen and (min-width: 751px) {
  .what-we-do .width-1700 {
    padding: 0 155px;
  }
}
@media screen and (min-width: 992px) {
  .what-we-do .width-1700 {
    padding: 0 15px;
  }
}
.what-we-do .glyphicon {
  color: #fff;
}
.what-we-do img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.what-we-do .flex-control-nav {
  position: unset;
  margin-top: 26px;
}
@media screen and (min-width: 992px) {
  .what-we-do .flex-control-nav {
    margin-top: 0;
  }
}
.what-we-do .flex-control-nav div {
  text-align: left;
}
.what-we-do .flex-control-nav img {
  width: 71px;
}
@media screen and (min-width: 992px) {
  .what-we-do .flex-control-nav img {
    width: 132px;
  }
}
.what-we-do .flex-control-nav .flex-active {
  border: 1px solid #D2262A;
  color: #D2262A;
}
.what-we-do .flex-control-nav .flex-active .red-rule {
  opacity: 1;
}
.what-we-do .flex-control-nav a {
  display: block;
  text-align: left;
  color: #AEAFB2;
  font-size: 20px;
  margin: 0;
  margin-bottom: 12px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 2px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .what-we-do .flex-control-nav a {
    font-size: 37px;
    margin-bottom: 13px;
    padding-left: 16px;
    border: 1px solid transparent;
    position: relative;
  }
}
@media screen and (min-width: 1500px) {
  .what-we-do .flex-control-nav a {
    font-size: 38px;
  }
}
@media screen and (min-width: 1700px) {
  .what-we-do .flex-control-nav a {
    font-size: 53px;
  }
}
.what-we-do .flex-control-nav a .red-rule {
  opacity: 0;
  width: 361px;
  border-bottom: 1px solid #D2262A;
  position: absolute;
  left: -361px;
  top: 41px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .what-we-do .flex-control-nav a .red-rule {
    top: 29px;
  }
}
@media screen and (min-width: 1500px) {
  .what-we-do .flex-control-nav a .red-rule {
    top: 31px;
  }
}
@media screen and (min-width: 1700px) {
  .what-we-do .flex-control-nav a .red-rule {
    top: 41px;
  }
}
.what-we-do .flex-control-nav a:hover {
  cursor: pointer;
}
.what-we-do .gallery-slider {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .what-we-do .gallery-slider {
    width: 39%;
    margin-left: 0px;
    position: relative;
  }
}
@media screen and (min-width: 1500px) {
  .what-we-do .gallery-slider {
    width: 613px;
    margin-left: 165px;
    position: relative;
  }
}
.what-we-do .gallery-slider .mobile-title {
  display: block;
  position: relative;
  z-index: 9;
  background-color: #D2262A;
  color: #fff;
  text-align: center;
  padding: 37px 0;
  letter-spacing: 2px;
}
.what-we-do .gallery-slider .mobile-title:hover {
  opacity: 0.7;
}
@media screen and (min-width: 992px) {
  .what-we-do .gallery-slider .mobile-title {
    display: none;
  }
}
.what-we-do .gallery-slider .custom-btn {
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 992px) {
  .what-we-do .gallery-slider .custom-btn {
    display: block;
  }
}
.what-we-do .flexslider-controls {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  display: none;
}
@media screen and (min-width: 992px) {
  .what-we-do .flexslider-controls {
    width: 51.5%;
    margin-left: 50px;
    display: inline-block;
  }
}
@media screen and (min-width: 1500px) {
  .what-we-do .flexslider-controls {
    width: 30.5%;
    margin-left: 182px;
    display: inline-block;
  }
}
@media screen and (min-width: 1700px) {
  .what-we-do .flexslider-controls {
    width: 36.5%;
    margin-left: 182px;
    display: inline-block;
  }
}
.what-we-do .dots {
  position: absolute;
  bottom: 110px;
  z-index: 2;
  width: 100%;
  display: block;
}
@media screen and (min-width: 992px) {
  .what-we-do .dots {
    display: none;
  }
}
.what-we-do .dots a {
  font-size: 26px;
}
.what-we-do .dots a:nth-of-type(2) {
  position: absolute;
  right: 0;
}
.about-us {
  background-image: url('/wp-content/themes/friesenhauling/images/rocky-background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 34px;
  padding-bottom: 34px;
}
@media screen and (min-width: 992px) {
  .about-us {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
.about-us .width-1500 {
  position: relative;
  z-index: 0;
  padding-top: 43px;
  padding-bottom: 100px;
  max-width: 1365px;
  margin: 0 15px;
}
@media screen and (min-width: 992px) {
  .about-us .width-1500 {
    padding-top: 45px;
    padding-bottom: 180px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1500px) {
  .about-us .width-1500 {
    padding-top: 179px;
    padding-bottom: 180px;
    margin: 0 auto;
  }
}
.about-us .width-1500 .about-info {
  padding-left: 0px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .about-us .width-1500 .about-info {
    padding-left: 216px;
    width: 900px;
  }
}
@media screen and (min-width: 1500px) {
  .about-us .width-1500 .about-info {
    padding-left: 331px;
    width: 1012px;
  }
}
.about-us .width-1500 p {
  color: #000;
}
.about-us .width-1500 p:last-of-type {
  padding-bottom: 67px;
}
.about-us .width-1500 .red-grad {
  background-color: #fff;
}
.about-us .width-1500 .sideways-text {
  right: unset;
  left: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 0.8;
  display: block;
}
@media screen and (min-width: 992px) {
  .about-us .width-1500 .sideways-text {
    -webkit-transform: rotate(270deg) translate(-33%, -226.5%);
        -ms-transform: rotate(270deg) translate(-33%, -226.5%);
            transform: rotate(270deg) translate(-33%, -226.5%);
    font-size: 83px;
    width: 584px;
  }
}
@media screen and (min-width: 1500px) {
  .about-us .width-1500 .sideways-text {
    -webkit-transform: rotate(270deg) translate(0, -246.5%);
        -ms-transform: rotate(270deg) translate(0, -246.5%);
            transform: rotate(270deg) translate(0, -246.5%);
    width: auto;
    font-size: 100px;
    padding: 63px 51px;
  }
}
@media screen and (min-width: 1800px) {
  .about-us .width-1500 .sideways-text {
    -webkit-transform: rotate(270deg) translate(0, -246.5%);
        -ms-transform: rotate(270deg) translate(0, -246.5%);
            transform: rotate(270deg) translate(0, -246.5%);
    width: auto;
    font-size: 100px;
  }
}
.projects {
  background-color: #333236;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (min-width: 1200px) {
  .projects {
    padding-top: 101px;
    padding-bottom: 101px;
  }
}
.projects .width-1401 {
  max-width: 1401px;
}
@media screen and (min-width: 1200px) {
  .projects .width-1401 {
    max-width: 1102px;
  }
}
@media screen and (min-width: 1500px) {
  .projects .width-1401 {
    max-width: 1401px;
  }
}
.projects .project-container {
  border-right: none;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .projects .project-container {
    text-align: left;
    border-right: 1px solid #AEAFB2;
  }
}
.projects .project-grid,
.projects .project-text-link {
  display: inline-block;
  vertical-align: middle;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .projects .project-grid,
  .projects .project-text-link {
    width: 49%;
  }
}
@media screen and (min-width: 1200px) {
  .projects .project-grid,
  .projects .project-text-link {
    width: 49%;
  }
}
.projects .project-text-link {
  width: 15%;
  padding-top: 377px;
  margin-left: -4px;
  border-top: 1px solid #AEAFB2;
  display: none;
}
@media screen and (min-width: 1200px) {
  .projects .project-text-link {
    display: inline-block;
    width: 14.99%;
    padding-top: 375px;
  }
}
@media screen and (min-width: 1500px) {
  .projects .project-text-link {
    display: inline-block;
    width: 15%;
    padding-top: 377px;
  }
}
.projects .project-text-link h2 {
  position: unset;
  border: none;
  padding: 54px 51px;
  padding-left: 0;
  padding-left: 26px;
}
@media screen and (min-width: 1200px) {
  .projects .project-text-link h2 {
    display: block;
    -webkit-transform: rotate(270deg) translate(71%, -3.5%);
        -ms-transform: rotate(270deg) translate(71%, -3.5%);
            transform: rotate(270deg) translate(71%, -3.5%);
    font-size: 74px;
  }
}
@media screen and (min-width: 1500px) {
  .projects .project-text-link h2 {
    -webkit-transform: rotate(270deg) translate(0, -100%);
        -ms-transform: rotate(270deg) translate(0, -100%);
            transform: rotate(270deg) translate(0, -100%);
    font-size: 100px;
  }
}
.projects .project-text-link a {
  display: block;
  padding: 43px 42px;
  margin-right: -2px;
  margin-top: -23px;
}
@media screen and (min-width: 1200px) {
  .projects .project-text-link a {
    margin-top: -154px;
    padding: 43px 22px;
  }
}
@media screen and (min-width: 1500px) {
  .projects .project-text-link a {
    margin-top: -23px;
    padding: 43px 42px;
  }
}
.projects .project-grid {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .projects .project-grid {
    width: 901.89px;
  }
}
@media screen and (min-width: 1500px) {
  .projects .project-grid {
    width: 1156px;
  }
}
.projects .project-grid .project-item {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-bottom: 27px;
}
@media screen and (min-width: 625px) {
  .projects .project-grid .project-item {
    width: 46%;
    margin: 0 10px;
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 1200px) {
  .projects .project-grid .project-item {
    width: 50%;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    display: unset;
    float: left;
  }
}
.projects .project-grid .project-item:hover {
  opacity: 0.7;
}
.projects .project-grid .project-item p {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #D2262A;
  margin: 0;
  width: 100%;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 11px 0;
  padding-left: 11px;
}
@media screen and (min-width: 1200px) {
  .projects .project-grid .project-item p {
    width: 280px;
  }
}
/*
===================================
ABOUT US
===================================
*/
.our-history {
  background-color: #333236;
  position: relative;
  padding-top: 0px;
  padding-bottom: 00px;
}
@media screen and (min-width: 992px) {
  .our-history {
    padding-top: 100px;
    padding-bottom: 109px;
  }
}
.our-history .sideways-text {
  right: unset;
  left: 0;
  -webkit-transform: rotate(270deg) translate(0, -437%);
      -ms-transform: rotate(270deg) translate(0, -437%);
          transform: rotate(270deg) translate(0, -437%);
  padding: 67px 211px;
}
@media screen and (min-width: 1500px) {
  .our-history .sideways-text {
    -webkit-transform: rotate(270deg) translate(0, -457%);
        -ms-transform: rotate(270deg) translate(0, -457%);
            transform: rotate(270deg) translate(0, -457%);
  }
}
@media screen and (min-width: 1700px) {
  .our-history .sideways-text {
    -webkit-transform: rotate(270deg) translate(0, -437%);
        -ms-transform: rotate(270deg) translate(0, -437%);
            transform: rotate(270deg) translate(0, -437%);
  }
}
.our-history .col-sm-4,
.our-history .col-sm-8 {
  padding: 0;
}
.our-history .row:first-of-type .col-sm-4 {
  text-align: center;
}
.our-history .row:first-of-type .col-sm-4 img {
  width: 128px;
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  .our-history .row:first-of-type .col-sm-4 img {
    margin-top: 66px;
  }
}
@media screen and (min-width: 992px) {
  .our-history .row:first-of-type .col-sm-4 img {
    width: 273px;
    margin-top: 65px;
  }
}
.our-history .row:nth-of-type(2) .col-sm-8 {
  padding-top: 30px;
  padding: 15px;
}
@media screen and (min-width: 992px) {
  .our-history .row:nth-of-type(2) .col-sm-8 {
    padding-right: 76px;
  }
}
/*
===================================
WHAT WE DO
===================================
*/
.empty-exca {
  height: 200px;
  padding: 245px 120px;
  border-right: 1.5px solid rgba(174, 175, 178, 0.5);
  opacity: 0.5;
  position: absolute;
  top: 556px;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 1500px) {
  .empty-exca {
    display: block;
    height: 200px;
    padding: 136px 120px;
    border-right: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 556px;
    z-index: 1;
  }
}
@media screen and (min-width: 1700px) {
  .empty-exca {
    display: block;
    height: 200px;
    padding: 245px 120px;
    border-right: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 556px;
    z-index: 1;
  }
}
.empty-exca2 {
  height: 200px;
  padding: 277px 120px;
  border-left: 1.5px solid rgba(174, 175, 178, 0.5);
  opacity: 0.5;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 1500px) {
  .empty-exca2 {
    display: block;
    height: 200px;
    padding: 237px 119.5px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 1700px) {
  .empty-exca2 {
    display: block;
    height: 200px;
    padding: 277px 120px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 1;
  }
}
.empty-site {
  height: 200px;
  padding: 275px 119.5px;
  border-left: 1.5px solid rgba(174, 175, 178, 0.5);
  opacity: 0.5;
  position: absolute;
  top: 82px;
  right: 0;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 1500px) {
  .empty-site {
    display: block;
    height: 200px;
    padding: 138px 119.5px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 220px;
    right: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 1700px) {
  .empty-site {
    display: block;
    height: 200px;
    padding: 276px 119.5px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 82px;
    right: 0;
    z-index: 1;
  }
}
.empty-snow {
  height: 200px;
  padding: 299px 119.5px;
  border-left: 1.5px solid rgba(174, 175, 178, 0.5);
  opacity: 0.5;
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 1500px) {
  .empty-snow {
    display: block;
    height: 200px;
    padding: 163px 119.5px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 139px;
    right: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 1700px) {
  .empty-snow {
    display: block;
    height: 200px;
    padding: 299px 119.5px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 1;
  }
}
.empty-haul {
  display: none;
}
@media screen and (min-width: 1500px) {
  .empty-haul {
    display: block;
    height: 0px;
    padding: 170px 119.5px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 214px;
    right: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 1700px) {
  .empty-haul {
    display: block;
    height: 200px;
    padding: 276px 119.5px;
    border-left: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 77px;
    right: 0;
    z-index: 1;
  }
}
.empty-dem {
  height: 200px;
  padding: 198px 119.5px;
  border-right: 1.5px solid rgba(174, 175, 178, 0.5);
  opacity: 0.5;
  position: absolute;
  top: 131px;
  z-index: 1;
  display: none;
}
@media screen and (min-width: 1500px) {
  .empty-dem {
    display: block;
    height: 0px;
    padding: 58px 120px;
    border-right: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 268px;
    z-index: 1;
  }
}
@media screen and (min-width: 1700px) {
  .empty-dem {
    display: block;
    height: 200px;
    padding: 198px 119.5px;
    border-right: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 131px;
    z-index: 1;
  }
}
.empty-job {
  display: none;
}
@media screen and (min-width: 1500px) {
  .empty-job {
    display: block;
    height: 0px;
    padding: 90px 120px;
    border-right: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 221px;
    z-index: 1;
  }
}
@media screen and (min-width: 1700px) {
  .empty-job {
    display: block;
    height: 200px;
    padding: 226px 119.5px;
    border-right: 1.5px solid rgba(174, 175, 178, 0.5);
    opacity: 0.5;
    position: absolute;
    top: 85px;
    z-index: 1;
  }
}
.reverse {
  background-color: #333236;
  position: relative;
}
.reverse .sideways-text {
  font-size: 73px;
  right: unset;
  left: 0;
  -webkit-transform: rotate(270deg) translate(0, -222%);
      -ms-transform: rotate(270deg) translate(0, -222%);
          transform: rotate(270deg) translate(0, -222%);
  padding: 88px 76px;
  z-index: 4;
  letter-spacing: 0;
}
.reverse .site-text {
  -webkit-transform: rotate(270deg) translate(0, -289%);
      -ms-transform: rotate(270deg) translate(0, -289%);
          transform: rotate(270deg) translate(0, -289%);
  padding: 88px 36px;
  top: -45px;
}
.reverse .snow-text {
  -webkit-transform: rotate(270deg) translate(0, -267.9%);
      -ms-transform: rotate(270deg) translate(0, -267.9%);
          transform: rotate(270deg) translate(0, -267.9%);
  padding: 82px 64.7px;
  top: -15px;
}
.reverse .hauling-text {
  -webkit-transform: rotate(270deg) translate(0, -227.8%);
      -ms-transform: rotate(270deg) translate(0, -227.8%);
          transform: rotate(270deg) translate(0, -227.8%);
  padding: 81px 129px;
  top: 0px;
}
@media screen and (min-width: 1500px) {
  .reverse .hauling-text {
    -webkit-transform: rotate(270deg) translate(0, -227.8%);
        -ms-transform: rotate(270deg) translate(0, -227.8%);
            transform: rotate(270deg) translate(0, -227.8%);
    padding: 81px 129px;
    top: 0px;
  }
}
@media screen and (min-width: 1700px) {
  .reverse .hauling-text {
    -webkit-transform: rotate(270deg) translate(0, -258.8%);
        -ms-transform: rotate(270deg) translate(0, -258.8%);
            transform: rotate(270deg) translate(0, -258.8%);
    padding: 81.8px 167.5px;
    top: 0px;
  }
}
.reverse .width-1476 {
  padding: 0;
  padding-top: 0px;
  padding-bottom: 20px;
  position: relative;
  z-index: 6;
}
@media screen and (min-width: 992px) {
  .reverse .width-1476 {
    padding-bottom: 0;
    padding-top: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .reverse .width-1476 {
    max-width: 998px;
  }
}
@media screen and (min-width: 1700px) {
  .reverse .width-1476 {
    max-width: 1431px;
  }
}
.reverse .reverse-img,
.reverse .reverse-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .reverse .reverse-img,
  .reverse .reverse-info {
    width: 49%;
  }
}
.reverse .reverse-img ul,
.reverse .reverse-info ul {
  padding-left: 17px;
}
.reverse .reverse-img {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .reverse .reverse-img {
    width: 46%;
  }
}
.reverse .reverse-info {
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  .reverse .reverse-info {
    padding-right: 162px;
    padding-left: 65px;
  }
}
@media screen and (min-width: 1500px) {
  .reverse .reverse-info {
    padding-right: 49px;
  }
}
@media screen and (min-width: 1700px) {
  .reverse .reverse-info {
    padding-right: 162px;
  }
}
.forwards {
  background-color: #333236;
  position: relative;
}
.forwards .sideways-text {
  font-size: 73px;
  letter-spacing: 0;
  padding: 73px 76px;
  z-index: 4;
}
.forwards .job-text {
  -webkit-transform: rotate(270deg) translate(0, -96.8%);
      -ms-transform: rotate(270deg) translate(0, -96.8%);
          transform: rotate(270deg) translate(0, -96.8%);
  top: 46px;
  padding: 83px 47px;
}
.forwards .dem-text {
  top: 79px;
  -webkit-transform: rotate(270deg) translate(0, -99.4%);
      -ms-transform: rotate(270deg) translate(0, -99.4%);
          transform: rotate(270deg) translate(0, -99.4%);
  padding: 80px 28px;
}
.forwards .sewer-text {
  padding: 79px 37px;
}
.forwards .width-1476 {
  padding: 0;
  padding-top: 0px;
  padding-bottom: 20px;
  position: relative;
  z-index: 6;
}
@media screen and (min-width: 992px) {
  .forwards .width-1476 {
    padding-bottom: 0px;
    padding-top: 83px;
  }
}
@media screen and (min-width: 1500px) {
  .forwards .width-1476 {
    max-width: 999px;
  }
}
@media screen and (min-width: 1700px) {
  .forwards .width-1476 {
    max-width: 1431px;
  }
}
.forwards .reverse-img,
.forwards .reverse-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .forwards .reverse-img,
  .forwards .reverse-info {
    width: 49%;
  }
}
.forwards .reverse-img ul,
.forwards .reverse-info ul {
  padding-left: 17px;
}
.forwards .reverse-img {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .forwards .reverse-img {
    width: 46%;
  }
}
.forwards .reverse-info {
  padding-right: 15px;
  padding-left: 15px;
}
@media screen and (min-width: 992px) {
  .forwards .reverse-info {
    padding-right: 162px;
    padding-left: 65px;
  }
}
@media screen and (min-width: 1500px) {
  .forwards .reverse-info {
    padding-right: 14px;
  }
}
@media screen and (min-width: 1700px) {
  .forwards .reverse-info {
    padding-right: 162px;
  }
}
#hauling .width-1476 {
  padding-bottom: 76px;
}
@media screen and (min-width: 1500px) {
  #hauling .width-1476 {
    padding-bottom: 137px;
  }
}
@media screen and (min-width: 1700px) {
  #hauling .width-1476 {
    padding-bottom: 76px;
  }
}
/*
===================================
OUR PROJECTS
===================================
*/
.filter {
  background-color: #AEAFB2;
  padding-left: 27px;
  padding-top: 24px;
  padding-bottom: 24px;
}
@media screen and (min-width: 992px) {
  .filter {
    padding-left: 98px;
  }
}
.filter h1 {
  color: #D2262A;
  display: inline-block;
  letter-spacing: 3px;
  padding-right: 104px;
  vertical-align: middle;
}
.filter .cats {
  display: block;
  padding-left: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  vertical-align: middle;
  border-left: none;
}
@media screen and (min-width: 992px) {
  .filter .cats {
    display: inline-block;
    padding-left: 63px;
    border-left: 1px solid #000;
  }
}
.filter .cats h4 {
  letter-spacing: 0;
  font-weight: 400;
  text-transform: none;
  padding-left: 6px;
  padding-bottom: 7px;
}
.filter .cats select {
  background: transparent;
  color: #000;
  font-weight: 400;
  border: 1px solid #000;
  width: 257px;
  padding: 4px 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
}
.filter .cats select:focus {
  -webkit-box-shadow: 0 0 5px #D2262A;
          box-shadow: 0 0 5px #D2262A;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #D2262A;
}
.result {
  position: relative;
  vertical-align: top;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .result {
    width: 50%;
    float: left;
  }
}
@media screen and (min-width: 1500px) {
  .result {
    width: 33.3333%;
    float: left;
  }
}
.result:hover {
  opacity: 0.7;
}
.result p {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #D2262A;
  margin: 0;
  width: 280px;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 11px 0;
  padding-left: 11px;
}
/*
===================================
SINGLE PROJECTS
===================================
*/
.single-project {
  background-color: #333236;
  padding-top: 85px;
  padding-bottom: 85px;
}
.single-project .flexslider {
  background: transparent;
}
.single-project .single-project-gallery,
.single-project .single-project-info {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  .single-project .single-project-gallery,
  .single-project .single-project-info {
    width: 49%;
  }
}
.single-project .single-project-gallery .flex-control-nav {
  display: none;
}
.single-project .single-project-gallery .flex-direction-nav .flex-nav-prev {
  position: absolute;
  top: 50%;
  left: 10px;
}
.single-project .single-project-gallery .flex-direction-nav .flex-nav-prev a {
  z-index: 8;
}
.single-project .single-project-gallery .flex-direction-nav .flex-nav-prev .flex-prev {
  background-image: url('/wp-content/themes/friesenhauling/images/left-arrow.png');
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  opacity: 1;
}
.single-project .single-project-gallery .flex-direction-nav .flex-nav-next {
  position: absolute;
  top: 50%;
  right: 10px;
}
.single-project .single-project-gallery .flex-direction-nav .flex-nav-next a {
  z-index: 8;
}
.single-project .single-project-gallery .flex-direction-nav .flex-nav-next .flex-next {
  background-image: url('/wp-content/themes/friesenhauling/images/right-arrow.png');
  background-repeat: no-repeat;
  background-size: cover;
  right: 0;
  opacity: 1;
}
.single-project .single-project-info {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 29px;
  padding-left: 0px;
  margin-top: 34px;
}
@media screen and (min-width: 992px) {
  .single-project .single-project-info {
    margin-top: 0;
    padding-left: 100px;
  }
}
.single-project .single-project-info h1 {
  color: #D2262A;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 29px;
}
.single-project .single-project-info p:first-of-type {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 18px;
  margin-bottom: 27px;
}
.similar-projects {
  background-color: #AEAFB2;
  padding-top: 50px;
  padding-bottom: 7px;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .similar-projects {
    padding-bottom: 92px;
  }
}
.similar-projects h2 {
  font-weight: 400;
  letter-spacing: 0;
  font-size: 26px;
  margin-bottom: 48px;
  color: #000;
}
.similar-projects .result {
  padding-right: 0px;
  display: block;
  width: 100%;
  float: none;
  margin-bottom: 23px;
}
@media screen and (min-width: 992px) {
  .similar-projects .result {
    width: 33%;
    padding-right: 25px;
    display: inline-block;
    margin-bottom: 0px;
  }
}
.similar-projects .result p {
  text-align: left;
}
/*
===================================
CAREERS
===================================
*/
.careers {
  position: relative;
  background-color: #333236;
}
.careers .sideways-text {
  -webkit-transform: rotate(270deg) translate(-14%, -241%);
      -ms-transform: rotate(270deg) translate(-14%, -241%);
          transform: rotate(270deg) translate(-14%, -241%);
  padding: 89px 124px;
  font-size: 81px;
  left: 0;
  right: unset;
  top: -91px;
}
.careers .width-800 {
  padding-top: 54px;
  padding-bottom: 160px;
}
@media screen and (min-width: 992px) {
  .careers .width-800 {
    padding-top: 143px;
    padding-bottom: 247px;
  }
}
.careers .width-800 h2 {
  color: #D2262A;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  font-size: 29px;
}
.careers .width-800 p {
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .careers .width-800 p {
    padding-right: 169px;
  }
}
.careers .width-800 .custom-btn {
  float: left;
  padding: 37px 64px;
}
@media screen and (min-width: 992px) {
  .careers .width-800 .custom-btn {
    float: right;
  }
}
.jobs {
  background-color: #AEAFB2;
}
.jobs table {
  width: 100%;
  border-top: 1px solid #AEAFB2;
}
.jobs th,
.jobs td {
  font-family: 'Barlow', sans-serif;
}
.jobs tr:first-of-type {
  border-top: none;
}
.jobs tr {
  border-top: 1px solid #000;
}
.jobs th:first-of-type {
  padding-left: 0px;
  text-align: center;
  padding: 12px 0;
}
@media screen and (min-width: 992px) {
  .jobs th:first-of-type {
    padding: 0px 0;
    padding-left: 29px;
    text-align: left;
  }
}
@media screen and (min-width: 1200px) {
  .jobs th:first-of-type {
    padding: 0px 0;
    padding-left: 217px;
    text-align: left;
  }
}
.jobs th:nth-of-type(2),
.jobs th:nth-of-type(3) {
  display: none;
}
@media screen and (min-width: 992px) {
  .jobs th:nth-of-type(2),
  .jobs th:nth-of-type(3) {
    display: table-cell;
  }
}
.jobs th {
  padding: 24px 0px;
  letter-spacing: 2px;
  font-weight: 500;
  width: 180px;
}
.jobs td:first-of-type {
  padding-left: 0px;
}
@media screen and (min-width: 992px) {
  .jobs td:first-of-type {
    padding-left: 29px;
  }
}
@media screen and (min-width: 1200px) {
  .jobs td:first-of-type {
    padding-left: 217px;
  }
}
.jobs td {
  padding: 16px 14px;
  display: block;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .jobs td {
    text-align: left;
    padding: 33px 0px;
    display: table-cell;
  }
}
.jobs td,
.jobs p {
  color: #000;
}
.jobs td p:last-child {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .jobs td p:last-child {
    width: 600px;
  }
}
.jobs th {
  color: #fff;
}
.jobs tr:first-of-type {
  background-color: #333236;
}
/*
===================================
CONTACT
===================================
*/
.contact {
  padding-top: 50px;
  padding-bottom: 50px;
}
.contact p:last-of-type {
  padding-bottom: 0;
}
.contact ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000 !important;
  opacity: 1;
}
.contact :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000 !important;
  opacity: 1;
}
.contact ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000 !important;
  opacity: 1;
}
.contact :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000 !important;
  opacity: 1;
}
.contact .sideways-text {
  -webkit-transform: rotate(270deg) translate(0, -249.5%) !important;
      -ms-transform: rotate(270deg) translate(0, -249.5%) !important;
          transform: rotate(270deg) translate(0, -249.5%) !important;
  padding: 63px 22px !important;
  display: none !important;
}
@media screen and (min-width: 992px) {
  .contact .sideways-text {
    padding-top: 127px;
    display: block !important;
  }
}
.contact p:nth-of-type(6) {
  position: absolute;
  right: 0px;
  bottom: -92px;
}
.contact .width-1500 {
  padding-top: 40px;
  padding-bottom: 190px;
}
@media screen and (min-width: 992px) {
  .contact .width-1500 {
    padding-top: 0px;
  }
}
@media screen and (min-width: 1500px) {
  .contact .width-1500 {
    padding-top: 127px;
  }
}
.contact p:last-of-type {
  padding-bottom: 0;
  margin: 0;
}
.contact .contact-form {
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (min-width: 992px) {
  .contact .contact-form {
    margin-top: -145px;
  }
}
@media screen and (min-width: 1500px) {
  .contact .contact-form {
    padding-left: 271px;
    padding-right: 116px;
    margin-top: 0px;
  }
}
.contact .contact-form input,
.contact .contact-form select,
.contact .contact-form textarea {
  width: 100%;
  background-color: transparent;
  border: 1px solid #AEAFB2;
  padding: 3px 9px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
}
.contact .contact-form input:focus,
.contact .contact-form select:focus,
.contact .contact-form textarea:focus {
  -webkit-box-shadow: 0 0 5px #D2262A;
          box-shadow: 0 0 5px #D2262A;
  border: 1px solid #D2262A;
}
.contact .contact-form textarea {
  height: 150px;
}
.contact .contact-form p:first-of-type,
.contact .contact-form p:nth-of-type(2),
.contact .contact-form p:nth-of-type(3),
.contact .contact-form p:nth-of-type(4) {
  display: inline-block;
  width: 100%;
  margin-bottom: 22px;
}
@media screen and (min-width: 992px) {
  .contact .contact-form p:first-of-type,
  .contact .contact-form p:nth-of-type(2),
  .contact .contact-form p:nth-of-type(3),
  .contact .contact-form p:nth-of-type(4) {
    width: 49%;
  }
}
.contact .contact-form p:first-of-type,
.contact .contact-form p:nth-of-type(3) {
  margin-right: 12px;
}
.contact .contact-form input[type="submit"] {
  color: white;
  font-weight: 500;
  background: #D2262A;
  letter-spacing: 2px;
  font-size: 18px;
  padding: 42px 59px;
  border: none;
  -webkit-transition: 0.3;
  -o-transition: 0.3;
  transition: 0.3;
}
@media screen and (min-width: 992px) {
  .contact .contact-form input[type="submit"] {
    padding: 61px 95px;
  }
}
.contact .contact-form input[type="submit"]:hover {
  opacity: 0.7;
  color: #fff;
}
/*
===================================
FOOTER
===================================
*/
footer {
  background-color: #333236;
  border-top: 1px solid #AEAFB2;
  position: relative;
  padding-top: 36px;
  padding-bottom: 13px;
  text-align: center;
}
footer a:hover {
  color: #D2262A !important;
}
footer span,
footer a {
  text-transform: uppercase;
  color: #AEAFB2;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 1px;
}
footer .footer-info {
  padding-bottom: 40px;
}
footer .footer-info spna:nth-of-type(even) {
  margin: 0 2px;
}
footer a:hover {
  color: #AEAFB2;
}
footer img {
  width: auto;
  position: relative;
  top: unset;
  right: unset;
  margin-top: 30px;
}
@media screen and (min-width: 992px) {
  footer img {
    position: absolute;
    top: 33px;
    right: 37px;
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  footer img {
    right: 110px;
  }
}
footer .copyright a,
footer .copyright span {
  text-transform: none;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: normal;
}
/*
===================================
404 Page
===================================
*/
.error-404 {
  text-align: center;
  padding-top: 200px;
  padding-bottom: 200px;
}
@media screen and (min-width: 992px) {
  .error-404 {
    padding-top: 320px;
    padding-bottom: 320px;
  }
}
.error-404 .page-title {
  color: #000;
  font-weight: 400;
}
.error-404 .page-header {
  border: none;
  background-color: transparent;
  margin: 193px 0 20px;
}
.error-404 .page-content h1 {
  font-size: 120px;
  font-weight: 900;
  color: #000;
}