/* dnn top bar fix */
#ControlBar, #ControlBar *, .actionMenu * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

body {
  background: #eeecec;
  border-top: 10px solid #8b0000; }

.aleft {
  text-align: left; }

.aright {
  text-align: right; }

.acenter {
  text-align: center; }

.content {
  background: #fff;
  padding: 20px 0; }

/* -------------------------------------------------------------- START: NAVBAR -------------------------------------------------------------- */
.navbar {
  margin-bottom: 0;
  height: auto; }

.navbar-cn {
  background: #fff; }

.navbar-cn a.navbar-brand {
  height: auto; }

#navbar {
  border-top: 1px solid #cccccc; }

.navbar-cn .nav li a {
  color: #8b0000;
  font-size: 14px !important; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background: #8b0000;
  color: #fff;
  font-size: 14px; }

.navbar-cn .nav .dropdown-menu li.active a {
  color: #fff; }

.navbar-toggle {
  background: #8b0000;
  color: #fff;
  position: relative;
  top: 20px; }

.navbar-toggle .glyphicon {
  font-size: 20px; }

@media (min-width: 990px) {
  .navbar-cn ul.nav > .active {
    border-bottom: 5px solid #8b0000; }
  .navbar-cn ul.nav {
    margin-top: 50px; }
  #navbar {
    border-top: none; } }

@media (max-width: 990px) {
  .container {
    width: 100%; } }

/* -------------------------------------------------------------- END: NAVBAR -------------------------------------------------------------- */
/* -------------------------------------------------------------- START: HOME -------------------------------------------------------------- */
/* video */
.video-header {
  min-height: 350px;
  border: 2px solid #000;
  border-right: none;
  border-left: none;
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_homepic.jpg") top center;
  background-size: cover; }

.video-header h2 {
  font-size: 24px; }

@media (min-width: 990px) {
  .video-header {
    height: 450px; }
  .video-header h2 {
    font-size: 34px; } }

#video-container {
  position: absolute; }

#video-container {
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden; }

video {
  position: absolute;
  z-index: 0;
  display: none; }

video.fillWidth {
  width: 100%; }

.Aligner {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 350px; }

@media (min-width: 990px) {
  .Aligner {
    height: 450px; } }

.Aligner .Aligner-item {
  max-width: 800px;
  text-align: center; }

.Aligner .Aligner-item h2 {
  color: #fff;
  text-shadow: #000 4px 4px 4px;
  margin: 0; }

@media (min-width: 990px) {
  video {
    display: inline-block; } }

/* 3 grid */
.homegrid {
  color: #fff;
  text-shadow: 2px 2px 2px #969696; }

.homegrid .glyphicon {
  font-size: 30px;
  color: #fff; }

.homegrid .intro h2 {
  padding: 0 0 50px 0;
  color: #343434;
  font-size: 24px; }

@media (min-width: 768px) {
  .homegrid .intro h2 {
    padding: 40px 0 100px 0;
    font-size: 34px; } }

.homegrid .design {
  background: linear-gradient(rgba(7, 99, 141, 0.8), rgba(7, 99, 141, 0.8)), url("images/design.jpg") top center;
  background-size: cover;
  padding-top: 30px;
  padding-bottom: 30px; }

.homegrid .design:hover {
  background: linear-gradient(rgba(7, 99, 141, 0.4), rgba(7, 99, 141, 0.4)), url("images/design.jpg") top center;
  background-size: cover; }

.homegrid .execute {
  background: linear-gradient(rgba(200, 73, 56, 0.8), rgba(200, 73, 56, 0.8)), url("images/execute.jpg") top center;
  background-size: cover;
  padding-top: 30px;
  padding-bottom: 30px; }

.homegrid .execute:hover {
  background: linear-gradient(rgba(200, 73, 56, 0.4), rgba(200, 73, 56, 0.4)), url("images/execute.jpg") top center;
  background-size: cover; }

.homegrid .operate {
  background: linear-gradient(rgba(184, 17, 17, 0.8), rgba(184, 17, 17, 0.8)), url("images/operate.jpg") top center;
  background-size: cover;
  padding-top: 30px;
  padding-bottom: 30px; }

.homegrid .operate:hover {
  background: linear-gradient(rgba(184, 17, 17, 0.4), rgba(184, 17, 17, 0.4)), url("images/operate.jpg") top center;
  background-size: cover; }

.homegrid #parallax {
  background: url(images/sample.jpg) 50% 0 fixed;
  height: auto;
  position: relative;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.8); }

.homegrid #parallax > div {
  padding: 30px 0; }

