.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.hide-text {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.listreset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.backgroundreset {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-back:before {
  content: "\e90e";
}

.icon-calculateur:before {
  content: "\e90d";
}

.icon-beton-pret:before {
  content: "\e905";
}

.icon-mortier-pret:before {
  content: "\e909";
}

.icon-beton-decoratif:before {
  content: "\e90a";
}

.icon-qualite:before {
  content: "\e90b";
}

.icon-contactez-nous:before {
  content: "\e90c";
}

.icon-beton-cle:before {
  content: "\e903";
}

.icon-right-arrow:before {
  content: "\e90f";
}

.icon-left-arrow:before {
  content: "\e900";
}

.icon-bibliotheque:before {
  content: "\e901";
}

.icon-bloc-poutrelle:before {
  content: "\e902";
}

.icon-ciments:before {
  content: "\e904";
}

.icon-financement:before {
  content: "\e906";
}

.icon-granulats:before {
  content: "\e907";
}

.icon-innovation:before {
  content: "\e908";
}

.icon-phone:before {
  content: "\e914";
}

.icon-linkedin:before {
  content: "\e915";
}

.icon-facebook:before {
  content: "\e916";
}

.icon-google-plus:before {
  content: "\e917";
}

.icon-search:before {
  content: "\e918";
}

.icon-menu:before {
  content: "\e923";
}

.icon-close:before {
  content: "\e924";
}

.icon-twitter:before {
  content: "\e922";
}

.fluidbox {
  outline: none;
}

.fluidbox__overlay {
  background-color: rgba(255, 255, 255, .85);
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: -100%;
  left: 0;
  bottom: -100%;
  right: 0;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.fluidbox--opened .fluidbox__overlay {
  pointer-events: auto;
}

.fluidbox__wrap {
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.fluidbox--closed .fluidbox__thumb,
.fluidbox__thumb {
  -webkit-transition: opacity 0s ease-in-out 0s;
  transition: opacity 0s ease-in-out 0s;
}

.fluidbox__ghost {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transition-duration: 0s,.5s;
  transition-duration: 0s,.5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
}

.fluidbox--opened .fluidbox__ghost {
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.fluidbox--closed .fluidbox__ghost {
  -webkit-transition-delay: .5s,0s;
  transition-delay: .5s, 0s;
}

.fluidbox__loader {
  opacity: 0;
  -webkit-perspective: 200px;
  perspective: 200px;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.fluidbox__loader:before {
  background-color: rgba(255, 255, 255, .85);
  content: "";
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20%;
  padding-bottom: 20%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transition-property: -webkit-transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.fluidbox--loading .fluidbox__loader {
  opacity: 1;
  -webkit-transition: opacity .5s ease-in-out .5s;
  transition: opacity .5s ease-in-out .5s;
}

.fluidbox--loading .fluidbox__loader:before {
  -webkit-animation: a 1s 0s infinite ease-in-out forwards;
  animation: a 1s 0s infinite ease-in-out forwards;
}

/**
*  Master Slider
* 	Core css file
*/

.master-slider {
  position: relative;
  visibility: hidden;
  -moz-transform: translate3d(0, 0, 0);
}

.master-slider a {
  -webkit-transition: none;
  transition: none;
}

.master-slider,
.master-slider * {
  box-sizing: content-box;
}

.master-slider.ms-fullheight {
  height: 100%;
}

.ms-layout-partialview .ms-view {
  overflow: visible;
  background-color: transparent;
}

.ms-layout-partialview .ms-container {
  overflow: hidden;
}

.master-slider img,
.ms-slide-bgvideocont video {
  max-width: none;
}

.ms-ie img {
  border: none;
}

.ms-ie8 * {
  opacity: inherit;
  -webkit-filter: inherit;
  filter: inherit;
}

.ms-ie7 {
  zoom: 1;
}

.ms-moz .ms-slide-bgcont > img {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.ms-loading-container {
  position: absolute;
  width: 100%;
  top: 0;
}

.ms-slide-auto-height {
  display: table;
  table-layout: fixed;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
  width: 36px;
  height: 36px;
  background: url(../images/masterslider/loading-2.gif) no-repeat center white;
  border-radius: 60px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -18px;
  opacity: .9;
}

/* grab cursor */

.ms-no-swipe,
.ms-def-cursor {
  cursor: auto !important;
}

.ms-grab-cursor {
  cursor: url(../images/masterslider/grab.png), move;
}

.ms-grabbing-cursor {
  cursor: url(../images/masterslider/grabbing.png), move;
}

.ms-ie .ms-grab-cursor {
  cursor: move;
}

.ms-ie .ms-grabbing-cursor {
  cursor: move;
}

.ms-view {
  margin: 0 auto;
  overflow: hidden;
  background: black;
  position: relative;
  -webkit-perspective: 2000px;
  -ms-perspective: 2000px;
  perspective: 2000px;
}

.ms-view .ms-slide-container {
  position: relative;
}

.ms-slide {
  position: absolute;
  height: 100%;
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
}

.ms-wk .ms-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
  position: absolute;
  overflow: hidden;
  width: 100%;
}

.ms-slide .ms-slide-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 110;
}

.ms-ie .ms-slide-link {
  background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}

.ms-slide .ms-slide-bgvideocont {
  z-index: 105;
  height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont > video {
  -webkit-transform: translateZ(.3px);
  transform: translateZ(.3px);
}

.ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0;
}

.ms-inner-controls-cont,
.ms-container {
  position: relative;
  margin: 0 auto;
}

.ms-slide .ms-slide-bgcont img,
.ms-container,
.ms-inner-controls-cont {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
  position: absolute;
  pointer-events: auto;
}

.ms-layer-mask {
  position: absolute;
  overflow: hidden;
}

.ms-layer-mask .ms-layer {
  position: relative;
}

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 109;
  top: 0;
  pointer-events: none;
}

.ms-slide .ms-slide-video {
  position: absolute;
  top: 0;
  z-index: 111;
  background: black;
  padding: 0;
  margin: 0;
  border: none;
}

.ms-parallax-layer {
  width: 100%;
  position: absolute;
  top: 0;
}

.ms-scroll-parallax-cont {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.ms-wk .ms-scroll-parallax-cont {
  -webkit-transform: translateZ(.4px);
  transform: translateZ(.4px);
}

/*.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{}
.ms-scroll-parallax .ms-slide-bgcont{}*/

/* ------------------------------------------------------------------------------ */

/* Overlayer layers */

.ms-overlay-layers {
  position: absolute;
  top: 0;
  z-index: 120;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/*-----------------------------------------------------------*/

.ms-action-layer {
  cursor: pointer;
}

.ms-btn-container {
  position: absolute;
}

.ms-btn {
  text-decoration: none;
  display: inline-block;
  color: black;
  position: relative;
  padding: 8px 15px;
  cursor: pointer;
  white-space: nowrap;
}

.ms-default-btn {
  background: #0074a2;
  border-radius: 5px;
  color: #fff;
}

.ms-default-btn:hover {
  background-color: #0098d5;
}

.ms-default-btn:active {
  top: 1px;
}

.ms-btn-s {
  padding: 14px 17px;
  font-size: 80%;
  line-height: 0;
}

.ms-btn-m {
  padding: 12px 40px;
}

.ms-btn-n {
  padding: 8px 25px;
  font-size: 95%;
}

.ms-btn-l {
  padding: 17px 50px;
  font-size: 120%;
}

.ms-btn-round {
  border-radius: 5px;
}

.ms-btn-circle {
  border-radius: 100px;
}

.ms-btn-outline-round {
  border-radius: 5px;
}

.ms-btn-outline-circle {
  border-radius: 100px;
}

/*-----------------------------------------------------------*/

.ms-layer.video-box {
  background: black;
}

.ms-layer.video-box iframe {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  z-index: 111;
}

.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-video-btn {
  position: absolute;
  cursor: pointer;
  z-index: 112;
}

.ms-slide .ms-slide-vcbtn {
  position: absolute;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background-color: black;
  color: white;
  text-align: center;
  cursor: pointer;
  z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: .75em;
  display: inline-block;
  background: url(../images/masterslider/video-close-btn.png) no-repeat 0 3px;
  padding-left: 15px;
  height: 15px;
  color: #dbdbdb;
  margin-top: 7px;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
  -webkit-transform: translateZ(.44px);
  transform: translateZ(.44px);
}

.ms-video-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.ms-mask-frame {
  overflow: hidden;
  position: absolute;
  float: left;
}

/* controls */

.ms-thumb-list {
  overflow: hidden;
  position: absolute;
}

.ms-thumb-list.ms-dir-h {
  width: 100%;
}

.ms-thumb-list.ms-dir-v {
  height: 100%;
  top: 0;
}

.ms-thumbs-cont {
  position: relative;
}

.ms-thumb-frame img {
  width: 100%;
  height: auto;
}

.ms-thumb-frame {
  cursor: pointer;
  float: left;
  overflow: hidden;
  opacity: .5;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-thumb-frame-selected {
  opacity: 1;
}

.ms-tabs .ms-thumb-frame {
  background-color: #f6f6f6;
  text-shadow: 0 1px 1px white;
  color: #222;
  border: solid 1px white;
  border-width: 0 1px 1px 0;
  overflow: visible;
  position: relative;
  opacity: 1;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
  margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
  margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
  margin-left: 0;
}

.ms-tabs.ms-dir-h.ms-align-top {
  z-index: 140;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
  margin-top: -12px;
}

.ms-tabs .ms-thumb {
  padding: 20px 20px;
}

.ms-tabs .ms-thumb-frame-selected {
  opacity: 1;
  background: #ededed;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
  top: 0;
  left: 50%;
  margin-left: -12px;
  border-bottom: solid 12px #f6f6f6;
  border-left: solid 12px transparent;
  border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  top: -12px;
  border-bottom-color: #ededed;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
  bottom: 0;
  top: auto;
  border-bottom: 0;
  border-top: solid 12px #f6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  bottom: -12px;
  border-top-color: #ededed;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
  top: 50%;
  left: 0;
  margin-top: -12px;
  border-right: solid 12px #ededed;
  border-top: solid 12px transparent;
  border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  left: -12px;
  border-right-color: #ededed;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
  left: auto;
  right: 0;
  border-right: 0;
  border-left: solid 12px #ededed;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
  opacity: 1;
  right: -12px;
  border-left-color: #ededed;
}

/* horizontal thumblist arrows*/

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  height: 100%;
  width: 20px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, .5);
  text-align: center;
  color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
  right: 0;
  left: auto;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 5px 5px 5px 0;
  display: block;
  border-right-color: #fff;
  width: 6px;
  height: 1px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  border-width: 5px 0 5px 5px;
  border-left-color: #fff;
  left: 7px;
}

/* vertical thumblist arrows */

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  width: 100%;
  height: 20px;
  position: absolute;
  top: 0;
  cursor: pointer;
  background: rgba(128, 128, 128, .5);
  text-align: center;
  color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
  bottom: 0;
  top: auto;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after,
.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 0 5px 5px 5px;
  display: block;
  border-bottom-color: #fff;
  height: 1px;
  top: 5px;
  width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  border-width: 5px 5px 0 5px;
  border-top-color: #fff;
  top: 7px;
}

.ms-bullet {
  cursor: pointer;
  float: left;
}

.ms-bullets.ms-dir-h {
  position: absolute;
  bottom: 20px;
  right: 50%;
  width: 100px;
}

.ms-bullets.ms-dir-v {
  position: absolute;
  top: 50%;
}

.ms-bullets.ms-dir-v .ms-bullet {
  float: none;
}

.ms-bullets.ms-dir-h .ms-bullets-count {
  position: relative;
  right: -50%;
}

.ms-sbar {
  position: absolute;
}

.ms-sbar.ms-dir-h {
  left: 10px;
  right: 10px;
  top: 5px;
}

.ms-sbar.ms-dir-v {
  top: 10px;
  bottom: 10px;
  right: 5px;
}

.ms-sbar .ms-bar {
  height: 4px;
  background: #333;
  border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {
  width: 4px;
}

.ms-sbar .ms-bar {
  position: relative;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-timerbar {
  width: 100%;
  bottom: 0;
  position: absolute;
}

.ms-ctimer {
  position: absolute;
  top: 30px;
  left: 30px;
  cursor: pointer;
}

.ms-time-bar {
  -webkit-transition: width 120ms linear;
  transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
  height: 0;
}

.ms-slide-info {
  position: absolute;
}

.ms-slide-info.ms-dir-v {
  top: 0;
}

.ms-slide-info.ms-dir-h {
  width: 100%;
}

/* In Android browser, using css animations over slider causes some crashes */

.ms-android .ms-tooltip-point .ms-point-border {
  animation: none;
  -moz-animation: none;
  -webkit-animation: none;
  -o-animation: none;
}

/**
*  Master Slider
*  Default Skin
*/

.ms-skin-default .ms-slide .ms-slide-vpbtn,
.ms-skin-default .ms-video-btn {
  width: 50px;
  height: 51px;
  background: url(light-skin-1.png) no-repeat -14px -150px;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
  width: 30px;
  height: 30px;
  background: url(light-skin-1.png) no-repeat -24px -28px;
  top: 18px;
  right: 30px;
}

/* controls */

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
  width: 30px;
  background: url(light-skin-1.png);
  background-position: -89px -26px;
  height: 40px;
  cursor: pointer;
  top: 50%;
  left: 30px;
  margin-top: -20px;
  position: absolute;
  z-index: 110;
}

.ms-skin-default .ms-nav-next {
  right: 30px;
  left: auto;
  background-position: -89px -103px;
}

.ms-skin-default .ms-bullet {
  width: 10px;
  height: 10px;
  background: url(light-skin-1.png) no-repeat;
  margin: 4px;
  background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
  background-position: -34px -84px;
}

.ms-skin-default .ms-time-bar {
  height: 3px;
  background: #fff;
  border-top: solid 1px rgba(0, 0, 0, .41);
}

.ms-skin-default .ms-tooltip {
  position: absolute;
  z-index: 210;
  cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  position: absolute;
  left: 50%;
  margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
  border-top: solid 10px;
  border-top-color: silver;
  border-top-color: rgba(240, 240, 240, .88);
  bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
  border-bottom: solid 10px;
  border-bottom-color: silver;
  border-bottom-color: rgba(240, 240, 240, .88);
  top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
  border-right: solid 10px;
  border-right-color: silver;
  border-right-color: rgba(240, 240, 240, .88);
  left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
  border-left: solid 10px;
  border-left-color: silver;
  border-left-color: rgba(240, 240, 240, .88);
  right: -10px;
}

.ms-skin-default .ms-tooltip-point {
  cursor: pointer;
}

.ms-skin-default .ms-tooltip-point .ms-point-center {
  width: 12px;
  height: 12px;
  border-radius: 15px;
  border: solid 2px #bbb;
  background: white;
  margin: -8px 0 0 -8px;
  position: absolute;
  z-index: 105;
}

.ms-skin-default .ms-tooltip-point .ms-point-border {
  width: 22px;
  height: 22px;
  background: black;
  background: rgba(0, 0, 0, .36);
  margin: -11px 0 0 -11px;
  position: absolute;
  border-radius: 15px;
  animation: point-anim 1.5s infinite;
  -moz-animation: point-anim 1.5s infinite;
  -webkit-animation: point-anim 1.5s infinite;
  -o-animation: point-anim 1.5s infinite;
}

.ms-skin-default .ms-tooltip {
  max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
  padding: 10px;
  background: silver;
  background: rgba(240, 240, 240, .88);
  text-shadow: 0 1px 0 white;
  margin-left: -1px;
}

/* retina */

.ms-partialview-template .ms-slide-info {
  text-align: center;
  font-family: "Lato";
  margin-top: 20px;
  width: 100%;
}

.ms-partialview-template .ms-slide-info h3 {
  margin: 5px;
  font-weight: 300;
  font-size: 23pt;
  color: #222;
}

.ms-partialview-template .ms-slide-info h4 {
  margin: 5px;
  font-weight: 300;
  font-size: 14pt;
  color: #7a7a7a;
}

.ms-partialview-template .ms-slide-info p {
  font-size: 10pt;
  margin: 6px;
}

/* Layers */

.ms-layer.video-title {
  font-family: "Lato", sans-serif;
  color: white;
  font-weight: 600;
  font-size: 42px;
  margin: 0;
  letter-spacing: 0;
}

.ms-layer.video-title.video-top-title {
  font-size: 16px;
  color: gray;
}

.ms-layer.video-title.video-sub-title {
  font-size: 22px;
  font-weight: 300;
}

.theme-green #header {
  background: #008223;
}

.theme-green #header.fixed-position {
  background: #008223;
  box-shadow: 0 1px 0 #008223;
}

.theme-pink #header {
  background: #db3b78;
}

.theme-pink #header.fixed-position {
  background: #db3b78;
  box-shadow: 0 1px 0 #db3b78;
}

.theme-blue #header {
  background: #0a377f;
}

#header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}

#header:before,
#header:after {
  content: " ";
  display: table;
}

