/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid black;
  background: white;
  color: black; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.jcarousel-wrapper, .jcarousel-wrapper-news, .jcarouselNews {
  position: relative; }

/** Carousel **/
.jcarousel, .jcarousel-news, .jcarouselNews, .jcarouselSolutions {
  position: relative;
  overflow: hidden;
  width: 100%; }

.jcarousel ul, .jcarousel-news ul, .jcarouselNews ul, .jcarouselSolutions ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0; }

.jcarousel li, .jcarousel-news li, .jcarouselNews li, .jcarouselSolutions li {
  width: 200px;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.jcarousel img, .jcarousel-news img, .jcarouselNews img, .jcarouselSolutions img {
  display: block;
  max-width: 100%;
  height: auto !important; }

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next,
.jcarousel-control-news-prev,
.jcarousel-control-news-next,
.jcarousel-control-solutions-prev,
.jcarousel-control-solutions-next {
  position: absolute;
  top: 50%;
  margin-top: 15px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: black;
  text-decoration: none; }
  .jcarousel-control-prev:hover,
  .jcarousel-control-next:hover,
  .jcarousel-control-news-prev:hover,
  .jcarousel-control-news-next:hover,
  .jcarousel-control-solutions-prev:hover,
  .jcarousel-control-solutions-next:hover {
    color: black;
    text-decoration: none; }

.jcarousel-control-prev, .jcarousel-control-news-prev .jcarousel-control-solutions-prev {
  left: -15px; }

.jcarousel-control-next, .jcarousel-control-news-next, .jcarousel-control-solutions-next {
  right: -15px; }

/** Carousel Pagination **/
.jcarousel-pagination, .jcarousel-news-pagination, .jcarousel-solutions-pagination {
  text-align: center; }

.jcarousel-pagination a, .jcarousel-news-pagination a, .jcarousel-solutions-pagination a {
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  height: 10px;
  width: 10px;
  line-height: 10px;
  background: #fff;
  color: #4E443C;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
  -webkit-box-shadow: 0 0 2px #4E443C;
  -moz-box-shadow: 0 0 2px #4E443C;
  box-shadow: 0 0 2px #4E443C;
  -webkit-transition: width 0.3s;
  /* Safari */
  transition: width 0.3s; }

.jcarousel-pagination a.active, .jcarousel-news-pagination a.active {
  color: #fff;
  opacity: 1;
  width: 20px; }

/* dialog */
.dialog_wrapper {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  height: 0%;
  width: 0%;
  z-index: 9999998;
  top: 50%;
  left: 50%;
  color: #313131;
  overflow-y: scroll; }

.dialog {
  margin: 0 auto;
  padding: 100px 0;
  position: relative;
  display: none; }

.dialog_content {
  text-align: justify; }
  .dialog_content iframe {
    width: 100%;
    height: 500px;
    border: 0; }
  .dialog_content p, .dialog_content li {
    text-align: justify;
    line-height: 1.7em;
    margin-bottom: 10px; }

.dialog_close {
  position: absolute;
  top: 60px;
  right: 30px;
  display: none;
  z-index: 5000; }

.dialog_close i {
  font-size: 2em;
  color: #313131;
  cursor: pointer; }

/*
 * jQuery FlexSlider v2.6.1
 * 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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-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;
  -moz-transition: all 1s ease;
  -ms-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;
  -moz-transition: all 0.3s ease-in-out;
  -ms-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);
  -moz-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);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  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;
  -moz-transition: all 1s ease;
  -ms-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; } }
.portfolio {
  width: 25%;
  position: relative;
  float: left;
  max-height: auto; }

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  .portfolio {
    width: 20%; } }
@media only screen and (max-width: 400px) {
  .portfolio {
    width: 50%; } }
.portfolio-image {
  width: 100%; }

.portfolio-image img {
  width: 100%;
  display: block; }

.portfolio_desc {
  position: absolute;
  background-color: rgba(31, 82, 84, 0.8);
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  display: none;
  cursor: pointer; }

.portfolio_desc a {
  margin-top: 30px;
  display: block;
  color: #fff; }

.portfolio_desc p {
  margin-top: 20px;
  color: #fff; }

.portfolio_desc .ptitle {
  font-size: 1.7em;
  margin-top: 5px; }

#portfolio_gallery_full {
  display: none;
  clear: both;
  margin-top: 20px;
  padding-bottom: 100px; }

#portfolio_close {
  width: 78px;
  height: 78px;
  margin: 0 auto;
  font-size: 1.5em;
  cursor: pointer; }

#portfolio_filter {
  margin-top: 30px; }

#portfolio_filter a {
  background-color: #e1e1e1;
  color: #636363;
  display: inline-block;
  padding: 6px 4px;
  margin: 5px 0px;
  margin-right: 8px;
  width: 90px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.9em; }

#portfolio_filter a.current {
  background-color: #000;
  color: #75544E; }

#portfolio_gallery_content {
  float: left;
  width: calc(50% - 20px);
  margin: 10px;
  position: relative; }

#portfolio_gallery_desc {
  float: left;
  width: 45%; }

#portfolio_gallery_desc h3 {
  font-size: 1.5em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #75544E; }

#portfolio_gallery_content li img {
  width: 100%;
  height: auto; }

html {
  height: 100%; }

html, body {
  font-size: 1em; }

body {
  font-weight: 300;
  background: white;
  font-family: 'Roboto', sans-serif; }
  body.mappage {
    overflow-y: visible; }

p {
  line-height: 1.6em; }

h1, h2, h3, h4, h5 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 200; }

a, a:hover {
  color: #75544E; }

img {
  max-width: 100%;
  height: auto; }

img.right {
  float: right;
  margin-left: 20px; }

img.left {
  float: left;
  margin-right: 20px; }

.container-fluid {
  max-width: 1024px; }

#menu-toggle {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 500;
  background: none;
  color: white;
  border-color: white; }

.toggledBody .parallax-mirror {
  left: 0 !important;
  width: 100% !important; }
  .toggledBody .parallax-mirror img {
    width: 100% !important; }

.container {
  position: relative;
  z-index: 1;
  max-width: 100%; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .25rem;
  margin-left: .25rem;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent; }

.clear {
  clear: both; }

img.right {
  float: right; }

img.left {
  float: left; }

img.right10 {
  float: right;
  margin-left: 10px; }

img.right20 {
  float: right;
  margin-left: 20px; }

img.left10 {
  float: right;
  margin-right: 10px; }

img.left20 {
  float: right;
  margin-right: 20px; }

/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* Toggle Styles */
#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#wrapper.toggled {
  padding-left: 250px; }

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#wrapper.toggled #sidebar-wrapper {
  width: 250px; }

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px; }

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-right: -250px; }