.homegrid #parallax h2 {
  color: #ffffff;
  width: 50%;
  display: inline-block;
  font: 12px; }

@media (min-width: 768px) {
  .homegrid .glyphicon {
    font-size: 50px; }
  .homegrid .design, .homegrid .execute, .homegrid .operate {
    padding-top: 100px;
    padding-bottom: 100px; }
  .homegrid #parallax > div {
    padding: 150px 0; }
  .homegrid #parallax h2 {
    color: #ffffff;
    width: 50%;
    display: inline-block; } }

@media (min-width: 768px) {
  .deo {
    display: flex; } }

/* -------------------------------------------------------------- END: HOME -------------------------------------------------------------- */
/* -------------------------------------------------------------- START: HEADER -------------------------------------------------------------- */
.mainheader #map {
  height: 400px;
  width: 100%;
  margin: 20px 0; }

.mainheader h1 {
  font-size: 50pt;
  color: #fff; }

.mainheader h2 {
  font-size: 30px;
  color: #fff;
  width: 100%; }

.mainheader p {
  color: #fff;
  font-size: 12pt; }

.hdrcatering, .hdrmaintenance, .hdroperations, .hdrcareers, .hdrhistory, .hdrhousekeeping, .hdrindigenousrelationships, .hdrethics, .hdrsafety, .hdrprojects, .hdrwabasca, .hdrbonnyville, .hdrwandering, .hdrhml, .hdrcimarron, .hdrpeaceriver, .hdrturnkey, .hdrservices, .hdrcontactus, .hdrnewsletter, .hdrerror {
  background-position: center;
  background-size: cover;
  min-height: 350px; }

.hdrhousekeeping {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_housekeeping.jpg");
  background-position: middle; }

.hdrcatering {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_catering.jpg");
  background-position: middle; }

.hdrmaintenance {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_maintenance.jpg");
  background-position: middle; }

.hdroperations {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_operations.jpg");
  background-position: middle; }

.hdrcareers {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_careers.jpg");
  background-position: top; }

.hdrhistory {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_history.jpg"); }

.hdrindigenousrelationships {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_indigenousrelationships.jpg"); }

.hdrethics {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_ethics.jpg"); }

.hdrsafety {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_safety.jpg"); }

.hdrprojects {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_projects.jpg"); }

.hdrsimonette {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_simonette.jpg"); }

.hdrbonnyville {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_bonnyville.jpg"); }

.hdrwabasca {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_wabasca.jpg"); }

.hdrwandering {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_wandering.jpg"); }

.hdrhml {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_hml.jpg"); }

.hdrcimarron {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_cimarron.jpg"); }

.hdrmonias {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_monias.jpg"); }

.hdrpeaceriver {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_peaceriver.jpg"); }

.hdrturnkey {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_turnkey.jpg"); }

.hdrservices {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_services.jpg"); }

.hdrcontactus {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_history.jpg"); }

.hdrnewsletter {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("images/hdr_newsletter.jpg"); }

.hdrerror {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("images/hdr_error.jpg");
  background-position: top; }

/* -------------------------------------------------------------- END: HEADER -------------------------------------------------------------- */
/* -------------------------------------------------------------- START: FOOTER -------------------------------------------------------------- */
footer {
  padding: 50px 0; }

footer p {
  font: 10px arial; }

@media (min-width: 990px) {
  footer p {
    font: 12px arial; } }

footer img {
  height: 50px; }

@media (min-width: 990px) {
  footer img {
    height: auto; } }

footer .aleft {
  text-align: center; }

@media (min-width: 990px) {
  footer .aleft {
    text-align: left; } }

footer .aright {
  text-align: center; }

@media (min-width: 990px) {
  footer .aright {
    text-align: right; } }

footer > div.row > div.aleft {
  text-align: left !important; }

/* -------------------------------------------------------------- END: FOOTER -------------------------------------------------------------- */
/* -------------------------------------------------------------- START: LODGES -------------------------------------------------------------- */
.lodgelinks {
  background: #666666;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #3d3d3d 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #666666 0%, #3d3d3d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #666666 0%, #3d3d3d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3d3d3d',GradientType=1 );
  text-align: center;
  padding: 30px 0px; }

@media (min-width: 768px) {
  .lodgelinks {
    padding: 100px 0px; } }

/* -------------------------------------------------------------- END: LODGES -------------------------------------------------------------- */
/* -------------------------------------------------------------- START: CAREERS -------------------------------------------------------------- */
.careerlink {
  background: #666666;
  /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #666666 0%, #3d3d3d 100%);
  /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #666666 0%, #3d3d3d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #666666 0%, #3d3d3d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3d3d3d',GradientType=1 );
  text-align: center;
  padding: 30px 0px; }

.careerlink p, .careerlink .hrmail {
  color: #fff;
  font-size: 16px; }

.careerlink .btn-cn {
  margin: 30px 0; }

@media (min-width: 768px) {
  .careerlink {
    padding: 100px 0px; }
  .careerlink p, .careerlink .hrmail {
    font-size: 24px; } }

/* -------------------------------------------------------------- END: CAREERS -------------------------------------------------------------- */
/* -------------------------------------------------------------- START: AFFILIATES -------------------------------------------------------------- */
@media (max-width: 767px) {
  .col-xs-3, .col-xs-9 {
    float: none;
    width: 100%; } }

.col-xs-3 {
  text-align: center; }

.col-sm-12 {
  text-align: center; }

.box-cn div {
  text-align: center; }

.box-cn a {
  float: none; }

.box-cn p, .box-cn li {
  text-align: left; }

.sitefacilities {
  background: url("images/services_roboclean.jpg"); }

.modularus {
  background: url("images/services_customcomplex.jpg"); }

.modularca {
  background: url("images/modular.jpg"); }

.technology {
  background: url("images/technology.jpg"); }

.maintenance {
  background: url("images/maintenance.jpg"); }

.sitefacilities, .catering, .modularus, .modularca, .technology, .maintenance {
  padding: 250px 0;
  position: relative;
  background-size: cover;
  background-attachment: fixed; }

.sitefacilities h2, .modularus h2, .modularca h2, .technology h2, .maintenance h2 {
  margin-top: 0;
  margin-bottom: 30px;
  color: #666666; }

a.btn-cn {
  display: inline-block;
  background: #72c02c;
  color: #ffffff;
  padding: 15px;
  margin: 5px 0; }

@media (min-width: 768px) {
  a.btn-cn {
    padding: 25px; } }

.box-cn {
  background-image: linear-gradient(white, rgba(255, 255, 255, 0.8));
  padding: 40px;
  box-shadow: 5px 5px 18px 4px rgba(0, 0, 0, 0.41); }

@media (min-width: 768px) {
  .box-cn a {
    float: right; } }

/* -------------------------------------------------------------- END: AFFILIATES -------------------------------------------------------------- */
.container p {
  font-size: 16px;
  line-height: 150%; }

.container ul li {
  font-size: 16px;
  line-height: 150%; }

@media only screen and (max-width: 768px) {
  .sitefacilities img, .catering img, .modularus img, .modularca img, .technology img, .maintenance img {
    max-width: 150px;
    display: inline-block;
    margin-bottom: 30px; }
  .sitefacilities, .catering, .modularus, .modularca, .technology, .maintenance {
    padding: 0; }
  .container h1 {
    font-size: 40px; }
  .container p {
    font-size: 14px; }
  .container ul li {
    font-size: 14px; } }

@media only screen and (max-width: 480px) {
  .container h1 {
    font-size: 30px; }
  .container h2 {
    font-size: 20px; }
  .container p {
    font-size: 14px; }
  .container ul li {
    font-size: 14px; }
  .hdrcatering, .hdrhousekeeping, .hdrmaintenance, .hdroperations, .hdrcareers, .hdrhistory, .hdrindigenousrelationships, .hdrethics, .hdrsafety, .hdrprojects, .hdrwabasca, .hdrwandering, .hdrhml, .hdrmonias, .hdrcimarron, .hdrpeaceriver, .hdrturnkey, .hdrservices, .hdrcontactus, .hdrnewsletter, .hdrerror {
    background-position: center;
    background-size: cover;
    min-height: 220px; } }

/* OWL CAROUSEL */
#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px; }

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10; }

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777; }

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px; }