#header:after {
  clear: both;
}

#header:after {
  content: " ";
  display: block;
  clear: both;
}

#header:after {
  content: " ";
  display: block;
  clear: both;
}

#header.fixed-position {
  background: #0a377f;
  box-shadow: 0 1px 0 #002f78;
}

#header.fixed-position .sec-hd {
  display: block;
}

#header.fixed-position .first-hd {
  display: none;
}

body.search-active #header{ z-index:0; }

.sec-hd {
  display: none;
}

.logo-box {
  padding: 12px 0 0;
  float: left;
}

.logo-box a .title {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  display: block;
  margin: 0 0 4px;
}

.logo-box a .slogan {
  font-size: 10px;
  line-height: 15px;
  font-weight: 400;
  color: #fff;
  display: block;
}

.logo-color {
  display: none;
}

.logo {
  float: left;
  width: 123px;
}

.logo img {
  vertical-align: top;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.header-holder {
  position: relative;
  padding: 9px 10px 12px 61px;
}

.header2.fixed-position .header-holder {
  padding: 9px 10px 12px 61px;
}

.header-holder:before,
.header-holder:after {
  content: " ";
  display: table;
}

.header-holder:after {
  clear: both;
}

.header-holder:after {
  content: " ";
  display: block;
  clear: both;
}

.header-holder:after {
  content: " ";
  display: block;
  clear: both;
}

.header-holder .right-box {
  width: calc(100% - 124px);
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 2px 0 0;
}

.btn-boutique {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 17px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  min-width: 35px;
  text-transform: uppercase;
  border: 1px solid #fff;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  padding:10px;
  margin: 0 10px 0 0;
}

.btn-boutique:hover{
  background: #309de4;
  border-color: #309de4;
}

.btn-boutique-cart {
  background: url(https://2393989.fs1.hubspotusercontent-na1.net/hubfs/2393989/Teralta_Jan2017/image_cart_modifie.png) no-repeat center;
  height: 15px;
  width: 15px;
  background-size: cover;
  font-family: "Freestyle Script";
  font-size: 30px;
  text-transform: none;
  font-weight: 600;
  display: inline-block;
  letter-spacing: 1.5px;
}
.header2.fixed-position .header-holder .right-box {
  width: calc(100% - 97px);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-holder .partagez-link {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  margin: 1px 8px 0 0;
}

.header-holder .btn-info {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #262626;
  padding: 10px;
  min-width: 35px;
  text-align: center;
}

.nav-active .header-holder .btn-info {
  border-color: #3b5f99;
}

.nav-active .header-holder .btn-info:focus,
.nav-active .header-holder .btn-info:hover {
  border-color: #309de4;
}

.theme-pink.nav-active .header-holder .btn-info {
  border-color: #c0235f;
}

.theme-pink.nav-active .header-holder .btn-info:focus,
.theme-pink.nav-active .header-holder .btn-info:hover {
  border-color: #951b4a;
}

.theme-green.nav-active .header-holder .btn-info {
  border-color: #00b531;
}

.theme-green.nav-active .header-holder .btn-info:focus,
.theme-green.nav-active .header-holder .btn-info:hover {
  border-color: #00b531;
}

.header-holder .btn-info .icon-phone {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}

.header-holder .btn-info:focus,
.header-holder .btn-info:hover {
  background: #309de4;
  color: #fff;
  border-color: #309de4;
}

.header-holder .social-networks {
  margin: 0 5px 0 0;
}

.header2.fixed-position .header-holder .social-networks {
  margin: 2px 10px 0 0;
}

.header2.fixed-position .header-holder .social-networks li {
  margin: 0 4px;
}

.header2.fixed-position .header-holder .social-networks li a {
  border-radius: 50%;
  width: 38px;
  height: 38px;
}

.header2.fixed-position .header-holder .social-networks li + li {
  margin: 0 4px;
}

.header-holder .social-networks li {
  margin: 0;
}

.header-holder .social-networks li + li {
  margin: 0 0 0 -1px;
}

.header-holder .social-networks li a {
  border-radius: 0;
  border-color: #fff;
  color: #fff;
  width: 53px;
  height: 54px;
}

.nav-active .header-holder .social-networks li a {
  border-color: #3b5f99;
}

.nav-active .header-holder .social-networks li a:focus,
.nav-active .header-holder .social-networks li a:hover {
  border-color: #3b5f99;
}

.nav-active.theme-green .header-holder .social-networks li a,
.nav-active.theme-pink .header-holder .social-networks li a {
  border-color: #fff;
}

.header-holder .social-networks li a:focus,
.header-holder .social-networks li a:hover {
  background: #fff;
  color: #002f78;
}

.theme-green .header-holder .social-networks li a:focus,
.theme-green .header-holder .social-networks li a:hover {
  color: #008223;
}

.theme-pink .header-holder .social-networks li a:focus,
.theme-pink .header-holder .social-networks li a:hover {
  color: #db3b78;
}

.drop-area {
  position: fixed;
  left: 0;
  right: 0;
  top: 63px;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  overflow: auto;
  background: #0a377f;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  padding: 25px 20px;
  border-top: 1px solid #3b5f99;
}

.nav-active .drop-area {
  opacity: 1;
  visibility: visible;
}

.theme-green .drop-area {
  background: #008223;
  border-color: #00691c;
}

.theme-pink .drop-area {
  background: #db3b78;
  border-color: #d5276a;
}

#nav {
  width: 100%;
  border-bottom: 1px solid #0a377f;
}

.theme-green #nav {
  border-color: #008223;
}

.theme-green #nav ul li {
  border-color: #008223;
}

