/* CSS Document */
/* FONTS */
@font-face { font-family: 'Gotham'; src: url("../lib/fonts/Gotham.woff2") format("woff2"), url("../lib/fonts/Gotham.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'GothamBold'; src: url("../lib/fonts/Gotham-Bold.woff2") format("woff2"), url("../lib/fonts/Gotham-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Neo'; src: url("../lib/fonts/NeoSansBoldTR.woff2") format("woff2"), url("../lib/fonts/NeoSansBoldTR.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'icomoon'; src: url("../lib/fonts/icomoon.eot?w723"); src: url("../lib/fonts/icomoon.eot?w723#iefix") format("embedded-opentype"), url("../lib/fonts/icomoon.woff2?w723") format("woff2"), url("../lib/fonts/icomoon.ttf?w723") format("truetype"), url("../lib/fonts/icomoon.woff?w723") format("woff"), url("../lib/fonts/icomoon.svg?w723#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[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-glaciorisk:before { content: "\e900"; }

.icon-no:before { content: "\e908"; color: #e51a2e; }

.icon-yes:before { content: "\e915"; color: #59a62f; }

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

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

.icon-main:before { content: "\e913"; }

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

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

.icon-lelixir .path1:before { content: "\e90f"; color: #263f57; }

.icon-lelixir .path2:before { content: "\e910"; margin-left: -2.021484375em; color: #00aaff; }

.icon-email:before { content: "\e60a"; }

.icon-localisation:before { content: "\e911"; }

.icon-toTop:before { content: "\e610"; }

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

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

.icon-youtube:before { content: "\e614"; }

.icon-instagram:before { content: "\e615"; }

/* VARIABLES */
* { outline: none; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { -webkit-text-size-adjust: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html, body { min-height: 100%; }

body { font-family: "Gotham", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.8; background: #FFF; overflow-x: hidden; color: #00394e; }

h1 { font-size: 160%; font-family: "GothamBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5; display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

h1::before { content: ""; width: 70px; background: #0093b0; height: 1px; display: inline-block; margin: 0 15px 0 0; position: absolute; right: 100%; top: 15px; }

@media screen and (max-width: 1024px) { h1::before { width: 50px; } }

@media screen and (max-width: 768px) { h1::before { width: 30px; } }

@media screen and (max-width: 480px) { h1::before { display: none; } }

h2 { font-size: 140%; font-family: "GothamBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; color: #86cbd5; text-transform: uppercase; margin: 0 0 65px; }

@media screen and (max-width: 768px) { h2 { margin: 0 0 25px; } }

h3 { font-size: 120%; font-family: "GothamBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; }

h4 { font-size: 110%; font-family: "GothamBold", Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1; }

ul { list-style-type: disc; margin: 0; }

p { margin: 15px 0; }

strong { font-family: "GothamBold", Arial, Helvetica, sans-serif; font-weight: normal; }

a { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; text-decoration: none; color: #000; }

a:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

a:hover { color: #fff; }

img { max-width: 100%; height: auto; width: auto; display: block; border: none; }

::-moz-selection { color: #fff; background: #00394e; }

::selection { color: #fff; background: #00394e; }

::-moz-selection { color: #fff; background: #00394e; }

#dl-menu { display: none; }

@media print { * { background: none !important; background-color: white !important; } }

@media screen and (max-width: 1260px) { /*rouge*/ .test { background: #F00; } body { font-size: 1.2vw; } .ul-nav { display: none; } #dl-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media screen and (max-width: 1024px) { /*vert*/ .test { background: #0F0; } body { font-size: 1.4vw; } }

@media screen and (max-width: 768px) { /*Rose*/ .test { background: #F0F; } body { font-size: 2vw; } }

@media screen and (max-width: 480px) { /*Turquoise*/ .test { background: #1631f7; } body { font-size: 3vw; } }

#lang a { color: #98bbc3; text-transform: uppercase; padding-right: 5px; display: inline-block; }

#lang span { color: #98bbc3; display: inline-block; padding-right: 5px; }

#lang li:last-child a span { display: none; }

header { height: 100vh; min-height: 100%; overflow: hidden; position: relative; }

header .wrap { position: absolute; width: 100%; z-index: 15; border-bottom: 1px solid #286577; }

header .wrap.stick { position: fixed; top: 0; background: #00394e; }

header .wrap.stick .ul-nav li a { padding: 10px 15px; }

@media screen and (max-width: 1260px) { header .wrap.stick .ul-nav li a { padding: 10px 10px; } }

header .icon-glaciorisk { font-size: 260%; margin: 0 4% 0 2%; color: #c0e4e6; }

header .icon-snowgis .path1:before { color: #dbf6fc; }

header .icon-snowgis .path2:before { color: #dbf6fc; }

header .icon-snowgis .path3:before { color: #dbf6fc; }

header .icon-snowgis .path4:before { color: #dbf6fc; }

.wrap-layer { position: absolute; top: 0; z-index: 5; height: 100%; width: 100%; left: 0%; -webkit-animation: 1s ease-out 0.2s forwards arrival; animation: 1s ease-out 0.2s forwards arrival; }

.wrap-layer.play-anim { -webkit-animation: 1s ease-out 0s 1 forwards onSide; animation: 1s ease-out 0s 1 forwards onSide; }

.wrap-layer.play-anim.hideVideo { -webkit-animation: 1s ease-out 0s 1 forwards hideVideo; animation: 1s ease-out 0s 1 forwards hideVideo; }

.wrap-layer .content { width: 30%; max-width: 320px; position: absolute; z-index: 2; top: 24%; left: -200%; -webkit-animation: 1s ease-out 0.3s 1 forwards arrivaltxt; animation: 1s ease-out 0.3s 1 forwards arrivaltxt; color: #fff; }

.wrap-layer .content h1 { color: #74c4d5; margin: 0 0 8%; }

.wrap-layer .content h1::before { background: #74c4d5; }

.wrap-layer .content h2 { color: #0093b0; font-size: 560%; position: relative; left: -50%; text-transform: none; }

.wrap-layer .content .btn { margin: 8% 0 0; border: 1px solid #286577; background: none; position: relative; padding: 15px 45px 15px 15px; color: #dbf6fc; }

.wrap-layer .content .btn:hover { color: #74c4d5; }

.wrap-layer .content .btn::after { content: ">"; position: absolute; right: 10px; font-size: 80%; }

.wrap-layer .content .equal { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width: 1260px) { .wrap-layer .content h2 { font-size: 300%; margin: 0 0 25px; } }

@media screen and (max-width: 1260px) { .wrap-layer .content { font-size: 70%; width: 80%; margin-left: -16%; } .wrap-layer .content h1 { font-size: 120%; margin: 0; } .wrap-layer .content h1::before { display: none; } .wrap-layer .content h2 { left: 0; } .wrap-layer .content .action { display: none; } }

@media screen and (max-width: 480px) { .wrap-layer .content { padding-right: 26%; } }

@media only screen and (max-height: 790px) { .wrap-layer .content h2 { font-size: 300%; margin: 0 0 15px; } .wrap-layer .content h1 { font-size: 120%; margin: 0 0 10px; } }

.wrap-layer svg { width: 200%; height: 100%; min-height: 100%; }

@-webkit-keyframes arrival { 0% { left: 0%; }
  100% { left: -50%; } }

@keyframes arrival { 0% { left: 0%; }
  100% { left: -50%; } }

@-webkit-keyframes onSide { 0% { left: -50%; }
  100% { left: -300%; } }

@keyframes onSide { 0% { left: -50%; }
  100% { left: -300%; } }

@-webkit-keyframes hideVideo { 0% { left: -300%; }
  100% { left: -50%; } }

@keyframes hideVideo { 0% { left: -300%; }
  100% { left: -50%; } }

@-webkit-keyframes arrivaltxt { 0% { left: -200%; }
  100% { left: 80%; } }

@keyframes arrivaltxt { 0% { left: -200%; }
  100% { left: 80%; } }

.triangle { position: relative; z-index: 3; cursor: pointer; fill: #86cbd5; }

#play { pointer-events: none; content: "\e907"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; fill: #fff; font-size: 1.5px; -webkit-transition: fill 0.5s ease; transition: fill 0.5s ease; }

#trigger-play:hover + #play { fill: #f8fcfc; -webkit-transition: fill 0.5s ease; transition: fill 0.5s ease; }

.video-wrap { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.video-wrap .icon-main { display: none; color: #fff; position: relative; left: 0; right: 0; bottom: 20%; font-size: 900%; z-index: 2; }

@media screen and (max-width: 1024px) { .video-wrap .icon-main { font-size: 600%; } }

video { cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; position: absolute; min-width: 100%; min-height: 100%; width: 100%; height: 100%; background-position: center center; background-size: cover; -o-object-fit: cover; object-fit: cover; z-index: 1; }

#main_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1690px; margin: 0 auto; }

@media screen and (max-width: 1260px) { #main_nav { height: 55px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

.ul-nav { list-style-type: none; text-align: center; padding-right: 20px; }

.ul-nav li { display: inline-block; }

.ul-nav li a { display: block; padding: 30px 20px; color: #98bbc3; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; }

.ul-nav li a:hover, .ul-nav li a.current { color: #86cbd5; }

@media screen and (max-width: 1260px) { .ul-nav li a { padding: 30px 10px; } }

.login { background: #286577; }

#lang { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0; margin: 0; list-style-type: none; }

footer { margin: 12% 0 0; }

footer p { margin: 0; font-size: 80%; }

footer .icon-lelixir { font-size: 200%; display: block; }

footer .icon-lelixir span:before { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

footer .icon-lelixir span:before:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

footer .icon-lelixir:hover span:before { color: #00394e; }

footer .logos { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 8% 0 8%; }

footer .logos div { max-width: 100px; margin-right: 10px; }

.contact a.btn:hover { color: #fff; }

.foot { background: #00394e; color: #fff; }

.foot .wrap { padding: 2% 4%; }

.foot .icon-lelixir .path1:before { color: #fff; }

.foot .icon-lelixir .path2:before { color: #00aaff; }

/* FORMULAIRES */
.contact-form { padding: 0 10% 0 15%; max-width: 700px; margin: 0 auto; /* ::-webkit-input-placeholder { color:    #001d32; } :-moz-placeholder { color:    #001d32; opacity:  1; } ::-moz-placeholder { color:    #001d32; opacity:  1; } :-ms-input-placeholder { color:    #001d32; } */ }

@media screen and (max-width: 768px) { .contact-form { padding: 8% 10% 0 15%; } }

.contact-form textarea { height: 250px; resize: none; }

.contact-form input, .contact-form textarea, .contact-form select { -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; width: 100%; padding: 2%; font-size: 100%; font-family: "Gotham", Arial, Helvetica, sans-serif; color: #00394e; border: 1px solid #00394e; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.contact-form input:hover, .contact-form textarea:hover, .contact-form select:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { color: #00394e; -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form input.error, .contact-form textarea.error, .contact-form select.error { background: #86cbd5; color: #00394e; }

.contact-form label { display: block; width: 100%; clear: both; font-size: 80%; color: #00394e; }

.contact-form .error-box { float: right; }

.contact-form .error-box label { display: inline; color: #cd0c2d; }

.contact-form .input-valid { text-align: center; }

.contact-form .input-valid input { color: #fff; background: #00394e; display: inline-block; cursor: pointer; width: inherit; margin: 2% auto; text-align: center; font-family: "GothamBold", Arial, Helvetica, sans-serif; letter-spacing: 2px; -webkit-transition: color 0.8s ease, background 0.8s ease; transition: color 0.8s ease, background 0.8s ease; }

.contact-form .input-valid input:hover { -webkit-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; }

.contact-form .input-valid input:hover { color: #00394e; background: #86cbd5; }

.contact-form #special { display: none; }

/*GOOGLE MAP*/
#mymap { width: 100%; height: 800px; }

#mymap img { border: inherit; max-width: inherit; height: inherit; }

#mymap .gm-style-cc { display: none; }

#gmap-icon { font-size: 300%; cursor: pointer; position: relative; -webkit-animation: bounce 0.3s linear 6 alternate; animation: bounce 0.3s linear 6 alternate; }

@-webkit-keyframes bounce { from { top: 0; }
  to { top: -15px; } }

@keyframes bounce { from { top: 0; }
  to { top: -15px; } }

.gmap-info p { margin: 0; }

/* STRUCTURE */
section { position: relative; }

section .wrap { max-width: 1690px; margin: 0 auto; padding: 12% 4% 4%; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { section .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.col1, .col2 { width: 50%; position: relative; }

@media screen and (max-width: 768px) { .col1, .col2 { width: 100%; } }

.col1 p, .col2 p { text-align: justify; }

.img-wrap { position: relative; }

@media screen and (max-width: 768px) { .img-wrap { margin: 6% 0 26% 0; } }

.img-wrap img { position: absolute; }

section.erreur { text-align: center; }

.navigation { position: relative; z-index: 1; list-style-type: none; max-width: 240px; margin: 0 30% 0 auto; }

.navigation li { border: 1px solid #40464d; margin: 0 0 6%; }

.navigation a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; position: relative; height: 100%; }

.navigation a:hover { background: #0d242f; color: #fff; }

.navigation a::after { content: ">"; font-size: 80%; margin-left: 15px; display: block; }

@media screen and (max-width: 768px) { .navigation { margin: 0 0 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: inherit; } .navigation li { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0 1% 2%; } .navigation a { font-size: 70%; } }

.icon-toTop { display: none; position: fixed; }

.icon-toTop:before { color: #fff; font-size: 260%; cursor: pointer; z-index: 10000000000; position: fixed; bottom: 10px; right: 10px; }

.pdf { list-style-type: none; margin: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.pdf li { margin: 2% 0 0; background: #00394e; color: #86cbd5; text-transform: uppercase; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pdf .icon { font-size: 260%; padding: 10px 0 10px 15px; margin-left: auto; }

.pdf p { font-size: 60%; margin: 5px 0 0; }

.pdf a { padding: 0 15px; color: #86cbd5; font-family: "GothamBold", Arial, Helvetica, sans-serif; letter-spacing: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.btn { padding: 15px; font-family: "GothamBold", Arial, Helvetica, sans-serif; margin: 2% 0 0; background: #00394e; color: #86cbd5; display: inline-block; text-transform: uppercase; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 2px; cursor: pointer; }

.btn span { font-size: 260%; display: block; padding: 0 0 0 15px; }

.txtbg { font-size: 2000%; font-family: "GothamBold", Arial, Helvetica, sans-serif; color: #f1f9fb; line-height: 1; padding: 0 0 0 8%; letter-spacing: -1px; }

.txtbg.reverse { text-align: right; padding: 0 8% 0 0; }

@media screen and (max-width: 1260px) { .txtbg { font-size: 1000%; } }

@media screen and (max-width: 768px) { .txtbg { display: none; } }

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.actalite .wrap { display: block; }

.actalite .icon { margin: 1% auto 0; }

.actalite .owl-carousel { text-align: left; }

.actalite .owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.actalite .owl-carousel .owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto !important; }

.actalite .owl-carousel .item { background: #e8f5f6; margin: 0 1px; width: 100%; }

.actalite .owl-carousel article { padding: 4% 8%; }

.actalite .owl-carousel article h3 { font-family: "Gotham", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 80%; }

.actalite .owl-carousel article h2 { line-height: 1; font-size: 100%; margin: 15px 0; text-transform: none; color: #00394e; }

.actalite .owl-carousel article a { text-transform: uppercase; display: inline-block; padding: 10px; font-size: 60%; letter-spacing: 2px; border: 1px solid #00394e; background: #0093b0; color: #86cbd5; }

.actalite .owl-carousel article a:hover { background: #86cbd5; color: #00394e; }

#nav_actus { position: relative; padding: 2% 4% 2%; margin: 2px auto 0; text-align: center; }

#nav_actus .owl-prev, #nav_actus .owl-next { display: inline-block; text-transform: uppercase; font-size: 80%; cursor: pointer; color: #86cbd5; -webkit-transition: color 1.5s ease; transition: color 1.5s ease; background: #00394e; margin: 0 10px; text-align: center; padding: 5px 15px; }

#nav_actus .owl-prev:hover, #nav_actus .owl-next:hover { color: #0093b0; -webkit-transition: color 0.5s ease; transition: color 0.5s ease; }

.description .wrap { padding: 12% 4% 0; }

.description .col1 { position: relative; z-index: 2; }

.description .col1 img { padding: 0 8% 0 0; }

.description .col2 { position: relative; z-index: 2; max-width: 450px; }

@media screen and (max-width: 768px) { .description .col2 { padding: 0 10% 0 15%; max-width: inherit; } }

.description .forme { width: 60%; left: 0; }

.description .triangle { width: 80%; top: 10%; left: 10%; }

.description .cneige { width: 70%; bottom: -30%; right: 0; }

.solutions .wrap { padding: 4%; }

.solutions .col1 { padding: 0 10% 0 15%; }

@media screen and (max-width: 768px) { .solutions .col1 { margin: 12% 0; } }

@media screen and (max-width: 768px) { .solutions .col2 { padding: 0 10% 12% 15%; } }

.solutions .col2 span { font-size: 300%; display: block; padding: 0 15px 0 0; }

.solutions .col2 p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "GothamBold", Arial, Helvetica, sans-serif; margin: 25px 0 0; }

.produits { border-top: 1px solid #e7e7e8; }

.produits .wrap { padding: 0 4%; }

@media screen and (max-width: 768px) { .produits .wrap { padding: 0; } }

.produits .col1, .produits .col2, .produits .col3 { width: 33.33%; text-align: center; padding: 4%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width: 768px) { .produits .col1, .produits .col2, .produits .col3 { width: 100%; padding: 12% 8% 12%; border-bottom: 1px solid #e7e7e8; } }

.produits .col2 { border-left: 1px solid #e7e7e8; border-right: 1px solid #e7e7e8; }

@media screen and (max-width: 768px) { .produits .col2 { border: none; border-bottom: 1px solid #e7e7e8; } }

.produits .icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.produits .icons span { font-size: 300%; display: block; padding: 2%; }

.produits .texte { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 4% 0; }

.produits h2 { font-size: 220%; color: #00394e; margin: 0 0 6%; }

.produits h2 span { color: #cd0c2d; display: block; font-family: "GothamBold", Arial, Helvetica, sans-serif; padding: 10px 0 0; text-transform: lowercase; }

.produits .col1 span { color: #74c4d5; }

.produits .col2 span { color: #00576f; }

.produits .col3 span { color: #cd0c2d; }

.produits .col1 span.btn, .produits .col2 span.btn, .produits .col3 span.btn { color: #fff; }

.avantages { background: #e8f5f6; }

.avantages .wrap { padding: 12% 4% 0; }

@media screen and (max-width: 1024px) { .avantages .wrap { padding: 12% 4% 12%; } }

.avantages .col1 { padding: 0 10% 0 15%; }

@media screen and (max-width: 1024px) { .avantages .col1 { width: 100%; } .avantages .col2 { display: none; } }

.avantages .bottom { margin: 40% 0 0; }

.avantages .bottom img { max-width: 500px; }

.avantages .txtbg { color: #eef8f8; padding: 0 0 4%; }

.avantages .capteur { top: 0; width: 70%; right: 0; }

.avantages .logo { bottom: -50%; right: 0; width: 70%; }

.avantages .bg { top: 20%; left: 0; width: 60%; }

.avantages ul { list-style-type: none; }

.avantages ul li { border-bottom: 1px dotted #86cbd5; padding: 5px 0 15px; line-height: 1; margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.avantages ul li:before { padding: 0 10px 0 0; font-size: 120%; content: "\e915"; color: #59a62f; 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; }

.details { background: #fff; /* @include pink { .navigation { flex-wrap: nowrap; padding: 0 0 6%; li { width: 100%; margin: 0 1% 2%; } } } */ }

.details .navigation { margin: 0; width: 100%; max-width: 400px; }

.details .navigation li { border: 1px solid #40464d; margin: 0 0 15px; }

.details .navigation a { background: #0093b0; color: #86cbd5; }

.details .navigation a:hover { background: #00394e; }

.details .col1 { margin: 10% 0 0; }

.details .col1 .txtbg { margin: 35% 0 0; }

.details .col2 { padding: 0 10% 0 15%; }

@media screen and (max-width: 1024px) { .details .navigation { max-width: 100%; } .details .col2 { width: 100%; } }

@media screen and (max-width: 768px) { .details .navigation { margin: 0; display: block; max-width: 100%; } .details .col1 { margin: 0; } }

.details .capteur { width: 50%; right: 40%; }

.details .logo { top: 5%; right: 0%; width: 60%; }

.details .bg { bottom: -30%; right: 15%; width: 50%; }

.details .owl-carousel .owl-item .container { margin: 0 10% 0 15%; }

.details .main-title { margin: 0 0 8%; }

.details .icon-snowgis { font-size: 260%; }

.details .col2 ul:not(.navigation) { list-style-type: none; margin: 0 0 45px; }

.details .col2 ul:not(.navigation) li { border-bottom: 1px dotted #86cbd5; padding: 5px 0 15px; line-height: 1; margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.details .col2 ul:not(.navigation) li:before { padding: 0 10px 0 0; font-size: 120%; content: "\e915"; color: #59a62f; 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; }

.details .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.details .container a { width: 32.33%; margin: 0 0.5% 1%; }

#fr-applications .col1 { margin: 0; }

#fr-applications { background: #e8f5f6; }

#fr-applications .txtbg { color: #eef8f8; padding: 0 0 4%; }

#fr-applications .container { -webkit-animation: fadeIn ease 0.8s; animation: fadeIn ease 0.8s; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

.temoignages { padding: 0 0 12%; }

.temoignages .wrap { padding: 0; }

.temoignages .owl-item .flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .temoignages .owl-item .flex { display: block; } }

.temoignages .owl-item .col2 { padding-right: 8%; }

.temoignages .owl-item .col1 { padding: 0 10% 0 15%; }

@media screen and (max-width: 768px) { .temoignages .owl-item .col1 { padding: 0 15%; } }

.temoignages .owl-item .txtbg { color: #e3f3f6; }

.temoignages .owl-item .triangle { left: 0; top: 0; width: 55%; }

.temoignages .owl-item .portrait { top: 15px; width: 80%; left: 12%; }

@media screen and (max-width: 768px) { .temoignages .owl-item .img-wrap { margin: 4% 16% 0; } }

.temoignages .owl-item .name { position: relative; margin-left: 12%; right: -12%; z-index: 100; }

.temoignages .owl-item .name h2 { color: #dbf6fc; font-size: 5px; margin: 0 0 2px; letter-spacing: 0; }

.temoignages .owl-item .name h3 { color: #00394e; margin: 0; font-size: 3px; font-family: "Gotham", Arial, Helvetica, sans-serif; letter-spacing: 0; }

.temoignages .owl-item .name h3 strong { font-family: "GothamBold", Arial, Helvetica, sans-serif; }

.temoignages .owl-item .slide2 .triangle { left: inherit; right: 0; top: 0; width: 40%; }

.temoignages .owl-item .slide2 .portrait { top: 15px; width: 80%; left: 12%; }

.temoignages .owl-item .slide2 .name { bottom: 0px; margin-right: 12%; right: inherit; left: -12%; }

.temoignages .owl-item #shape { fill: #74c4d4; }

.temoignages .owl-item .pdf { margin: 6% 0 0 12%; }

.temoignages .owl-carousel .owl-stage { padding: 12% 8% 2%; }

.temoignages .owl-carousel .owl-nav.disabled { position: absolute; top: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.temoignages .icon-arrow-left, .temoignages .icon-arrow-right { font-size: 600%; color: #00394e; }

@media screen and (max-width: 1024px) { .temoignages .icon-arrow-left, .temoignages .icon-arrow-right { font-size: 300%; } }

@media screen and (max-width: 768px) { .temoignages .icon-arrow-left, .temoignages .icon-arrow-right { font-size: 260%; } }

@media screen and (max-width: 480px) { .temoignages .icon-arrow-left, .temoignages .icon-arrow-right { font-size: 200%; } }

.temoignages .icon-arrow-left { padding-left: 10px; }

.temoignages .icon-arrow-right { padding-right: 10px; }

.temoignages .owl-next { margin-left: auto; }

.references { background: #00394e; color: #fff; /* h1 { color: #0093b0; } h1::before { background:#0093b0; }	 */ }

.references .wrap { padding: 12% 4% 0; }

@media screen and (max-width: 768px) { .references .wrap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .references .wrap .col2 { padding: 0 0 95px; } }

.references .navigation { max-width: 450px; }

.references .navigation li { margin: 0 0 6%; padding: 0 0 6%; border: none; color: #86cbd5; }

.references .navigation a::after { content: ""; }

.references .navigation a:hover { background: none; color: #86cbd5; }

.references .navigation li:hover { color: #86cbd5; }

.references .navigation a { color: #86cbd5; }

.references .navigation { list-style-type: none; margin: 0 45px 45px 0; }

.references .navigation li { border-bottom: 1px dotted #86cbd5; padding: 5px 0 15px; line-height: 1; margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.references .navigation li:before { padding: 0 10px 0 0; font-size: 120%; content: "\e915"; color: #59a62f; 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; }

@media screen and (max-width: 768px) { .references .navigation { margin: 0; display: block; max-width: 100%; } }

.references .txtbg { color: #033c50; padding: 0 0 8% 8%; }

.references .img-wrap { position: relative; z-index: 10; }

.references h2 { margin: 0; padding-left: 30%; }

@media screen and (max-width: 1024px) { .references h2 { padding: 0; } }

.references .capteur { width: 50%; right: 0%; }

.references .logo { top: 65%; right: 15%; width: 60%; }

.references .bg { bottom: -30%; left: 15%; width: 50%; }

.contact .col1 { padding: 0 10% 0 15%; }

.contact .forme { width: 60%; left: 0; }

.contact .triangle { width: 80%; top: 80px; left: 20%; }

.contact .cneige { width: 70%; top: 280px; right: 0; }

.contact a:hover { color: #00394e; }

.dl-trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin: 0 0 10px; pointer-events: auto; height: 55px; }

.dl-trigger div { position: relative; width: 40px; height: 25px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.dl-trigger h2 { color: #86cbd5; font-size: 12px; text-transform: uppercase; padding: 0 10px; margin: 0; }

.dl-trigger span { display: block; position: absolute; height: 2px; width: 100%; background: #86cbd5; border-radius: 1px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; transition: .25s ease-in-out; }

.dl-trigger span:nth-child(1) { top: 0px; }

.dl-trigger span:nth-child(2), .dl-trigger span:nth-child(3) { top: 10px; }

.dl-trigger span:nth-child(4) { top: 20px; }

.dl-trigger.dl-active span:nth-child(1) { top: 10px; width: 0%; left: 50%; }

.dl-trigger.dl-active span:nth-child(2) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.dl-trigger.dl-active span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.dl-trigger.dl-active span:nth-child(4) { top: 10px; width: 0%; left: 50%; }

.dl-menuwrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; max-width: 300px; position: absolute; top: 0px; right: 10px; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; pointer-events: none; z-index: 100000; }

.dl-menuwrapper ul { background: #00394e; padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow: hidden; }

.dl-menuwrapper li { position: relative; border-bottom: 1px solid #40464d; }

.dl-menuwrapper li a { display: block; position: relative; text-align: left; z-index: 1000; padding: 15px; font-size: 14px; line-height: 1; color: #86cbd5; outline: none; font-family: "GothamBold", Arial, Helvetica, sans-serif; background: #00394e; }

.dl-menuwrapper li a span { font-size: 40%; vertical-align: middle; }

.dl-menuwrapper li a:hover, .dl-menuwrapper li a.menu_actif { background: #005777; color: #a4d8e0; }

.dl-menuwrapper li.dl-back > a { background: #000; color: #fff; }

.dl-menuwrapper li.dl-back > a:hover { background: #000; color: #fff; }

.dl-menuwrapper .dl-menu { width: 100%; margin: 0; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; margin: 0; }

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; }

.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 45px; left: 0; margin: 0; }

/* ===[ Animation classes for moving out and in ]=== */
.dl-menu.dl-animate-out { -webkit-animation: MenuAnimOut 0.3s ease-in-out; animation: MenuAnimOut 0.3s ease-in-out; }

.dl-menu.dl-animate-in { -webkit-animation: MenuAnimIn 0.3s ease-in-out; animation: MenuAnimIn 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-in { -webkit-animation: SubMenuAnimIn 0.3s ease-in-out; animation: SubMenuAnimIn 0.3s ease-in-out; }

.dl-menuwrapper > .dl-submenu.dl-animate-out { -webkit-animation: SubMenuAnimOut 0.3s ease-in-out; animation: SubMenuAnimOut 0.3s ease-in-out; }

@-webkit-keyframes MenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@keyframes MenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes MenuAnimOut { 0% { }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 0; } }

@keyframes MenuAnimOut { 0% { }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 0; } }

@-webkit-keyframes SubMenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@keyframes SubMenuAnimIn { 0% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; } }

@-webkit-keyframes SubMenuAnimOut { 0% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; }
  100% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; } }

@keyframes SubMenuAnimOut { 0% { -webkit-transform: translateY(0px); transform: translateY(0px);
    opacity: 1; }
  100% { -webkit-transform: translateY(20px); transform: translateY(20px);
    opacity: 0; } }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; -webkit-transition: opacity .25s ease, visibility 0s ease .25s; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; -webkit-transition: color .2s; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */
.fancybox-caption { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated { -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1); transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } }

/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }

/** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; /* fix firefox animation glitch */ }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-carousel .owl-item { position: relative; min-height: 1px; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

.owl-carousel .owl-item img { display: block; width: 100%; }

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel.owl-refresh .owl-item { visibility: hidden; }

.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }

/* Owl Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ }

.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }

.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 100ms ease; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }

/** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
/* Default theme - Owl Carousel CSS File */
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }

.owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; }

.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }

.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }

.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; }

.box-content { display: none; width: 100%; max-width: 800px; margin: 0; border-radius: 5px; margin: 0; padding: 0px; overflow: hidden; }

.box-content.full { height: 90%; }

.box-content .containter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; max-height: 100%; height: 100%; }

.box-content .header-pop { width: 100%; background: #fff; padding: 2%; border-bottom: 1px solid #e8f5f6; text-align: center; background: #00394e; color: #fff; }

.box-content .header-pop h3 { font-size: 80%; margin: 0 0 5px; color: #fff; }

.box-content .header-pop h2 { font-size: 140%; text-transform: none; margin: 0; color: #fff; }

.box-content .img-containter { display: -webkit-box; display: -ms-flexbox; display: flex; }

.box-content .img-containter img { display: block; margin: 5px; }

.box-content .content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-x: auto; padding: 2%; cursor: auto; }

.box-content .content h2 { text-transform: uppercase; padding: 0 0 4%; }

.box-content .content a { color: #00394e; font-family: "GothamBold", Arial, Helvetica, sans-serif; }

.box-content .content a:hover { color: #0093b0; }

.box-content .footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2%; border-top: 1px solid #e8f5f6; }

.box-content .footer .btn { color: #fff; }

.box-content h2, .box-content h3 { color: #00394e; }

.box-content .last-update { margin: 0; width: 100%; }

.box-content .btn { margin: 0 0 0 auto; }