/* Sidebar Styles */
.sidebar-nav {
  position: absolute;
  top: 0;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none; }

.sidebar-nav li {
  text-indent: 20px;
  line-height: 40px; }

.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #999999; }

.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2); }

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none; }

.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px; }

.sidebar-nav > .sidebar-brand a {
  color: #999999; }

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none; }

@media (min-width: 768px) {
  #wrapper {
    padding-left: 250px; }

  #wrapper.toggled {
    padding-left: 0; }

  #sidebar-wrapper {
    width: 250px; }

  #wrapper.toggled #sidebar-wrapper {
    width: 0; }

  #page-content-wrapper {
    padding: 20px;
    position: relative; }

  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0; } }
#sidebar-wrapper {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.58);
  background-color: #75544E;
  color: white; }
  #sidebar-wrapper .sidebar-brand {
    height: auto;
    padding-bottom: 35px;
    padding-top: 10px; }
    #sidebar-wrapper .sidebar-brand img {
      width: 80%; }

.sidebar-nav > .sidebar-brand a {
  color: white; }

.sidebar-nav li a {
  color: white; }

.sidebar-nav {
  padding-right: 10px;
  padding-left: 10px; }
  .sidebar-nav ul {
    list-style: none;
    padding-left: 0px; }
    .sidebar-nav ul li {
      line-height: 30px;
      text-align: right; }
      .sidebar-nav ul li a {
        text-align: right;
        border-bottom: 1px solid white;
        padding-right: 5px; }
        .sidebar-nav ul li a:hover {
          font-weight: bold; }
      .sidebar-nav ul li ul {
        font-size: 0.8em;
        text-transform: uppercase; }
        .sidebar-nav ul li ul .spanmenu {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 0.9em;
          color: #bea39e; }
          .sidebar-nav ul li ul .spanmenu:hover {
            cursor: pointer; }
        .sidebar-nav ul li ul ul {
          display: none; }
        .sidebar-nav ul li ul a {
          border-bottom: 0px; }

#portfolioBloc {
  margin-top: 30px;
  margin-bottom: 30px; }
  #portfolioBloc h1, #portfolioBloc h2, #portfolioBloc h3, #portfolioBloc h4, #portfolioBloc strong {
    color: #75544E; }