.theme-green #nav ul li.active a {
  background: #004f15;
  border-color: #008223;
}

.theme-green #nav ul li a {
  background: #00691c;
}

.theme-green #nav ul li a:before {
  border-color: #00b531;
}

.theme-green #nav ul li a:focus,
.theme-green #nav ul li a:hover {
  background: #004f15;
  border-color: #052a63;
}

.theme-green #nav ul li a:focus:before,
.theme-green #nav ul li a:hover:before {
  display: block;
}

.theme-pink #nav {
  border-color: #db3b78;
}

.theme-pink #nav ul li {
  border-color: #db3b78;
}

.theme-pink #nav ul li.active a {
  background: #c0235f;
  border-color: #db3b78;
}

.theme-pink #nav ul li a {
  background: #d5276a;
}

.theme-pink #nav ul li a:before {
  border-color: #7f173f;
}

.theme-pink #nav ul li a:focus,
.theme-pink #nav ul li a:hover {
  background: #c0235f;
  border-color: #db3b78;
}

.theme-pink #nav ul li a:focus:before,
.theme-pink #nav ul li a:hover:before {
  display: block;
}

#nav ul {
  margin: 0;
  font-size: 20px;
  line-height: 25px;
}

#nav ul li {
  border: solid #0a377f;
  border-width: 1px 1px 0 0;
}

#nav ul li:first-child {
  border-top: 0;
}

#nav ul li.active a {
  background: #052a63;
  border-color: #052a63;
  color: #fff;
}

#nav ul li.active a:before {
  display: block;
}

#nav ul li a {
  display: block;
  color: #fff;
  background: #042f73;
  padding: 20px 20px 20px 30px;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  position: relative;
}

#nav ul li a:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  display: block;
}

#nav ul li a:before {
  border-left: 6px solid #1e9ccc;
  display: none;
}

#nav ul li a:focus,
#nav ul li a:hover {
  background: #052a63;
  border-color: #052a63;
  color: #fff;
}

#nav ul li a:focus:before,
#nav ul li a:hover:before {
  display: block;
}

.tab-content {
  overflow: hidden;
  background: #052a63;
  padding: 22px 11px;
}

.theme-green .tab-content {
  background: #004f15;
}

.theme-pink .tab-content {
  background: #c0235f;
}

.tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tab .tfoot {
  text-align: center;
  padding: 19px 5px;
}

.tab .tfoot .btn-primary {
  padding: 20px 10px;
}

.tab .alignleft {
  width: 100%;
}

.tab .alignleft .holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab .alignleft .block {
  width: 100%;
  padding: 0 11px 21px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.tab .alignleft .block.block-lg {
  width: 100%;
}

.tab .alignleft .block a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 142px;
  overflow: hidden;
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 33px 0;
  background: #111;
}

.tab .alignleft .block a.hover .visual,
.tab .alignleft .block a:hover .visual {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.tab .alignleft .block a .visual {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  z-index: 1;
}

.tab .alignleft .block a .visual:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 13%, rgba(220, 220, 220, 0) 20%, rgba(130, 130, 130, .25) 38%, rgba(0, 0, 0, .55) 64%, rgba(0, 0, 0, .97) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 13%, rgba(220, 220, 220, 0) 20%, rgba(130, 130, 130, .25) 38%, rgba(0, 0, 0, .55) 64%, rgba(0, 0, 0, .97) 100%);
}

.tab .alignleft .block a .title {
  width: 124px;
  bottom: 33px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  z-index: 2;
}

.tab .alignright {
  width: 100%;
  padding: 0 23px;
  max-width: 430px;
  margin: 0 auto;
  position: relative;
}

.tab .alignright:before {
  position: absolute;
  content: "";
  top: -20px;
  bottom: -20px;
  left: 0;
  right: auto;
  display: block;
}

.tab .alignright .img-holder {
  max-width: 430px;
  margin: 0 0 20px;
  position: relative;
}

.tab .alignright .img-holder:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.tab .alignright .img-holder:before {
  background: rgba(31, 31, 31, .1);
}

.tab .alignright .img-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.tab .alignright .heading {
  text-align: center;
  padding: 33px 0 0;
  margin: 0 0 -9px;
  position: relative;
  z-index: 2;
}

.tab .alignright .heading .title {
  font-size: 42px;
  line-height: 34px;
  display: block;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  padding: 0 0 0 15px;
  position: relative;
}

.tab .alignright .heading .title:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  display: block;
}

.tab .alignright .heading .title:before {
  border-left: 8px solid #1e9ccc;
}

.detail-list {
  margin: 0;
}

.detail-list li {
  margin: 0 0 20px;
}

.detail-list li .title {
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  display: block;
  margin: 0 0 6px;
}

.detail-list li .topics {
  display: block;
  font-size: 13px;
  line-height: 17px;
  font-weight: 700;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}

.detail-list li .topics a {
  color: #1e9ccc;
}

.theme-green .detail-list li .topics a {
  color: #00b531;
}

.theme-green .detail-list li .topics a:focus,
.theme-green .detail-list li .topics a:hover {
  color: #00cf38;
}

.theme-pink .detail-list li .topics a {
  color: #7f173f;
}

.theme-pink .detail-list li .topics a:focus,
.theme-pink .detail-list li .topics a:hover {
  color: #951b4a;
}

.detail-list li .topics a:focus,
.detail-list li .topics a:hover {
  color: #1981a8;
}

.tab-holder:before,
.tab-holder:after {
  content: " ";
  display: table;
}

.tab-holder:after {
  clear: both;
}

.tab-holder:after {
  content: " ";
  display: block;
  clear: both;
}

.tab-holder:after {
  content: " ";
  display: block;
  clear: both;
}

.search-opener {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #fff;
  padding: 10px;
  text-align: center;
  min-width: 35px;
  text-transform: uppercase;
  border: 1px solid #fff;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  margin: 0 5px 0 0;
}

.search-opener i {
  display: inline-block;
  vertical-align: top;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.nav-active .search-opener {
  border-color: #3b5f99;
}

.nav-active .search-opener:focus,
.nav-active .search-opener:hover {
  border-color: #fff;
}

.nav-active.theme-green .search-opener,
.nav-active.theme-pink .search-opener {
  border-color: #fff;
}

.search-opener:focus,
.search-opener:hover {
  background: #fff;
  color: #002f78;
}

.theme-green .search-opener:focus,
.theme-green .search-opener:hover {
  color: #008223;
}

.theme-pink .search-opener:focus,
.theme-pink .search-opener:hover {
  color: #db3b78;
}

.back-btn {
  width: 44px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 10px 5px;
  display: block;
  text-transform: uppercase;
  border: 1px solid #fff;
  position: absolute;
  left: 10px;
  top: 11px;
}

.back-btn span {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px 0 0;
}

.back-btn:focus,
.back-btn:hover {
  color: #008223;
  background: #fff;
}

.nav-opener {
  width: 44px;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  position: absolute;
  left: 10px;
  top: 11px;
  font-weight: 700;
}

.nav-active .nav-opener {
  border-color: #3b5f99;
}

.nav-active .nav-opener:focus,
.nav-active .nav-opener:hover {
  border-color: #3b5f99;
}

.nav-active.theme-green .nav-opener,
.nav-active.theme-pink .nav-opener {
  border-color: #fff;
}

.nav-opener .text {
  padding: 10px 5px;
  display: block;
}

.nav-active .nav-opener .text {
  display: none;
  font-weight: 400;
}

.nav-opener .text i {
  display: inline-block;
  vertical-align: top;
}

.nav-opener .text.text2 {
  display: none;
}

.nav-active .nav-opener .text.text2 {
  display: block;
}

.nav-opener:focus,
.nav-opener:hover {
  color: #002f78;
  background: #fff;
}

.theme-green .nav-opener:focus,
.theme-green .nav-opener:hover {
  color: #008223;
}

.theme-pink .nav-opener:focus,
.theme-pink .nav-opener:hover {
  color: #db3b78;
}

.fixed-drop {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  min-width: 320px;
  background: rgba(35, 35, 35, .98);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  font-family: "gotham", Arial, "Helvetica Neue", Helvetica, sans-serif;
  overflow: hidden;
  overflow-y: auto;
  padding: 120px 0 0;
  -webkit-transition: opacity .3s ease-out, visibility .3s ease-out;
  transition: opacity .3s ease-out, visibility .3s ease-out;
}

.search-active .fixed-drop.search-drop {
  opacity: 1;
  visibility: visible;
}

.lang-active .fixed-drop.lang-drop {
  opacity: 1;
  visibility: visible;
}

.fixed-drop .container {
  position: relative;
  z-index: 1;
}

.fixed-drop .label {
  font-size: 13px;
  line-height: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  border-radius: 0;
  padding: 0;
  letter-spacing: 2.5px;
  margin: 0 0 44px;
  display: inline-block;
  vertical-align: top;
}

.btn-close {
  position: absolute;
  right: 12px;
  top: 12px;
  border-width: 2px;
  border-color: #fff;
  color: #fff;
  padding: 22px 45px;
  border-radius: 100px;
  background: none;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.47;
  z-index: 10;
}

.btn-close:hover {
  color: #fff;
  border-color: #717171;
  background: #717171;
}

.btn-close span {
  display: inline-block;
  vertical-align: top;
  margin: 0 13px 0 2px;
}

.resize-active *,
.resize-active *:before,
.resize-active *:after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}

