/*** uncss> filename: css/vendor/animation.css ***/
@charset "UTF-8";
/* Animation
================================================== */
.animated-2 {
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-2.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40% {
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  60% {
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
  }
  40% {
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
  }
  60% {
	-webkit-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes fadeIn {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
/*** uncss> filename: css/vendor/grid.css ***/
.container {
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
	padding-right: 15px;
	padding-left: 15px;
	width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
	width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
	width: 1170px;
  }
}
@media (min-width: 1920px) {
  .container {
	width: 1600px;
  }
}
.container:before,.container:after,#main-nav:before,#main-nav:after {
  display: table;
  content: " ";
}
.container:after,#main-nav:after {
  clear: both;
}
/*** uncss> filename: css/vendor/font-awesome.min.css ***/
/*!
 *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont-v=4.1.0.eot');
  src: url('../fonts/fontawesome-webfont-.eot#iefix&v=4.1.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont-v=4.1.0.woff') format('woff'),url('../fonts/fontawesome-webfont-v=4.1.0.ttf') format('truetype'),url('../fonts/fontawesome-webfont-v=4.1.0.svg#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Isabel';
  src: url('../fonts/Isabel-Bold-Italic.eot');
  src: url('../fonts/Isabel-Bold-Italic.eot') format('embedded-opentype'),url('../fonts/Isabel-Bold-Italic.woff') format('woff'),url('../fonts/Isabel-Bold-Italic.ttf') format('truetype'),url('../fonts/Isabel-Bold-Italic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.isabel {font-family: 'Maven Pro', sans-serif;}
.bold {font-weight: 700;}
.font-black {font-weight: 900;}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-3x {
  font-size: 3em;
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-angle-down:before {
  content: "\f107";
}
/**************************************************************
************************** MIXINS *****************************
************************************************************ */
/* is for putting the image background as large as possible*/
/* is for auto resizing an element inside another which contains
   borders, paddings et margins (content-box) value
   borders, paddings (border-box) value */
:-moz-placeholder {
  color: #fff;

  letter-spacing: 0.2px;
}
/* Firefox 18- */
::-moz-placeholder {
  color: #fff;

  letter-spacing: 0.2px;
}
/* Firefox 19+ */
:-ms-input-placeholder {
  color: #fff;

  letter-spacing: 0.2px;
}
/*************************************************************/
nav#main-nav {
  display: block;
  font-size: 13px;

  letter-spacing: 1px;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  margin: auto;
  text-align: right;
  width: 100%;
  z-index: 100;
  text-transform: uppercase;
  /* position: fixed; */
  /* Menu Container */
  /*=======================
  Style for Main navigation
  =======================*/
}
nav#main-nav a:link,nav#main-nav a:visited {
  color: #ffffff;
  text-decoration: none;
}
nav#main-nav a:link.sb-toggle-left,nav#main-nav a:visited.sb-toggle-left {
  font-size: 16px;
  opacity: 1;
}
@media only screen and (min-width:992px) {
  nav#main-nav a:link.sb-toggle-left,  nav#main-nav a:visited.sb-toggle-left {
	opacity: 0;
  }
}
nav#main-nav a:link.logo img,nav#main-nav a:visited.logo img {
  width: 90px;
}
nav#main-nav a:hover,nav#main-nav a:focus {
  color: #fff;
}
nav#main-nav .left,nav#main-nav .right {
  float: left;
  display: inline-block;
  list-style: none;
  padding: 0.3em 0 0.3em;
}
nav#main-nav .left {
  margin-top: 0.3em;
  text-align: left;
  width: 50%;
}
@media only screen and (min-width:768px) {
  nav#main-nav .left {
	width: 20%;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav .left {
	width: 12%;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav .left {
	width: 20%;
  }
}
nav#main-nav .right {
  margin: 0;
  text-align: right;
  width: 50%;
}
@media only screen and (min-width:768px) {
  nav#main-nav .right {
	margin: 0;
	width: 80%;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav .right {
	margin: 0;
	width: 88%;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav .right {
	margin: 15px 0 0 0;
	width: 80%;
  }
}
nav#main-nav .right ul {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  float: right;
  line-height: 4.5em;
}
@media only screen and (min-width:768px) {
  nav#main-nav .right ul {
	line-height: 4.5em;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav .right ul {
	line-height: 3.5em;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav .right ul {
	line-height: 2.5em;
  }
}
nav#main-nav .right ul.list-menu {
  display: none;
}
@media only screen and (min-width:992px) {
  nav#main-nav .right ul.list-menu {
	display: inline;
  }
}
/* nav#main-nav .main-nav-container {
  display: inline-block;
  background-color: #414141;
  height: 75px;
  padding: 0;
  opacity: 0;
  transition: 1s 0.35s ease;
  -webkit-transition: 1s 0.35s ease;
  -moz-transition: 1s 0.35s ease;
  width: 100%;} */
nav#main-nav {
  opacity: 0;
  transition: 1s 0.35s ease;
  -webkit-transition: 1s 0.35s ease;
  -moz-transition: 1s 0.35s ease;
  width: 100%;
}
/*=======================
		 Style for cta button
		 =======================*/
/* ========================== */
nav#main-nav ul.list-menu li {
  padding: 0;
}
nav#main-nav ul.list-menu li:first-of-type {
  padding-left: 0;
}
@media only screen and (min-width:768px) {
  nav#main-nav ul.list-menu li {
	padding: 0 .25em;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav ul.list-menu li {
	padding: 0 0.7em;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav ul.list-menu li {
	padding: 0 1em;
  }
}
html,body,#sb-site {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	color:#808080;
}
html,body {
  width: 100%;
  overflow-x: hidden;
	color:#808080;
  /* Stops horizontal scrolling. */
}
html {
  height: 100%;
  /* Site is as tall as device. */
}
body {
  min-height: 100%;
  height: auto;
  position: relative;
  /* Required for static Slidebars to function properly. */
}
/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
/* ----------
* 002 - Site
*/
#sb-site {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */
  background-color: #ffffff;
  /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}
