/****************************************************
#####################################################
##-------------------------------------------------##
##               SNDMO - Version 1                 ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2026             ##
## Date      = avril 2026                          ##
## Author    = olivier angevin                     ##
## Websites  = https://www.diabloedesign.com       ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
@font-face {
    font-family: 'opensans';
    src: url('../fonts/opensans.ttf') format('truetype'),
		 url('../fonts/opensans-webfont.woff2') format('woff2'),
         url('../fonts/opensans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html {
height: 100%;
}
body{
margin:0;
padding:0;
font-size:16px;
color:#000;
font-family: opensans, arial,tahoma , sans-serif;
outline: none;
height:100%;
background: #f7f6f7;
}
* {
  box-sizing: border-box;
}
/*texte*/
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:50px;color:#0d4b41}
h2{font-size:30px;color:#0d4b41}
h3{font-size: 24px;color:#0d4b41;}
h4, h5, h6 {font-size: 100%;}
a{
outline:none;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
color:#0d4b41;
}
a:visited, a:link{
text-decoration:none;
}
a:hover{
color:#1b242d;
}
img{
margin:0px;
border:0px;
max-width:100%;
}
ul{
padding-left:20px;
}
label.invalid{
color:#C90000;
}
.invalid{
border-color:#C90000;
}
/*****CONTENU********/
#container{
width:100%;
min-height:100%;
height:100%;
position:relative;
}
.pagewidth{
width:1100px;
text-align:left;
background:transparent;
margin:0 auto;
position:relative
}
.header{
position:fixed;
top:0;
width:100%;
background-color: #ffffff;
-webkit-box-shadow: 0px 5px 30px 1px #221f1f;
-moz-box-shadow: 0px 5px 30px 1px #221f1f;
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=5, Color='#221f1f', Positive='true');
zoom:1;
box-shadow: 0px 5px 30px 1px #221f1f;
z-index:10;
min-height:100px;
max-height:100px;
}
.header .pagewidth{
width:1200px;
display:flex;
flex-wrap:wrap;
align-items:center;
height:100px;
}
@media screen and (max-width: 1200px){
	.header .pagewidth{
	width:calc(100% - 20px);
	}
}
.header .logo{
position:relative;
z-index:20;
margin-right:50px;
}
#top-menu{
height:80px;
font-family: promptregular, arial,tahoma , sans-serif;
}
#top-menu ul.menu{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding:0;
}
#top-menu .menu li{
list-style-type:none;
position:relative;
font-size:20px;
color:#1b242d;
padding:0 15px;
line-height:80px;
}
#top-menu .menu li a{
color:#1b242d;
white-space:nowrap;
}
#top-menu .menu li span{
cursor:pointer;
}
#top-menu .menu li.active a, #top-menu .menu li a:hover, #top-menu .menu li span:hover, #top-menu .menu li.active span{
color:#26615f;
}
#top-menu .menu li.parent ul.nav-child {
display: none;
position: absolute;
width: auto;
background-color:#FFF;
padding:0;
}
#top-menu .menu li.parent ul.nav-child li{
width: auto;
line-height:40px;
}
#top-menu .menu li.parent ul.nav-child li a{
color:#1b242d;
font-size:16px;
display:block;
}
#top-menu .menu li.parent:hover ul.nav-child{
display: block;
}
#small-menu{padding:0;display:none;position:relative;}
#menu-toggle{position:relative;width:60px;height:50px;padding-top:10px;margin:0 auto;display:block;background:#0c4d3d}
.sndmo-menu{width:100%}
#lines {width: 35px;height: 10px;margin: 3% auto;-webkit-transition: 300ms;transition: 300ms;margin-top: 5px;}
#lines::before,#lines::after{position: absolute;top: 20px;content: '';width: 35px;height: 10px;-webkit-transition: 300ms;transition: 300ms;margin-top: 5px;}
#lines::after {top:30px;}
#lines, #lines::before, #lines::after, #lines.close::before, #lines.close::after{border-top: 4px solid #FFF;}
.open-menu #lines{border-top:1px solid transparent;}
.open-menu #lines::before {-ms-transform: rotate(45deg) translate(-2.5px,0px);-webkit-transform: rotate(45deg) translate(-2.5px,0px);transform: rotate(45deg) translate(-2.5px,0px);}
.open-menu #lines::after {-ms-transform: rotate(-45deg) translate(11px, -5px);-webkit-transform: rotate(-45deg) translate(11px, -5px);transform: rotate(-45deg) translate(11px, -5px);}
.nav-menu{background:#0c4d3d;width:100%;max-height:0;visibility:hidden;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
.open-menu{background:#0c4d3d}
.open-menu .nav-menu{max-height:400px;visibility:visible;}
.nav-menu ul{padding:0;list-style:none;margin:0;}
.nav-menu li{
text-transform:uppercase;
color:#FFF;
text-align:left;
margin:10px;
}
#navigation-small ul.dropdown-menu{
padding-top:0;
padding-bottom:0;
}
.nav-menu li a{
color:#ffff;
}
.nav-menu li.active a, .nav-menu li a:hover{
color:#e5eaec;
}
.content-top{
width:100%;
position:relative;
margin-top:100px;
}
.content-top .textes{
position:absolute;
width:100%;
z-index:5;
left:0;
top:0;
color:#FFF;
height:100%;
min-height:100%;
display:flex;
align-items:center;
}
.content-top h1{
color:#FFF;
line-height:50px;
text-shadow: 3px 5px 2px #474747;
}
.content-top h2{
color:#FFF;
font-size:20px;
text-shadow: 3px 5px 2px #474747;
}
.content-top .textes ul{display:flex;list-style-type:none;padding:0;}
.content-top .textes ul a{transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;
width:250px;height:60px;line-height:60px;color:#FFF;font-size:20px;display:block;background: #369B3B;
background: linear-gradient(0deg,rgba(54, 155, 59, 1) 0%, rgba(23, 113, 58, 1) 100%);text-align:center;border-radius:4px;margin-right:20px;}
.content-top .textes ul a:hover{background: linear-gradient(0deg,rgba(23, 113, 58, 1) 0%, rgba(54, 155, 59, 1) 100%);border-radius:0;}
.content-top .textes ul li:nth-child(2) a{background:#E1DFE5;background: linear-gradient(0deg, rgba(225, 223, 229, 1) 0%, rgba(225, 224, 228, 1) 100%);color:#1b242d;}
.content-top .textes ul li:nth-child(2) a:hover{background: linear-gradient(0deg, rgba(225, 224, 228, 1) 0%, rgba(225, 223, 229, 1) 100%)}
.content-top .textes ul li:nth-child(3) a{background: #19534D;background: linear-gradient(0deg, rgba(25, 83, 77, 1) 0%, rgba(68, 128, 125, 1) 100%);}
.content-top .textes ul li:nth-child(3) a:hover{background: linear-gradient(0deg, rgba(68, 128, 125, 1) 0%, rgba(25, 83, 77, 1) 100%);}
#content{
background-color:transparent;
position:relative;
width:100%;
min-height:400px;
margin-top:100px;
}
.container-accueil #content{margin-top:0;padding-top:50px;padding-bottom:50px;}
.clr{
clear:both;
}
.item-page, .visform .field7 .visCSSlabel{
hyphens: auto;
hyphenate-limit-lines:2;
-moz-hyphens: auto;
-moz-hyphenate-limit-lines:2;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-lines:2;
-ms-hyphens: auto;
-ms-hyphenate-limit-lines:2;
text-align:justify;
}
.flex-elements{
display:flex;
}
ul.flex-elements{
padding:0;
list-style:none;
}
.flex-center{
justify-content:center;
}
.readmore{text-align:center;}
.readmore a, a.readmore, input.btn, button.btn{
width:100%;height:40px;line-height:40px;color:#FFF;font-size:20px;;display:block;background: #369B3B;
background: linear-gradient(0deg,rgba(54, 155, 59, 1) 0%, rgba(23, 113, 58, 1) 100%);text-align:center;border-radius:4px;
margin:0;
}
.readmore a:hover, a.readmore:hover{
background: linear-gradient(0deg,rgba(23, 113, 58, 1) 0%, rgba(54, 155, 59, 1) 100%);border-radius:0;
}
.item-content{position:relative;}
.item-image{margin:0;}
.container-accueil .items-leading{justify-content:space-between;}
.container-accueil .items-leading .item{width:400px;text-align:center;margin-bottom:20px;}
.container-accueil .items-leading .item:nth-child(2){border-left:2px solid #d6d8dd;border-right:2px solid #d6d8dd;}
.container-accueil .items-leading .item h3{margin-top:0;}
.container-accueil .items-leading .item h3:before{
content:"";width:80px;height:60px;display:block;margin:0 auto;	
background:url("../images/icones.png") no-repeat 0 0 transparent;
}
.container-accueil .items-leading .item:nth-child(2) h3:before{background-position:-80px 0;}
.container-accueil .items-leading .item:nth-child(3) h3:before{background-position:-160px 0;}
.container-accueil .item-leading .item{justify-content:space-between;padding:50px 0;}
.container-accueil .items-leading .item .texte{width:300px;margin:0 auto;font-size:14px;}
.container-accueil .item-leading{background:#ebf0ec;position:relative;}
.container-accueil .item-leading .item h3:after{content:"";width:220px;height:2px;display:block;
background:url("../images/icones.png") no-repeat 0 -60px transparent;}
.container-accueil .item-leading .item ul li{list-style:none;display:flex;align-items:center;}
.container-accueil .item-leading .item ul li:before{content:"";width:16px;height:14px;display:block;
background:url("../images/icones.png") no-repeat 0 -63px transparent;margin-right:10px;}

.content-2{margin-bottom:50px;}
.content-2 h3:before,.content-2 h3:after{content:"";height:2px;background:#ceced4;width:calc(50% - 100px); display:block;}
.content-2 h3{text-align:center;font-size:36px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;}
.newsbox_item{width:320px;padding:20px;}
.newsbox_item .image-box, #npost111 .newsbox_sett{margin:0;}
#npost111 .newsbox_sett{background:#FFF;-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);box-shadow: 0 0 21px rgba(0,0,0,0.21);}
.actu-date{position:absolute;top:5px;left:5px;padding:6px;z-index:10;font-size:12px;color:#FFF;background: #369B3B;
background: linear-gradient(0deg,rgba(54, 155, 59, 1) 0%, rgba(23, 113, 58, 1) 100%);text-align:center;border-radius:4px;}
.newsbox_item .image-box .image{height:220px;width:100%;}
.newsbox_item .image-box .image img{width: inherit;height: inherit!important;border-radius: inherit;max-width: none!important;min-height: 100%;object-fit: cover;object-position: center center;}
.news-block .caption-box{margin:0;box-shadow:none;padding:15px;font-size:14px;}
.news-block .caption-box h4{margin-top:0;}
.news-block .caption-box .item-txt{height:40px;min-height:40px;max-height:40px;overflow:hidden;}
.news-block .caption-box .item-txt p{margin:0;}
.gotoactus a.readmore{width:300px;margin:0 auto;}

.content-3{padding:20px 0;width:100%;color:#FFF;background: #05473B;font-weight:bold;
background: radial-gradient(circle,rgba(5, 71, 59, 1) 0%, rgba(11, 70, 57, 1) 100%);}
.content-3 .pagewidth{background: #052F2D;background: radial-gradient(circle, rgba(5, 47, 45, 1) 0%, rgba(12, 71, 59, 1) 100%);}
.content-3 ul{padding:0;list-style:none;display:flex;align-items:center;}
.content-3 ul li{width:400px;display:flex;align-items:center;position:relative;}
.content-3 ul li div:first-child{margin-right:20px;font-size:60px;}
.content-3 ul li:first-child div:last-child{color:#68a75e;position:absolute;bottom:0;left:130px;}

.content-4{margin:50px 0;}
.content-4 h3{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;}
.content-4 h3:before,.content-4 h3:after{content:"";height:2px;background:#ceced4;width:calc(50% - 200px); display:block;}
.content-4 ul{display:flex;justify-content:center;color:#0d4b41;font-size:24px;list-style:none;padding:0;}
.content-4 ul li{display:flex;align-items:center;}
.content-4 ul li:first-child{margin-right:20px;}
.content-4 ul li:before{content:"";width:30px;height:30px;display:block;
background:url("../images/icones.png") no-repeat 0 -80px transparent;margin-right:10px;}
.content-4 ul li:last-child:before{background-position:-30px -80px;}
.content-4 h4{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;font-size:24px;color:#0d4b41;}
.content-4 h4:before, .content-4 h4:after{content:"";height:2px;background:#ceced4;width:200px; display:block;}
.content-4 h4:before{margin-right:10px;}
.content-4 h4:after{margin-left:10px;}
.content-4 a.readmore{width:200px;margin:0 auto;}

.items-leading .item-backgroundimg{width:100%;}
.items-leading .textes-head {position: absolute;width: 100%;z-index: 5;left: 0;top: 0;}
.textes-head .page-header h1{margin-top:100px;}
.textes-head .page-header h1::after, .actu-backgroundimg .page-header h1::after{content:"";width:220px;height:2px;display:block;
background:url("../images/icones.png") no-repeat 0 -60px transparent;}
.textes-head .item-1 .item-content{width:400px!important;font-size:18px;background:transparent!important;}
.item-image img{width: inherit;height: inherit!important;border-radius: inherit;max-width: none!important;min-height: 100%;object-fit: cover;object-position: center center;}

.container-notre-societe .items-leading h2{text-align:center;margin-top:0;}
.container-notre-societe .items-leading h2:after, .categ-produits h2:after, .produits-list h2:after{content:"";height:2px;width:100px;background:#307d26;display:block;margin:0 auto;margin-top:10px;}
.container-notre-societe .item-2, .container-nos-formations .item-2{background:#ebefec;padding:30px 0;margin-top:-10px;position:relative;}
.container-notre-societe .item-2 ul{list-style:none;display:flex;flex-wrap:wrap;text-align:center;justify-content:center;}
.container-notre-societe .item-2 ul li{width:182px;height:140px;display:flex;align-items:center;flex-direction:column;justify-content:center;border-right:1px solid #d0d5d4;border-bottom:1px solid #d0d5d4;}
.container-notre-societe .item-2 ul li h4:before{content:"";width:100px;height:70px;display:block;margin:0 auto;
background:url("../images/icones.png") no-repeat 0 -120px transparent;}
.container-notre-societe .item-2 ul li:nth-child(2) h4:before{background-position:-100px -120px}
.container-notre-societe .item-2 ul li:nth-child(3) h4:before{background-position:-200px -120px}
.container-notre-societe .item-2 ul li:nth-child(4) h4:before{background-position:-300px -120px}
.container-notre-societe .item-2 ul li:nth-child(5) h4:before{background-position:-400px -120px}
.container-notre-societe .item-2 ul li:nth-child(5){border-right:0;}
.container-notre-societe .item-2 ul li:nth-child(6) h4:before{background-position:0 -190px}
.container-notre-societe .item-2 ul li:nth-child(6){border-bottom:0}
.container-notre-societe .item-2 ul li:nth-child(7) h4:before{background-position:-100px -190px}
.container-notre-societe .item-2 ul li:nth-child(7){border-bottom:0}
.container-notre-societe .item-2 ul li:nth-child(8) h4:before{background-position:-200px -190px}
.container-notre-societe .item-2 ul li:nth-child(8){border-bottom:0}
.container-notre-societe .item-2 ul li:nth-child(9) h4:before{background-position:-300px -190px}
.container-notre-societe .item-2 ul li:nth-child(9){border-bottom:0}
.container-notre-societe .item-2 ul li:nth-child(10) h4:before{background-position:-400px -190px}
.container-notre-societe .item-2 ul li:nth-child(10){border:0;}
.container-notre-societe .item-3{padding:30px 0;background:#FFF;}
.container-notre-societe .item-3 ul{list-style:none;display:flex;padding:0;margin:0;justify-content:center;}
.container-notre-societe .item-3 ul li{display:flex;align-items:center;justify-content:center;height:60px;border-right:1px solid #dfdfe1;padding:0 20px}
.container-notre-societe .item-3 ul li:last-child{border-right:0}
.container-notre-societe .item-4, .container-nos-formations .item-3{background:#0c4d3d;color:#FFF;min-height:300px;overflow:hidden;}
.container-notre-societe .item-4 .pagewidth, .container-nos-formations .item-3 .pagewidth{width:100%;min-height:100%;display:flex;flex-wrap:wrap;align-items:center;}
.container-notre-societe .item-4 .pagewidth:before, .container-nos-formations .item-3 .pagewidth:before{content:"";width:65%;height:300px;display:block;background:url("../images/fond-experiences.jpg") no-repeat top right;}
.container-notre-societe .item-4 .item-content, .container-nos-formations .item-3 .item-content{width:35%;}
.container-notre-societe .item-4 .item-content ul, .container-nos-formations .item-3 .item-content ul{list-style:none;}
.container-notre-societe .item-4 .item-content ul li:not(.sep), .container-nos-formations .item-3 .item-content ul li:not(.sep){display:flex;align-items:center;padding:10px;}
.container-notre-societe .item-4 .item-content ul li:not(.sep) span, .container-nos-formations .item-3 .item-content ul li:not(.sep) span{font-size:20px;font-weight:bold;}
.container-notre-societe .item-4 .item-content ul li.sep, .container-nos-formations .item-3 .item-content ul li.sep{width:219px;height:4px;display:block;
background:url("../images/icones.png") no-repeat -250px -45px transparent;}
.container-notre-societe .item-4 .item-content ul li:not(.sep):before, .container-nos-formations .item-3 .item-content ul li:not(.sep):before{content:"";width:45px;height:45px;display:block;margin-right:10px;
background:url("../images/icones.png") no-repeat -250px 0 transparent;}
.container-notre-societe .item-4 .item-content ul li:nth-child(3):before{background-position:-295px 0}
.container-notre-societe .item-4 .item-content ul li:nth-child(5):before{background-position:-340px 0}

.container-nos-services .item-1 p{display:flex;align-items:center;}
.container-nos-services .item-1 p:before{content:"";width:34px;height:44px;display:block;margin-right:10px;
background:url("../images/icones.png") no-repeat -386px 0 transparent;}
.container-nos-services .ombre-top{display:none;}
.container-nos-services .item-image{width:480px;height:320px;}
.container-nos-services .item-content{padding:40px;width:480px;height:320px;background:#f1f2f1;}
.container-nos-services .item-2 .pagewidth, .container-nos-services .item-3 .pagewidth, .container-nos-services .item-4 .pagewidth{display:flex;flex-wrap:wrap;justify-content:center;margin:10px auto;}
.container-nos-services .item-3 .pagewidth{flex-direction:row-reverse}
.container-nos-services .item-content h2{margin:0;display:flex;font-size:25px;align-items:center}
.container-nos-services .item-content h2:before{content:"";width:75px;height:75px;display:block;margin-right:10px;
background:url("../images/icones.png") no-repeat 0 -260px transparent;}
.container-nos-services .item-3 .item-content h2:before{background-position:-75px -260px;width:74px;}
.container-nos-services .item-4 .item-content h2:before{background-position:-150px -260px;}

.container-nos-formations .item-2 .item-content{display:flex;justify-content:center;flex-wrap:wrap;text-align:center;}
.container-nos-formations .item-2 .item-content div{padding:30px;width:220px;}
.container-nos-formations .item-2 .item-content p{display:flex;justify-content:center;align-items:center;flex-direction:column;}
.container-nos-formations .item-2 .item-content p:before{content:"";width:82px;height:83px;display:block;margin-bottom:10px;
background:url("../images/icones.png") no-repeat 0 -340px transparent;}
.container-nos-formations .item-2 .item-content div:nth-child(2){border-right:1px solid #d8dada;border-left:1px solid #d8dada;}
.container-nos-formations .item-2 .item-content div:nth-child(2) p:before{background-position:-83px -340px;}
.container-nos-formations .item-2 .item-content div:nth-child(3) p:before{background-position:-164px -340px;}
.container-nos-formations .item-3 .pagewidth:before{background-image:url("../images/fond-formations.jpg");height:400px;}
.container-nos-formations .item-3 .item-content ul li:not(.sep):before{width:62px;height:62px;background-position:-250px -50px}
.container-nos-formations .item-3 .item-content ul li:nth-child(3):before{background-position:-312px -50px}
.container-nos-formations .item-3 .item-content ul li:nth-child(5):before{background-position:-374px -50px}
.container-nos-formations .item-4 .item-content{text-align:center;padding:30px 0;}
.container-nos-formations .item-4 .item-content h2{margin-top:0;font-size:40px;}
.container-nos-formations .item-4 .item-content ul{list-style:none;padding:0;font-size:120%;}
.container-nos-formations .item-4 .item-content ul li:nth-child(1) a{font-weight:bold;font-size:120%;color:#4a8841}
.container-nos-formations .item-4 .item-content ul li:nth-child(2){display:flex;align-items:center;justify-content:center;margin-top:20px;text-align:left;color:#104c37}
.container-nos-formations .item-4 .item-content ul li:nth-child(2):before{content:"";width:44px;height:58px;display:block;margin-right:10px;
background:url("../images/icones.png") no-repeat -230px -260px transparent;}
.container-nos-formations .item-4 .item-content ul li:nth-child(2) span{font-size:80%;color:#000}

.container-nos-actualites .item-page{margin-bottom:50px;}
.com-content-pages-counter{text-align: right;font-size: 80%;font-weight: bold;margin-top:20px;}
.items-actus{flex-wrap:wrap;justify-content:space-between;}
.items-actus .item{margin-top:50px;width:320px;height:400px;background:#FFF;-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);box-shadow: 0 0 21px rgba(0,0,0,0.21);border-radius:10px;}
.items-actus .item-image{width:100%;height:180px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.items-actus .item-content{padding:20px;}
.items-actus .item-header h2{font-size:20px;margin:0;width:100%;height:24px;;overflow:hidden;}
.create{margin-top:10px;color:#b4b3b5;margin-bottom:10px;}
.items-actus .item .create:before{content:"";display:block;width:50px;height:2px;background:#519248;margin-bottom:10px;}
.create i{margin-right:5px;}
.items-actus .item-txt{width:100%;height:48px;min-height:48px;max-height:48px;overflow:hidden;}
.items-actus .item-txt p{margin:0;}
.com-content-navigation ul{display: flex;justify-content: center;list-style: none;padding: 0;margin-top: 50px;align-items:center;}
.com-content-navigation ul li{line-height:40px;width:40px;margin: 0 5px; text-align:center;background:#0d4b41;color:#FFF;border-radius:50%;}
.com-content-navigation ul li.disabled{display:none;}
.com-content-navigation ul li.active{border:1px solid #369B3B;-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);box-shadow: 0 0 21px rgba(0,0,0,0.21);}
.com-content-navigation ul li a{width:100%;height:100%;display:block;color:#FFF}
.icon-angle-double-left:before{content:"<<";}
.icon-angle-left:before{content:"<";}
.icon-angle-right:before{content:">";}
.icon-angle-double-right:before{content:">>";}
.actu-backgroundimg{width:100%;}
.actu-backgroundimg .item-image{width:100%;height:400px;position:relative;}
.actu-backgroundimg .item-image::before{content:"";position:absolute;z-index:2;top:0;left:0;width:75%;height:100%;
background: linear-gradient(
	to right,
	rgba(245,245,245,0.98) 0%,
	rgba(245,245,245,0.96) 35%,
	rgba(245,245,245,0.45) 70%,
	rgba(245,245,245,0) 100%
);
}
.actu-backgroundimg .page-header{position: absolute;width: 100%;z-index: 5;left: 0;top: 0;}
.actu-backgroundimg .page-header h1{width:50%;}
.actus-content{padding-top:20px;margin-bottom:50px;}
.actus-content .create{margin-top:30px;}
.actus-content .flex-elements{flex-wrap:wrap;justify-content:space-between}
.actus-content .com-content-article_body{width:600px;}
.actus-content .com-content-article_img{width:380px;}
.actus-content .com-content-article_img .image{width:100%;height:160px;margin-bottom:20px;border-radius:10px;}
.actus-content .com-content-article_img .image img{width: inherit;height: inherit!important;border-radius: inherit;max-width: none!important;min-height: 100%;object-fit: cover;object-position: center center;}

.visforms h2::after{content: "";height: 2px;width: 50px;background: #307d26;display: block;margin-top: 10px;}
.contact-formulaire{width:590px;margin-bottom:50px;}
.contact-formulaire .row{display:flex;flex-wrap:wrap;justify-content:space-between}
.visform [class^="fieldset-"].active{
border:0;
padding:0;
padding-right:40px;
margin:0;
border-right:1px solid #e1e1e2;
}
form#visform1 .vis_mandatory{width:100%;color:#000;margin-bottom:20px;}
form#visform1 div.required .asterix-ancor::after{display:none;}
input:not(#field8, #field7, .btn), select, textarea{
background:#FFF!important;
padding:10px!important;
color:#000!important;
border:0;
border-radius:5px;
margin-bottom:15px;
}
.visform input:not(#field3, #field7){
width:245px;
}
.visform .field3, .visform .field3 .form-group, .visform .field3 .offset-3, 
.visform .field6, .visform .field6 .form-group, .visform .field6 .offset-3{width:100%;}
.visform .field3 input#field3{
width:calc(100% - 20px);
}
.visform textarea{
width:calc(100% - 20px);
height:100px;
}
.visform .field7 label{font-size:80%;margin-left:10px;}
.visform input#field8 {
border:0;
cursor:pointer;
}
.visform .field7{
display:flex;
flex-direction: row-reverse;
}
.visform input.btn{width:200px;cursor:pointer;margin-top:20px;}
.contact-informations{padding-left:40px;}
.contact-informations ul{padding:0;list-style:none;}
.contact-informations h4{margin:0;font-weight:bold;}
.contact-informations ul li{margin-bottom:20px;display:flex;}
.contact-informations ul li:before{content:"";width:46px;height:46px;display:block;margin-right:10px;
background:url("../images/icones.png") no-repeat 0 -430px transparent;}
.contact-informations ul li:nth-child(2):before{background-position:-46px -430px;}
.contact-informations ul li:nth-child(3):before{background-position:-92px -430px;}
.contact-informations ul li:nth-child(4):before{background-position:-138px -430px;}
.google-map {width: 100%;position: relative;}
#map-sndmo {width: 100%;height: 350px;}

.categ-produits, .produits-list{position:relative}
.categ-produits h2, .produits-list h2{text-align:center;margin-bottom:40px;}
.categ-produits .flex-elements{justify-content:space-between;flex-wrap:wrap;}
.categ-produits .item{width:350px;background:#FFF;-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);box-shadow: 0 0 21px rgba(0,0,0,0.21);margin-bottom:40px;}
.categ-produits .item-image{width:100%;height:300px;}
.categ-produits .item-content{padding:20px}
.categ-produits .item-content h3{margin-top:0;margin-bottom:20px;}
.categ-produits .item-txt{min-height:90px;max-height:90px;width:100%;overflow:hidden;}
.categ-produits .item-lien{font-size:30px;}
.page-produits{margin-bottom:30px;}
.page-produits .textes-head .desc{width:310px;}
.produits-list .flex-elements{justify-content:center;flex-wrap:wrap;}
.produits-list .item{width:220px;background:#FFF;-webkit-box-shadow: 0 0 21px rgba(0,0,0,0.21);-moz-box-shadow: 0 0 21px rgba(0,0,0,0.21);-ms-box-shadow: 0 0 21px rgba(0,0,0,0.21);-o-box-shadow: 0 0 21px rgba(0,0,0,0.21);box-shadow: 0 0 21px rgba(0,0,0,0.21);margin:20px;}
.produits-list .item-image{width:100%;height:180px;}
.produits-list .item-content{padding:10px;}
.produits-list .item-content .item-header{height:70px;}
.produits-list .item-content h3{font-size:20px;margin:0;hyphens:none;-moz-hyphens:none;}
.produits-list .item-txt{min-height:100px;max-height:90px;width:100%;overflow:hidden;}
.produits-list .item-lien{font-size:20px;}
.produit-backgroundimg .page-header{hyphens:none;-moz-hyphens:none;}
.produit-content .pagewidth{padding-top:20px;}
.produit-content .flex-elements{flex-wrap:nowrap;justify-content:space-between;align-items: flex-start;}
.produit-content .com-content-produit_body{width:600px;position:sticky;position: -webkit-sticky;top:100px;align-self: flex-start;}
.produit-content .com-content-produit_img{width:380px;}
.produit-content .com-content-produit_img .image{background:#FFF;padding:20px;text-align:center;margin-bottom:20px;}
.produit-content .com-content-produit_img .image h3{margin-bottom:0;}
ul.heindenhain li:first-child{margin-right:50px;}

.parallax-section {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-repeat:repeat-y;
overflow:hidden;
background-attachment:fixed !important;
}
.no-parallax-section{
display:none;
}

.ombre-top{
width:100%;
height:9px;
position:absolute;
top:0;
z-index:8;
background:url("../images/ombre-top.png") repeat center top transparent;
}
.ombre-bottom{
width:100%;
height:9px;
position:absolute;
bottom:0;
z-index:8;
background:url("../images/ombre-bottom.png") repeat center top transparent;
}

.footer{
width:100%;
clear:both;
position:relative;
z-index:5;
background:transparent;
overflow:hidden;
background: #369B3B;background: linear-gradient(0deg, rgba(23, 113, 58, 1) 0%, rgba(54, 155, 59, 1) 100%);
}
.footer-content{
padding-top:50px;
padding-bottom:50px;
}
.footer .pagewidth{
z-index:2;
}
.footer .pagewidth{justify-content:space-around;align-items:center;margin-bottom:20px;}
.footer .informations{
color:#FFF;
}
.footer a.btn-plan{margin-top:20px;padding:10px;color:#FFF;background: #19534D;background: linear-gradient(0deg, rgba(25, 83, 77, 1) 0%, rgba(68, 128, 125, 1) 100%);}
.footer .informations{padding:20px 0;}
.footer .informations .adresse{
display:flex;
margin-top:20px;
}
.footer .informations i{margin-right:10px;font-size:24px;}
.footer .informations a{display:flex;align-items:center;}
.footer .menu-bas{border-left:1px solid #FFF;border-right:1px solid #FFF;}
.footer ul.menu{list-style:none;padding:0 50px;}
.footer ul.menu li a{color:#FFF;font-size:18px;}
.footer .reseaux{flex-direction:column;}
.footer .reseaux a{font-size:50px; color:#FFF;}
.footer .separateur{width:900px;height:1px;background:#FFF;margin:0 auto;}
.copyright{
font-size:12px;
position:relative;
text-align:center;
line-height:20px;
clear:both;
color:#FFF;
display:flex;
padding:20px 0;
justify-content:center;
}
.copyright a{
color:#FFF;
}
.copyright span:nth-child(2):before{
content:'-';
margin:0 5px;
}
.copyright span:nth-child(2):after{
content:'/';
margin:0 5px;
}
#scrollup{
bottom: 24px;
opacity:0;
position: fixed;
right: 24px;
z-index: 10000;
}
#scrollup a{
background:#FFF;
border: 2px solid #0d4b41;
border-radius: 50%;
color: #0d4b41;
display: block;
font-size: 16px;
height: 43px;
line-height: 40px;
text-align: center;
width: 43px;
}
#scrollup a:hover{
background: #0d4b41 none repeat scroll 0 0;
color: #fff;
}
.com-users-login_form fieldset{
border:0;
padding:0;
display:flex;
text-align:center;
justify-content:center;
flex-direction:column;
}
.com-users-login_form .input-password-toggle{
display:none;
}
.controls input{
width:calc(100% - 22px);
}
.js-stools-container-bar{
margin-top:20px;
}
.js-stools-container-bar .btn-toolbar, .js-stools-container-bar .btn-toolbar .ordering-select{
display:flex;
flex-wrap:wrap;
}
.filter-search-bar__button{margin-right:10px;}
.js-stools-container-filters{
visibility:hidden;
}
.js-stools-container-filters-visible{
visibility:visible;
margin-bottom:50px;
}
.icons a{
background:#1885ad;
color:#FFF;
padding:5px;
}
.editor-xtd-buttons{
display:none!important;
}
.editor{
width:100%;
margin-left:0;
}
a.suppdetail{
position:absolute;
top:10px;
right:10px;
z-index:10;
color:red;
}
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
}
.animated2{-webkit-animation-duration: 2s;animation-duration: 2s;}
.countUp{visibility:visible;}
@-webkit-keyframes slideInTop {  
0% {    opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
} 
100% {
-webkit-transform: translateY(0);
    transform: translateY(0);
	}
}
@keyframes slideInTop {  0% {    opacity: 0;
 -webkit-transform: translateY(200px);
 -ms-transform: translateY(200px);
 transform: translateY(200px);
 }  
 100% {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);    transform: translateY(0);
}}
.slideInTop {
-webkit-animation-name: slideInTop;
animation-name: slideInTop;
visibility:visible;
}
@-webkit-keyframes slideInTop2 {  
0% {    opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
} 
100% {
-webkit-transform: translateY(0);
    transform: translateY(0);
	}
}
@keyframes slideInTop2 {  0% {    opacity: 0;
 -webkit-transform: translateY(100px);
 -ms-transform: translateY(100px);
 transform: translateY(100px);
 }  
 100% {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);    transform: translateY(0);
}}
.slideInTop2 {
-webkit-animation-name: slideInTop2;
animation-name: slideInTop2;
visibility:visible;
}
@-webkit-keyframes slideInBottom {  0% {    opacity: 0;
-webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}  
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
  }}
  @keyframes slideInBottom {  0% {    opacity: 0; 
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  }  
  100% { 
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);    transform: translateY(0);
  }}
.slideInBottom {
-webkit-animation-name: slideInBottom;
animation-name: slideInBottom;
visibility:visible;
}
@-webkit-keyframes slideInLeft {  0% {    opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); 
}  
100% {   
-webkit-transform: translateX(0);
transform: translateX(0);
  }}  
@keyframes slideInLeft {  0% {    opacity: 0;  
 -webkit-transform: translateX(-2000px);
 -ms-transform: translateX(-2000px); 
 transform: translateX(-2000px);
 } 
 100% {  
 -webkit-transform: translateX(0);   
 -ms-transform: translateX(0); 
 transform: translateX(0); 
 }}
 .slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
visibility:visible;
}
@-webkit-keyframes flipInX{	0%{		opacity:0;		
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);	
}	
40%{
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
	}
70%{
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);	
}	
100%{
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);		opacity:1	
}}
@keyframes flipInX{	0%{		opacity:0;	
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
}	
40%{
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
}	
70%{		
-webkit-transform:perspective(400px) rotateX(10deg);	
	-ms-transform:perspective(400px) rotateX(10deg);
	transform:perspective(400px) rotateX(10deg);
}
100%{
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;	
}}
.flipInX{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX;
visibility:visible;
}
@-webkit-keyframes flipInY{	0%{		opacity:0;
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);	
}	
40%{
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}	
70%{
-webkit-transform:perspective(400px) rotateY(10deg);		
transform:perspective(400px) rotateY(10deg);
}	
100%{
-webkit-transform:perspective(400px) rotateY(0deg);	
transform:perspective(400px) rotateY(0deg);
opacity:1;
}}
@keyframes flipInY{	0%{		opacity:0;		
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
}	
40%{
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}
70%{	
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
}	
100%{
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}}
.flipInY{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY;
visibility:visible;
}
@-webkit-keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80%{
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)
}}
@keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80%{
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100%{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInDown{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
visibility:visible;
}
@-webkit-keyframes bounceInLeft{	0%{		opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);	
}	
60%{		
opacity:1;		
-webkit-transform:translateX(30px);		
transform:translateX(30px);	
}	
80%{		
-webkit-transform:translateX(-10px);		
transform:translateX(-10px);	
}	
100%{		
-webkit-transform:translateX(0);		
transform:translateX(0);	
}}
@keyframes bounceInLeft{	0%{		opacity:0;		
-webkit-transform:translateX(-2000px);		
-ms-transform:translateX(-2000px);		
transform:translateX(-2000px);	
}	
60%{		
opacity:1;		
-webkit-transform:translateX(30px);		
-ms-transform:translateX(30px);		
transform:translateX(30px);	
}	
80%{		
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
		transform:translateX(-10px);
}	
100%{		
-webkit-transform:translateX(0);		
-ms-transform:translateX(0);		
transform:translateX(0);	
}}
.bounceInLeft{
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
visibility:visible;
}
@-webkit-keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60%{
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80%{
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100%{
-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60%{opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80%{
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100%{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.bounceInRight{
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight;
visibility:visible;
}
@-webkit-keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60%{opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80%{
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80%{
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100%{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInUp{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp;
visibility:visible;
}
@-webkit-keyframes slideInRight {  0% {    opacity: 0;
-webkit-transform: translateX(2000px); 
transform: translateX(2000px);  
}  
100% {
-webkit-transform: translateX(0);    
transform: translateX(0);  }
}
@keyframes slideInRight {  0% {    opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);    
transform: translateX(2000px);  
}  
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);	
transform: translateX(0);  }
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
visibility:visible;
}
.full_image{
background-color:rgba(0, 0, 0, 0.5);
position:fixed;
display:none;
width:100%;
height:100%;
z-index:1000;
top:0;left:0;
}
.image_loading{
position:absolute;
display:none;
top:50%;
left:50%;
margin:0;
margin-top:-16px;
margin-left:-72px;
width:144px;
height:32px;
z-index:200;
}
.img_close{position:absolute;top:-40px;right:-40px;cursor:pointer;z-index:400;font-size:80px;transform:rotate(45deg);color:#1885ad;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75)}
.img_full{position:fixed;top:50%;z-index:300;}
.img_full img{position:absolute;top:0px;left:0px;border:10px solid #fff;-moz-box-shadow:1px 1px 7px #000;-webkit-box-shadow:1px 1px 7px #000;box-shadow:1px 1px 7px #000;}
.img_previous, .img_next{position:fixed;top:50%;margin-top:-50px;cursor:pointer;z-index:400;line-height:80px;font-size:80px;color:#1885ad;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75)}
.img_previous{left:1%;}
.img_next{right:1%;}

.js-header__topbar{position:fixed;z-index: 100;top: 80px;width:29vw;right:48px;}
.header__top-container--decorate {content: "";position: absolute;top: 50%;left: 0;height: 2px;background-color: #1885ad;width:0;}
[data-animation="headerTopBar"].js-animate {opacity: 1;animation-name: headerTopBar;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
.header__decorate-verticalbar--left {position: fixed;top: 34px;left: 2em;transform: translateX(50%);z-index: 100;}
[data-animation="headerLeftBar"].js-animate {opacity: 1;animation-name: headerLeftBar;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
.header__decorate-verticalbar--left-decorate {position: absolute;top: 0;width: 1px;background-color: #1885ad;}
.header__rightbar {position: fixed;top: 80px;right: 48px;transform: translateX(50%);z-index: 100;height: 92vh;}
.header__rightbar--decorate {position: absolute;width: 2px;background-color: #1885ad;left: 50%;}
[data-animation="headerRightBarTop"].js-animate {opacity: 1;animation-name: headerRightBarTop;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
.header__rightbar--text {writing-mode: vertical-rl;position: relative;top: 29vh;}
[data-animation="headerRightBarBottom"].js-animate {opacity: 1;animation-name: headerRightBarBottom;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation-delay="3.8"] {
	animation-delay: 3.8s;
}
[data-animation-delay="2.6"] {
	animation-delay: 2.6s;
}
[data-animation-duration="1.2"] {
	animation-duration: 1.2s;
}
[data-animation-duration="2.4"] {
	animation-duration: 2.4s;
}
[data-animation-duration="2.6"] {
	animation-duration: 2.6s;
}
[data-animation-duration="3.8"] {
	animation-duration: 3.8s;
}
@keyframes headerTopBar {
 0% {
  width:0;
 }
 to {
  width:29vw;
 }
}
@media screen and (max-width: 1200px){
	.js-header__topbar{width:20vw;}
	@keyframes headerTopBar {
	 0% {
	  width:0;
	 }
	 to {
	  width:20vw;
	 }
	}
}
@keyframes headerLeftBar {
 0% {
  height:0
 }
 to {
  height:92vh
 }
}
@keyframes headerRightBarTop {
 0% {
  height:0
 }
 to {
  height:25vh
 }
}
@keyframes headerRightBarBottom {
 0% {
  height:0
 }
 to {
  height:150vh
 }
}
/**end file***/