body {
  -ms-overflow-style: scrollbar;
  min-width: 320px;
}

a {
  text-decoration: none;
  -webkit-transition: color .3s linear, border .3s linear, background .3s linear;
  transition: color .3s linear, border .3s linear, background .3s linear;
}

a:before {
  -webkit-transition: color .3s linear, border .3s linear, background .3s linear;
  transition: color .3s linear, border .3s linear, background .3s linear;
}

a:hover,
a:focus,
a:active {
  outline: none;
  text-decoration: none;
}

.btn {
  font-family: "gotham", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.btn:hover,
.btn:active,
.btn:active:focus,
.btn:focus,
.btn:focus:active {
  outline: none;
  box-shadow: none;
}

.btn-default {
  border-width: 2px;
  letter-spacing: 3px;
}

.btn-default:hover {
  background: #262626;
  color: #fff;
  border-color: #262626;
}

.btn-info {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #262626;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.btn-info i {
  display: inline-block;
  vertical-align: middle;
}

.theme-green .btn-info {
  border-color: #00b531;
}

.theme-green .btn-info:focus,
.theme-green .btn-info:hover {
  color: #fff;
  background: #00b531;
  border-color: #00b531;
}

.theme-pink .btn-info {
  border-color: #c0235f;
}

.theme-pink .btn-info:focus,
.theme-pink .btn-info:hover {
  color: #fff;
  background: #951b4a;
  border-color: #951b4a;
}

.btn-info:focus,
.btn-info:hover {
  background: #309de4;
  color: #fff;
  border-color: #309de4;
}

.btn-primary {
  letter-spacing: 3px;
  border-width: 2px;
}

.theme-green .btn-primary {
  border-color: #00b531;
  color: #00b531;
}

.theme-green .btn-primary:focus,
.theme-green .btn-primary:hover {
  color: #fff;
  background: #00b531;
  border-color: #00b531;
}

.theme-pink .btn-primary {
  border-color: #7f173f;
  color: #7f173f;
}

.theme-pink .btn-primary:focus,
.theme-pink .btn-primary:hover {
  color: #fff;
  background: #951b4a;
  border-color: #951b4a;
}

.btn-primary:focus,
.btn-primary:hover {
  color: #fff;
  background: #1e9ccc;
  border-color: #1e9ccc;
}

#wrapper {
  position: relative;
  overflow: hidden;
}

#main {
  position: relative;
  z-index: 2;
  overflow: hidden;
  min-height: 3918px;
  padding-top: 64px;
}

.home #main {
  padding-top: 0;
}

.banner {
  white-space: nowrap;
  text-align: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  min-height: 100vh;
}

.banner .align {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
}

.banner .align {
  width: 100%;
  max-width: none;
  padding: 163px 15px 15px;
  position: relative;
  z-index: 2;
}

.banner h1 {
  margin: 0;
  color: #fff;
  font-size: 35px;
  line-height: 39px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.banner h1 span {
  font-weight: 300;
}

.parallax-container {
  background-color: #f00;
  overflow: hidden;
  z-index: 1;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
}

.parallax-container:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.parallax-container:before {
  background: rgba(0, 47, 120, .7);
  z-index: 1;
}

.parallax-container img {
  height: auto;
  position: absolute;
  width: auto;
}

.fallback-class {
  background-size: cover;
}

.intro-block {
  z-index: 1;
  color: #fff;
  font-size: 23px;
  line-height: 35px;
  font-weight: 700;
  padding-top: 95px;
  padding-bottom: 101px;
  text-align: center;
  position: relative;
}

.intro-block:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  display: block;
}

.intro-block:before {
  background: #002f78;
  z-index: -1;
}

.intro-block .text {
  max-width: 796px;
  margin: 0 auto;
}

.intro-block p {
  margin: 0 0 10px;
}

.intro-block a {
  color: #0088e0;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.intro-block a:before {
  position: absolute;
  content: "";
  top: auto;
  bottom: -2px;
  left: 0;
  right: 0;
  display: block;
}

.intro-block a:before {
  border-bottom: 1px solid #0088e0;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.intro-block a:focus,
.intro-block a:hover {
  color: #0088e0;
}

.intro-block a:focus:before,
.intro-block a:hover:before {
  border: 0;
}

.article-sec {
  padding-top: 50px;
  padding-bottom: 50px;
}

.article-sec .tfoot {
  text-align: center;
}

.article-sec .tfoot .btn-default {
  min-width: 280px;
}

.article-block {
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 24px;
}

.article-block a {
  display: block;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.article-block a.hover img,
.article-block a:focus img,
.article-block a:hover img {
  opacity: .5;
}

.article-block a.hover h3,
.article-block a:focus h3,
.article-block a:hover h3 {
  color: #002f78;
}

.article-block p {
  margin: 0 0 17px;
}

.article-block.featured .img-holder {
  float: none;
  max-width: none;
  margin: 0 auto 10px;
}

.article-block .img-holder {
  margin: 0 auto 10px;
  max-width: 250px;
}

.article-block .img-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
  margin: 0 auto;
}

.article-block .text-wrp {
  overflow: hidden;
  padding: 0 0 0 3px;
}

.article-block h3 {
  font-size: 20px;
  line-height: 23px;
  color: #1e1e1e;
  margin: 0 0 2px;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.article-block h3 a {
  color: #1e1e1e;
}

.article-block h3 a:focus,
.article-block h3 a:hover {
  color: #0057de;
}

.article-block h4 {
  color: #002f78;
  margin: 0 0 7px;
  font-size: 13px;
  line-height: 20px;
  font-style: italic;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
}

.article-block h4 a {
  color: #002f78;
}

.article-block h4 a:hover,
.article-block h4 a:focus {
  color: #0057de;
}

.sec-header {
  margin-bottom: -14px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.sec-header.sky-blue .sub-title {
  color: #0088e0;
  margin: 0 0 3px;
}

.sec-header.sky-blue h2 {
  color: #0088e0;
}

.sec-header .sub-title {
  color: #002f78;
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin: 0 0 5px;
}

.sec-header h2 {
  font-size: 43px;
  line-height: 36px;
  color: #002f78;
  margin: 0;
}

.projets-sec {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.projets-sec:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  display: block;
}

.projets-sec:before {
  background: #f2f2f2;
}

.projets-sec .sec-header .sub-title {
  margin: 0 0 -1px;
}

.master-slider {
  z-index: 1; /* .ms-view{
  .pseudo-element(before, 0, -99999px, 0, 100%);
  .pseudo-element(after, 0, 100%, 0, -9999px);
  &:before, &:after{
  background: rgba(242,242,242,.6);
  margin: 0 9px;
  z-index:5;
}
} */
}

.master-slider .ms-slide {
  /*&:before{
  background: rgba(242,242,242,.6);
  margin: 0 9px;
  z-index:2;
  left: -9999px;
  right: -9999px;
  top: 0;
  bottom: 0;
  position: absolute;
  content: "";
  transition: all .3s linear;
}*/
}

.master-slider .ms-slide.ms-sl-selected {
  position: absolute;
  z-index: 7;
}

.master-slider .ms-slide.ms-sl-selected:before {
  background: none;
  z-index: 1;
}

.master-slider .img-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.master-slider h3 {
  font-size: 20px;
  line-height: 23px;
  color: #1e1e1e;
  margin: 0 0 12px;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.master-slider h3 a {
  color: #1e1e1e;
}

.master-slider h3 a:focus,
.master-slider h3 a:hover {
  color: #0057de;
}

.master-slider .text-box {
  position: relative;
  text-align: center;
  background: #f2f2f2;
  z-index: 2;
  margin: 0 auto 0;
  border: 10px solid #f2f2f2;
  padding: 30px 20px 12px;
  font-size: 16px;
  line-height: 24px;
}

.master-slider .text-box p {
  margin: 0 0 15px;
}

.master-slider .text-box .btn-default {
  min-width: 180px;
}

.acces-sec {
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 1;
  position: relative;
}

.acces-sec:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  display: block;
}

.acces-sec:before {
  background: #f2f2f2;
  border-top: 1px solid #e4e4e4;
  z-index: -1;
}

.acces-blocks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.acces-blocks .acces {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}

.acces-blocks .acces:first-child a {
  border-left: 0;
  border-top: 0;
}

.acces-blocks .acces:first-child a:focus,
.acces-blocks .acces:first-child a:hover {
  border-left: 0;
}

.acces-blocks .acces a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  width: 100%;
  min-height: 180px;
  padding: 30px 30px 10px;
  -webkit-transition: background .3s linear;
  transition: background .3s linear;
  border-top: 2px dashed #f2f2f2;
}

.acces-blocks .acces a:focus,
.acces-blocks .acces a.hover,
.acces-blocks .acces a:hover {
  background: #309de4;
  border-top-style: solid;
}

.acces-blocks .acces a:focus h3,
.acces-blocks .acces a.hover h3,
.acces-blocks .acces a:hover h3,
.acces-blocks .acces a:focus h4,
.acces-blocks .acces a.hover h4,
.acces-blocks .acces a:hover h4,
.acces-blocks .acces a:focus .ico,
.acces-blocks .acces a.hover .ico,
.acces-blocks .acces a:hover .ico {
  color: #fff;
}

.acces-blocks .acces a .ico {
  color: #309de4;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 73px;
  line-height: 1;
  font-style: normal;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  margin: 0 0 12px;
}

.acces-blocks .acces a h3 {
  width: 100%;
  font-size: 20px;
  line-height: 23px;
  color: #1e1e1e;
  margin: 0 0 14px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

.acces-blocks .acces a h4 {
  width: 100%;
  color: #262626;
  margin: 0 0 5px;
  min-height: 46px;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  font-size: 16px;
  line-height: 23px;
  font-weight: 700;
}

.acces-blocks .acces .hold {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.engangements-sec {
  background: #002f78;
  padding-top: 50px;
  padding-bottom: 20px;
  z-index: 1;
  position: relative;
}

.engangements-sec:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.engangements-sec:before {
  background: url(../images/engangements-bf.png);
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1;
}

.engangements-sec .heading {
  margin: 0 0 60px;
  text-align: center;
}

.engangements-sec .heading h2 {
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: 5px;
}

.engangements-sec .heading h2 .num {
  font-size: 40px;
  line-height: 30px;
}

.engangements-list {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.engangements-list li {
  padding: 0 10px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.engangements-list li a {
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  width: 174px;
  display: block;
  white-space: nowrap;
  text-align: center;
  color: #fff;
  position: relative;
}

.engangements-list li a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  min-height: 174px;
}

.engangements-list li a .align {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
}

.engangements-list li a:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.engangements-list li a:before {
  border: 35px solid #335993;
  z-index: -1;
  border-radius: 50%;
}

.engangements-list li a:focus,
.engangements-list li a:hover {
  background: #335993;
}

.engangements-list li a .align {
  padding: 20px 10px;
}

.engangements-list li a .num {
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}

.engangements-list li a h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  margin: 0;
}

.breadcrumbs-holder {
  position: relative;
}

.breadcrumbs-holder:before {
  position: absolute;
  content: "";
  top: auto;
  bottom: 0;
  left: 10px;
  right: 10px;
  display: block;
}

.breadcrumbs-holder:before {
  display: block;
  border-bottom: 1px solid #d3d3d3;
  z-index: 2;
}

.breadcrumb {
  z-index: 1;
  margin: 0;
  padding: 25px 0 22px;
  font-family: "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 25px;
  position: relative;
}

.breadcrumb:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  display: block;
}

.breadcrumb:before {
  background: #efefef;
  z-index: -1;
}

.breadcrumb > li a {
  color: #777;
  text-decoration: underline;
}

.breadcrumb > li a:hover {
  text-decoration: none;
}

.breadcrumb > li + li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  margin: 0 0 0 10px;
  border-color: transparent transparent transparent #777;
}

.breadcrumb > li + li.active {
  font-weight: 700;
  color: #262626;
}

.terakaz-sec {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.terakaz-sec:before {
  position: absolute;
  content: "";
  top: -1px;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  display: block;
}

.terakaz-sec:before {
  background: #efefef;
  z-index: -1;
}

.terakaz-sec .descri {
  margin-top: -9px;
  font-size: 16px;
  line-height: 28px;
}

.terakaz-sec .descri h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  color: #111;
  margin: 0 0 24px;
}

.terakaz-sec .heading {
  margin: 0 0 37px;
}

.terakaz-sec .heading .hold {
  padding: 0 0 41px;
  display: inline-block;
  vertical-align: top;
  border-bottom: 1px solid #d3d3d3;
}

.terakaz-sec .heading h1 {
  margin: 0;
  color: #000;
  font-size: 35px;
  line-height: 39px;
  letter-spacing: 1px;
}

.terakaz-sec .heading .text {
  font-size: 16px;
  line-height: 30px;
  color: #666;
  display: block;
  text-transform: uppercase;
}

.slideshow {
  position: relative;
  background: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}

.slideshow .slide {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
}

.slideshow .slide.active {
  z-index: 2;
}

.slideshow .slideset {
  position: relative;
  width: 100%;
  background: #fff;
}

.slideshow .slide-pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.slideshow .slide-pagination img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.slideshow .slide-pagination li {
  width: 33.33%;
  z-index: 1;
  position: relative;
}

.slideshow .slide-pagination li:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.slideshow .slide-pagination li:before {
  border-bottom: 1px solid #fff;
  z-index: -1;
}

.slideshow .slide-pagination li.active {
  border: 1px solid #454545;
}

.slideshow .img-holder {
  width: 100%;
  white-space: nowrap;
  text-align: center;
}

.slideshow .img-holder:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  min-height: 392px;
}

.slideshow .img-holder .align {
  white-space: normal;
  display: inline-block;
  vertical-align: middle;
  max-width: 99%;
}

.slideshow .img-holder .align {
  padding: 5px 10px;
}

.slideshow .img-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.teralta-sec {
  padding-bottom: 50px;
}

.sec-heading {
  text-align: center;
  padding-top: 83px;
  padding-bottom: 67px;
  z-index: 2;
  position: relative;
}

.sec-heading.light-bf:before {
  background: #00d239;
}

.sec-heading:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: auto;
  left: 50%;
  right: auto;
  display: block;
}