/* ---------------
* 003 - Slidebars
*/
/* Slidebar widths for browsers/devices that don't support media queries. */
@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
}
@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
}
@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
}
@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
}
@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
}
/* ---------------
* 004 - Animation
*/
#sb-site {
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
/* Main Menu */
> .sb-menu li:first-child {
  border-top: none;
}
> .sb-menu li:last-child {
  border-bottom: none;
}
/**************************************************************
************************** MIXINS *****************************
************************************************************ */
/* is for putting the image background as large as possible*/
/* is for auto resizing an element inside another which contains
   borders, paddings et margins (content-box) value
   borders, paddings (border-box) value */
:-moz-placeholder {
  color: #fff;

  letter-spacing: 0.2px;
}
/* Firefox 18- */
::-moz-placeholder {
  color: #fff;

  letter-spacing: 0.2px;
}
/* Firefox 19+ */
:-ms-input-placeholder {
  color: #fff;
  letter-spacing: 0.2px;
}
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
* {
  box-sizing: inherit;
}
* ::selection {
  color: black;
  background: grey;
  text-shadow: none;
}
* ::-moz-selection {
  color: black;
  background: grey;
  text-shadow: none;
}
* :-moz-selection {
  color: black;
  background: grey;
  text-shadow: none;
}
*:before,*:after {
  box-sizing: inherit;
}
html {
  color: #414141;
}
html {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 1em;
  line-height: 1.5;
}
body {
  background-color: #ffffff;
  color: #808080;
  font-family: 'Montserrat';
  font-size: 17px;
}
a:link,a:visited {
  color: #414141;
  text-decoration: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}