#page-content-wrapper {
  padding: 0; }
  #page-content-wrapper #homeslider {
    position: relative;
    height: 450px;
    overflow: hidden; }
    #page-content-wrapper #homeslider li {
      height: 450px;
      background-size: cover;
      background-position: center bottom; }
    #page-content-wrapper #homeslider img {
      width: 100%; }

.padding {
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }

.overlay_right {
  position: absolute;
  right: 0;
  top: -250px;
  width: 250px;
  z-index: 2;
  opacity: 0.6; }

#content {
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
  z-index: 3; }
  #content h1, #content h2, #content h3, #content h4, #content h5, #content strong {
    color: #75544E; }

#product {
  padding-top: 40px;
  background-color: #EBEBEB;
  padding-bottom: 50px; }
  #product h1, #product h2, #product h3, #product h4, #product h5, #product strong {
    color: #75544E; }
  #product #blocProduit {
    margin-bottom: 30px; }

#news {
  position: relative; }
  #news h1, #news h2, #news h3, #news h4, #news h5, #news strong {
    color: #75544E; }
  #news #newslabel {
    position: absolute;
    left: 0;
    top: 30px;
    background: #75544E;
    color: white;
    padding: 10px;
    z-index: 2;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
  #news #newsslider {
    position: relative;
    height: 450px;
    overflow: hidden; }
    #news #newsslider:before, #news #newsslider:after {
      content: '';
      position: absolute;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
      z-index: 4; }
    #news #newsslider:before {
      top: -5px;
      left: 0;
      right: 0;
      height: 5px; }
    #news #newsslider:after {
      bottom: -5px;
      left: 0;
      right: 0;
      height: 5px; }
    #news #newsslider li {
      height: 450px;
      background-size: cover;
      background-position: center bottom; }
  #news .second {
    box-shadow: inset 5px 0px 7px -3px rgba(0, 0, 0, 0.2), inset -5px 0px 7px -3px rgba(0, 0, 0, 0.2);
    background-color: #c6c6c6;
    font-size: 0.8em;
    color: white; }
    #news .second h1, #news .second h2, #news .second h3, #news .second h4, #news .second h5, #news .second strong {
      color: #9e9e9e; }
    #news .second .secondarynews {
      margin-bottom: 20px; }
  #news .permalink a {
    color: grey;
    font-size: 1.5em; }
    #news .permalink a:hover {
      opacity: 0.7; }

#links {
  z-index: 10;
  position: relative;
  box-shadow: -3px 0px 8px 0px rgba(0, 0, 0, 0.3);
  padding-top: 30px;
  background: #EBEBEB; }
  #links h1, #links h2, #links h3, #links h4, #links h5, #links strong a {
    color: #75544E; }
  #links .linkitem {
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 20px; }
    #links .linkitem:last-child {
      border-bottom: 0; }

#localisation_map, #localisation_map2 {
  height: 400px; }
  #localisation_map:before, #localisation_map:after, #localisation_map2:before, #localisation_map2:after {
    content: '';
    position: absolute;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    z-index: 1; }
  #localisation_map:before, #localisation_map2:before {
    top: -5px;
    left: 0;
    right: 0;
    height: 5px; }
  #localisation_map:after, #localisation_map2:after {
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px; }

#jobs h2 {
  color: #75544E; }

.bloc {
  border-bottom: solid 1px #d0d0d0;
  margin: 10px auto;
  padding: 30px 0px; }
  .bloc.noBorder {
    border: none; }
  .bloc h3 {
    color: orange; }
  .bloc p {
    color: #75544E; }
  .bloc img {
    width: 35%;
    height: auto;
    float: left;
    margin-right: 30px;
    margin-bottom: 10px; }
  .bloc ul {
    list-style: none;
    color: #75544E; }
    .bloc ul li:before {
      content: '\f058';
      font-family: FontAwesome;
      margin-right: 10px;
      color: orange; }

#rightLogo {
  position: absolute;
  width: 500px;
  right: 0;
  top: 30%;
  opacity: 0.5; }

#blocVid {
  background: #73554d;
  width: 65%;
  right: 0;
  float: right;
  padding: 50px;
  margin-top: 375px;
  margin-bottom: -40px; }
  #blocVid h2 {
    color: #FFF; }