.sec-heading:before {
  width: 3px;
  height: 72px;
  background: #008223;
  margin-top: -36px;
}

.sec-heading .sub-title {
  color: #262626;
  display: block;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 7px;
  margin: 0 0 3px;
}

.sec-heading h2 {
  font-size: 35px;
  line-height: 35px;
  color: #262626;
  margin: 0;
}

.sec-heading h2 .plus {
  display: inline-block;
  vertical-align: middle;
  font-size: 45px;
  line-height: 35px;
}

.teralta-list {
  margin: 0 auto;
  z-index: 1;
  max-width: 1008px;
  min-height: 188px;
  position: relative;
}

.teralta-list:before {
  position: absolute;
  content: "";
  top: 50%;
  bottom: auto;
  left: 0;
  right: auto;
  display: block;
}

.teralta-list:before {
  background: url(../images/les-bf.png);
  width: 297px;
  height: 288px;
  z-index: -1;
  margin-left: -208px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.teralta-list li {
  border: solid #d9d9d9;
  border-width: 0 1px 1px;
}

.teralta-list li:first-child {
  border-width: 1px;
}

.teralta-list li a,
.teralta-list li .hold-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 20px;
  background: #fff;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.teralta-list li a:focus,
.teralta-list li .hold-text:focus,
.teralta-list li a:hover,
.teralta-list li .hold-text:hover {
  background: #008223;
}

.theme-pink .teralta-list li a:focus,
.theme-pink .teralta-list li .hold-text:focus,
.theme-pink .teralta-list li a:hover,
.theme-pink .teralta-list li .hold-text:hover {
  background: #db3b78;
}

.theme-blue .teralta-list li a:focus,
.theme-blue .teralta-list li .hold-text:focus,
.theme-blue .teralta-list li a:hover,
.theme-blue .teralta-list li .hold-text:hover {
  background: #002f78;
}

.teralta-list li a:focus .text,
.teralta-list li .hold-text:focus .text,
.teralta-list li a:hover .text,
.teralta-list li .hold-text:hover .text,
.teralta-list li a:focus h3,
.teralta-list li .hold-text:focus h3,
.teralta-list li a:hover h3,
.teralta-list li .hold-text:hover h3 {
  color: #fff;
}

.teralta-list li a h3,
.teralta-list li .hold-text h3 {
  font-size: 19px;
  line-height: 27px;
  font-weight: 700;
  margin: 0 0 7px;
  color: #1e1e1e;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.teralta-list li a .text,
.teralta-list li .hold-text .text {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #1e1e1e;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.two-columns {
  padding-top: 50px;
  padding-bottom: 20px;
  position: relative;
}

.two-columns:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: auto;
  left: -9999px;
  right: -9999px;
  display: block;
}

.two-columns:before {
  border-top: 1px solid #d6dbd7;
}

.two-columns .column {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 40px;
}

.two-columns .column p {
  margin: 0 0 18px;
}

.two-columns .sec-heading {
  text-align: left;
  padding-top: 0;
  padding-bottom: 30px;
}

.two-columns .sec-heading:before {
  display: none;
}

.two-columns .sec-heading .sub-title {
  margin: 0 0 10px;
}

.two-columns .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.two-columns .box .img-holder {
  width: 165px;
  margin: 0 auto 15px;
}

.two-columns .box .img-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.two-columns .box .info-list {
  width: 100%;
  padding: 4px 0 0 26px;
}

.info-list {
  margin: 0;
  font-size: 16px;
  line-height: 19px;
}

.info-list li {
  color: #262626;
  padding: 0 0 22px 22px;
  position: relative;
}

.info-list li:before {
  position: absolute;
  content: "";
  top: 7px;
  bottom: auto;
  left: 0;
  right: auto;
  display: block;
}

.info-list li:before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #008223;
}

.white-list {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
}

.white-list li {
  color: #fff;
}

.white-list li:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 6px;
  height: 6px;
  margin: 0 5px 0 0;
  border-radius: 50%;
  background: #fff;
}

.three-columns {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #fff;
  position: relative;
}

.three-columns:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  display: block;
}

.three-columns:before {
  background: #008223;
}

.theme-pink .three-columns:before {
  background: #db3b78;
}

.theme-blue .three-columns:before {
  background: #002f78;
}

.three-columns .column {
  margin-bottom: 30px;
}

.three-columns h2 {
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  margin: 0 0 12px;
}

.three-columns .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.three-columns .box .img-holder {
  width: 109px;
  margin: 0 auto 15px;
}

.three-columns .box .img-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.three-columns .box .text {
  width: 100%;
  padding: 4px 0 0 26px;
}

.three-columns .box .text p {
  margin: 0 0 6px;
}

.three-columns .box .text .name {
  display: block;
}

.three-columns .box .text .name a {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  position: relative;
}

.three-columns .box .text .name a:before {
  position: absolute;
  content: "";
  top: auto;
  bottom: -3px;
  left: 0;
  right: 0;
  display: block;
}

.three-columns .box .text .name a:before {
  border-bottom: 1px solid #fff;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.three-columns .box .text .name a:focus:before,
.three-columns .box .text .name a:hover:before {
  border-bottom: transparent;
}

.application-sec {
  padding-bottom: 101px;
}

.carousel {
  position: relative;
  z-index: 2;
  margin: 0 -10px;
}

.carousel .mask-holder {
  margin: 0 auto;
  position: relative;
}

.carousel .mask-holder:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  display: block;
}

.carousel .mask-holder:before {
  background: rgba(255, 255, 255, .6);
  z-index: 2;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, .86) 27%, rgba(255, 255, 255, .42) 65%, rgba(255, 255, 255, .02) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, .86) 27%, rgba(255, 255, 255, .42) 65%, rgba(255, 255, 255, .02) 100%);
}

.carousel .mask-holder:after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  display: block;
}

.carousel .mask-holder:after {
  background: rgba(255, 255, 255, .6);
  z-index: 2;
  margin: 0 0 0 -15px;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, .02) -1%, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .91) 88%, rgba(255, 255, 255, .91) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, .02) -1%, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, .03) 1%, rgba(255, 255, 255, .91) 88%, rgba(255, 255, 255, .91) 100%);
}

.carousel .mask {
  position: relative;
  z-index: 1;
}

.carousel .mask:before,
.carousel .mask:after {
  content: " ";
  display: table;
}

.carousel .mask:after {
  clear: both;
}

.carousel .mask:after {
  content: " ";
  display: block;
  clear: both;
}