a:hover,a:focus {
  color: #DDD;
  text-decoration: none;
}
img {
  vertical-align: middle;
}
.smibold {font-weight: 600;}
/* ==========================================================================
Helper classes
========================================================================== */
.list-inline {
  list-style: none;
  margin-left: -5px;
  padding-left: 0;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
.paraxify {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .paraxify {
	background-attachment: local;
  }
}
/* ==========================================================================
Styling Class
========================================================================== */
a.button:link,a.button:visited {
  color: #ffffff;
  font-size: 14px;
  padding: 1em 1em 0.7em 1em;
  letter-spacing: 0.5px;
  font-weight: 600;
  border-radius: 2px;
  text-transform: uppercase;
}
@media only screen and (min-width:992px) {
  a.button:link,  a.button:visited {
	font-size: 18px;
  }
}
a.button:link.cta-1,a.button:visited.cta-1 {
  background-color: transparent;
  border: 3px solid #D1D466;
  color:#D1D466;
}
a.button:hover,a.button:focus {
  text-decoration: none;
}
a.button:hover.cta-1,a.button:focus.cta-1 {
  background-color:#D1D466;
  border: 3px solid #D1D466;
  color: #414141;
}
/* ==========================================================================
Header Autopromo Class Portrait
========================================================================== */
header {
  height: 25em;
  overflow: hidden;
  position: relative;
  transition: height 0.35s ease;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
}
@media only screen and (min-width:768px) {
  header {
	height: 35em;
  }
}
@media only screen and (min-width:992px) {
  header {
	height: 40em;
  }
}
@media only screen and (min-width:1720px) {
  header {
	height: 45em;
  }
}
header .autopromo {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
/*  text-align: center;*/
}
header .autopromo.bg1 {
  background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/bg/bg-header.jpg") no-repeat scroll center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  height: 100%;
  position: relative;
  transition: height 0.35s ease;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
/*  background-color*/
}
@media only screen and (min-width:1920px) {
  header .autopromo.bg1 {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/bg/bg-header-xl.jpg") no-repeat scroll center center;
  }
}
@media only screen and (max-width:600px) {
  header .autopromo.bg1 {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url("../images/bg/bg-header-sm.jpg") no-repeat scroll center center;
  }
}
@media only screen and (min-width:768px) {
  header .autopromo.bg1 {
/*    background-attachment: fixed;*/
  }
}
header .autopromo .container-slider {
  display: table;
  height: 100%;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: relative;
  top: 0;
  width: 100%;
  vertical-align: middle;
  z-index: 1;
}
header .autopromo .container-slider .scrolldown {
  bottom: 14px;
  display: none;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  z-index: 2;
}
header .autopromo .container-slider .scrolldown a:link,header .autopromo .container-slider .scrolldown a:visited {
  color: #ffffff;
}
header .autopromo .container-slider .scrolldown a:link:hover,header .autopromo .container-slider .scrolldown a:visited:hover,header .autopromo .container-slider .scrolldown a:link:focus,header .autopromo .container-slider .scrolldown a:visited:focus {
  color: #9d9d9d;
}
header .autopromo .container-slider .scrolldown span {
  display: block;
}
@media only screen and (min-width:768px) {
  header .autopromo .container-slider .scrolldown {
	display: inline;
  }
}
header .autopromo .container-slider .text {
  display: table-cell;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  z-index: 1;
}
header .autopromo .container-slider .text img {
  margin: 0 0 1em;
  max-width: 75px;
  width: 100%;
}
@media only screen and (min-width:992px) {
  header .autopromo .container-slider .text img {
	margin: 0 2em;
	max-width: 125px;
	width: 100%;
  }
}
@media only screen and (min-width:1200px) {
  header .autopromo .container-slider .text img {
	margin: 0 0 1em;
	max-width: 125px;
	width: 100%;
  }
}
header .autopromo .container-slider .text h2 {
  color: #414141;
  display: table;

/*  font-weight: 100;*/
  line-height: 1;
  letter-spacing: 0.2px;
}
header .autopromo .container-slider .text h2 {
/*  font-size: 1.4em;*/
  margin: 0.2em auto;
/*  font-weight: 100;*/
/*  padding: 0 1em;*/
}
@media only screen and (min-width:992px) {
  header .autopromo .container-slider .text h2 {
	margin: 0 auto;
/*	font-size: 1.6em;*/
  }
}
@media only screen and (min-width:1200px) {
  header .autopromo .container-slider .text h2 {
	padding-top: 0.5em;
	margin: 0 auto;
/*	font-size: 2em;*/
  }
}
header .autopromo .container-slider .text a.button:link,header .autopromo .container-slider .text a.button:visited {
  color: #ffffff;
  font-size: 14px;

  padding: 1em 1em 0.7em 1em;
  letter-spacing: 0.5px;
  font-weight: 600;
  border-radius: 2px;
  text-transform: uppercase;
}
@media only screen and (min-width:992px) {
  header .autopromo .container-slider .text a.button:link,  header .autopromo .container-slider .text a.button:visited {
	font-size: 16px;
  }
}
header .autopromo .container-slider .text a.button:link.cta-1,header .autopromo .container-slider .text a.button:visited.cta-1 {
  background-color: transparent;
  border: 3px solid #414141;
  color: #414141;
  margin-left: 5px;
  margin-right: 5px;
}
header .autopromo .container-slider .text a.button:link:hover,header .autopromo .container-slider .text a.button:visited:hover,header .autopromo .container-slider .text a.button:link:focus,header .autopromo .container-slider .text a.button:visited:focus {
  text-decoration: none;
}
header .autopromo .container-slider .text a.button:link:hover.cta-1,header .autopromo .container-slider .text a.button:visited:hover.cta-1,header .autopromo .container-slider .text a.button:link:focus.cta-1,header .autopromo .container-slider .text a.button:visited:focus.cta-1 {
  background-color: 00c3d9
  border: 3px solid #D1D466;
  color: #ffffff;
}
.header-menu-num {
  background: #fff;
  padding: 100% 30px 30px 30px;
}
.black a {color: #000 !important; font-weight: 700;}
.white a {color: #fff !important;}

.header-menu-contact {
  background: #D1D466;
  padding: 100% 30px 30px 30px;
}
.header-menu-lang {
  background: rgb(223, 106, 115);
  padding-right: 34px; padding-left: 34px;
}
.pr-0 {
  padding-right: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
@media only screen and (max-width:1200px) {
  .header-menu-contact {
	padding: 100% 30px 22px 30px;
  }
  .header-menu-blog {
	padding: 100% 30px 22px 30px;
  }
}

.text-frame {background: rgba(0, 0, 0, 0.35);}
.red-button {background: #D1D466; padding: 15px 25px;}
.align-button {position: relative; right: -85px;}
.autopromo div a {color: #fff;}

.font-light {font-weight: lighter;}

.navbar-default .navbar-nav>li>a:hover { background: #b5302b;}
.navbar-default {border: none;}
/* Generated by less 2.5.1 */
/*
* var.less // development mode
* Copyright 2014, Escalade Marketing
* http://www.escalademarketing.com/
* Free to read and inspire
* date created 02/27/2014
* date last modified 03/31/2014
*/
/* COLORS ***********************/
/* FONTS ***********************/
/********************************/
/**************************************************************
************************** MIXINS *****************************
************************************************************ */
/* is for putting the image background as large as possible*/
.backgroundsize {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
}
/* is for auto resizing an element inside another which contains
   borders, paddings et margins (content-box) value
   borders, paddings (border-box) value */
.placeholder {
  color: #000;

  letter-spacing: 0.2px;
}
::-webkit-input-placeholder {
  color: #000;

  letter-spacing: 0.2px;
}
:-moz-placeholder {
  color: #000;

  letter-spacing: 0.2px;
}
/* Firefox 18- */
::-moz-placeholder {
  color: #000;

  letter-spacing: 0.2px;
}
/* Firefox 19+ */
:-ms-input-placeholder {
  color: #000;

  letter-spacing: 0.2px;
}
/**************************************************************
********************** CSS FUNCTIONS **************************
************************************************************ */
/* transition() // is to set the parameters of the css transition effects
   parameters:
	@applyTo: (default) -->   all
  @duration: (default) -->  0.35s
  @ease: (default) -->    ease
*************************************************************/
/************************************************************
*************************************************************/
/* boxshadow() // is to add a box shadow to an element
   parameters:
	@arguments: ( no default) //** EAXMPLE: .boxshadow(0 3px 3px 0 rgba(0,0,0,0.2));
*************************************************************/
/************************************************************
*************************************************************/
/* setSelectionColors() // is to set the selection color for the whole page
   parameters:
	@colour: (default) -->      @white-color
	@bg-colour: (default) -->     @main-color-lighter
*************************************************************/
nav#main-nav {
  display: block;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 1px;
  left: 0;
  right: 0;
  top: 0;
  padding: 0;
  margin: auto;
  text-align: right;
  width: 100%;
  z-index: 100;
  text-transform: uppercase;
  position: fixed;
  /* Menu Container */
  /*=======================
  Style for Main navigation
  =======================*/
}
nav#main-nav a:link,nav#main-nav a:visited {
  color: #000;
  text-decoration: none;
}
nav#main-nav a:link.sb-toggle-left,nav#main-nav a:visited.sb-toggle-left {
  font-size: 16px;
  opacity: 1;
}
@media only screen and (min-width:992px) {
  nav#main-nav a:link.sb-toggle-left,  nav#main-nav a:visited.sb-toggle-left {
	opacity: 0;
  }
}
nav#main-nav a:link.logo img,nav#main-nav a:visited.logo img {
  margin-top: 10px;
  width: 90px;
}
nav#main-nav .left,nav#main-nav .right {
  float: left;
  display: inline-block;
  list-style: none;
  padding: 0;
}
nav#main-nav .left {
  margin-top: 0.3em;
  text-align: left;
  width: 50%;
}
@media only screen and (min-width:768px) {
  nav#main-nav .left {
	width: 20%;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav .left {
	width: 12%;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav .left {
	width: 20%;
  }
}
nav#main-nav .right {
  margin: 0;
  text-align: right;
  width: 50%;
}
@media only screen and (min-width:768px) {
  nav#main-nav .right {
	margin: 0;
	width: 80%;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav .right {
	margin: 15px 0 0 0;
	width: 88%;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav .right {
	margin: 15px 0 0 0;
	width: 80%;
  }
}
nav#main-nav .right ul {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  float: right;
  line-height: 4.5em;
}
@media only screen and (min-width:768px) {
  nav#main-nav .right ul {
	line-height: 4.5em;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav .right ul {
	line-height: 3.5em;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav .right ul {
	line-height: 2.5em;
  }
}
nav#main-nav .right ul.list-menu {
  display: none;
}
@media only screen and (min-width:992px) {
  nav#main-nav .right ul.list-menu {
	display: inline;
  }
}
nav#main-nav .container-fluid {
  /* display: inline-block; */
  /* background-color: #414141; */
  /*   height: 75px;
  padding: 0;
  opacity: 0; */
  transition: 1s 0.35s ease;
  -webkit-transition: 1s 0.35s ease;
  -moz-transition: 1s 0.35s ease;
  width: 100%;
  /*=======================
		 Style for cta button
		 =======================*/
}
nav#main-nav.sticky {
  opacity: 1;
}
nav#main-nav ul.list-menu li {
  padding: 0;
}
nav#main-nav ul.list-menu li:first-of-type {
  padding-left: 0;
}
@media only screen and (min-width:768px) {
  nav#main-nav ul.list-menu li {
	padding: 0 .25em;
  }
}
@media only screen and (min-width:992px) {
  nav#main-nav ul.list-menu li {
	padding: 0 0.7em;
  }
}
@media only screen and (min-width:1200px) {
  nav#main-nav ul.list-menu li {
	padding: 0 1em;
  }
}
/*===========================
Bootstrap navabar
=============================  */
.navbar {
  margin-bottom: 0;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  /* background-color: #6c6051; */
  background-color: rgba(0, 0, 0, 0.85);
  /* layer fill content */
}
.navbar img {
	position: relative;
/*	top:-5px;*/
  height: 30px;
}
.navbar-right li a {
  padding-top: 25px;
  padding-bottom: 31px;
}
.navbar-right li a.header-menu-blog {
  padding-right: 25px;
  padding-left: 25px;
}
.navbar-right li a.header-menu-contact {
  padding-right: 30px;
  padding-left: 25px;
}
div#no-padding-container {
  padding-right: 0;
}
/* Hamburger */
.navbar-default .navbar-toggle {
  border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  margin-right: 2em;
}
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}
.navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.cb {
  z-index: 999;
  clear: both;
}
.ham-menu {
  color: #000;
  font-size: 20px;
}
/* -----------------------------------
* Slidebars
* Version 0.10.2
* http://plugins.adchsm.me/slidebars/
*
* Written by Adam Smith
* http://www.adchsm.me/
*
* Released under MIT License
* http://plugins.adchsm.me/slidebars/license.txt
*
* -------------------
* Slidebars CSS Index
*
* 001 - Box Model, Html & Body
* 002 - Site
* 003 - Slidebars
* 004 - Animation
* 005 - Helper Classes
* 006 - Menu Classes
*
* ----------------------------
* 001 - Box Model, Html & Body
*/
html,body,#sb-site,.sb-site-container {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,body {
  width: 100%;
  overflow-x: hidden;
  /* Stops horizontal scrolling. */
}
html {
  height: 100%;
  /* Site is as tall as device. */
}
body {
  min-height: 100%;
  height: auto;
  position: relative;
  /* Required for static Slidebars to function properly. */
}
/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
/* ----------
* 002 - Site
*/
#sb-site,.sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */
  background-color: #ffffff;
  /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}