#contact {
  box-shadow: 0 0 10px black; }
  #contact h1, #contact h2, #contact h3, #contact h4, #contact h5, #contact strong a {
    color: #75544E; }
  #contact .toggleMap {
    color: #75544E;
    font-weight: bold; }
    #contact .toggleMap:hover {
      cursor: pointer; }
  #contact .rowcontact {
    margin-bottom: 15px; }
  #contact .infoscontact {
    line-height: 1.5em; }
    #contact .infoscontact .fa {
      color: #75544E; }
    #contact .infoscontact .contact_block {
      float: left;
      margin: 30px 0px;
      margin-right: 30px; }
  #contact .btn {
    background: #75544E;
    color: white;
    transition: background 0.4s;
    -webkit-transition: background 0.4s; }
    #contact .btn:hover {
      background: #563e3a; }
  #contact .form-control {
    border-color: #75544E; }

.footerbar:before {
  content: '';
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  z-index: 1; }
.footerbar:before {
  top: -5px;
  left: 0;
  right: 0;
  height: 5px; }
.footerbar img {
  position: relative;
  z-index: -1; }

.pageIndex .sliderwrapper {
  position: relative; }
  .pageIndex .sliderwrapper .title {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 25px;
    z-index: 5;
    color: white;
    font-size: 1.5em;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.58); }

.barcategory .category1 {
  background-color: #75544E;
  position: relative; }
  .barcategory .category1 a {
    display: inline-block;
    color: white;
    padding: 15px;
    font-weight: bold; }
  .barcategory .category1:after {
    z-index: 5;
    content: '';
    width: 0;
    height: 0;
    border-top: 52px solid #75544E;
    border-right: 30px solid transparent;
    position: absolute;
    top: 0;
    right: -30px; }
.barcategory .category2 {
  background-color: #c6c6c6; }
  .barcategory .category2 a {
    display: inline-block;
    color: white;
    padding: 15px;
    font-weight: bold; }

.container-news {
  position: relative; }
  .container-news .jcarousel-control-news-prev {
    left: -10px; }
  .container-news .jcarousel-control-news-next {
    right: -10px; }
  .container-news .jcarouselNews {
    position: relative; }
    .container-news .jcarouselNews .news_block {
      padding: 15px;
      text-align: justify;
      float: left; }
      .container-news .jcarouselNews .news_block .news_img {
        overflow: hidden;
        height: 150px !important; }
        .container-news .jcarouselNews .news_block .news_img img {
          width: 100%; }
      .container-news .jcarouselNews .news_block .news_content {
        min-height: 250px; }
        .container-news .jcarouselNews .news_block .news_content p {
          color: grey;
          line-height: 20px; }
      .container-news .jcarouselNews .news_block .news_date {
        color: #6f6d6d;
        position: relative;
        top: 6px;
        font-weight: bold; }
      .container-news .jcarouselNews .news_block .news_link {
        background: #75544E;
        padding: 10px;
        color: #FFF; }
        .container-news .jcarouselNews .news_block .news_link a {
          color: #FFF;
          display: block; }
          .container-news .jcarouselNews .news_block .news_link a::after {
            content: '\f061';
            font-family: FontAwesome;
            float: right; }
      .container-news .jcarouselNews .news_block h1 {
        font-size: 1.3em;
        margin-top: 5px; }
      .container-news .jcarouselNews .news_block h2 {
        font-size: 22px;
        display: none; }
      .container-news .jcarouselNews .news_block .date {
        margin-top: 10px;
        font-weight: bold;
        font-size: 0.9em; }
      .container-news .jcarouselNews .news_block .content {
        padding-bottom: 15px; }
      .container-news .jcarouselNews .news_block .link {
        display: inline-block;
        position: relative;
        width: 100%;
        text-align: right;
        background: #75544E;
        color: white;
        padding: 10px; }

#newsparallax {
  height: 350px; }

/* Notifications */
.notification.success {
  background-color: #98c700;
  color: #fff; }

.notification.error {
  background-color: #ea5338;
  color: #fff; }

.notification.warning {
  background-color: #f9b418;
  color: #fff; }

.notification {
  padding: 17px;
  margin-top: 5px;
  margin-bottom: 15px;
  -moz-border-radius: 3px;
  -webkit-border: 3px;
  border-radius: 3px; }

/*# sourceMappingURL=style.css.map */