.carousel .mask:after {
  content: " ";
  display: block;
  clear: both;
}

.carousel .mask .slideset {
  width: 99999px;
  float: left;
}

.carousel .mask .slide {
  float: left;
  margin: 0 10px;
}

.carousel .mask .slide .img-holder img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.carousel .fluidbox--opened {
  z-index: 1000;
}

.carousel .btn-prev,
.carousel .btn-next {
  width: 70px;
  height: 70px;
  border: 6px solid #002f78;
  color: #002f78;
  text-align: center;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: 999;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  display: none;
}

.theme-green .carousel .btn-prev,
.theme-green .carousel .btn-next {
  color: #008223;
  border-color: #008223;
}

.theme-green .carousel .btn-prev:focus,
.theme-green .carousel .btn-next:focus,
.theme-green .carousel .btn-prev:hover,
.theme-green .carousel .btn-next:hover {
  background: #008223;
  color: #fff;
}

.theme-pink .carousel .btn-prev,
.theme-pink .carousel .btn-next {
  color: #db3b78;
  border-color: #db3b78;
}

.theme-pink .carousel .btn-prev:focus,
.theme-pink .carousel .btn-next:focus,
.theme-pink .carousel .btn-prev:hover,
.theme-pink .carousel .btn-next:hover {
  background: #db3b78;
  color: #fff;
}

.carousel .btn-prev.disabled,
.carousel .btn-next.disabled {
  display: none;
}

.carousel .btn-prev span,
.carousel .btn-next span {
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 20px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.carousel .btn-prev:focus,
.carousel .btn-next:focus,
.carousel .btn-prev:hover,
.carousel .btn-next:hover {
  background: #002f78;
  color: #fff;
}

.carousel .btn-prev {
  right: auto;
  left: 20px;
}

.sticky-aside {
  position: fixed;
  left: 2px;
  top: 150px;
  width: 60px;
  z-index: 3;
}

.sticky-aside .title {
  width: 163px;
  height: 23px;
  font-size: 13px;
  line-height: 22px;
  text-transform: uppercase;
  color: #999;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -42px 0 0 -59px;
  -webkit-transform: rotate(271deg);
  -ms-transform: rotate(271deg);
  transform: rotate(271deg);
}

.sticky-aside .social-networks {
  display: block;
}

.sticky-aside .social-networks li {
  margin: 0;
}

.sticky-aside .social-networks li:first-child a {
  border-width: 1px;
}

.sticky-aside .social-networks li a {
  border-radius: 0;
  border: solid #cacaca;
  border-width: 0 1px 1px;
  width: 40px;
  height: 40px;
  background: #efefef;
}

/* tabset required styles for hidden tabs */

.js-tab-hidden {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}

.search-form .form-group {
  margin: 0;
  display: block;
}

.search-form .form-group:before,
.search-form .form-group:after {
  content: " ";
  display: table;
}

.search-form .form-group:after {
  clear: both;
}

.search-form .form-group:after {
  content: " ";
  display: block;
  clear: both;
}

.search-form .form-group:after {
  content: " ";
  display: block;
  clear: both;
}

.search-form .form-control {
  background: none;
  border: none;
  width: 100%;
  height: 98px;
  font-family: "gotham", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 48px;
  line-height: 98px;
  font-weight: 700;
  color: #fff;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  box-sizing: border-box;
  display: block;
}

.search-form .form-control::-moz-placeholder {
  color: #555;
  opacity: 1;
}

.search-form .form-control:-ms-input-placeholder {
  color: #555;
}

.search-form .form-control::-webkit-input-placeholder {
  color: #555;
}

.search-form .form-control::-webkit-input-placeholder {
  color: #555;
}

.search-form .form-control::-moz-placeholder {
  opacity: 1;
  color: #555;
}

.search-form .form-control:-moz-placeholder {
  color: #555;
}

.search-form .form-control:-ms-input-placeholder {
  color: #555;
}

.search-form .form-control.placeholder {
  color: #555;
}

.input-group .btn {
  line-height: 25px;
}

.navbar-default .btn {
  padding: 6px 12px;
}

#footer {
  text-align: center;
  background: #262626;
  border-bottom: 1px solid #2e2e2e;
  color: #ffffff;
  padding: 0px;
}

.footer-text {
  overflow: hidden;
  font-size: 16px;
  line-height: 25px;
  font-weight: 700;
  font-family: "Merriweather", Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin: 0 auto 23px;
  padding:20px;
}

.footer-text p {
  margin: 0 0 15px;
}

.footer-text .logo {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 25px;
  width: 195px !important;
}

.follow-area {
  padding: 37px 0 32px;
  z-index: 1;
  position: relative;
}

.follow-area:before {
  /*	position: absolute; commented out by HubSpot Support 4/6/17 at the request of Gaelle. This removes the infinite gray space when scrolling to the right on the page*/a
  content: "";
  top: 0;
  bottom: 0;
  left: -9999px;
  right: -9999px;
  display: block;
}

.follow-area:before {
  border-top: 1px solid #2e2e2e;
  border-bottom: 1px solid #2e2e2e;
  /*	z-index: -1; commented out by HubSpot Support 4/6/17 at the request of Gaelle. This removes the infinite gray space when scrolling to the right on the page*/
}

.follow-area h3 {
  margin: 0 0 24px;
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
  color: #fff;
}

.social-networks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.social-networks li {
  margin: 0 6px 6px;
}

.social-networks li a {
  width: 55px;
  height: 55px;
  border: 1px solid #8a8a8a;
  display: block;
  border-radius: 50%;
  color: #a3a3a3;
  position: relative;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.social-networks li a:focus,
.social-networks li a:hover {
  color: #fff;
  background: #8a8a8a;
}

.social-networks li a span {
  font-size: 15px;
  line-height: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.footer-nav {
  text-transform: uppercase;
  padding: 32px 0 16px;
}

.footer-nav ul {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  line-height: 17px;
}

.footer-nav ul li {
  padding: 0 10px 10px;
}

.footer-nav ul li:last-child {
  font-weight: 700;
}

.footer-nav ul li a {
  color: #fff;
  -webkit-transition: all .25s linear;
  transition: all .25s linear;
}

.footer-nav ul li a:focus,
.footer-nav ul li a:hover {
  color: #ccc;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .ms-skin-default .ms-slide .ms-slide-vpbtn,
  .ms-skin-default .ms-video-btn,
  .ms-skin-default .ms-slide .ms-slide-vcbtn,
  .ms-skin-default .ms-nav-next,
  .ms-skin-default .ms-nav-prev,
  .ms-skin-default .ms-bullet {
    background-image: url(light-skin-1-retina.png);
    background-size: 152px 225px;
  }
}

@media only screen and (max-width: 330px) {
  .btn-info,
  .search-opener,
  .btn-boutique { padding: 9px; margin: 0 5px 0 0; }
  .icon-phone { padding: 0; }
}
@media only screen and (min-width: 768px) and (max-width: 784px) {
  .header-holder .social-networks li a { width: 49px; }
}
@media only screen and (min-width: 492px) {
  .logo-box {
    padding: 14px 0 0;
  }

  .logo {
    width: 190px;
  }

  .header-holder {
    padding: 17px 10px 19px 71px;
    min-height: 98px;
  }

  .header2.fixed-position .header-holder {
    padding: 17px 10px 13px 64px;
    min-height: 98px;
  }

  .header-holder .right-box {
    width: calc(100% - 207px);
    padding: 4px 0 0;
  }

  .header2.fixed-position .header-holder .right-box {
    width: calc(100% - 180px);
    padding: 7px 0 0;
  }

  .header-holder .btn-info {
    min-width: 53px;
    padding: 17px 10px;
  }

  .drop-area {
    top: 98px;
  }

  .tab .tfoot .btn-primary {
    padding: 20px 15px;
  }

  .tab .alignleft .block {
    width: 50%;
  }

  .tab .alignright .heading .title {
    font-size: 50px;
    line-height: 34px;
  }

  .search-opener {
    min-width: 53px;
    line-height: 19px;
    padding: 16px 10px;
  }

  .btn-boutique{
    padding: 9px 23px; 
  }

  .btn-boutique-cart{
    height: 30px;
    width: 35px;
  }
  
  .back-btn {
    top: 24px;
    padding: 16px 5px;
  }

  .nav-opener {
    width: 53px;
    top: 21px;
  }

  .nav-opener .text {
    padding: 16px 5px;
  }

  .btn {
    font-size: 14px;
    line-height: 18px;
  }

  #main {
    padding-top: 98px;
  }

  .article-sec .tfoot .btn-default {
    min-width: 296px;
  }

  .article-block.featured .img-holder {
    margin: 0 auto 32px;
  }

  .article-block .img-holder {
    float: left;
    margin: 0 17px 0 0;
  }

  .article-block .text-wrp {
    margin: -5px 0 0;
  }

  .article-block h4 {
    margin: 0 0 11px;
  }

  .sec-header {
    margin-bottom: -20px;
  }

  .sec-header h2 {
    font-size: 60px;
    line-height: 55px;
  }

  .master-slider .text-box .btn-default {
    min-width: 198px;
  }

  .slideshow .slideset {
    float: right;
    width: calc(100% - 130px);
  }

  .slideshow .slide-pagination {
    width: 130px;
    display: block;
    float: left;
  }

  .slideshow .slide-pagination li {
    width: auto;
  }

  .slideshow .img-holder {
    white-space: nowrap;
    text-align: center;
  }

  .slideshow .img-holder:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 392px;
  }

  .slideshow .img-holder .align {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
  }

  .teralta-list li a h3,
  .teralta-list li .hold-text h3 {
    width: 178px;
    margin: 0;
  }

  .teralta-list li a .text,
  .teralta-list li .hold-text .text {
    width: calc(100% - 178px);
    padding: 0 0 0 10px;
    float: right;
  }

  .two-columns .box .info-list {
    width: calc(100% - 165px);
  }

  .three-columns .box .text {
    width: calc(100% - 109px);
  }
}