/* ---------------
* 003 - Slidebars
*/
.sb-left {
  left: 0;
  /* Set Slidebar to the left. */
}
.sb-right {
  right: 0;
  /* Set Slidebar to the right. */
}
/* Slidebar widths for browsers/devices that don't support media queries. */
@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
}
@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
}
@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
}
@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
}
@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
}
/* ---------------
* 004 - Animation
*/
.sb-slide,#sb-site,.sb-site-container {
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
/* --------------------
* 005 - Helper Classes
*/
.sb-hide {
  display: none;
  /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}
/* --------------------
* 006 - Menu Classes
*/
/* Main Menu */
.sb-menu {
  /* Apply to <ul> or <ol>. */
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.sb-menu li {
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  /* Will lighten any background colour you set. */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  /* Will darken any background colour you set. */
}
.sb-menu li img {
  margin: 10px 0;
}
> .sb-menu li:first-child {
  border-top: none;
}
> .sb-menu li:last-child {
  border-bottom: none;
}
.sb-menu li a:link,.sb-menu li a:visited {
  width: 100%;
  display: inline-block;
  padding: 1em;
  color: #414141;
}
.sb-menu li a:link:hover,.sb-menu li a:visited:hover,.sb-menu li a:link:focus,.sb-menu li a:visited:focus {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.85);
  /* Will lighten any background colour you set. */
  color: #DDD;
  /* Changer pour la couleurs principale du site */
}
.sb-menu li a:link.logo img,.sb-menu li a:visited.logo img {
  width: 100px;
}
/* Borders */
.sb-left .sb-menu li a {
  border-left: 3px solid transparent;
}
.sb-left .sb-menu li a:hover {
  border-left: 3px solid;
  /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
/* ==========================================================================
Contact Class
========================================================================== */
/* Placeholder Text color */
:-moz-placeholder {
  color: #808080;
  letter-spacing: 0.2px;
}
/* Placeholder Tecxt color Firefox 18- */
::-moz-placeholder {
  color: #808080;
  letter-spacing: 0.2px;
}
/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
html,body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}
a:link,a:visited {
  color: #808080;
  text-decoration: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}
/* Hover links */
#contact-section a:hover,a:focus {
  color: #808080;
  text-decoration: none;
}
/* Dropdown text*/
.dropcontainer {
  position: relative;
  font-size: 14px;
  color: #808080;
  text-align: left;
  margin-bottom: 2em;
  width: 100%;
}
/* Dropdown box */
.dropcontainer ul {
  font-size: 14px;
  border: 1px solid #000;
  border-top: none;
/*  background: #fff;*/
  list-style-type: none;
  padding: 13px;
  margin: 0;
  width: 100%;
  z-index: 100;
}
.dropcontainer ul li {
  padding: 5px;
  transition: 0.5s 0.35s ease;
  -webkit-transition: 0.5s 0.35s ease;
  -moz-transition: 0.5s 0.35s ease;
}
.dropcontainer ul li:hover {
  outline: none;
}
.dropcontainer ul li:first-child {
  display: none;
}
.dropcontainer ul li:last-child {
  border-bottom: none;
}
.dropcontainer .dropdownhidden {
  display: none;
}
.trigger {
  border: 1px solid #000;
  padding: 1.4em 1em 1.1em 1em;
  font-size: 14px;
  width: 50%;
  letter-spacing: 0.2px;
  /* Input background color */
  /* background: rgba(255, 255, 255, 0.8) */
  /* background: none; */
  background: url(../images/dropdown/select-arrow-open.png) 98% center no-repeat;
  display: block;
  transition: 0.5s 0.35s ease;
  -webkit-transition: 0.5s 0.35s ease;
  -moz-transition: 0.5s 0.35s ease;
  text-align: left;
  width: 100%;
  margin: 0;
}
.trigger:hover {
  color: #DDD;
  background: url(../images/dropdown/select-arrow-open.png) 98% center no-repeat;
  /* Hover dropdown */
  border: 3px solid #ddd;
}
.activetrigger {
  color: #808080;
  padding: 1.4em 1em 1.1em 1em;
  letter-spacing: 0.2px;
  font-size: 14px;
  width: 50%;
  background: url(../images/dropdown/select-arrow-close.png) 98% center no-repeat;
  display: block;
  border: 3px solid #fff;
  text-align: left;
  width: 100%;
  margin: 0;
}
#contact-section .contact-form-a {
  padding: 0 2em;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (min-width:992px) {
  #contact-section .contact-form-a {
	padding: 0;
	width: 85%;
  }
}
@media only screen and (min-width:1200px) {
  #contact-section .contact-form-a {
	width: 80%;
  }
}
#contact-section .contact-form-a textarea {
  min-height: 220px;
}
#contact-section input[type="text"],#contact-section input[type="number"],#contact-section input[type="password"],#contact-section input[type="email"],#contact-section textarea,#contact-section select {
  border: none;
  text-align: left;
  /* Border input fields */
  border: 1px solid #000;
  border-radius: 0;
  padding: 1em 1em 0.8em 1em;
  outline: none;
  font-size: 14px;
  letter-spacing: 1px;
  color: #414141;
  margin: 0;
  width: 100%;
  display: block;
  margin-bottom: 10px;
  /* Input fields background */
  background-color: transparent;
  -webkit-appearance: none;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}
#contact-section input[type="text"]:hover,#contact-section input[type="number"]:hover,#contact-section input[type="password"]:hover,#contact-section input[type="email"]:hover,#contact-section textarea:hover,#contact-section select:hover {
  /* Background Hover */
  background: #DF6A73;
  color: #DDD;
}
#contact-section input[type="text"]:focus,#contact-section input[type="number"]:focus,#contact-section input[type="password"]:focus,#contact-section input[type="email"]:focus,#contact-section textarea:focus {
  border: 1px solid #808080;
  background-color: #FFF;
  color: #414141;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
#contact-section input[type="checkbox"] {
  display: inline;
}
#contact-section button,#contact-section input[type="button"],#contact-section input[type="reset"],#contact-section input[type="submit"] {
  background-color:  #ccda5f;
  border: 1px solid #000;
  color: #414141;
  padding: 1.2em 1em 0.8em 1em;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  width: 100%;
  max-width: 100%;
  display: block;
  -webkit-appearance: none;
/*  text-transform: uppercase;*/
  letter-spacing: 1px;
  border-radius: 2px;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}