@media only screen and (min-width: 768px) {
  .logo-box {
    padding: 5px 0 0;
  }

  .logo-box a .title {
    font-size: 40px;
    line-height: 30px;
    font-weight: 700;
  }

  .logo-box a .slogan {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
  }

  .header-holder {
    padding: 17px 20px 19px 139px;
  }

  .header2.fixed-position .header-holder {
    padding: 17px 20px 13px 165px;
  }

  .header2.fixed-position .header-holder .right-box {
    width: calc(100% - 294px);
  }

  .drop-area {
    padding: 47px 20px;
  }

  #nav {
    width: 262px;
    float: left;
    border-bottom: 0;
  }

  #nav ul li a {
    padding: 33px 20px 33px 30px;
  }

  .tab .alignleft .block.block-lg {
    width: 50%;
  }

  .tab .alignleft .block a {
    min-height: 186px;
  }

  .back-btn {
    left: 14px;
    width: 139px;
    height: 53px;
  }

  .back-btn span {
    vertical-align: middle;
  }

  .nav-opener {
    left: 14px;
    width: 110px;
  }

  .nav-opener .text i {
    margin: 0 9px 0 -3px;
  }

  .fixed-drop {
    padding: 174px 0 0;
  }

  .btn-close {
    right: 62px;
    top: 62px;
  }

  .banner h1 {
    font-size: 41px;
    line-height: 45px;
  }

  .article-sec {
    padding-top: 95px;
    padding-bottom: 99px;
  }

  .article-block {
    margin-bottom: 31px;
  }

  .article-block.featured .text-wrp {
    max-width: 90%;
  }

  .sec-header {
    margin-bottom: -29px;
  }

  .sec-header h2 {
    font-size: 80px;
    line-height: 70px;
  }

  .projets-sec {
    padding-top: 95px;
    padding-bottom: 85px;
  }

  .master-slider .text-box {
    margin: -54px auto 0;
    max-width: 500px;
    padding: 38px 25px 12px;
  }

  .master-slider .text-box p {
    margin: 0 0 25px;
  }

  .acces-sec {
    padding-top: 94px;
    padding-bottom: 107px;
  }

  .acces-blocks .acces {
    width: 238px;
  }

  .acces-blocks .acces a {
    border-left: 2px dashed #f2f2f2;
    border-top: 0;
    min-height: 282px;
    padding: 47px 30px 10px;
  }

  .acces-blocks .acces a:focus,
  .acces-blocks .acces a.hover,
  .acces-blocks .acces a:hover {
    border-left: 2px solid #fff;
    border-top: 0;
  }

  .engangements-sec {
    padding-top: 80px;
    padding-bottom: 63px;
  }

  .terakaz-sec {
    padding-top: 80px;
    padding-bottom: 101px;
  }

  .terakaz-sec .heading h1 {
    font-size: 41px;
    line-height: 45px;
  }

  .slideshow {
    margin-bottom: 0;
  }

  .slideshow .slideset {
    width: calc(100% - 120px);
  }

  .slideshow .slide-pagination {
    width: 120px;
  }

  .slideshow .img-holder {
    white-space: nowrap;
    text-align: center;
  }

  .slideshow .img-holder:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 362px;
  }

  .slideshow .img-holder .align {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
  }

  .teralta-sec {
    padding-bottom: 94px;
  }

  .sec-heading h2 {
    font-size: 40px;
    line-height: 40px;
  }

  .sec-heading h2 .plus {
    font-size: 50px;
    line-height: 40px;
  }

  .teralta-list li a,
  .teralta-list li .hold-text {
    padding: 37px 44px;
  }

  .teralta-list li a h3,
  .teralta-list li .hold-text h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
  }

  .teralta-list li a .text,
  .teralta-list li .hold-text .text {
    padding: 0 0 0 33px;
  }

  .two-columns {
    padding-top: 91px;
    padding-bottom: 69px;
  }

  .two-columns .column {
    padding: 0 3% 0 0;
    margin-bottom: 0;
  }

  .two-columns .column p {
    margin: 0 0 28px;
  }

  .two-columns .sec-heading {
    padding-bottom: 58px;
  }

  .two-columns .box .info-list {
    width: 100%;
  }

  .three-columns {
    padding-top: 92px;
    padding-bottom: 86px;
  }

  .three-columns .column {
    margin-bottom: 0;
  }

  .three-columns h2 {
    font-size: 19px;
    line-height: 27px;
  }

  .three-columns .box .text {
    width: 100%;
  }

  .carousel .mask-holder:before {
    width: 170px;
  }

  .carousel .mask-holder:after {
    width: 170px;
  }

  .carousel .btn-prev,
  .carousel .btn-next {
    display: block;
  }

  .sticky-aside {
    padding: 0 0 0 34px;
    width: 95px;
    top: 251px;
  }

  .sticky-aside .social-networks li a {
    width: 59px;
    height: 55px;
  }

  .search-form .form-control {
    font-size: 90px;
    line-height: 114px;
    height: 114px;
  }

  #footer {
    padding: 83px 0 0;
  }

  .footer-text {
    margin: 0 auto 71px;
  }

  .follow-area {
    padding: 75px 0 72px;
  }

  .follow-area h3 {
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
  }
}

@media only screen and (min-width: 1024px) {
  .header-holder {
    padding: 17px 20px 19px 154px;
  }

  .header2.fixed-position .header-holder {
    padding: 17px 26px 13px 198px;
  }

  .header2.fixed-position .header-holder .right-box {
    width: calc(100% - 336px);
  }

  .header-holder .btn-info {
    padding: 16px 25px;
  }

  .header-holder .btn-info .icon-phone {
    padding: 0 6px 0 0;
    vertical-align: middle;
  }

  .header-holder .social-networks {
    margin: 0 20px 0 0;
  }

  .header2.fixed-position .header-holder .social-networks {
    margin: 2px 32px 0 0;
  }

  #nav ul {
    font-size: 23px;
    line-height: 27px;
  }

  .tab .alignleft .block {
    width: 33%;
    padding: 0 7px 14px;
  }

  .tab .alignleft .block.block-sm {
    width: 25%;
  }

  .tab .alignleft .block.block-lg {
    width: 50%;
  }

  .tab .alignleft .block a {
    min-height: 199px;
  }

  .tab .alignleft .block a .title {
    font-size: 17px;
    line-height: 22px;
  }

  .search-opener {
    padding: 16px 26px;
    margin: 0 20px 0 0;
  }

  .search-opener i {
    vertical-align: middle;
    padding: 0 6px 0 0;
  }

  .back-btn {
    left: 24px;
  }

  .nav-opener {
    left: 24px;
  }

  .nav-active .nav-opener .text i {
    margin: 0 5px 0 0;
  }

  .banner h1 {
    font-size: 50px;
    line-height: 54px;
  }

  .sec-header h2 {
    font-size: 90px;
    line-height: 80px;
  }

  .master-slider .text-box {
    max-width: 594px;
    padding: 38px 33px 12px;
  }

  .acces-blocks .acces {
    width: 304px;
  }

  .terakaz-sec .heading h1 {
    font-size: 50px;
    line-height: 54px;
  }

  .slideshow {
    margin: 0 10px 0 0;
  }

  .slideshow .slideset {
    width: calc(100% - 167px);
  }

  .slideshow .slide-pagination {
    width: 167px;
  }

  .slideshow .img-holder {
    white-space: nowrap;
    text-align: center;
  }

  .slideshow .img-holder:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 502px;
  }

  .slideshow .img-holder .align {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
  }

  .two-columns .box .info-list {
    width: calc(100% - 165px);
  }

  .three-columns .column {
    padding: 0 5% 0 0;
  }

  .three-columns h2 {
    font-size: 22px;
    line-height: 30px;
  }

  .three-columns .box .text {
    width: calc(100% - 109px);
  }

  .carousel .btn-prev,
  .carousel .btn-next {
    width: 81px;
    height: 81px;
  }

  .footer-nav ul {
    font-size: 15px;
    line-height: 18px;
  }

  .footer-nav ul li {
    padding: 0 20px 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .tab .alignleft {
    width: 69.4%;
  }

  .tab .alignleft .block a {
    min-height: 185px;
  }

  .tab .alignright {
    width: 30.6%;
    max-width: none;
    padding: 0 6px 0 23px;
  }

  .tab .alignright:before {
    border-left: 2px solid #0a377f;
  }

  .theme-green .tab .alignright:before {
    border-color: #008223;
  }

  .theme-pink .tab .alignright:before {
    border-color: #db3b78;
  }

  .detail-list li {
    margin: 0 0 45px;
  }

  .banner h1 {
    font-size: 60px;
    line-height: 63px;
  }

  .terakaz-sec .heading h1 {
    font-size: 60px;
    line-height: 63px;
  }
}

@media only screen and (min-width: 1480px) {
  .drop-area {
    padding: 47px 20px;
  }

  .tab .tfoot .btn-primary {
    padding: 20px 28px;
  }

  .tab .alignleft .block {
    padding: 0 11px 21px;
  }

  .tab .alignleft .block a {
    min-height: 283px;
  }

  .tab .alignleft .block a .title {
    font-size: 20px;
    line-height: 24px;
  }

  .tab .alignright {
    padding: 0 6px 0 23px;
  }

  .tab .alignright .heading {
    margin: 0 0 -15px;
  }

  .tab .alignright .heading .title {
    font-size: 65px;
    line-height: 50px;
  }

  .btn-default {
    letter-spacing: 5px;
  }

  .btn-primary {
    letter-spacing: 5px;
  }

  .banner h1 {
    font-size: 70px;
    line-height: 70px;
  }

  .article-block h3 {
    font-size: 23px;
    line-height: 27px;
  }

  .sec-header h2 {
    font-size: 110px;
    line-height: 102px;
  }

  .master-slider h3 {
    font-size: 23px;
    line-height: 27px;
  }

  .acces-blocks .acces {
    width: 358px;
  }

  .acces-blocks .acces a {
    min-height: 317px;
  }

  .acces-blocks .acces a h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .engangements-list li {
    padding: 0 30px 30px;
  }

  .engangements-list li a {
    width: 188px;
    white-space: nowrap;
    text-align: center;
  }

  .engangements-list li a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    min-height: 188px;
  }

  .engangements-list li a .align {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
  }

  .engangements-list li a h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
  }

  .terakaz-sec .heading h1 {
    font-size: 70px;
    line-height: 70px;
  }

  .slideshow {
    margin: 0 20px 0 0;
  }

  .two-columns .column {
    padding: 0 5% 0 0;
  }

  .three-columns .box .text {
    padding: 4px 0 0 70px;
  }

  .carousel .mask-holder:before {
    width: 250px;
  }

  .carousel .mask-holder:after {
    width: 250px;
  }

  .carousel .btn-prev,
  .carousel .btn-next {
    right: 86px;
  }

  .carousel .btn-prev {
    left: 85px;
    right: auto;
  }
}

@media only screen and (min-width: 1600px) {
  .drop-area {
    padding: 47px 54px;
  }

  .tab .alignright {
    padding: 0 6px 0 31px;
  }

  .tab .alignright .heading .title {
    font-size: 73px;
    line-height: 60px;
    padding: 0 0 0 22px;
  }

  .tab .alignright .heading .title:before {
    top: 2px;
    bottom: 2px;
  }
}

@media only screen and (min-width: 1900px) {
  .carousel .btn-prev,
  .carousel .btn-next {
    right: 98px;
  }

  .carousel .btn-prev {
    left: 98px;
    right: auto;
  }
}
@media only screen and (max-width: 1199px) {

	.header-holder .btn-info span{display:none}
}
@media only screen and (max-width: 1025px) {
  .parallax-container {
    background-size: cover !important;
    background-attachment: scroll;
    background-position: 50% 50% !important;
  }
}

@media only screen and (max-width: 1019px) {
  body.nav-active,
  body.search-active,
  body.lang-active {
    overflow: hidden;
  }
}

@media only screen and (max-width: 479px) {
  .hidden-small {
    display: none !important;
  }
}

@media print {
  * {
    background: none !important;
    color: #000 !important;
    border-color: #000;
  }

  body {
    min-width: inherit;
  }

  .logo-color {
    display: block;
  }

  .logo {
    float: none;
    width: 198px;
    margin: 0 auto;
  }

  .engangements-sec .container,
  .engangements-sec,
  .sec-header,
  .article-sec,
  .projets-sec,
  .intro-block,
  .follow-area,
  .footer-text,
  .teralta-sec,
  .terakaz-sec,
  .two-columns,
  .terakaz-sec .descri,
  .acces-sec,
  #footer .container,
  #main,
  #footer,
  #header {
    color: #000;
    display: block !important;
    float: none !important;
    overflow: visible;
    clear: both;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    position: static !important;
    max-width: inherit;
    min-height: inherit !important;
    height: auto !important;
  }

  .engangements-sec .container:after,
  .engangements-sec:after,
  .sec-header:after,
  .article-sec:after,
  .projets-sec:after,
  .intro-block:after,
  .follow-area:after,
  .footer-text:after,
  .teralta-sec:after,
  .terakaz-sec:after,
  .two-columns:after,
  .terakaz-sec .descri:after,
  .acces-sec:after,
  #footer .container:after,
  #main:after,
  #footer:after,
  #header:after,
  .engangements-sec .container:before,
  .engangements-sec:before,
  .sec-header:before,
  .article-sec:before,
  .projets-sec:before,
  .intro-block:before,
  .follow-area:before,
  .footer-text:before,
  .teralta-sec:before,
  .terakaz-sec:before,
  .two-columns:before,
  .terakaz-sec .descri:before,
  .acces-sec:before,
  #footer .container:before,
  #main:before,
  #footer:before,
  #header:before {
    display: none !important;
  }

  .application-sec,
  .back-btn,
  .breadcrumbs-holder,
  .carousel,
  .slideshow,
  .sticky-aside,
  .footer-nav,
  .social-networks,
  .banner.parallax-container,
  .img-holder,
  .drop-area,
  .right-box,
  .nav-opener,
  .btn {
    display: none !important;
  }

  .follow-area {
    display: block;
    width: 100%;
    clear: both;
    padding: 10px !important;
  }

  .follow-area:before {
    display: none !important;
  }

  .follow-area h3 {
    display: block;
    width: 100%;
    text-align: left;
  }

  .logo-box a {
    color: #000;
  }

  .intro-block {
    padding: 10px !important;
  }

  .sec-heading {
    padding: 10px !important;
  }

  .sec-heading:before {
    display: none !important;
  }

  .terakaz-sec {
    padding: 10px !important;
    float: none !important;
    width: 100%;
  }

  .terakaz-sec .heading .hold {
    padding: 0 !important;
  }

  .teralta-list li {
    border: 0 !important;
  }

  .teralta-list li .hold-text {
    display: block;
  }

  .teralta-list li h3 {
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  .teralta-list li .text {
    width: 100% !important;
  }

  .article-sec {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .article-block {
    float: none !important;
    width: 100%;
  }

  .sec-header {
    margin: 0 0 10px !important;
  }

  .projets-slider .mask .slideset {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }

  .projets-slider .mask .slide {
    float: none !important;
    display: block !important;
    width: 100% !important;
  }

  .projets-slider .mask .slide .text-box {
    margin: 0 !important;
    border-color: transparent !important;
    color: #000 !important;
  }

  .master-slider .ms-inner-controls-cont {
    width: 100% !important;
    height: auto !important;
  }

  .master-slider .ms-slide-container {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }

  .master-slider .ms-view {
    width: 100% !important;
    height: auto !important;
  }

  .master-slider .ms-slide {
    width: 100% !important;
    position: static !important;
    height: auto !important;
  }

  .master-slider .ms-slide .text-box {
    margin: 0 !important;
    border-color: transparent !important;
    color: #000 !important;
  }

  .engangements-list {
    display: block !important;
    width: 100%;
    text-align: center;
  }

  .engangements-list li {
    display: inline-block !important;
  }

  .engangements-list li a {
    color: #000 !important;
  }

  .engangements-list li a:before {
    border: 0;
  }

  .footer-text {
    display: block !important;
    clear: both !important;
  }

  .footer-text .logo {
    float: none !important;
  }

  .acces-blocks {
    width: 100%;
    display: block !important;
  }

  .acces-blocks .acces {
    display: inline-block;
    vertical-align: top;
    width: 28% !important;
  }

  .acces-blocks .acces a {
    min-height: 1px !important;
    color: #000 !important;
    padding: 10px !important;
    border: 0 !important;
  }

  .engangements-sec {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .engangements-sec .heading {
    margin: 0 0 10px !important;
  }

  .engangements-list li {
    padding: 0 5px 5px;
  }

  .engangements-list li a {
    color: #000;
    width: auto !important;
    height: auto !important;
  }

  .two-columns .col-xs-12 {
    width: 100% !important;
    float: none !important;
  }

  .two-columns .box .info-list {
    width: 100% !important;
  }

  .three-columns {
    background: none;
    color: #000;
  }

  .three-columns:before {
    display: none;
  }

  .three-columns .col-xs-12 {
    width: 100% !important;
    float: none !important;
  }
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
    transform: translate(-50%, -50%) rotateX(0) rotateY(0);
  }

  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
  }

  to {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
  }
}

@keyframes a {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0);
    transform: translate(-50%, -50%) rotateX(0) rotateY(0);
  }

  50% {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);
  }

  to {
    -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
    transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);
  }
}

@keyframes point-anim {
  0% {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -o-transform: scale(.5);
    -ms-transform: scale(.5);
    opacity: 1;
  }

  100% {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    opacity: 0;
  }
}

@-webkit-keyframes point-anim {
  0% {
    -webkit-transform: scale(.5);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.5);
    opacity: 0;
  }
}

body.inner {
  background-color: #EFEFEF;
}

.article-header {
  color: white;
  margin-top: 80px;
}

.article-header .container.article-desc {
  background-color: #0a377f;
  padding: 60px 0;
}

@media only screen and (min-width : 1024px) {
  .article-header .container.article-desc {
    padding: 60px;
  }
}

.article-header .top,
.article-header .bottom {
  text-align: center;
  font-size: 22px;
  font-style: italic;
  line-height: 25px;
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #8db1ec;
}

.article-header .title {
  text-align: center;
}

.article-header .title h1 {
  font-size: 70px;
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.article-header .chapo {
  margin-top: 30px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
}

.article-header .bottom {
  margin-top: 60px;
}

.article-header .author{
  text-decoration: underline;
}

.article-footer {
  margin-top: 80px;
}

.article-footer h4 {
  font-style: italic;
  margin-top: 0;
}

@media only screen and (max-width : 767px) {
  .article-footer .pic img {
    margin: 0 auto;
  }

  .article-footer .text {
    margin-top: 20px;
  }    
}

.article-img {
  padding: 0;
}

.article-img img {
  width: 100%;
}

.article-body {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: white;
  position: relative;
}

.article-body p {
  margin-bottom: 20px;
}

.article-body p:first-child:first-letter {
  float:left;
  font-size: 5.5em;
  padding: 0.1em 0.2em 0 0;
  font-weight: bold;
}

.article-body h3 {
  margin-top: 50px;
  margin-bottom: 30px;
}

.article-body figure {
  margin-top: 54px;
  /*margin-bottom: 60px;*/
}

.article-body figure img {
  width: 100%;
}

.article-body figure figcaption {
  color: #262626;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 18px;
  margin-top: 10px;
  text-align: center;
}

.article-body .embed-responsive {
  margin-top: 54px;
  margin-bottom: 54px;
}

.article-body .sticky-aside {
  position: absolute;
  top: 80px;
}

@media only screen and (min-width : 992px) {
  .article-body .sticky-aside {
    left: 80px;
  }
}

@media only screen and (min-width : 1480px) {
  .article-body .sticky-aside {
    left: 120px;
  }
}

@media only screen and (max-width : 1023px) {
  .article-body .sticky-aside {
    display: none;
  }
}

.products {
  margin-top: 50px;
  display: none;
}

.product .btn {
  display: inline-block;
}

.product {
  padding: 0;
  text-align: center;
}

.product img {
  margin: 0 auto;
}

.product h4 {
  margin: 0;
}

.product .text {
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 20px;
}

.product p {
  margin: 12px 0 20px 0;
}

.social-share {
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 22px;
  font-style: italic;
}

.social-share .logos-wrapper {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.social-share img {
  width: 60px;

  -webkit-filter: grayscale(0%);
  -webkit-transition: .3s linear;
  -moz-filter: grayscale(0%);
  -moz-transition: .3s linear;
  -o-filter: grayscale(0%);
  -o-transition: .3s linear;
}

.social-share img:hover {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%);
  -webkit-transition: .3s linear;
  -moz-filter: grayscale(100%);
  -moz-transition: .3s linear;
  -o-filter: grayscale(100%);
  -o-transition: .3s linear;
}

.follow-area::before {
  border-top: none;
}

#footer {
  color: #ffffff;
  padding: 0px;
}

#footer .social-networks li a {
  border-color: #ffffff;
  color: #ffffff;
}

.footer-text{
  padding: 83px 20px 0;
}

.follow-area{
  padding: 120px 0px  120px 0px;
}

.footer-left{
  width:50% !important;
  margin:0 !important;
}

.footer-right{
  border-left: 1px solid #2e2e2e;
  width:50% !important;
  margin:0 !important;
}

@media (max-width: 767px) { 
  .footer-left{
    width:100% !important;
  }

  .footer-right{
    width:100% !important;
  }
}