#contact-section button:hover,#contact-section input[type="button"]:hover,#contact-section input[type="reset"]:hover,#contact-section input[type="submit"]:hover {
  background-color: #DF6A73;
  border: 3px solid #DF6A73;
  color: #414141;
}
#contact-section button:active,#contact-section input[type="button"]:active,#contact-section input[type="reset"]:active,#contact-section input[type="submit"]:active {
  background-color: #414141;
  border: 1px solid #414141;
  color: #ffffff;
}
#contact-section a {color:#000;}
#contact a:hover {color: #DF6A73;}
/* Background */
.parallax-3 {
  padding-top: 60px;
  padding-bottom: 30px;
  width: 100%;
  /* background: url(../images/bg/bg-contact.jpg) no-repeat center center fixed; */
  background: url(../images/bg/bg-texture.png) repeat;
/*   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}
/* Google fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,700);
/* ==========================================================================
Global
========================================================================== */
body,body a {
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
  font-size: 15px;
}
body h2 .lighter{
  font-weight: 300;
}
body h3 {
  font-size: 20px;
  font-weight: 300;
}
body p {
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
}
body a {
  color: #000000;
  text-decoration: none;
}
.c-black a {color: #000;}
/* Icon section */
.icon-section p {
  font-weight: 100;
}
.icon-section h3 {
  font-size: 24px;
  font-weight: 100;
}
.conscience,.evolution,.pouvoir {
  height: 145px;
  width: 145px;
}
@media (max-width: 768px){
 .conscience,.evolution,.pouvoir {
  height: 115px;
  }
}
/* Decouvrez */
.banner-logo {
  height: 120px;
  /* width: 100px; */
}
#decouvrez h1 {
  font-size: 25px;
}
#decouvrez h2 {
  font-size: 15px;
}
/* Section info */
.f-l {
  float: left;
}
.f-r {
  float: right;
}
.purple {
  color: #7c2f87;
}
.section-button {
  padding: 15px 10px;
  min-width: 175px;
  border: 2px solid #000;
  font-size: 18px;
  font-weight: 400;
}
.button-white {
  padding: 15px 10px;
  min-width: 175px;
  border: 2px solid #fff;
  font-size: 18px;
  font-weight: 400;
  color:#fff;
}
.location-button a {color: #fff;}

@media only screen and (min-width:750px){
.wd-60 {width: 60%; margin-left:20%; margin-right:20%;}
}

.section-button:hover {
  background: #fff;
  color: #D1D466;
  border: 2px solid #D1D466;
}
.section-info div a {
  color: #000000;
}
.red div a {color:red;}
/* Middle nav bar */
/* #breadcrumb {z-index: 999999;} */
.middle-bar {
  z-index: 9999;
  background: #fff;
  max-height: 70px;
  width: 100%;
}
.middle-bar a {
  color: #000 !important;
  font-size: 18px;
}
/* .nv1 { border-left: solid 2px #DDD !important;} */
/* .nv2 {background: #c80e52;}
.nv3 {background: #D1D466;}
.nv4 {background: #9f2771;}
.nv5 {background: #7c2f87;}
 */
.nv1:hover,.nv2:hover,.nv3:hover,.nv4:hover,.nv5:hover {
  background: #ddd;
  padding: 23px;
}
/* .nv2:hover {
  background: #9f2771;
}
.nv3:hover {
  background: #d30182;
}
.nv5:hover {
  background: #e20039;
} */
.middle-bar {
  -moz-box-shadow: 0 16px 24px rgba(0,0,0,.12);
  -webkit-box-shadow: 0 16px 24px rgba(0,0,0,.12);
  box-shadow: 0 16px 24px rgba(0,0,0,.12);
}
section#breadcrumb {
  width: 100%;
}
.breadcrumb {
  width: 100%;
}
.is-sticky ul {
  margin: 6px 0 0 0;
  padding: 0;
}
.is-sticky ul li a {
  font-size: 15px;
}
/* Middle navbar going to the right position */
.section-info:before {
  content: "";
  display: block;
  height: 90px;
  /* fixed header height*/
  margin: -90px 0 0;
  /* negative fixed header height */
}
#breadcrumb-sticky-wrapper.sticky-wrapper.is-sticky section#breadcrumb a:hover,#breadcrumb-sticky-wrapper.sticky-wrapper.is-sticky section#breadcrumb a:link.nav-active,#breadcrumb-sticky-wrapper.sticky-wrapper.is-sticky section#breadcrumb a:visited.nav-active {
  color: #000000;
  background: #D1D466;
  padding: 6px 25px 6px 25px;
}
#breadcrumb-sticky-wrapper.sticky-wrapper.is-sticky section#breadcrumb a:hover {
  background: #D1D466;
}
.breadcrumb {
  background: none;
}
.breadcrumb>li+li:before {
  content: none;
}
#breadcrumb-sticky-wrapper .hide-breadcrumb {
  opacity: 0;
  transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
}
.white {color: #fff!important;}
/* ==========================================================================
SOCIAL MEDIAS Class
========================================================================== */
#social-media-a {
  -moz-box-shadow: 0 -16px 24px rgba(0,0,0,.32);
  /* drop shadow */
  -webkit-box-shadow: 0 -16px 24px rgba(0,0,0,.32);
  /* drop shadow */
  box-shadow: 0 -16px 24px rgba(0,0,0,.32);
  /* drop shadow */
}
section#social-media-a {
/*  text-transform: uppercase;*/
/*  background-image: url("../images/bg/bg-social.jpg");*/
  background:#D1D466;
  background-repeat: repeat;
  background-position: center center;
  background-size: auto 100%;
  color: #FFF;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width:992px) {
  section#social-media-a {
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
  }
}
section#social-media-a h2.title {
  color: #fff;
}
section#social-media-a ul.list-inline {
  display: inline-block;
  margin: 0;
}
/*
section#social-media-a ul.list-inline li {
  margin: 0;
  padding: 0;
}
*/
section#social-media-a ul.list-inline li a {
  line-height: 1;
  text-align: center;
}
section#social-media-a ul.list-inline li a i {
  /* font-size: 1.2em; */
}
section#social-media-a a.button {
  display: inline-block;
  margin: 30px 10px 0 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 0;
  color: #fff;
  font-size: 3em;
}
@media only screen and (min-width:768px) {
  section#social-media-a a.button {
	margin: 30px 20px 0 0;
  }
}
@media only screen and (min-width:1200px) {
  section#social-media-a a.button {
	font-size: 1.2em;
	text-align: center;
  }
}
section#social-media-a a.button:hover {
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
section#social-media-a a.button.last {
  margin-right: 0;
}
section#social-media-a a.facebook,section#social-media-a a.linkedin {
  padding: 1em 0;
  min-width: 75px;
  font-size: 1em;
  /* background: #ffffff; */
}
section#social-media-a a.facebook:hover,section#social-media-a a.linkedin:hover {
  color: #ffffff;
}
@media only screen and (min-width:768px) {
  section#social-media-a a.facebook,  section#social-media-a a.linkedin {
	/* padding: 1.2em 0; */
	width: 115px;
	font-size: 1.7em;
  }
}
/*
section#social-media-a a.facebook {
  border: 2px solid #fff;
  color: #fff;
}
*/
section#social-media-a a.facebook:hover {
  background-color: #39579a;
}
/*
section#social-media-a a.linkedin {
  border: 2px solid #fff;
  color: #fff;
}
*/
section#social-media-a a.linkedin:hover {
  background-color: #0077b5;
}
/* Ou se trouve Jayendra */
.border-top-bottom {
  border-bottom: 2px solid #808080;
  border-top: 2px solid #808080;
  display: inline-block;
  padding: 5px;
  margin: 7px;
}
/* ==========================================================================
CONTACT Class
========================================================================== */
#contact-section h2 {
  font-weight: 600;
  color: #fff;
  margin-bottom: 5px;
}
#contact-section h3 {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  margin-top: 5px;
}
/* ==========================================================================
Parallax
========================================================================== */
.parallax-2 {
  width: 100%;
  background: url(../images/bg/bg-banner-1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width:799px) {
  .parallax-4 {
	width: 100%;
	background: url(../images/bg/bg-location.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
}
@media only screen and (min-width:800px) {
  .parallax-4 {
	width: 100%;
	background: url(../images/bg/bg-location.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
}
@media only screen and (min-width:800px) {
  .parallax-5 {
	width: 100%;
	background: url(../images/bg/bg-team.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
}


/* Team */
.team-title {background: #000; color: #fff; padding: 12px 17px;}
/* .round-frame {border-radius: 50%;} */
.bg-ddd {background: rgba(255, 255, 255, 0.9)}
/* ==========================================================================
Copyright Class
========================================================================== */
section#copyright {
  background-color: #1d1d1d;
  padding: 30px 0;
}
section#copyright span {
  color: #aaa;
  font-size: 12px !important;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width:992px) {
  section#copyright span {
	font-size: 14px !important;
  }
}
section#copyright a:link,section#copyright a:visited {
  text-decoration: none;
  color: #FFFFFF;
}
section#copyright a:hover,section#copyright a:active {
  color: #aaa;
}
/* ==========================================================================
Success page class
========================================================================== */
body#confirmation section.confirmation {
  background: url("../images/bg/bg-header.jpg") no-repeat scroll center center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.confirmation a {
  font-size: 18px;
  text-decoration: underline;
}
/* ==========================================================================
Global
========================================================================== */
.li-300 {
  font-style: italic;
}

/* Custom style */
.isabel {font-size: 3em}
.isabel-xl { font-size: 4em;}
@media only screen and (min-width:750px){
.isabel-xl { font-size: 5em;}
}
input {
	background: red;
}

/*
#contact-section {
	background: #D1D466;
}
*/
.aqua {color:#D1D466;}
.bg-red {background: #DF6A73;}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.f4x {font-size: 4em;}
.block {display:block;}
.center-block-50 {margin-right: 50%; margin-left: 50%;}
.navbar-header {
	max-height: 76px;
}
@media only screen and (min-width:990px)
{
	.hidden-990 {display:none;}
}
.section-button-white {
  padding: 15px 15px;
  min-width: 175px;
  font-size: 18px;
  font-weight: 400;
  background: #fff;
}
.section-button-blue {
  padding: 15px 15px;
  min-width: 175px;
  font-size: 18px;
  font-weight: 400;
  background: #D1D466;
 color:#fff;
}
a.section-button-blue:link { color: #fff; }
.min-725 {min-height: 725px;}
.min-980 {min-width: 980px;}
.gmap{
	height: 500px;
	margin-top: 50px;
}
@media screen and (min-width:769px){
.navbar-default {background: transparent;}
}
.sticky-swap {background: #000;}
.nowrap {white-space: nowrap;}
@media screen and (max-width: 768px) {.l30 {left:30px;} }

@media screen and (max-width: 750px){
.responsive-text-center {text-align: center;}
}

/* TESTIMONIOALS */
/*===================================*/
/** RESET AND LAYOUT
===================================*/
/* line 2260, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

/* line 2268, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper img {
  max-width: 100%;
  display: block; }

/* line 2272, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bxslider {
  margin: 0;
  padding: 0; }

/* line 2276, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
ul.bxslider {
  list-style: none; }

/* line 2279, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }

/** THEME
===================================*/
/* line 2285, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper {
  background: transparent; }

/* line 2288, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
/* line 2295, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-loading {
  min-height: 100px;
  background: url("../images/icons/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
/* line 2306, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

/* line 2314, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/* line 2326, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000; }

/* line 2331, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

/* line 2337, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
/* line 2342, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/icons/controls.png") no-repeat 0 -32px; }

/* line 2346, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

/* line 2350, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/icons/controls.png") no-repeat -43px -32px; }

/* line 2354, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0; }

/* line 2358, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

/* line 2368, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
/* line 2372, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

/* line 2375, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../images/icons/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

/* line 2384, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

/* line 2389, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("..images/icons/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

/* line 2398, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* line 2404, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

/* line 2408, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
/* line 2413, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

/* line 2421, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

/* line 2428, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
blockquote {
  display: block;
	border-left: none!important;
  -webkit-margin-before: 2em;
  -webkit-margin-after: 2em;
  -webkit-margin-start: 70px;
  -webkit-margin-end: 70px; }

  .url {display: none;}
.sticky {background :#fff;}
#social-media-a .list-inline > li {padding-right: 30px;}
.small-logo img{height: 15px!important; margin-top: 20px; margin-left: 15px;}
/*
.nav-bar {-moz-box-shadow: 0 16px 24px rgba(0,0,0,.32);
  -webkit-box-shadow: 0 16px 24px rgba(0,0,0,.32);
  box-shadow: 0 16px 24px rgba(0,0,0,.32);
}
*/
.vw50 {width:50vw;}
@media (min-width: 991px) {
	.ml-lg-responsive {padding-left: 60px;}
}
@media (max-width: 1199px){
.responsive-logo-nav img{height: 20px; margin-top:15px;}
	body a {font-size:14px;}
}
@media (max-width: 1009px){
.responsive-logo-nav img{height: 15px; margin-top:20px;}
}
@media (max-width: 930px){
	.navbar a{font-size: 13px;}
}
@media (max-width: 895px) {
	.hide-small-menu {display: none;}
}
@media (max-width: 700px) {
	blockquote {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
  }
}

.list-right ul
{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
}
.lh-0 {line-height: 0;}
.top-3 {position: relative; top: 3px;}
@media (max-width: 768px) {
	.pb-25-responsive {padding-bottom: 25px;}
}

/* TESTIMONIOALS */
/*===================================*/
/** RESET AND LAYOUT
===================================*/
/* line 2260, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

/* line 2268, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper img {
  max-width: 100%;
  display: block; }

/* line 2272, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bxslider {
  margin: 0;
  padding: 0; }

/* line 2276, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
ul.bxslider {
  list-style: none; }

/* line 2279, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0); }


  /* -----------------  */
/* Slider */
.slick-slider
{
	position: relative;

	display: block;

	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

#testimonials #dev-snippet-title{
	margin-top: 0px;
	padding-top:30px;
}
#testimonials .testimonials-list {
	margin-top: 20px;
	margin-bottom: 70px;
	/* Slider css */
}
/* #testimonials .testimonials-list .single-testimonial {
	-webkit-transition: all 0.25s;
	border: 1px solid #E0E0E0;
	border-radius: 10px;
	background-color: white;
	margin: 15px;
} */
#testimonials .testimonials-list .single-testimonial .testimonial-holder {
	padding: 25px 15px;
	padding-bottom: 0px;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-content {
	font-size: 18px;
	text-align: center;
	position: relative;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-content .testimonial-caret {
	position: absolute;
	bottom: -46px;
	font-size: 32px;
	color: white;
	left: 40px;
}
/* #testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user {
	margin-top: 20px;
	clear: both;
	background-color: #82bd61;
	border-radius: 0px 0px 10px 10px;
	padding: 20px 40px;
	text-align: center;
} */
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-image {
	float: left;
	min-width: 50px;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-image img {
	height: 50px;
	border-radius: 100%;
	border: 2px solid white;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-name {
	float: left;
	font-weight: bold;
	color: white;
	margin-left: 15px;
	text-align: left;
	font-size: 18px;
}
#testimonials .testimonials-list .single-testimonial .testimonial-holder .testimonial-user .testimonial-user-name a {
	color: #404040;
	font-size: 16px;
}
#testimonials .testimonials-list .testimonial-left-handle {
	position: absolute;
	z-index: 10;
	top: 40%;
	left: -10%;
	cursor: pointer;
}
#testimonials .testimonials-list .testimonial-left-handle:hover {
	color: #82BD61;
}
#testimonials .testimonials-list .testimonial-right-handle {
	position: absolute;
	z-index: 10;
	top: 40%;
	right: -10%;
	cursor: pointer;
}
#testimonials .testimonials-list .testimonial-right-handle:hover {
	color: #82BD61;
}
#testimonials .testimonials-list .slick-dots {
	bottom: -40px;
	text-align: center;
}
#testimonials .testimonials-list .slick-dots li {
	list-style-type: none;
	display: inline-block;
}
#testimonials .testimonials-list .slick-dots li button {
	background-color: grey;
	border-radius: 50%;
	color: grey;
	height: 18px;
	width: 18px;
	border: 0;
	outline: none;
	margin: 0px 3px;
}
#testimonials .testimonials-list .slick-dots li.slick-active button {
	background-color: white;
	color: white;
}
.btn-temoignage {background: transparent!important; color:#FFF; border: 2px solid #fff;}
.btn-temoignage:hover {color:#fff;}

/** THEME
===================================*/
/* line 2285, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper {
  background: transparent; }

/* line 2288, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
/* line 2295, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-loading {
  min-height: 100px;
  background: url("../images/icons/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
/* line 2306, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

/* line 2314, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

/* line 2326, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000; }

/* line 2331, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

/* line 2337, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
/* line 2342, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../images/icons/controls.png") no-repeat 0 -32px; }

/* line 2346, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0; }

/* line 2350, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-next {
  right: 10px;
  background: url("../images/icons/controls.png") no-repeat -43px -32px; }

/* line 2354, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0; }

/* line 2358, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

/* line 2368, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
/* line 2372, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

/* line 2375, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../images/icons/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

/* line 2384, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0; }

/* line 2389, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("..images/icons/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

/* line 2398, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
/* line 2404, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

/* line 2408, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
/* line 2413, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

/* line 2421, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px; }

/* line 2428, /Applications/MAMP/htdocs/Transitoire-Master/css/style.scss */
blockquote {
  display: block;
  border-left: none!important;
  -webkit-margin-before: 2em;
  -webkit-margin-after: 2em;
  -webkit-margin-start: 70px;
  -webkit-margin-end: 70px; }
.slick-dots {padding-left: 0;}


/* BLOGUE */
#blogue p {font-size: 15px; line-height: 20px;  font-weight: 100;}
#blogue img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#blogue a {
	color: #D1D466!important;
	font-weight: 400!important;
	font-size: 13px;
	text-decoration: underline;
}
#service-6 { box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
}

/*CUSTOM: 2020-03-03*/
.cp-float {
    float: none;
}
.hidden-md img.f-r {
    margin: auto;
    /* float: none; */
    max-width: 500px;
}
/* Research 2020-10-19*/
#research p {font-size: 15px; line-height: 20px;  font-weight: 100;}
#research img {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#research a {
  color: #D1D466!important;
  font-weight: 400!important;
  font-size: 13px;
  text-decoration: underline;
}
#research {
    background-color: #efefef;
    margin-bottom: auto;
    padding-bottom:23px;
}

/* Localized */