body {
  font-family: 'Nunito Sans', sans-serif;

  color: #c21e26;
  overflow-x: hidden;}

  
      /*************** SCROLLBAR BASE CSS ***************/
     
  iframe {
	background:#eee;
}
	
	
.timeline1 p {
    color: #c21e26;
}

.timeline1 p strong{
    color: #c21e26;
}
.timeline1 a{
    color: #c21e26;
}
 
 .timeline1 a:hover{
    color: #ffffff;
}
  
 /*.outerPos {
   background-image: url("http://www.anita-schumann.de/bieli_img/prozessbegleitung-illustration_groß_illu.png");
     margin-left: auto;
  margin-right: auto;
   background-repeat: no-repeat;
  position: relative;
  width: 85%;
  height: 610px;
  
 }*/


.outerPos p {
	font-weight: 200; 
	font-size: 16px
}




 /* .pos1 {
position: absolute;
left: 13.4%;
top: 0.8%;
}

.pos2 {
position: absolute;
left: 6.7%;
top: 27%;
}

.pos3 {
position: absolute;
left: 11%;
top: 47%;
}

.pos15 {
position: absolute;
left: 2.7%;
top: 90%;
}

.pos16 {
position: absolute;
left: 15%;
top: 86.2%;
} */
	
#mikro .col-md-1 {
	margin-bottom: 0;
    width: 100%;
    max-width: 14%;
    float: left;
}

#mikro .col-md-1 img {
   max-width: 180px;
}

#entwicklung .col-md-1 {
	margin-bottom: 0;
    width: 100%;
    max-width: 14%;
    float: left;
}

#entwicklung .col-md-1 img {
   max-width: 180px;
}

#result1, #result2, #result3 { margin-top: 130px; display: none; }
#result1 h2, #result2 h2, #result3 h2 {color: #fff; margin-top: 30px; font-size: 18px; }
#result1 p, #result2 p, #result3 p { text-align: left; width: 100%; float: left;}
 
 #passw .col-xl-8 {float: left;}
 #passw .col-lg-8 {float: left;}
 #passw p { text-align: left; width: 100%; color: #fff; font-weight: 200; font-size: 16px;}
 
 .interCols .col-xl-3 {

    margin: 0 auto;
}

#user01 { background-image: url('https://reto-bieli.ch/bieli_img/user.png'); background-repeat: no-repeat; background-size: 35px;background-position: 4px 6px; padding: 5px 5px 3px 45px; font-size: 15px;
}

#pass01 { background-image: url('https://reto-bieli.ch/bieli_img/pass.png'); background-repeat: no-repeat; background-size: 35px;background-position: 4px 6px; padding: 5px 5px 3px 45px; font-size: 15px;
}

  
fieldset { border: none;}
.einleitung p { margin-top: 35px !important; font-size: 16px; font-weight: 200; font-family: 'Nunito Sans', sans-serif; margin-bottom: 35px;}
.sectionEinleitungText p { margin-top: 35px !important; font-size: 18px; font-weight: 200; font-family: 'Nunito Sans', sans-serif; margin-bottom: 35px;}
.sectionInhalt p { margin: 5px 15px !important; font-size: 18px; font-weight: 200; font-family: 'Nunito Sans', sans-serif;}

.sectionInhalt .col-md-8, .sectionInhalt .col-md-6, .sectionInhalt .col-md-2 {float: left;} 

.sectionInhalt .col-md-2 { width: 20%}
.sectionInhalt .col-lg-2 { width: 25%; float: left;}
.element {
    height: 40px;
}
.internText1 { padding-bottom:10px;}
.title { font-size: 1.2rem; line-height: 1.25; font-family: 'Nunito Sans', sans-serif; font-weight: 600; color: #c00000; margin-bottom: 40px; padding-top: 5%;}
.title2 { font-size: 1.2rem; line-height: 1.25; font-family: 'Nunito Sans', sans-serif; font-weight: 400; color: #ffffff;}
.titelText2{ color: #ffffff; margin-right: 15px;}
h1 {
  text-align: center;
}

#result1 .col-lg-5, #result1 .col-lg-2 { float: left; padding-bottom: 50px;}
.firma p, .firma ul {color:#fff; font-size: 18px; font-weight: 200;}
.absUnten { margin-bottom: 30px}
.absFirma {
    position: absolute;
    max-width: 520px;
    bottom: 0;
	right:0;
}
.absFirma {display: block;}
p.headLine {font-weight: 400;}
.outer { background:#c00000;}
.absBrandingFirma { margin-top: 20px; margin-bottom: 20px; width: 100%; max-width: 470px;
}
.spacerHeight { height: 57px;}
.interCols.col-xl-8 { margin: 0 auto; padding-bottom: 50px;}
/*.interCols .col-xl-3 { margin: 0 auto;}*/
.internText { position: absolute; left: 0; width: 250px; margin-left: 6.2%; position: absolute; left: 0; width: 250px; margin-left: 6.2%; top: 28px; } 
/*responsive Mikroanalysen Icons und Text START*/


@media (max-width: 768px){
.sectionInhalt .col-md-1 {
margin-bottom: 0 !important;
max-width: 100% !important;
}
.sectionInhalt p {
text-align: center;
}

.sectionInhalt .col-md-6 {
width: 100%;
margin-bottom:40px;
}

.timeline1 .col-md-2 {
width: 100%;
margin: 0 auto;
text-align: center;
margin: 0 auto;
text-align: center;
margin-bottom: 30px;
margin-top: -50px !important;
}

.pdfBack
{ margin: 0 40%}
.linkTime
{ margin: 0 35%}


#mikro .sectionInhalt .col-md-6 {
  border-bottom: 1px dotted #c21e26;
  padding-bottom: 30px;
}



#entwicklung .sectionInhalt .col-md-6 {
  border-bottom: 1px dotted #c21e26;
  padding-bottom: 30px;
}


.icon {
padding-bottom: 0;
	padding-left: 0 !important; 
	max-width: 100% !important;
}
.iconProjekte {
padding-bottom: 0;
	padding-left: 0 !important; 
	max-width: 100% !important;
}
}

@media (min-width: 768px){
.sectionInhalt .col-md-2 {
margin-bottom: 0 !important;
width: 100% !important;
}

.sectionInhalt .col-md-6 {
width: 100%;
}

.icon {
padding-bottom: 0;
	padding-left: 22% !important;
padding-right: 15% !important;
	max-width: 100% !important;
	margin-top: 10%;
}
.iconProjekte {
padding-bottom: 0;
	padding-left: 5px !important; 
	padding-right: 5px !important;
	max-width: 100% !important;
}
}
/*responsive Mikroanalysen Icons und Text END*/




@media only screen and (min-width: 1400px) {
    header {
        display: none;
    }
}

@media only screen and (max-width: 1400px) {
    .umNavi {
        display: none;
    }
}







/*Navigation*/
.background01 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation.png'); height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important; background-repeat: no-repeat; margin-top:9px; background-position: 50% 12px;}
.background02 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation.png'); height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important ; background-repeat: no-repeat; margin-top:9px; background-position: 59px -77px;}
.background03 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation.png'); height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important; background-repeat: no-repeat; margin-top:9px; background-position: 50% -162px;}
.background04 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation.png');  height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important; background-repeat: no-repeat; margin-top:9px; background-position: 50% -231px}
.background05 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation.png'); height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important; background-repeat: no-repeat; margin-top:9px; background-position: 50%-298px}
.background06 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation.png'); height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important; background-repeat: no-repeat; margin-top:9px; background-position: 50% -373px}
.background07 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation.png'); height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important; background-repeat: no-repeat; margin-top:9px; background-position: 50% -429px}
.background08 a { background-image: url('https://reto-bieli.ch/bieli_img/navigation_intern.png'); height: 70px !important; float: left; padding-top: 54px; color: #c21e26 !important; background-repeat: no-repeat; margin-top:9px; background-position: 50% -507px}

.background01a a, .background02a a, .background03a a, .background04a a, .background05a a, .background06a a, .background07a a, .background08a a { font-size: 14px; padding-right: 33px; margin-top: 9px; float: left; padding-top: 13px; color: #c21e26;}


.background01 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss.png');
background-repeat: no-repeat; background-color: #c21e26 !important;color:#ffffff !important; }
.background02 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss.png');
background-repeat: no-repeat; background-color: #c21e26;color:#ffffff !important;}
.background03 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss.png');
background-repeat: no-repeat; background-color: #c21e26;color:#ffffff !important;}
.background04 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss.png');
background-repeat: no-repeat; background-color: #c21e26;color:#ffffff !important;}
.background05 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss.png');
background-repeat: no-repeat; background-color: #c21e26;color:#ffffff !important;}
.background06 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss.png');
background-repeat: no-repeat; background-color: #c21e26;color:#ffffff !important;}
.background07 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss.png');
background-repeat: no-repeat; background-color: #c21e26;color:#ffffff !important;}
.background08 a:hover {background-image: url('https://reto-bieli.ch/bieli_img/navigation_weiss_intern.png');
background-repeat: no-repeat; background-color: #c21e26;color:#ffffff !important;}

.visible .background01 a, .visible .background02 a, .visible .background03 a, .visible .background04 a, .visible .background05 a, .visible .background06 a, .visible .background07 a, .visible .background08 a {background-image: none !important; background-repeat: repeat-y}

/*Header und Navi*/
.brand01.visible2  {top: -26px;}
.umNavi {height:90px; position:fixed; z-index: 3000;  top: 0 !important}
.umNavi2 {height:90px; position:fixed; z-index: 3000;  top: 0 !important}

.outNav {background: #ffffff; max-width: 100%;}
.outNav2 {background: #ffffff; max-width: 100%;}

.brand01 {width: 28%; height: 90px; position: fixed; top: 0; left: 0; z-index: 3000; background: #fff;}
.brand01 img {margin: 0 auto !important; display: block;  z-index: 5000; width: 383px; margin-left: 10px !important; 
margin-top: 9px !important; }
.nav1 {height:90px; width:77%; position:fixed; top:0px; right:0; opacity:1; z-index: 2000 !important; background:#fff;}
.nav2 {height:90px; width:75%; position:fixed; top:0px; right:0; opacity:1; z-index: 2000 !important; background:#fff;}

.visible { top: -26px;}
.nav1 a {height: 80px !important; display: block; font-size: 13px; line-height: 14px; float: right; text-align: center; letter-spacing: 0.02em;width: auto; display: block; margin-right: 47px; padding-left: 9px; padding-right: 10px;}
.headerNav {width:500px; height: 20px !important; float:left;}
.contentNav {width:500px; height:20px !important; float:left;}
.footerNav {width:500px; height:20px !important; float:left; }
.imgNav {margin: 0 auto !important; max-width: 100px !important; margin-bottom: 10px !important}

/*.imgNav {opacity:1 !important} 
.visible .imgNav {opacity:0} */

#passw .col-lg-2, #passw .col-lg-5 {float: left;}
#passw h2 {color: #ffffff; float: left;   font-family: 'Nunito Sans', sans-serif; width: 100%;text-align: left;}
.passBereich { background: #c21e26; width: 100% !important; padding-top: 8%;}
.test01 .col {
  width: 100%;
    float: left !important;
    padding: 0;
	min-width: 100%;
}
form {
    width: 100% !important;
    min-width: 300px !important;
    background: #eee !;
}
input[type="text"], input[type="password"] , input[type="button"]{
    width: 97%;
    height: 45px;
    border: 1px solid #fff;
	float: left;
	margin-bottom: 10px;
}

 input[type="button"]{
    max-width: 85px;
    border-radius: 4px;
    height: 35px;
    border: 1px solid #fff;
    float: left;
    background: #fff;
}
.passBereich h1 {
    color: #fff;
    text-align: left;
	padding-bottom: 9px;
}
#imp .mikroBackground {border-top: 1px solid #c21e26}
.passBereich .Product-nav {
 margin-top: -120px;
padding-top: 60px;
}

.col-md-8.contactCenter {
 margin-top: 20px;
margin-bottom: 70px;
}

#contact .mikroBackground {	
border-bottom: 1px solid #c21e26;
}



.col-lg-8.borderTop { border-top: 1px solid #fff; padding-bottom: 20px;}

.test01 .col-xl-4.col-lg-4 {
    width: 50% !important;
    float: left;
}
.contactCenter { text-align: center}



/*.test01 .col-xl-3.col-lg-3 {
    width: 50% !important;
    float: left;
}*/
@media (max-width: 1320px){


.Bpos1, .Bpos2, .Bpos3, .Bpos4, .Bpos5, .Bpos6, .Bpos7, .Bpos8, .Bpos9, .Bpos10, .Bpos11, .Bpos12, .Bpos13, .Bpos14, .Bpos15, .Bpos16, .Bpos17, .Bpos18, .Bpos19, .Bpos20, .Bpos21, .Bpos22, .Bpos23 { display: none; }
.tab01aus {display: none !important;}


.illustrationDesktop { display: none;}

.pos1 { position: absolute !important; left: 47%;

top: 4.5%;

width: 100%;
}
.pos2 { position: absolute; top: 11.4%; left: 48%;}
.pos3 { position: absolute;top: 17.5%;
    left: 48%;
}
.pos4 {
    position: absolute;
    left: 48%;
    top: 28%;
}

.pos5 {
  position: absolute;
    left:66.3%;
    top: 32.6%;
}
.pos6 {
    position: absolute;
    top: 47%;
    left: 48%;
}

.pos7 {   left: 48%;
    position: absolute;
    top: 37%;
}

.pos8 {
position: absolute;
    top: 51.5%;
    left: 66.5%;
}
.pos9 {
  position: absolute;
    top: 56%;
    left: 48%;
}
.pos10 {
   position: absolute;
    top: 66%;
    left: 47%;
}
.pos11 {

    position: absolute;
    top: 74%;
    left: 66%;

}
.pos12 {
	position: absolute;
    top: 75.5%;
    left: 47%;

}
.pos13 {

    position: absolute;
    top: 83%;
    left: 67%;

}
.pos14 {

    position: absolute;
    top: 88%;
    left: 67%;

}

.pos15 { display: none !important;}

.pos16 { display: none !important;

}
.pos17 {
display: none !important;
}
.pos18 {
  display: none !important;
}
.pos19 {
    display: none !important;
}

}
    .s-title1{
        font-size:2rem;
        line-height:1.25
    }
	.interCols .col-xl-3 { margin: 0 auto;}
	.internText1 { }


@media only screen and (min-width: 1321px) {
.PageLayout-slice{
    position:relative;
    z-index:0;
    margin-top:120px;
	height: 100vh;
}
.weiteColumn {min-width: 950px;}
.illustrationMobile02 {display: none !important}
.pos1 { position: absolute !important; left: 2.4% !important; top: 1%}
.pos2 { position: absolute; top: 26% !important; left: 6.7% !important;}
.pos3 { position: absolute; left: 11% !important; top: 3.6% !important; top: 46.6% !important;}
.pos4 { position: absolute; left: 27.4%;}
.pos5 { position: absolute;left: 32%;top: 25%; }
.pos6 {position: absolute;left: 34.8%; top: 45%;

}
.pos7 { position: absolute; left: 48.5%; width:20%;}
.pos8 { position: absolute;
    left: 52.5%;
    top: 26%;
    width: 17%;
}
.pos9 {
position: absolute;
left: 55.5%;
top: 45%;
}
.pos10 {
 position: absolute;
    left: 67.7%;
    width: 20%;
}
.pos11 {

    position: absolute;
    left: 74%;
    top: 26%;

}
.pos13 {

  position: absolute;
left: 88%;

}
.pos14 {

position: absolute;
left: 91%;
top: 26%;

}
.pos12 {

  position: absolute;
left: 75.8%;
top: 35%;

}
.pos15 { position: absolute;
text-align: left;
top: 88.5% !important;
left: 3% !important;
font-size: 15px !important;}

.pos16 {position: absolute;
top: 86%;
width: 24%;
text-align: center;
left: 13.2%;
font-size: 15px !important;}
.pos17 {
 position: absolute;
top: 86%;
left: 35.7%;
width: 24%;
font-size: 15px !important;
text-align: center;
}
.pos18 {
position: absolute;
left: 60%;
top: 86%;
width: 26%;
font-size: 15px !important;
text-align: center;
}
.pos19 {
  position: absolute;
left: 88%;
top: 86%;
font-size: 15px !important;
text-align: center;
}


.Bpos1 {
	color: #ffffff;
    position: absolute;
   left: 4.5%;
	top: 6%;
}

.Bpos2 {
	color: #ffffff;
    position: absolute;
   left: 16.2%;
	top: 6%;
}

.Bpos3 {
	color: #ffffff;
    position: absolute;
   left: 27.3%;
	top: 6%;
}
.Bpos4 {
	color: #ffffff;
    position: absolute;
   left: 37%;
	top: 6%;
}
.Bpos5 {
	color: #ffffff;
    position: absolute;
   left: 47.5%;
	top: 6%;
}
.Bpos6 {
	color: #ffffff;
    position: absolute;
   left: 59.5%;
	top: 6%;
}
.Bpos7 {
	color: #ffffff;
    position: absolute;
   left: 71%;
	top: 6%;
}
.Bpos8 {
	color: #ffffff;
    position: absolute;
   left: 82.5%;
	top: 6%;
}

.Bpos8 {
	color: #ffffff;
    position: absolute;
   left: 82.5%;
	top: 6%;
}

.Bpos8 {
	color: #ffffff;
    position: absolute;
   left: 82.5%;
	top: 6%;
}

.Bpos9 {
	color: #ffffff;
    position: absolute;
	left: 28.5%;
	top: 18%;
}

.Bpos10 {
	color: #ffffff;
    position: absolute;
    left: 39%;
    top: 30%;

}

.Bpos11 {
	color: #ffffff;
    position: absolute;
left: 44%;
top: 22%;
}
.Bpos12 {
	color: #ffffff;
    position: absolute;
left: 56.4%;
top: 17.5%;
}
.Bpos13 {
	color: #c21e26;
    position: absolute;
   left: 85.5%;
top: 19%;
text-align: right !important;
}

.Bpos14 {
	color: #ffffff;
    position: absolute;
left: 13%;
top: 46%;
}

.Bpos15 {
	color: #ffffff;
    position: absolute;
left: 27%;
top: 46%;
}
.Bpos16 {
	color: #ffffff;
    position: absolute;
left: 39%;
top: 46%;
}

.Bpos17 {
	color: #ffffff;
    position: absolute;
left: 10%;
top: 74%;
}

.Bpos18 {
	color: #ffffff;
    position: absolute;
left: 19.5%;
top: 67%;
}

.Bpos19 {
	color: #ffffff;
    position: absolute;
left: 47.5%;
top: 67%;
text-align: right !important;
}

.Bpos20 {
	color: #ffffff;
    position: absolute;
left: -0.5%;
top: 10%;
text-align: right !important;
}

.Bpos21 {
	color: #ffffff;
    position: absolute;
left: 0.5%;
top: 29%;
 writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-orientation: sideways;
  text-align:right;
  text-orientation: sideways;
  margin: 1rem;
  height: 270px;
}

.Bpos22 {
	color: #ffffff;
    position: absolute;
left: 0.5%;
top: 79%;
text-align: right !important;
}

.Bpos23 {
	color: #ffffff;
    position: absolute;
left: 78.5%;
top: 78%;
text-align: right !important;
}

.Cpos1 {
color: #c21e26;
position: absolute;
left: 15%;
top: 25%;
text-align: right !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos2 {
color: #c21e26;
position: absolute;
left:38%;
top: 25%;
text-align: center;
font-weight: bold !important;
font-size: 17px !important;
line-height: 22px;
overflow: hidden;
}
	
.Cpos3 {
color: #c21e26;
position: absolute;
left: 60.5%;
top: 24%;
text-align: left !important;
font-weight: bold !important;
font-size: 16px !important;
}


.Cpos4 {
color: #ffffff;
position: absolute;
left: 42.5%;
top: 32%;
text-align: left !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos5 {
color: #ffffff;
position: absolute;
left: 42.5%;
top: 39%;
text-align: left !important;
font-weight: bold !important;
font-size: 17px !important;
}


.Cpos6 {
color: #ffffff;
    position: absolute;
    left: 42.5%;
    top: 47%;
    text-align: left !important;
    font-weight: bold !important;
    font-size: 17px !important;
}

.Cpos7 {
    color: #ffffff;
    position: absolute;
    left: 66%;
    top:41%;
    text-align: left !important;
    font-weight: bold !important;
    font-size: 17px !important;

}

.Cpos8 {
color: #ffffff;
position: absolute;
left: 66%;
top: 45.5%;
text-align: left !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos9 {
	color: #ffffff;
    position: absolute;
    left: 66%;
    top: 49.8%;
    text-align: left !important;
    font-weight: bold !important;
    font-size: 17px !important;
}

.Cpos10 {
color: #ffffff;
position: absolute;
left: 66%;
top: 54.3%;
text-align: left !important;
font-weight: bold !important;
font-size: 17px !important;
}





.Cpos11 {
color: #ffffff;
position: absolute;
left: 35%;
top: 81.4%;
text-align: center !important;
font-weight: bold !important;
font-size: 13px !important;
}

.Cpos12 {
color: #ffffff;
position: absolute;
left: 39.4%;
top: 77.4%;
text-align: center !important;
font-weight: bold !important;
font-size: 13px !important;
}

.Cpos13 {
color: #ffffff;
    position: absolute;
    left: 44.4%;
 top: 75%;
    text-align: center !important;
    font-weight: bold !important;
    font-size: 13px !important;
}

.Cpos14 {
color: #ffffff;
position: absolute;
left: 49.5%;
top: 71.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 13px !important;
}

.Cpos15 {
color: #ffffff;
position: absolute;
left: 55.5%;
top: 69.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 13px !important;
}

.Cpos16 {
color: #ffffff;
position: absolute;
left: 9.5%;
top: 89.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos17 {
color: #ffffff;
position: absolute;
left: 19.5%;
top: 89.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos18 {
color: #ffffff;
position: absolute;
left: 29.5%;
top: 89.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos19 {
color: #ffffff;
position: absolute;
left: 37.5%;
top: 89.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos20 {
color: #ffffff;
position: absolute;
left: 51.5%;
top: 92.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos21 {
color: #ffffff;
position: absolute;
left: 66.5%;
top: 89.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos22 {
color: #ffffff;
position: absolute;
left: 74.5%;
top: 89.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos23 {
color: #ffffff;
position: absolute;
left: 85.5%;
top: 89.7%;
text-align: center !important;
font-weight: bold !important;
font-size: 17px !important;
}

.Cpos24 {
color: #ffffff;
position: absolute;
left: -0.6%;
top: 38.7%;
text-align: right !important;
font-weight: bold !important;
font-size: 15px !important;
font-weight: bold;
}

.Cpos25 {
color: #ffffff;
position: absolute;
left: 93%;
top: 89%;
text-align: right !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos26 {
color: #ffffff;
position: absolute;
left: 10%;
top: 50%;
text-align: left !important;
font-weight: bold !important;
font-size: 15px !important;
}

.absDenk { margin-bottom: -30px;}
.Cpos27 {
color: #c21e26;
position: absolute;
left: 4%;
top: 22%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos28 {
color: #c21e26;
position: absolute;
left: 21%;
top: 22%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos29 {
color: #c21e26;
position: absolute;
left: 36%;
top: 22%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos30 {
color: #c21e26;
position: absolute;
left: 53%;
top: 22%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos31 {
color: #c21e26;
position: absolute;
left: 69%;
top: 22%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}
.Cpos32 {
color: #c21e26;
position: absolute;
left: 85%;
top: 22%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos33 {
color: #c21e26;
position: absolute;
left: 2%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos34 {
color: #c21e26;
position: absolute;
left: 9.5%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos35 {
color: #c21e26;
position: absolute;
left: 17.3%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos36 {
color: #c21e26;
position: absolute;
left: 25%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos37 {
color: #c21e26;
position: absolute;
left: 36%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos38 {
color: #c21e26;
position: absolute;
left: 49.8%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos39 {
color: #c21e26;
position: absolute;
left: 66.5%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos40 {
color: #c21e26;
position: absolute;
left: 82%;
top: 32%;
text-align: center !important;
font-weight: bold !important;
font-size: 15px !important;
}

.Cpos41 {
color: #c21e26;
position: absolute;
left: 5%;
top: 46%;
text-align: center !important;
font-weight: bold !important;
font-size: 21px !important;
text-shadow: 0 0 2px white;


}

.Cpos42 {
color: #c21e26;
position: absolute;
left: 66%;
top: 46%;
text-align: left !important;
font-size: 15px !important;
}

.Cpos43 {
color: #c21e26;
position: absolute;
left: 74%;
top: 46%;
text-align: left !important;
font-size: 15px !important;
}

.Cpos44 {
color: #c21e26;
    position: absolute;
    left: 83.8%;
    top: 52.7%;
    text-align: right !important;
    font-size: 15px !important;
}

.Cpos45 {
color: #c21e26;
position: absolute;
left: 78%;
top: 62.2%;
text-align: right !important;
font-size: 15px !important;
}

.Cpos46 {
color: #c21e26;
position: absolute;
left: 78%;
top: 69.5%;
text-align: right !important;
font-size: 15px !important;
}

.Cpos47 {
color: #ffffff;
position: absolute;
left: 78%;
top: 80.5%;
text-align: right !important;
font-size: 15px !important;
}
.red01 { background: #c21e26; padding-bottom:50px; }
.illustrationMobile { display: none;}
 }

@media only screen and (min-width: 531px) {
.outerPos p { font-size: 16px;}
.illustrationMobile {display: none}
.illustrationMobile02 { display: block; max-width: 462px; margin: 0 auto;}
}
@media only screen and (max-width: 530px) {
.illustrationDesktop { display: none;}
.illustrationMobile02 { display: none;}
.illustrationMobile {display: block !important; max-width: 490px; margin: 0 auto; margin-bottom: 60px !important;}	
.outerPos p {
	font-weight: 200; 
	font-size: 16px
}
.container.graifikMobile01 {
	width: 100% !important;
    padding-left: 2% !important;
	padding-right: 0 !important

}

.textMobile01 {
padding-left: 4% !important;}
  .pos1 {
position: absolute;
left: 15.4%;
top: -0.2%;
width: 100%;
}

  .pos2 {
position: absolute;
left: 15.4%;
top: 8.5%;
}

  .pos3 {
position: absolute;
left: 15.4%;
top: 14.8%;
}

.pos4 {
	position: absolute;
    left: 16%;
    top: 26%;

}
.pos5 {
	left: 34%;
    top: 31%;
}

.pos7 {
	left: 14%;
top: 36%;
}
.pos6 {

    position: absolute;
    left: 14%;
    top: 46.5%;

}
.pos8 {

    position: absolute;
    left: 34%;
    top: 52%;

}
.pos9 {

    position: absolute;
    left: 14%;
    top: 56.5%;

}
.pos10 {

    left: 14%;
    top: 67%;

}

.pos11 {

    position: absolute;
    top: 72.5%;
    left: 34%;

}
.pos14 {

    position: absolute;
    top: 91%;
    left: 33%;

}
.pos12 {

    position: absolute;
    top: 77%;
    left: 14%;

}

.pos13 {

    position: absolute;
    left: 33%;
    top: 86%;

}
.pos15, .pos16, .pos17, .pos18, .pos19 {
display: none;
}



}


.test01 .col-xl-3.col-lg-3 {
    width: 100% !important;
    float: left;
}
}


form {
    width: 100% !important;
    min-width: 300px !important;
    background: #eee !;
} 


.sectionEinleitungText {
    padding-bottom: 35px;
	text-align: center;
}

#test, #test2 {display: none;}
.passBereich .s-title1{ padding-top: 20px; color: #fff;}

/*Inhalt*/
.weight1 { min-width: 100% !important; width: 100% !important; margin-right: 0px !important}

.container1  {
	width: 100% !important;
	max-width: 100% !important;
}

.mikroBackground {
  width: 100%;
  height: auto;
  }
.mikroBackground img { width: 100%}

.mikroBackgroundIllustration {
background-image: url("http://www.anita-schumann.de/bieli_img/prozessbegleitung-illustration_groß.png");
  width: 100%;
  height: auto;
  }
..mikroBackgroundIllustration img { width: 100%}


  
.slideInLeben .col-1 { 
width: 100% !important; 
max-width: 1250px;
position: relative;}

.slideInLeben .lastFull { 
width: 100% !important; 
max-width: 100%;
position: relative;
border-top: 1px solid #fff;}

.container.Product-nav.slideInLeben.shown.last { width: 100%}
.lastFull {padding: 20px;}
  
 .titelText { color:#c21e26;}
.lebens .half {width: 100%}

.weightOuter {position: absolute; margin-top: 0px !important; top:0 !important}

.icon {
    padding-bottom: 10px;
    max-width: 100% !important;
}

.iconProjekte {
    padding-bottom: 40px;
max-width: 100% !important;
}

.noWrap p {white-space: nowrap;  margin: 4px 5px !important;}
.pdfBack {
    float: right;
}
.linkTime {
    float: right;
}

.pdfBack a {
	border: 1px solid #c21e26;
    height: 50px;
    width: 50px;
    float: left;
    padding:14px 5px 10px 8px;
    margin-top: 20px;

}
.linkTime a { width: 100%}
.dnl img {
 margin-left: 50%;
}
.pdfBack a:hover {
    background: #c21e26;
    color: #fff;
}



.timeline1 p strong:hover { color:#fff; background: #c21e26}
.linkTime a:hover { background: #c21e26;
    color: #fff;}
	
.titleProjekte {
    margin-bottom: 60px;
}	

.timeline1 {margin-top: 20px}
.tab-content .col-md-8 {
		float:left;
		
}

.half {
  width: 80%;
  margin: 0 auto;
  margin-top: 20px;
}
/* Acordeon styles */
.tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #c21e26;
  overflow: hidden;
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: rgba(255,255,255,0.8);
  font-weight: 300;
  line-height: 3;
  cursor: pointer;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 16px;
}
.kom label {
  background: #c21e26;
  color: #fff;
  font-size: 16px;
}
.kom .tab-content {
  background: #c21e26;
  color: #fff;
}

#leb {
 min-height: 100%;
    height: auto !important;
    height: 100%;
}

.tab.kom {
width: 100%; 
margin: 0 auto;}

.tab-content {
  max-height: 0;
  overflow: hidden;
  background: rgba(255,255,255,0.8);
  -webkit-transition: max-height .9s;
  -o-transition: max-height .9s;
  transition: max-height .9s;
  text-align: left !important;
}

.tab-content img {
  overflow: visible;

}


.tab-content p {
  margin: 1em;
  text-align: center;
  font-family:'Nunito Sans', sans-serif; 
  font-size: 16px;
  font-weight: 200;
}
/* :checked */
.tab input:checked ~ .tab-content {
  max-height: 100% !important;
  min-height: 100% !important;
  height: auto !important;
}
/* Icon */
.tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .9s;
  -o-transition: all .9s;
  transition: all .9s;
}
.tab input[type=checkbox] + label::after {
  content: "+";
}
.tab input[type=radio] + label::after {
  content: "+";
}
.tab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.tab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}

.tab-content .col-md-2, .tab-content .col-md-6 { float: left;}













#menu {
	background-image: url("http://www.anita-schumann.de/bieli_img/navigation.jpg");
    width: 67%;
    height: 150px;
	background-repeat: no-repeat;
	position: absolute;
	right:0;
}

.einleitung { background: #c21e26; margin-top:0px !important; text-align: center; color: #ffffff;}






.elbe
{
  background-image: url('http://www.anita-schumann.de/bieli_img/background_nachhaltigkeitsentwicklung.jpg');
  width: 100%;
  height: 820px;
  position: relative;
}

.uber{ font-size: 5.5rem !important;}
.abs { margin-top: -50px !important}
.introText {   font-family:"Arial"; margin-top: 200px; padding-left: 20px !important; text-align: center; text-shadow: 2px 2px #000000;
} 
.color { color: #ffffff}
.skip-link{
    display:none
}

input[type="button"]:hover {
    font-weight: bold;
}
*::selection{
    color:#fff
}
*::-moz-selection{
    background:#c21e26;
    color:#fff
}
a::selection{
    color:#fff
}
a::-moz-selection{
    color:#fff
}
ul,p{
    padding:0;
    margin:0
}
li{
    display:block
}
a{
    transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    text-decoration:none;
    color:currentColor
}
strong{
    font-weight:normal
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-size:1em;	
}

#result1 h2, #result2 h2, #result3 h2 {
	float: left;
    color: #fff;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 300;
    display: block;
	}
	
.table{
    display:table
}
.cell{
    display:table-cell;
    vertical-align:middle
}
.col-xs-height{
    display:table-cell;
    float:none !important;
    vertical-align:top
}
.clear{
    clear:both
}
.noGap{
    padding:0 !important
}
.stage{
z-index: 2000;
}
@media (max-width: 767px){
    .container{
        padding-left:6% !important;
        padding-right:6% !important
    }
}
@font-face{
    font-family:'icomoon';
    src:url("/wp-content/themes/bellevoye/assets/fonts/icomoon.eot?-4yq2oj");
    src:url("/wp-content/themes/bellevoye/assets/fonts/icomoon.eot?#iefix-4yq2oj") format("embedded-opentype"),url("/wp-content/themes/bellevoye/assets/fonts/icomoon.woff?-4yq2oj") format("woff"),url("/wp-content/themes/bellevoye/assets/fonts/icomoon.ttf?-4yq2oj") format("truetype"),url("/wp-content/themes/bellevoye/assets/fonts/icomoon.svg?-4yq2oj#icomoon") format("svg");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'butler';
    src:url("/wp-content/themes/bellevoye/assets/fonts/butler_regular-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/butler_regular-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'butlerbold';
    src:url("/wp-content/themes/bellevoye/assets/fonts/butler_bold-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/butler_bold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'butlerextrabold';
    src:url("/wp-content/themes/bellevoye/assets/fonts/butler_extrabold-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/butler_extrabold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'butlerultralight';
    src:url("/wp-content/themes/bellevoye/assets/fonts/butler_ultra_light-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/butler_ultra_light-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'raleway';
    src:url("/wp-content/themes/bellevoye/assets/fonts/raleway-regular-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/raleway-regular-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'ralewaymedium';
    src:url("/wp-content/themes/bellevoye/assets/fonts/raleway-medium-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/raleway-medium-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'ralewaysemibold';
    src:url("/wp-content/themes/bellevoye/assets/fonts/raleway-semibold-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/raleway-semibold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'ralewaybold';
    src:url("/wp-content/themes/bellevoye/assets/fonts/raleway-bold-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/raleway-bold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'ralewayextrabold';
    src:url("/wp-content/themes/bellevoye/assets/fonts/raleway-extrabold-webfont.woff2") format("woff2"),url("/wp-content/themes/bellevoye/assets/fonts/raleway-extrabold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:after,[class^="icon-"]:after,[class*=" icon-"]:before{
    font-family:'icomoon';
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
[class^="icon-"] span.hidden,[class*=" icon-"] span.hidden{
    display:inline-block;
    height:0;
    width:0;
    overflow:hidden
}
.icon-mail:before{
    content:"\e903"
}
.icon-instagram:before{
    content:"\e900"
}
.icon-twitter:before{
    content:"\e901"
}
.icon-facebook:before{
    content:"\e902"
}
.icon-close:before{
    content:"\e904"
}
@keyframes dash{
    from{
        stroke-dashoffset:0
    }
    to{
        stroke-dashoffset:500
    }
}
@-webkit-keyframes dash{
    from{
        stroke-dashoffset:0
    }
    to{
        stroke-dashoffset:500
    }
}
.js-VideoFrame,.js-ImageFrame{
    overflow:hidden;
    position:relative;
    /*background:rgba(194, 30, 38, 0.3);*/
}
.js-VideoFrame{
    position:absolute;
    width:100%;
    height:100%;
    background:#000 !important
}
.js-ImageFrame img{
    display:block;
    position:absolute;
    opacity:0
}
.dotdotdot{
    overflow:hidden
}
.js-bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#c21e26
}
@media screen and (min-width: 992px){
    .is-virtual-scroll{
        overflow:hidden
    }
    .is-native-scroll.y-scroll{
        overflow-y:scroll;
                                                                             }
    .is-native-scroll.x-scroll{
        overflow-y:hidden;
        overflow-x:scroll
    }
    .vs-section{
        position:fixed;
        top:0;
        right:0;
        left:0;
        width:100%;
        height:auto;
        margin:auto;
        will-change:transform
    }
    .vs-scrollbar{
        display:block;
        position:absolute;
        transition:transform .6s
    }
    .vs-scrollbar.vs-vertical{
        top:0;
        right:-5px;
        bottom:0;
        width:15px;
        height:100%;
        transform:translate3d(5px,0,0)
    }
    .vs-scrollbar.vs-horizontal{
        bottom:-5px;
        left:0;
        right:0;
        width:100%;
        height:15px;
        transform:translate3d(0, 5px, 0)
    }
    .is-dragging .vs-scrollbar.vs-horizontal,.is-dragging .vs-scrollbar.vs-vertical,.vs-scrollbar.vs-horizontal:hover,.vs-scrollbar.vs-vertical:hover{
        transform:none
    }
    .vs-scrollbar .vs-scrolldrag{
        width:100%;
        height:auto;
        background:#ccc;
        cursor:pointer
    }
    .vs-scroll-view{
        position:relative;
        width:1px
    }
}
.s-title1,.s-title2,.s-title3,.s-title4,.s-title5,.s-title6,.s-title7{
    margin:0;
    font-weight:normal
}
.s-title1{
    font-size:2rem;
    line-height:1.25;
    font-family: 'Nunito Sans', sans-serif;
	opacity:0; 
	font-weight: 200;
}

@media (max-width: 991px){
.internText {
display: none;

}
    .s-title1{
        font-size:2rem;
        line-height:1.25
    }
.firmaImg {display: none;}

}
@media (max-width: 767px){
.s-title1{
        font-size:2rem;
        line-height:1.28
    }

}
.s-title2{
    font-size:6.125rem;
    line-height:.66327;
    font-family:"butlerbold";
    opacity:0
}
@media (max-width: 1320px){
    .s-title2{
        font-size:5.625rem;
        line-height:.64444
    }
	
	  .icon{
		max-width: 100% !important;
		display: block;
		margin: 0 auto;
    }
	  .iconProjekte{
		max-width: 100% !important;
		display: block;
		margin: 0 auto;
    }
	
}
@media (max-width: 991px){
    .s-title2{
        font-size:4.375rem;
        line-height:.68571
    }
	
	.absFirma { display: none;}
	.sectionInhalt .col-lg-2 { width: 50%; float: left;}	
}

@media (max-width: 414px){
   
	.sectionInhalt .col-lg-2 { width: 100%; float: left;}	
}




@media (max-width: 767px){
.passBereich {
    background: #c21e26;
    width: 100% !important;
    padding-top: 19%;

}

    .s-title2{
        font-size:3.125rem;
        line-height:.7
    }
	 .icon{
		max-width: 170px !important;
		display: block;
		margin: 0 auto;
    }
	 .iconProjekte{
		display: block;
		margin: 0 auto;
		padding: 12px;
    }
	
}
.s-title2--small{
    font-size:3.75rem;
    line-height:1.33333
}
@media (max-width: 991px){
    .s-title2--small{
        font-size:3.125rem;
        line-height:1.4
    }
}
@media (max-width: 767px){
    .s-title2--small{
        font-size:2.5rem;
        line-height:1.35
    }
}
.s-title3{
    font-size:3.125rem;
    line-height:.96;
    font-family:"Arial"
}
@media (max-width: 1320px){
    .s-title3{
        font-size:2.5rem;
        line-height:1
    }
}
@media (max-width: 991px){
    .s-title3{
        font-size:2rem;
        line-height:1
    }
}
.s-title4{
    font-size:3rem;
    line-height:1;
    font-family:"Arial"
}
@media (max-width: 1320px){
    .s-title4{
        font-size:2.5rem;
        line-height:1
    }
}
@media (max-width: 991px){
    .s-title4{
        font-size:2rem;
        line-height:1
    }
}
.s-title5{
    font-size:2.25rem;
    line-height:1.33333;
    font-family:"Arial"
}
.s-title5 small{
    position:relative;
    display:inline-block;
    font-size:.75rem;
    line-height:1.5;
    font-family:"ralewaymedium";
    letter-spacing:0.1em;
    padding:0 4px;
    top:-9px;
    left:-20px;
    border:1px solid #c21e26
}
@media (max-width: 1320px){
    .s-title5{
        font-size:1.875rem;
        line-height:1
    }
	

}
@media (max-width: 991px){
    .s-title5{
        font-size:1.5rem;
        line-height:1
    }
}
.s-title6{
    font-size:1.375rem;
    line-height:1.77273;
    font-family:"Arial"
}
.s-title7{
    font-size:.875rem;
    line-height:1.42857;
    font-family:"Arial"
}
.s-title8{
    font-size:.5625rem;
    line-height:2.44444;
    font-family:"Arial";
    color:#000
}
.s-labeur1{
    font-size:1.375rem;
    line-height:1.36364;
    
}
.ttu,.s-title3,.s-title4,.s-title5,.s-title6,.s-title7,.s-title8{
    text-transform:uppercase;
    letter-spacing:0.4em
}
.c-brand{
    color:#000000;
}
@-ms-viewport{
    width:device-width
}
html{
    box-sizing:border-box;
    -ms-overflow-style:scrollbar;

}
*,*::before,*::after{
    box-sizing:inherit
}
.container{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-right:0;
    padding-right:0;
    padding-left:0
}
@media (min-width: 576px){
    .container{
        padding-right:0;
        padding-left:0;
	
    }
}
@media (min-width: 768px){
    .container{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 992px){
    .container{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 1320px){
    .container{
        padding-right:0;
        padding-left:0;
    }
	
.dwnlAbs {margin-left: 69px;}
.dnl {

    margin-left: 200px;

}
}
@media (min-width: 576px){
    .container{
        width:540px;
        max-width:100%
    }
}
@media (min-width: 768px){
    .container{
        width:720px;
        max-width:100%
    }
}
@media (min-width: 992px){
    .container{
        width:960px;
        max-width:100%
    }
}
@media (min-width: 1320px){
    .container{
        width:1240px;
        max-width:100%;

    }
}
.container-fluid{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    padding-right:0;
    padding-left:0
}
@media (min-width: 576px){
    .container-fluid{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 768px){
    .container-fluid{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 992px){
    .container-fluid{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 1320px){
    .container-fluid{
        padding-right:0;
        padding-left:0
    }
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-right:0;
    margin-left:0
}
@media (min-width: 576px){
    .row{
        margin-right:0;
        margin-left:0
    }
}
@media (min-width: 768px){
    .row{
        margin-right:0;
        margin-left:0
    }
}
@media (min-width: 992px){
    .row{
        margin-right:0;
        margin-left:0
    }
}
@media (min-width: 1320px){
    .row{
        margin-right:0;
        margin-left:0
    }
}
.no-gutters{
    margin-right:0;
    margin-left:0
}
.no-gutters>.col,.no-gutters>[class*="col-"]{
    padding-right:0;
    padding-left:0
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:0;
    padding-left:0
}
@media (min-width: 576px){
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 768px){
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 992px){
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl{
        padding-right:0;
        padding-left:0
    }
}
@media (min-width: 1320px){
    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl{
        padding-right:0;
        padding-left:0
    }
}
.col{
    flex-basis:0;
    flex-grow:1;
    max-width:100%
}
.col-auto{
    flex:0 0 auto;
    width:auto
}
.col-1{
    flex:0 0 12.5%;
    max-width:12.5%;
}
.elbe .col-1{
   
	max-width: 200px;
margin-right: 10px;}
.col-2{
    flex:0 0 25%;
    max-width:25%
}
.col-3{
    flex:0 0 37.5%;
    max-width:37.5%
}
.col-4{
    flex:0 0 50%;
    max-width:50%
}
.col-5{
    flex:0 0 62.5%;
    max-width:62.5%
}
.col-6{
    flex:0 0 75%;
    max-width:75%
}
.col-7{
    flex:0 0 87.5%;
    max-width:87.5%
}
.col-8{
    flex:0 0 100%;
    max-width:100%
}
.pull-0{
    right:auto
}
.pull-1{
    right:12.5%
}
.pull-2{
    right:25%
}
.pull-3{
    right:37.5%
}
.pull-4{
    right:50%
}
.pull-5{
    right:62.5%
}
.pull-6{
    right:75%
}
.pull-7{
    right:87.5%
}
.pull-8{
    right:100%
}
.push-0{
    left:auto
}
.push-1{
    left:12.5%
}
.push-2{
    left:25%
}
.push-3{
    left:37.5%
}
.push-4{
    left:50%
}
.push-5{
    left:62.5%
}
.push-6{
    left:75%
}
.push-7{
    left:87.5%
}
.push-8{
    left:100%
}
.offset-1{
    margin-left:12.5%
}
.offset-2{
    margin-left:25%
}
.offset-3{
    margin-left:37.5%
}
.offset-4{
    margin-left:50%
}
.offset-5{
    margin-left:62.5%
}
.offset-6{
    margin-left:75%
}
.offset-7{
    margin-left:87.5%
}
@media (min-width: 576px){
    .col-sm{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-sm-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-sm-1{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-sm-2{
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-3{
        flex:0 0 37.5%;
        max-width:37.5%
    }
    .col-sm-4{
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-5{
        flex:0 0 62.5%;
        max-width:62.5%
    }
    .col-sm-6{
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-7{
        flex:0 0 87.5%;
        max-width:87.5%
    }
    .col-sm-8{
        flex:0 0 100%;
        max-width:100%
    }
    .pull-sm-0{
        right:auto
    }
    .pull-sm-1{
        right:12.5%
    }
    .pull-sm-2{
        right:25%
    }
    .pull-sm-3{
        right:37.5%
    }
    .pull-sm-4{
        right:50%
    }
    .pull-sm-5{
        right:62.5%
    }
    .pull-sm-6{
        right:75%
    }
    .pull-sm-7{
        right:87.5%
    }
    .pull-sm-8{
        right:100%
    }
    .push-sm-0{
        left:auto
    }
    .push-sm-1{
        left:12.5%
    }
    .push-sm-2{
        left:25%
    }
    .push-sm-3{
        left:37.5%
    }
    .push-sm-4{
        left:50%
    }
    .push-sm-5{
        left:62.5%
    }
    .push-sm-6{
        left:75%
    }
    .push-sm-7{
        left:87.5%
    }
    .push-sm-8{
        left:100%
    }
    .offset-sm-0{
        margin-left:0%
    }
    .offset-sm-1{
        margin-left:12.5%
    }
    .offset-sm-2{
        margin-left:25%
    }
    .offset-sm-3{
        margin-left:37.5%
    }
    .offset-sm-4{
        margin-left:50%
    }
    .offset-sm-5{
        margin-left:62.5%
    }
    .offset-sm-6{
        margin-left:75%
    }
    .offset-sm-7{
        margin-left:87.5%
    }
}
@media (min-width: 768px){
    .col-md{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-md-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-md-1{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-md-2{
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-3{
        flex:0 0 37.5%;
        max-width:37.5%
    }
    .col-md-4{
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-5{
        flex:0 0 62.5%;
        max-width:62.5%
    }
    .col-md-6{
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-7{
        flex:0 0 87.5%;
        max-width:87.5%
    }
    .col-md-8{
        flex:0 0 100%;
        max-width:100%
    }
    .pull-md-0{
        right:auto
    }
    .pull-md-1{
        right:12.5%
    }
    .pull-md-2{
        right:25%
    }
    .pull-md-3{
        right:37.5%
    }
    .pull-md-4{
        right:50%
    }
    .pull-md-5{
        right:62.5%
    }
    .pull-md-6{
        right:75%
    }
    .pull-md-7{
        right:87.5%
    }
    .pull-md-8{
        right:100%
    }
    .push-md-0{
        left:auto
    }
    .push-md-1{
        left:12.5%
    }
    .push-md-2{
        left:25%
    }
    .push-md-3{
        left:37.5%
    }
    .push-md-4{
        left:50%
    }
    .push-md-5{
        left:62.5%
    }
    .push-md-6{
        left:75%
    }
    .push-md-7{
        left:87.5%
    }
    .push-md-8{
        left:100%
    }
    .offset-md-0{
        margin-left:0%
    }
    .offset-md-1{
        margin-left:12.5%
    }
    .offset-md-2{
        margin-left:25%
    }
    .offset-md-3{
        margin-left:37.5%
    }
    .offset-md-4{
        margin-left:50%
    }
    .offset-md-5{
        margin-left:62.5%
    }
    .offset-md-6{
        margin-left:75%
    }
    .offset-md-7{
        margin-left:87.5%
    }
}
@media (min-width: 992px){
    .col-lg{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-lg-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-lg-1{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-lg-2{
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-3{
        flex:0 0 37.5%;
        max-width:37.5%
    }
    .col-lg-4{
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-5{
        flex:0 0 62.5%;
        max-width:62.5%
    }
    .col-lg-6{
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-7{
        flex:0 0 87.5%;
        max-width:87.5%
    }
    .col-lg-8{
        flex:0 0 100%;
        max-width:100%
    }
    .pull-lg-0{
        right:auto
    }
    .pull-lg-1{
        right:12.5%
    }
    .pull-lg-2{
        right:25%
    }
    .pull-lg-3{
        right:37.5%
    }
    .pull-lg-4{
        right:50%
    }
    .pull-lg-5{
        right:62.5%
    }
    .pull-lg-6{
        right:75%
    }
    .pull-lg-7{
        right:87.5%
    }
    .pull-lg-8{
        right:100%
    }
    .push-lg-0{
        left:auto
    }
    .push-lg-1{
        left:12.5%
    }
    .push-lg-2{
        left:25%
    }
    .push-lg-3{
        left:37.5%
    }
    .push-lg-4{
        left:50%
    }
    .push-lg-5{
        left:62.5%
    }
    .push-lg-6{
        left:75%
    }
    .push-lg-7{
        left:87.5%
    }
    .push-lg-8{
        left:100%
    }
    .offset-lg-0{
        margin-left:0%
    }
    .offset-lg-1{
        margin-left:12.5%
    }
    .offset-lg-2{
        margin-left:25%
    }
    .offset-lg-3{
        margin-left:37.5%
    }
    .offset-lg-4{
        margin-left:50%
    }
    .offset-lg-5{
        margin-left:62.5%
    }
    .offset-lg-6{
        margin-left:75%
    }
    .offset-lg-7{
        margin-left:87.5%
    }
}
@media (min-width: 1320px){
    .col-xl{
        flex-basis:0;
        flex-grow:1;
        max-width:100%
    }
    .col-xl-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-xl-1{
        flex:0 0 12.5%;
        max-width:12.5%
    }
    .col-xl-2{
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-3{
        flex:0 0 37.5%;
        max-width:37.5%
    }
    .col-xl-4{
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-5{
        flex:0 0 62.5%;
        max-width:62.5%
    }
    .col-xl-6{
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-7{
        flex:0 0 87.5%;
        max-width:87.5%
    }
    .col-xl-8{
        flex:0 0 100%;
        max-width:100%
    }
    .pull-xl-0{
        right:auto
    }
    .pull-xl-1{
        right:12.5%
    }
    .pull-xl-2{
        right:25%
    }
    .pull-xl-3{
        right:37.5%
    }
    .pull-xl-4{
        right:50%
    }
    .pull-xl-5{
        right:62.5%
    }
    .pull-xl-6{
        right:75%
    }
    .pull-xl-7{
        right:87.5%
    }
    .pull-xl-8{
        right:100%
    }
    .push-xl-0{
        left:auto
    }
    .push-xl-1{
        left:12.5%
    }
    .push-xl-2{
        left:25%
    }
    .push-xl-3{
        left:37.5%
    }
    .push-xl-4{
        left:50%
    }
    .push-xl-5{
        left:62.5%
    }
    .push-xl-6{
        left:75%
    }
    .push-xl-7{
        left:87.5%
    }
    .push-xl-8{
        left:100%
    }
    .offset-xl-0{
        margin-left:0%
    }
    .offset-xl-1{
        margin-left:12.5%
    }
    .offset-xl-2{
        margin-left:25%
    }
    .offset-xl-3{
        margin-left:37.5%
    }
    .offset-xl-4{
        margin-left:50%
    }
    .offset-xl-5{
        margin-left:62.5%
    }
    .offset-xl-6{
        margin-left:75%
    }
    .offset-xl-7{
        margin-left:87.5%
    }
}
.align-baseline{
    vertical-align:baseline !important
}
.align-top{
    vertical-align:top !important
}
.align-middle{
    vertical-align:middle !important
}
.align-bottom{
    vertical-align:bottom !important
}
.align-text-bottom{
    vertical-align:text-bottom !important
}
.align-text-top{
    vertical-align:text-top !important
}
.bg-faded{
    background-color:#f7f7f7
}
.bg-primary{
    background-color:#0275d8 !important
}
a.bg-primary:focus,a.bg-primary:hover{
    background-color:#025aa5 !important
}
.bg-success{
    background-color:#5cb85c !important
}
a.bg-success:focus,a.bg-success:hover{
    background-color:#449d44 !important
}
.bg-info{
    background-color:#5bc0de !important
}
a.bg-info:focus,a.bg-info:hover{
    background-color:#31b0d5 !important
}
.bg-warning{
    background-color:#f0ad4e !important
}
a.bg-warning:focus,a.bg-warning:hover{
    background-color:#ec971f !important
}
.bg-danger{
    background-color:#d9534f !important
}
a.bg-danger:focus,a.bg-danger:hover{
    background-color:#c9302c !important
}
.bg-inverse{
    background-color:#292b2c !important
}
a.bg-inverse:focus,a.bg-inverse:hover{
    background-color:#101112 !important
}
.border-0{
    border:0 !important
}
.border-top-0{
    border-top:0 !important
}
.border-right-0{
    border-right:0 !important
}
.border-bottom-0{
    border-bottom:0 !important
}
.border-left-0{
    border-left:0 !important
}
.rounded{
    border-radius:.25rem
}
.rounded-top{
    border-top-right-radius:.25rem;
    border-top-left-radius:.25rem
}
.rounded-right{
    border-bottom-right-radius:.25rem;
    border-top-right-radius:.25rem
}
.rounded-bottom{
    border-bottom-right-radius:.25rem;
    border-bottom-left-radius:.25rem
}
.rounded-left{
    border-bottom-left-radius:.25rem;
    border-top-left-radius:.25rem
}
.rounded-circle{
    border-radius:50%
}
.rounded-0{
    border-radius:0
}
.clearfix::after{
    display:block;
    content:"";
    clear:both
}
.d-none{
    display:none !important
}
.d-inline{
    display:inline !important
}
.d-inline-block{
    display:inline-block !important
}
.d-block{
    display:block !important
}
.d-table{
    display:table !important
}
.d-table-cell{
    display:table-cell !important
}
.d-flex{
    display:flex !important
}
.d-inline-flex{
    display:inline-flex !important
}
@media (min-width: 576px){
    .d-sm-none{
        display:none !important
    }
    .d-sm-inline{
        display:inline !important
    }
    .d-sm-inline-block{
        display:inline-block !important
    }
    .d-sm-block{
        display:block !important
    }
    .d-sm-table{
        display:table !important
    }
    .d-sm-table-cell{
        display:table-cell !important
    }
    .d-sm-flex{
        display:flex !important
    }
    .d-sm-inline-flex{
        display:inline-flex !important
    }
}
@media (min-width: 768px){
    .d-md-none{
        display:none !important
    }
    .d-md-inline{
        display:inline !important
    }
    .d-md-inline-block{
        display:inline-block !important
    }
    .d-md-block{
        display:block !important
    }
    .d-md-table{
        display:table !important
    }
    .d-md-table-cell{
        display:table-cell !important
    }
    .d-md-flex{
        display:flex !important
    }
    .d-md-inline-flex{
        display:inline-flex !important
    }
}
@media (min-width: 992px){
    .d-lg-none{
        display:none !important
    }
    .d-lg-inline{
        display:inline !important
    }
    .d-lg-inline-block{
        display:inline-block !important
    }
    .d-lg-block{
        display:block !important
    }
    .d-lg-table{
        display:table !important
    }
    .d-lg-table-cell{
        display:table-cell !important
    }
    .d-lg-flex{
        display:flex !important
    }
    .d-lg-inline-flex{
        display:inline-flex !important
    }
}
@media (min-width: 1320px){
    .d-xl-none{
        display:none !important
    }
    .d-xl-inline{
        display:inline !important
    }
    .d-xl-inline-block{
        display:inline-block !important
    }
    .d-xl-block{
        display:block !important
    }
    .d-xl-table{
        display:table !important
    }
    .d-xl-table-cell{
        display:table-cell !important
    }
    .d-xl-flex{
        display:flex !important
    }
    .d-xl-inline-flex{
        display:inline-flex !important
    }
}
.flex-first{
    order:-1
}
.flex-last{
    order:1
}
.flex-unordered{
    order:0
}
.flex-row{
    flex-direction:row !important
}
.flex-column{
    flex-direction:column !important
}
.flex-row-reverse{
    flex-direction:row-reverse !important
}
.flex-column-reverse{
    flex-direction:column-reverse !important
}
.flex-wrap{
    flex-wrap:wrap !important
}
.flex-nowrap{
    flex-wrap:nowrap !important
}
.flex-wrap-reverse{
    flex-wrap:wrap-reverse !important
}
.justify-content-start{
    justify-content:flex-start !important
}
.justify-content-end{
    justify-content:flex-end !important
}
.justify-content-center{
    justify-content:center !important
}
.justify-content-between{
    justify-content:space-between !important
}
.justify-content-around{
    justify-content:space-around !important
}
.align-items-start{
    align-items:flex-start !important
}
.align-items-end{
    align-items:flex-end !important
}
.align-items-center{
    align-items:center !important
}
.align-items-baseline{
    align-items:baseline !important
}
.align-items-stretch{
    align-items:stretch !important
}
.align-content-start{
    align-content:flex-start !important
}
.align-content-end{
    align-content:flex-end !important
}
.align-content-center{
    align-content:center !important
}
.align-content-between{
    align-content:space-between !important
}
.align-content-around{
    align-content:space-around !important
}
.align-content-stretch{
    align-content:stretch !important
}
.align-self-auto{
    align-self:auto !important
}
.align-self-start{
    align-self:flex-start !important
}
.align-self-end{
    align-self:flex-end !important
}
.align-self-center{
    align-self:center !important
}
.align-self-baseline{
    align-self:baseline !important
}
.align-self-stretch{
    align-self:stretch !important
}
@media (min-width: 576px){
    .flex-sm-first{
        order:-1
    }
    .flex-sm-last{
        order:1
    }
    .flex-sm-unordered{
        order:0
    }
    .flex-sm-row{
        flex-direction:row !important
    }
    .flex-sm-column{
        flex-direction:column !important
    }
    .flex-sm-row-reverse{
        flex-direction:row-reverse !important
    }
    .flex-sm-column-reverse{
        flex-direction:column-reverse !important
    }
    .flex-sm-wrap{
        flex-wrap:wrap !important
    }
    .flex-sm-nowrap{
        flex-wrap:nowrap !important
    }
    .flex-sm-wrap-reverse{
        flex-wrap:wrap-reverse !important
    }
    .justify-content-sm-start{
        justify-content:flex-start !important
    }
    .justify-content-sm-end{
        justify-content:flex-end !important
    }
    .justify-content-sm-center{
        justify-content:center !important
    }
    .justify-content-sm-between{
        justify-content:space-between !important
    }
    .justify-content-sm-around{
        justify-content:space-around !important
    }
    .align-items-sm-start{
        align-items:flex-start !important
    }
    .align-items-sm-end{
        align-items:flex-end !important
    }
    .align-items-sm-center{
        align-items:center !important
    }
    .align-items-sm-baseline{
        align-items:baseline !important
    }
    .align-items-sm-stretch{
        align-items:stretch !important
    }
    .align-content-sm-start{
        align-content:flex-start !important
    }
    .align-content-sm-end{
        align-content:flex-end !important
    }
    .align-content-sm-center{
        align-content:center !important
    }
    .align-content-sm-between{
        align-content:space-between !important
    }
    .align-content-sm-around{
        align-content:space-around !important
    }
    .align-content-sm-stretch{
        align-content:stretch !important
    }
    .align-self-sm-auto{
        align-self:auto !important
    }
    .align-self-sm-start{
        align-self:flex-start !important
    }
    .align-self-sm-end{
        align-self:flex-end !important
    }
    .align-self-sm-center{
        align-self:center !important
    }
    .align-self-sm-baseline{
        align-self:baseline !important
    }
    .align-self-sm-stretch{
        align-self:stretch !important
    }
}
@media (min-width: 768px){
    .flex-md-first{
        order:-1
    }
    .flex-md-last{
        order:1
    }
    .flex-md-unordered{
        order:0
    }
    .flex-md-row{
        flex-direction:row !important
    }
    .flex-md-column{
        flex-direction:column !important
    }
    .flex-md-row-reverse{
        flex-direction:row-reverse !important
    }
    .flex-md-column-reverse{
        flex-direction:column-reverse !important
    }
    .flex-md-wrap{
        flex-wrap:wrap !important
    }
    .flex-md-nowrap{
        flex-wrap:nowrap !important
    }
    .flex-md-wrap-reverse{
        flex-wrap:wrap-reverse !important
    }
    .justify-content-md-start{
        justify-content:flex-start !important
    }
    .justify-content-md-end{
        justify-content:flex-end !important
    }
    .justify-content-md-center{
        justify-content:center !important
    }
    .justify-content-md-between{
        justify-content:space-between !important
    }
    .justify-content-md-around{
        justify-content:space-around !important
    }
    .align-items-md-start{
        align-items:flex-start !important
    }
    .align-items-md-end{
        align-items:flex-end !important
    }
    .align-items-md-center{
        align-items:center !important
    }
    .align-items-md-baseline{
        align-items:baseline !important
    }
    .align-items-md-stretch{
        align-items:stretch !important
    }
    .align-content-md-start{
        align-content:flex-start !important
    }
    .align-content-md-end{
        align-content:flex-end !important
    }
    .align-content-md-center{
        align-content:center !important
    }
    .align-content-md-between{
        align-content:space-between !important
    }
    .align-content-md-around{
        align-content:space-around !important
    }
    .align-content-md-stretch{
        align-content:stretch !important
    }
    .align-self-md-auto{
        align-self:auto !important
    }
    .align-self-md-start{
        align-self:flex-start !important
    }
    .align-self-md-end{
        align-self:flex-end !important
    }
    .align-self-md-center{
        align-self:center !important
    }
    .align-self-md-baseline{
        align-self:baseline !important
    }
    .align-self-md-stretch{
        align-self:stretch !important
    }
}
@media (min-width: 992px){
    .flex-lg-first{
        order:-1
    }
    .flex-lg-last{
        order:1
    }
    .flex-lg-unordered{
        order:0
    }
    .flex-lg-row{
        flex-direction:row !important
    }
    .flex-lg-column{
        flex-direction:column !important
    }
    .flex-lg-row-reverse{
        flex-direction:row-reverse !important
    }
    .flex-lg-column-reverse{
        flex-direction:column-reverse !important
    }
    .flex-lg-wrap{
        flex-wrap:wrap !important
    }
    .flex-lg-nowrap{
        flex-wrap:nowrap !important
    }
    .flex-lg-wrap-reverse{
        flex-wrap:wrap-reverse !important
    }
    .justify-content-lg-start{
        justify-content:flex-start !important
    }
    .justify-content-lg-end{
        justify-content:flex-end !important
    }
    .justify-content-lg-center{
        justify-content:center !important
    }
    .justify-content-lg-between{
        justify-content:space-between !important
    }
    .justify-content-lg-around{
        justify-content:space-around !important
    }
    .align-items-lg-start{
        align-items:flex-start !important
    }
    .align-items-lg-end{
        align-items:flex-end !important
    }
    .align-items-lg-center{
        align-items:center !important
    }
    .align-items-lg-baseline{
        align-items:baseline !important
    }
    .align-items-lg-stretch{
        align-items:stretch !important
    }
    .align-content-lg-start{
        align-content:flex-start !important
    }
    .align-content-lg-end{
        align-content:flex-end !important
    }
    .align-content-lg-center{
        align-content:center !important
    }
    .align-content-lg-between{
        align-content:space-between !important
    }
    .align-content-lg-around{
        align-content:space-around !important
    }
    .align-content-lg-stretch{
        align-content:stretch !important
    }
    .align-self-lg-auto{
        align-self:auto !important
    }
    .align-self-lg-start{
        align-self:flex-start !important
    }
    .align-self-lg-end{
        align-self:flex-end !important
    }
    .align-self-lg-center{
        align-self:center !important
    }
    .align-self-lg-baseline{
        align-self:baseline !important
    }
    .align-self-lg-stretch{
        align-self:stretch !important
    }
}
@media (min-width: 1320px){
    .flex-xl-first{
        order:-1
    }
    .flex-xl-last{
        order:1
    }
    .flex-xl-unordered{
        order:0
    }
    .flex-xl-row{
        flex-direction:row !important
    }
    .flex-xl-column{
        flex-direction:column !important
    }
    .flex-xl-row-reverse{
        flex-direction:row-reverse !important
    }
    .flex-xl-column-reverse{
        flex-direction:column-reverse !important
    }
    .flex-xl-wrap{
        flex-wrap:wrap !important
    }
    .flex-xl-nowrap{
        flex-wrap:nowrap !important
    }
    .flex-xl-wrap-reverse{
        flex-wrap:wrap-reverse !important
    }
    .justify-content-xl-start{
        justify-content:flex-start !important
    }
    .justify-content-xl-end{
        justify-content:flex-end !important
    }
    .justify-content-xl-center{
        justify-content:center !important
    }
    .justify-content-xl-between{
        justify-content:space-between !important
    }
    .justify-content-xl-around{
        justify-content:space-around !important
    }
    .align-items-xl-start{
        align-items:flex-start !important
    }
    .align-items-xl-end{
        align-items:flex-end !important
    }
    .align-items-xl-center{
        align-items:center !important
    }
    .align-items-xl-baseline{
        align-items:baseline !important
    }
    .align-items-xl-stretch{
        align-items:stretch !important
    }
    .align-content-xl-start{
        align-content:flex-start !important
    }
    .align-content-xl-end{
        align-content:flex-end !important
    }
    .align-content-xl-center{
        align-content:center !important
    }
    .align-content-xl-between{
        align-content:space-between !important
    }
    .align-content-xl-around{
        align-content:space-around !important
    }
    .align-content-xl-stretch{
        align-content:stretch !important
    }
    .align-self-xl-auto{
        align-self:auto !important
    }
    .align-self-xl-start{
        align-self:flex-start !important
    }
    .align-self-xl-end{
        align-self:flex-end !important
    }
    .align-self-xl-center{
        align-self:center !important
    }
    .align-self-xl-baseline{
        align-self:baseline !important
    }
    .align-self-xl-stretch{
        align-self:stretch !important
    }
}
.float-left{
    float:left !important
}
.float-right{
    float:right !important
}
.float-none{
    float:none !important
}
@media (min-width: 576px){
    .float-sm-left{
        float:left !important
    }
    .float-sm-right{
        float:right !important
    }
    .float-sm-none{
        float:none !important
    }
}
@media (min-width: 768px){
    .float-md-left{
        float:left !important
    }
    .float-md-right{
        float:right !important
    }
    .float-md-none{
        float:none !important
    }
}
@media (min-width: 992px){
    .float-lg-left{
        float:left !important
    }
    .float-lg-right{
        float:right !important
    }
    .float-lg-none{
        float:none !important
    }
}
@media (min-width: 1320px){
    .float-xl-left{
        float:left !important
    }
    .float-xl-right{
        float:right !important
    }
    .float-xl-none{
        float:none !important
    }
}
.fixed-top{
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1030
}
.fixed-bottom{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:1030
}
.sticky-top{
    position:sticky;
    top:0;
    z-index:1030
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
.w-25{
    width:25% !important
}
.w-50{
    width:50% !important
}
.w-75{
    width:75% !important
}
.w-100{
    width:100% !important
}
.h-25{
    height:25% !important
}
.h-50{
    height:50% !important
}
.h-75{
    height:75% !important
}
.h-100{
    height:100% !important
}
.mw-100{
    max-width:100% !important
}
.mh-100{
    max-height:100% !important
}
.m-0{
    margin:0 0 !important
}
.mt-0{
    margin-top:0 !important
}
.mr-0{
    margin-right:0 !important
}
.mb-0{
    margin-bottom:0 !important
}
.ml-0{
    margin-left:0 !important
}
.mx-0{
    margin-right:0 !important;
    margin-left:0 !important
}
.my-0{
    margin-top:0 !important;
    margin-bottom:0 !important
}
.m-1{
    margin:.25rem .25rem !important
}
.mt-1{
    margin-top:.25rem !important
}
.mr-1{
    margin-right:.25rem !important
}
.mb-1{
    margin-bottom:.25rem !important
}
.ml-1{
    margin-left:.25rem !important
}
.mx-1{
    margin-right:.25rem !important;
    margin-left:.25rem !important
}
.my-1{
    margin-top:.25rem !important;
    margin-bottom:.25rem !important
}
.m-2{
    margin:.5rem .5rem !important
}
.mt-2{
    margin-top:.5rem !important
}
.mr-2{
    margin-right:.5rem !important
}
.mb-2{
    margin-bottom:.5rem !important
}
.ml-2{
    margin-left:.5rem !important
}
.mx-2{
    margin-right:.5rem !important;
    margin-left:.5rem !important
}
.my-2{
    margin-top:.5rem !important;
    margin-bottom:.5rem !important
}
.m-3{
    margin:1rem 1rem !important
}
.mt-3{
    margin-top:1rem !important
}
.mr-3{
    margin-right:1rem !important
}
.mb-3{
    margin-bottom:1rem !important
}
.ml-3{
    margin-left:1rem !important
}
.mx-3{
    margin-right:1rem !important;
    margin-left:1rem !important
}
.my-3{
    margin-top:1rem !important;
    margin-bottom:1rem !important
}
.m-4{
    margin:1.5rem 1.5rem !important
}
.mt-4{
    margin-top:1.5rem !important
}
.mr-4{
    margin-right:1.5rem !important
}
.mb-4{
    margin-bottom:1.5rem !important
}
.ml-4{
    margin-left:1.5rem !important
}
.mx-4{
    margin-right:1.5rem !important;
    margin-left:1.5rem !important
}
.my-4{
    margin-top:1.5rem !important;
    margin-bottom:1.5rem !important
}
.m-5{
    margin:3rem 3rem !important
}
.mt-5{
    margin-top:3rem !important
}
.mr-5{
    margin-right:3rem !important
}
.mb-5{
    margin-bottom:3rem !important
}
.ml-5{
    margin-left:3rem !important
}
.mx-5{
    margin-right:3rem !important;
    margin-left:3rem !important
}
.my-5{
    margin-top:3rem !important;
    margin-bottom:3rem !important
}
.p-0{
    padding:0 0 !important
}
.pt-0{
    padding-top:0 !important
}
.pr-0{
    padding-right:0 !important
}
.pb-0{
    padding-bottom:0 !important
}
.pl-0{
    padding-left:0 !important
}
.px-0{
    padding-right:0 !important;
    padding-left:0 !important
}
.py-0{
    padding-top:0 !important;
    padding-bottom:0 !important
}
.p-1{
    padding:.25rem .25rem !important
}
.pt-1{
    padding-top:.25rem !important
}
.pr-1{
    padding-right:.25rem !important
}
.pb-1{
    padding-bottom:.25rem !important
}
.pl-1{
    padding-left:.25rem !important
}
.px-1{
    padding-right:.25rem !important;
    padding-left:.25rem !important
}
.py-1{
    padding-top:.25rem !important;
    padding-bottom:.25rem !important
}
.p-2{
    padding:.5rem .5rem !important
}
.pt-2{
    padding-top:.5rem !important
}
.pr-2{
    padding-right:.5rem !important
}
.pb-2{
    padding-bottom:.5rem !important
}
.pl-2{
    padding-left:.5rem !important
}
.px-2{
    padding-right:.5rem !important;
    padding-left:.5rem !important
}
.py-2{
    padding-top:.5rem !important;
    padding-bottom:.5rem !important
}
.p-3{
    padding:1rem 1rem !important
}
.pt-3{
    padding-top:1rem !important
}
.pr-3{
    padding-right:1rem !important
}
.pb-3{
    padding-bottom:1rem !important
}
.pl-3{
    padding-left:1rem !important
}
.px-3{
    padding-right:1rem !important;
    padding-left:1rem !important
}
.py-3{
    padding-top:1rem !important;
    padding-bottom:1rem !important
}
.p-4{
    padding:1.5rem 1.5rem !important
}
.pt-4{
    padding-top:1.5rem !important
}
.pr-4{
    padding-right:1.5rem !important
}
.pb-4{
    padding-bottom:1.5rem !important
}
.pl-4{
    padding-left:1.5rem !important
}
.px-4{
    padding-right:1.5rem !important;
    padding-left:1.5rem !important
}
.py-4{
    padding-top:1.5rem !important;
    padding-bottom:1.5rem !important
}
.p-5{
    padding:3rem 3rem !important
}
.pt-5{
    padding-top:3rem !important
}
.pr-5{
    padding-right:3rem !important
}
.pb-5{
    padding-bottom:3rem !important
}
.pl-5{
    padding-left:3rem !important
}
.px-5{
    padding-right:3rem !important;
    padding-left:3rem !important
}
.py-5{
    padding-top:3rem !important;
    padding-bottom:3rem !important
}
.m-auto{
    margin:auto !important
}
.mt-auto{
    margin-top:auto !important
}
.mr-auto{
    margin-right:auto !important
}
.mb-auto{
    margin-bottom:auto !important
}
.ml-auto{
    margin-left:auto !important
}
.mx-auto{
    margin-right:auto !important;
    margin-left:auto !important
}
.my-auto{
    margin-top:auto !important;
    margin-bottom:auto !important
}
@media (min-width: 576px){
    .m-sm-0{
        margin:0 0 !important
    }
    .mt-sm-0{
        margin-top:0 !important
    }
    .mr-sm-0{
        margin-right:0 !important
    }
    .mb-sm-0{
        margin-bottom:0 !important
    }
    .ml-sm-0{
        margin-left:0 !important
    }
    .mx-sm-0{
        margin-right:0 !important;
        margin-left:0 !important
    }
    .my-sm-0{
        margin-top:0 !important;
        margin-bottom:0 !important
    }
    .m-sm-1{
        margin:.25rem .25rem !important
    }
    .mt-sm-1{
        margin-top:.25rem !important
    }
    .mr-sm-1{
        margin-right:.25rem !important
    }
    .mb-sm-1{
        margin-bottom:.25rem !important
    }
    .ml-sm-1{
        margin-left:.25rem !important
    }
    .mx-sm-1{
        margin-right:.25rem !important;
        margin-left:.25rem !important
    }
    .my-sm-1{
        margin-top:.25rem !important;
        margin-bottom:.25rem !important
    }
    .m-sm-2{
        margin:.5rem .5rem !important
    }
    .mt-sm-2{
        margin-top:.5rem !important
    }
    .mr-sm-2{
        margin-right:.5rem !important
    }
    .mb-sm-2{
        margin-bottom:.5rem !important
    }
    .ml-sm-2{
        margin-left:.5rem !important
    }
    .mx-sm-2{
        margin-right:.5rem !important;
        margin-left:.5rem !important
    }
    .my-sm-2{
        margin-top:.5rem !important;
        margin-bottom:.5rem !important
    }
    .m-sm-3{
        margin:1rem 1rem !important
    }
    .mt-sm-3{
        margin-top:1rem !important
    }
    .mr-sm-3{
        margin-right:1rem !important
    }
    .mb-sm-3{
        margin-bottom:1rem !important
    }
    .ml-sm-3{
        margin-left:1rem !important
    }
    .mx-sm-3{
        margin-right:1rem !important;
        margin-left:1rem !important
    }
    .my-sm-3{
        margin-top:1rem !important;
        margin-bottom:1rem !important
    }
    .m-sm-4{
        margin:1.5rem 1.5rem !important
    }
    .mt-sm-4{
        margin-top:1.5rem !important
    }
    .mr-sm-4{
        margin-right:1.5rem !important
    }
    .mb-sm-4{
        margin-bottom:1.5rem !important
    }
    .ml-sm-4{
        margin-left:1.5rem !important
    }
    .mx-sm-4{
        margin-right:1.5rem !important;
        margin-left:1.5rem !important
    }
    .my-sm-4{
        margin-top:1.5rem !important;
        margin-bottom:1.5rem !important
    }
    .m-sm-5{
        margin:3rem 3rem !important
    }
    .mt-sm-5{
        margin-top:3rem !important
    }
    .mr-sm-5{
        margin-right:3rem !important
    }
    .mb-sm-5{
        margin-bottom:3rem !important
    }
    .ml-sm-5{
        margin-left:3rem !important
    }
    .mx-sm-5{
        margin-right:3rem !important;
        margin-left:3rem !important
    }
    .my-sm-5{
        margin-top:3rem !important;
        margin-bottom:3rem !important
    }
    .p-sm-0{
        padding:0 0 !important
    }
    .pt-sm-0{
        padding-top:0 !important
    }
    .pr-sm-0{
        padding-right:0 !important
    }
    .pb-sm-0{
        padding-bottom:0 !important
    }
    .pl-sm-0{
        padding-left:0 !important
    }
    .px-sm-0{
        padding-right:0 !important;
        padding-left:0 !important
    }
    .py-sm-0{
        padding-top:0 !important;
        padding-bottom:0 !important
    }
    .p-sm-1{
        padding:.25rem .25rem !important
    }
    .pt-sm-1{
        padding-top:.25rem !important
    }
    .pr-sm-1{
        padding-right:.25rem !important
    }
    .pb-sm-1{
        padding-bottom:.25rem !important
    }
    .pl-sm-1{
        padding-left:.25rem !important
    }
    .px-sm-1{
        padding-right:.25rem !important;
        padding-left:.25rem !important
    }
    .py-sm-1{
        padding-top:.25rem !important;
        padding-bottom:.25rem !important
    }
    .p-sm-2{
        padding:.5rem .5rem !important
    }
    .pt-sm-2{
        padding-top:.5rem !important
    }
    .pr-sm-2{
        padding-right:.5rem !important
    }
    .pb-sm-2{
        padding-bottom:.5rem !important
    }
    .pl-sm-2{
        padding-left:.5rem !important
    }
    .px-sm-2{
        padding-right:.5rem !important;
        padding-left:.5rem !important
    }
    .py-sm-2{
        padding-top:.5rem !important;
        padding-bottom:.5rem !important
    }
    .p-sm-3{
        padding:1rem 1rem !important
    }
    .pt-sm-3{
        padding-top:1rem !important
    }
    .pr-sm-3{
        padding-right:1rem !important
    }
    .pb-sm-3{
        padding-bottom:1rem !important
    }
    .pl-sm-3{
        padding-left:1rem !important
    }
    .px-sm-3{
        padding-right:1rem !important;
        padding-left:1rem !important
    }
    .py-sm-3{
        padding-top:1rem !important;
        padding-bottom:1rem !important
    }
    .p-sm-4{
        padding:1.5rem 1.5rem !important
    }
    .pt-sm-4{
        padding-top:1.5rem !important
    }
    .pr-sm-4{
        padding-right:1.5rem !important
    }
    .pb-sm-4{
        padding-bottom:1.5rem !important
    }
    .pl-sm-4{
        padding-left:1.5rem !important
    }
    .px-sm-4{
        padding-right:1.5rem !important;
        padding-left:1.5rem !important
    }
    .py-sm-4{
        padding-top:1.5rem !important;
        padding-bottom:1.5rem !important
    }
    .p-sm-5{
        padding:3rem 3rem !important
    }
    .pt-sm-5{
        padding-top:3rem !important
    }
    .pr-sm-5{
        padding-right:3rem !important
    }
    .pb-sm-5{
        padding-bottom:3rem !important
    }
    .pl-sm-5{
        padding-left:3rem !important
    }
    .px-sm-5{
        padding-right:3rem !important;
        padding-left:3rem !important
    }
    .py-sm-5{
        padding-top:3rem !important;
        padding-bottom:3rem !important
    }
    .m-sm-auto{
        margin:auto !important
    }
    .mt-sm-auto{
        margin-top:auto !important
    }
    .mr-sm-auto{
        margin-right:auto !important
    }
    .mb-sm-auto{
        margin-bottom:auto !important
    }
    .ml-sm-auto{
        margin-left:auto !important
    }
    .mx-sm-auto{
        margin-right:auto !important;
        margin-left:auto !important
    }
    .my-sm-auto{
        margin-top:auto !important;
        margin-bottom:auto !important
    }
}
@media (min-width: 768px){
    .m-md-0{
        margin:0 0 !important
    }
    .mt-md-0{
        margin-top:0 !important
    }
    .mr-md-0{
        margin-right:0 !important
    }
    .mb-md-0{
        margin-bottom:0 !important
    }
    .ml-md-0{
        margin-left:0 !important
    }
    .mx-md-0{
        margin-right:0 !important;
        margin-left:0 !important
    }
    .my-md-0{
        margin-top:0 !important;
        margin-bottom:0 !important
    }
    .m-md-1{
        margin:.25rem .25rem !important
    }
    .mt-md-1{
        margin-top:.25rem !important
    }
    .mr-md-1{
        margin-right:.25rem !important
    }
    .mb-md-1{
        margin-bottom:.25rem !important
    }
    .ml-md-1{
        margin-left:.25rem !important
    }
    .mx-md-1{
        margin-right:.25rem !important;
        margin-left:.25rem !important
    }
    .my-md-1{
        margin-top:.25rem !important;
        margin-bottom:.25rem !important
    }
    .m-md-2{
        margin:.5rem .5rem !important
    }
    .mt-md-2{
        margin-top:.5rem !important
    }
    .mr-md-2{
        margin-right:.5rem !important
    }
    .mb-md-2{
        margin-bottom:.5rem !important
    }
    .ml-md-2{
        margin-left:.5rem !important
    }
    .mx-md-2{
        margin-right:.5rem !important;
        margin-left:.5rem !important
    }
    .my-md-2{
        margin-top:.5rem !important;
        margin-bottom:.5rem !important
    }
    .m-md-3{
        margin:1rem 1rem !important
    }
    .mt-md-3{
        margin-top:1rem !important
    }
    .mr-md-3{
        margin-right:1rem !important
    }
    .mb-md-3{
        margin-bottom:1rem !important
    }
    .ml-md-3{
        margin-left:1rem !important
    }
    .mx-md-3{
        margin-right:1rem !important;
        margin-left:1rem !important
    }
    .my-md-3{
        margin-top:1rem !important;
        margin-bottom:1rem !important
    }
    .m-md-4{
        margin:1.5rem 1.5rem !important
    }
    .mt-md-4{
        margin-top:1.5rem !important
    }
    .mr-md-4{
        margin-right:1.5rem !important
    }
    .mb-md-4{
        margin-bottom:1.5rem !important
    }
    .ml-md-4{
        margin-left:1.5rem !important
    }
    .mx-md-4{
        margin-right:1.5rem !important;
        margin-left:1.5rem !important
    }
    .my-md-4{
        margin-top:1.5rem !important;
        margin-bottom:1.5rem !important
    }
    .m-md-5{
        margin:3rem 3rem !important
    }
    .mt-md-5{
        margin-top:3rem !important
    }
    .mr-md-5{
        margin-right:3rem !important
    }
    .mb-md-5{
        margin-bottom:3rem !important
    }
    .ml-md-5{
        margin-left:3rem !important
    }
    .mx-md-5{
        margin-right:3rem !important;
        margin-left:3rem !important
    }
    .my-md-5{
        margin-top:3rem !important;
        margin-bottom:3rem !important
    }
    .p-md-0{
        padding:0 0 !important
    }
    .pt-md-0{
        padding-top:0 !important
    }
    .pr-md-0{
        padding-right:0 !important
    }
    .pb-md-0{
        padding-bottom:0 !important
    }
    .pl-md-0{
        padding-left:0 !important
    }
    .px-md-0{
        padding-right:0 !important;
        padding-left:0 !important
    }
    .py-md-0{
        padding-top:0 !important;
        padding-bottom:0 !important
    }
    .p-md-1{
        padding:.25rem .25rem !important
    }
    .pt-md-1{
        padding-top:.25rem !important
    }
    .pr-md-1{
        padding-right:.25rem !important
    }
    .pb-md-1{
        padding-bottom:.25rem !important
    }
    .pl-md-1{
        padding-left:.25rem !important
    }
    .px-md-1{
        padding-right:.25rem !important;
        padding-left:.25rem !important
    }
    .py-md-1{
        padding-top:.25rem !important;
        padding-bottom:.25rem !important
    }
    .p-md-2{
        padding:.5rem .5rem !important
    }
    .pt-md-2{
        padding-top:.5rem !important
    }
    .pr-md-2{
        padding-right:.5rem !important
    }
    .pb-md-2{
        padding-bottom:.5rem !important
    }
    .pl-md-2{
        padding-left:.5rem !important
    }
    .px-md-2{
        padding-right:.5rem !important;
        padding-left:.5rem !important
    }
    .py-md-2{
        padding-top:.5rem !important;
        padding-bottom:.5rem !important
    }
    .p-md-3{
        padding:1rem 1rem !important
    }
    .pt-md-3{
        padding-top:1rem !important
    }
    .pr-md-3{
        padding-right:1rem !important
    }
    .pb-md-3{
        padding-bottom:1rem !important
    }
    .pl-md-3{
        padding-left:1rem !important
    }
    .px-md-3{
        padding-right:1rem !important;
        padding-left:1rem !important
    }
    .py-md-3{
        padding-top:1rem !important;
        padding-bottom:1rem !important
    }
    .p-md-4{
        padding:1.5rem 1.5rem !important
    }
    .pt-md-4{
        padding-top:1.5rem !important
    }
    .pr-md-4{
        padding-right:1.5rem !important
    }
    .pb-md-4{
        padding-bottom:1.5rem !important
    }
    .pl-md-4{
        padding-left:1.5rem !important
    }
    .px-md-4{
        padding-right:1.5rem !important;
        padding-left:1.5rem !important
    }
    .py-md-4{
        padding-top:1.5rem !important;
        padding-bottom:1.5rem !important
    }
    .p-md-5{
        padding:3rem 3rem !important
    }
    .pt-md-5{
        padding-top:3rem !important
    }
    .pr-md-5{
        padding-right:3rem !important
    }
    .pb-md-5{
        padding-bottom:3rem !important
    }
    .pl-md-5{
        padding-left:3rem !important
    }
    .px-md-5{
        padding-right:3rem !important;
        padding-left:3rem !important
    }
    .py-md-5{
        padding-top:3rem !important;
        padding-bottom:3rem !important
    }
    .m-md-auto{
        margin:auto !important
    }
    .mt-md-auto{
        margin-top:auto !important
    }
    .mr-md-auto{
        margin-right:auto !important
    }
    .mb-md-auto{
        margin-bottom:auto !important
    }
    .ml-md-auto{
        margin-left:auto !important
    }
    .mx-md-auto{
        margin-right:auto !important;
        margin-left:auto !important
    }
    .my-md-auto{
        margin-top:auto !important;
        margin-bottom:auto !important
    }
}
@media (min-width: 992px){
    .m-lg-0{
        margin:0 0 !important
    }
    .mt-lg-0{
        margin-top:0 !important
    }
    .mr-lg-0{
        margin-right:0 !important
    }
    .mb-lg-0{
        margin-bottom:0 !important
    }
    .ml-lg-0{
        margin-left:0 !important
    }
    .mx-lg-0{
        margin-right:0 !important;
        margin-left:0 !important
    }
    .my-lg-0{
        margin-top:0 !important;
        margin-bottom:0 !important
    }
    .m-lg-1{
        margin:.25rem .25rem !important
    }
    .mt-lg-1{
        margin-top:.25rem !important
    }
    .mr-lg-1{
        margin-right:.25rem !important
    }
    .mb-lg-1{
        margin-bottom:.25rem !important
    }
    .ml-lg-1{
        margin-left:.25rem !important
    }
    .mx-lg-1{
        margin-right:.25rem !important;
        margin-left:.25rem !important
    }
    .my-lg-1{
        margin-top:.25rem !important;
        margin-bottom:.25rem !important
    }
    .m-lg-2{
        margin:.5rem .5rem !important
    }
    .mt-lg-2{
        margin-top:.5rem !important
    }
    .mr-lg-2{
        margin-right:.5rem !important
    }
    .mb-lg-2{
        margin-bottom:.5rem !important
    }
    .ml-lg-2{
        margin-left:.5rem !important
    }
    .mx-lg-2{
        margin-right:.5rem !important;
        margin-left:.5rem !important
    }
    .my-lg-2{
        margin-top:.5rem !important;
        margin-bottom:.5rem !important
    }
    .m-lg-3{
        margin:1rem 1rem !important
    }
    .mt-lg-3{
        margin-top:1rem !important
    }
    .mr-lg-3{
        margin-right:1rem !important
    }
    .mb-lg-3{
        margin-bottom:1rem !important
    }
    .ml-lg-3{
        margin-left:1rem !important
    }
    .mx-lg-3{
        margin-right:1rem !important;
        margin-left:1rem !important
    }
    .my-lg-3{
        margin-top:1rem !important;
        margin-bottom:1rem !important
    }
    .m-lg-4{
        margin:1.5rem 1.5rem !important
    }
    .mt-lg-4{
        margin-top:1.5rem !important
    }
    .mr-lg-4{
        margin-right:1.5rem !important
    }
    .mb-lg-4{
        margin-bottom:1.5rem !important
    }
    .ml-lg-4{
        margin-left:1.5rem !important
    }
    .mx-lg-4{
        margin-right:1.5rem !important;
        margin-left:1.5rem !important
    }
    .my-lg-4{
        margin-top:1.5rem !important;
        margin-bottom:1.5rem !important
    }
    .m-lg-5{
        margin:3rem 3rem !important
    }
    .mt-lg-5{
        margin-top:3rem !important
    }
    .mr-lg-5{
        margin-right:3rem !important
    }
    .mb-lg-5{
        margin-bottom:3rem !important
    }
    .ml-lg-5{
        margin-left:3rem !important
    }
    .mx-lg-5{
        margin-right:3rem !important;
        margin-left:3rem !important
    }
    .my-lg-5{
        margin-top:3rem !important;
        margin-bottom:3rem !important
    }
    .p-lg-0{
        padding:0 0 !important
    }
    .pt-lg-0{
        padding-top:0 !important
    }
    .pr-lg-0{
        padding-right:0 !important
    }
    .pb-lg-0{
        padding-bottom:0 !important
    }
    .pl-lg-0{
        padding-left:0 !important
    }
    .px-lg-0{
        padding-right:0 !important;
        padding-left:0 !important
    }
    .py-lg-0{
        padding-top:0 !important;
        padding-bottom:0 !important
    }
    .p-lg-1{
        padding:.25rem .25rem !important
    }
    .pt-lg-1{
        padding-top:.25rem !important
    }
    .pr-lg-1{
        padding-right:.25rem !important
    }
    .pb-lg-1{
        padding-bottom:.25rem !important
    }
    .pl-lg-1{
        padding-left:.25rem !important
    }
    .px-lg-1{
        padding-right:.25rem !important;
        padding-left:.25rem !important
    }
    .py-lg-1{
        padding-top:.25rem !important;
        padding-bottom:.25rem !important
    }
    .p-lg-2{
        padding:.5rem .5rem !important
    }
    .pt-lg-2{
        padding-top:.5rem !important
    }
    .pr-lg-2{
        padding-right:.5rem !important
    }
    .pb-lg-2{
        padding-bottom:.5rem !important
    }
    .pl-lg-2{
        padding-left:.5rem !important
    }
    .px-lg-2{
        padding-right:.5rem !important;
        padding-left:.5rem !important
    }
    .py-lg-2{
        padding-top:.5rem !important;
        padding-bottom:.5rem !important
    }
    .p-lg-3{
        padding:1rem 1rem !important
    }
    .pt-lg-3{
        padding-top:1rem !important
    }
    .pr-lg-3{
        padding-right:1rem !important
    }
    .pb-lg-3{
        padding-bottom:1rem !important
    }
    .pl-lg-3{
        padding-left:1rem !important
    }
    .px-lg-3{
        padding-right:1rem !important;
        padding-left:1rem !important
    }
    .py-lg-3{
        padding-top:1rem !important;
        padding-bottom:1rem !important
    }
    .p-lg-4{
        padding:1.5rem 1.5rem !important
    }
    .pt-lg-4{
        padding-top:1.5rem !important
    }
    .pr-lg-4{
        padding-right:1.5rem !important
    }
    .pb-lg-4{
        padding-bottom:1.5rem !important
    }
    .pl-lg-4{
        padding-left:1.5rem !important
    }
    .px-lg-4{
        padding-right:1.5rem !important;
        padding-left:1.5rem !important
    }
    .py-lg-4{
        padding-top:1.5rem !important;
        padding-bottom:1.5rem !important
    }
    .p-lg-5{
        padding:3rem 3rem !important
    }
    .pt-lg-5{
        padding-top:3rem !important
    }
    .pr-lg-5{
        padding-right:3rem !important
    }
    .pb-lg-5{
        padding-bottom:3rem !important
    }
    .pl-lg-5{
        padding-left:3rem !important
    }
    .px-lg-5{
        padding-right:3rem !important;
        padding-left:3rem !important
    }
    .py-lg-5{
        padding-top:3rem !important;
        padding-bottom:3rem !important
    }
    .m-lg-auto{
        margin:auto !important
    }
    .mt-lg-auto{
        margin-top:auto !important
    }
    .mr-lg-auto{
        margin-right:auto !important
    }
    .mb-lg-auto{
        margin-bottom:auto !important
    }
    .ml-lg-auto{
        margin-left:auto !important
    }
    .mx-lg-auto{
        margin-right:auto !important;
        margin-left:auto !important
    }
    .my-lg-auto{
        margin-top:auto !important;
        margin-bottom:auto !important
    }
}
@media (min-width: 1320px){
    .m-xl-0{
        margin:0 0 !important
    }
    .mt-xl-0{
        margin-top:0 !important
    }
    .mr-xl-0{
        margin-right:0 !important
    }
    .mb-xl-0{
        margin-bottom:0 !important
    }
    .ml-xl-0{
        margin-left:0 !important
    }
    .mx-xl-0{
        margin-right:0 !important;
        margin-left:0 !important
    }
    .my-xl-0{
        margin-top:0 !important;
        margin-bottom:0 !important
    }
    .m-xl-1{
        margin:.25rem .25rem !important
    }
    .mt-xl-1{
        margin-top:.25rem !important
    }
    .mr-xl-1{
        margin-right:.25rem !important
    }
    .mb-xl-1{
        margin-bottom:.25rem !important
    }
    .ml-xl-1{
        margin-left:.25rem !important
    }
    .mx-xl-1{
        margin-right:.25rem !important;
        margin-left:.25rem !important
    }
    .my-xl-1{
        margin-top:.25rem !important;
        margin-bottom:.25rem !important
    }
    .m-xl-2{
        margin:.5rem .5rem !important
    }
    .mt-xl-2{
        margin-top:.5rem !important
    }
    .mr-xl-2{
        margin-right:.5rem !important
    }
    .mb-xl-2{
        margin-bottom:.5rem !important
    }
    .ml-xl-2{
        margin-left:.5rem !important
    }
    .mx-xl-2{
        margin-right:.5rem !important;
        margin-left:.5rem !important
    }
    .my-xl-2{
        margin-top:.5rem !important;
        margin-bottom:.5rem !important
    }
    .m-xl-3{
        margin:1rem 1rem !important
    }
    .mt-xl-3{
        margin-top:1rem !important
    }
    .mr-xl-3{
        margin-right:1rem !important
    }
    .mb-xl-3{
        margin-bottom:1rem !important
    }
    .ml-xl-3{
        margin-left:1rem !important
    }
    .mx-xl-3{
        margin-right:1rem !important;
        margin-left:1rem !important
    }
    .my-xl-3{
        margin-top:1rem !important;
        margin-bottom:1rem !important
    }
    .m-xl-4{
        margin:1.5rem 1.5rem !important
    }
    .mt-xl-4{
        margin-top:1.5rem !important
    }
    .mr-xl-4{
        margin-right:1.5rem !important
    }
    .mb-xl-4{
        margin-bottom:1.5rem !important
    }
    .ml-xl-4{
        margin-left:1.5rem !important
    }
    .mx-xl-4{
        margin-right:1.5rem !important;
        margin-left:1.5rem !important
    }
    .my-xl-4{
        margin-top:1.5rem !important;
        margin-bottom:1.5rem !important
    }
    .m-xl-5{
        margin:3rem 3rem !important
    }
    .mt-xl-5{
        margin-top:3rem !important
    }
    .mr-xl-5{
        margin-right:3rem !important
    }
    .mb-xl-5{
        margin-bottom:3rem !important
    }
    .ml-xl-5{
        margin-left:3rem !important
    }
    .mx-xl-5{
        margin-right:3rem !important;
        margin-left:3rem !important
    }
    .my-xl-5{
        margin-top:3rem !important;
        margin-bottom:3rem !important
    }
    .p-xl-0{
        padding:0 0 !important
    }
    .pt-xl-0{
        padding-top:0 !important
    }
    .pr-xl-0{
        padding-right:0 !important
    }
    .pb-xl-0{
        padding-bottom:0 !important
    }
    .pl-xl-0{
        padding-left:0 !important
    }
    .px-xl-0{
        padding-right:0 !important;
        padding-left:0 !important
    }
    .py-xl-0{
        padding-top:0 !important;
        padding-bottom:0 !important
    }
    .p-xl-1{
        padding:.25rem .25rem !important
    }
    .pt-xl-1{
        padding-top:.25rem !important
    }
    .pr-xl-1{
        padding-right:.25rem !important
    }
    .pb-xl-1{
        padding-bottom:.25rem !important
    }
    .pl-xl-1{
        padding-left:.25rem !important
    }
    .px-xl-1{
        padding-right:.25rem !important;
        padding-left:.25rem !important
    }
    .py-xl-1{
        padding-top:.25rem !important;
        padding-bottom:.25rem !important
    }
    .p-xl-2{
        padding:.5rem .5rem !important
    }
    .pt-xl-2{
        padding-top:.5rem !important
    }
    .pr-xl-2{
        padding-right:.5rem !important
    }
    .pb-xl-2{
        padding-bottom:.5rem !important
    }
    .pl-xl-2{
        padding-left:.5rem !important
    }
    .px-xl-2{
        padding-right:.5rem !important;
        padding-left:.5rem !important
    }
    .py-xl-2{
        padding-top:.5rem !important;
        padding-bottom:.5rem !important
    }
    .p-xl-3{
        padding:1rem 1rem !important
    }
    .pt-xl-3{
        padding-top:1rem !important
    }
    .pr-xl-3{
        padding-right:1rem !important
    }
    .pb-xl-3{
        padding-bottom:1rem !important
    }
    .pl-xl-3{
        padding-left:1rem !important
    }
    .px-xl-3{
        padding-right:1rem !important;
        padding-left:1rem !important
    }
    .py-xl-3{
        padding-top:1rem !important;
        padding-bottom:1rem !important
    }
    .p-xl-4{
        padding:1.5rem 1.5rem !important
    }
    .pt-xl-4{
        padding-top:1.5rem !important
    }
    .pr-xl-4{
        padding-right:1.5rem !important
    }
    .pb-xl-4{
        padding-bottom:1.5rem !important
    }
    .pl-xl-4{
        padding-left:1.5rem !important
    }
    .px-xl-4{
        padding-right:1.5rem !important;
        padding-left:1.5rem !important
    }
    .py-xl-4{
        padding-top:1.5rem !important;
        padding-bottom:1.5rem !important
    }
    .p-xl-5{
        padding:3rem 3rem !important
    }
    .pt-xl-5{
        padding-top:3rem !important
    }
    .pr-xl-5{
        padding-right:3rem !important
    }
    .pb-xl-5{
        padding-bottom:3rem !important
    }
    .pl-xl-5{
        padding-left:3rem !important
    }
    .px-xl-5{
        padding-right:3rem !important;
        padding-left:3rem !important
    }
    .py-xl-5{
        padding-top:3rem !important;
        padding-bottom:3rem !important
    }
    .m-xl-auto{
        margin:auto !important
    }
    .mt-xl-auto{
        margin-top:auto !important
    }
    .mr-xl-auto{
        margin-right:auto !important
    }
    .mb-xl-auto{
        margin-bottom:auto !important
    }
    .ml-xl-auto{
        margin-left:auto !important
    }
    .mx-xl-auto{
        margin-right:auto !important;
        margin-left:auto !important
    }
    .my-xl-auto{
        margin-top:auto !important;
        margin-bottom:auto !important
    }
}
.text-justify{
    text-align:justify !important
}
.text-nowrap{
    white-space:nowrap !important
}
.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-left{
    text-align:left !important
}
.text-right{
    text-align:right !important
}
.text-center{
    text-align:center !important
}
@media (min-width: 576px){
    .text-sm-left{
        text-align:left !important
    }
    .text-sm-right{
        text-align:right !important
    }
    .text-sm-center{
        text-align:center !important
    }
}
@media (min-width: 768px){
    .text-md-left{
        text-align:left !important
    }
    .text-md-right{
        text-align:right !important
    }
    .text-md-center{
        text-align:center !important
    }
}
@media (min-width: 992px){
    .text-lg-left{
        text-align:left !important
    }
    .text-lg-right{
        text-align:right !important
    }
    .text-lg-center{
        text-align:center !important
    }
}
@media (min-width: 1320px){
    .text-xl-left{
        text-align:left !important
    }
    .text-xl-right{
        text-align:right !important
    }
    .text-xl-center{
        text-align:center !important
    }
}
.text-lowercase{
    text-transform:lowercase !important
}
.text-uppercase{
    text-transform:uppercase !important
}
.text-capitalize{
    text-transform:capitalize !important
}
.font-weight-normal{
    font-weight:normal
}
.font-weight-bold{
    font-weight:bold
}
.font-italic{
    font-style:italic
}
.text-white{
    color:#fff !important
}
.text-muted{
    color:#636c72 !important
}
a.text-muted:focus,a.text-muted:hover{
    color:#4b5257 !important
}
.text-primary{
    color:#0275d8 !important
}
a.text-primary:focus,a.text-primary:hover{
    color:#025aa5 !important
}
.text-success{
    color:#5cb85c !important
}
a.text-success:focus,a.text-success:hover{
    color:#449d44 !important
}
.text-info{
    color:#5bc0de !important
}
a.text-info:focus,a.text-info:hover{
    color:#31b0d5 !important
}
.text-warning{
    color:#f0ad4e !important
}
a.text-warning:focus,a.text-warning:hover{
    color:#ec971f !important
}
.text-danger{
    color:#d9534f !important
}
a.text-danger:focus,a.text-danger:hover{
    color:#c9302c !important
}
.text-gray-dark{
    color:#292b2c !important
}
a.text-gray-dark:focus,a.text-gray-dark:hover{
    color:#101112 !important
}
.text-hide{
    font:0/0 a;
    color:transparent;
    text-shadow:none;
    background-color:transparent;
    border:0
}
.invisible{
    visibility:hidden !important
}
.hidden-xs-up{
    display:none !important
}
@media (max-width: 575px){
    .hidden-xs-down{
        display:none !important
    }
}
@media (min-width: 576px){
    .hidden-sm-up{
        display:none !important
    }
}
@media (max-width: 767px){
    .hidden-sm-down{
        display:none !important
    }
}
@media (min-width: 768px){
    .hidden-md-up{
        display:none !important
    }
}
@media (max-width: 991px){
    .hidden-md-down{
        display:none !important
    }
}
@media (min-width: 992px){
    .hidden-lg-up{
        display:none !important
    }
}
@media (max-width: 1319px){
    .hidden-lg-down{
        display:none !important
    }
}
@media (min-width: 1320px){
    .hidden-xl-up{
        display:none !important
    }
}
.hidden-xl-down{
    display:none !important
}
.visible-print-block{
    display:none !important
}
@media print{
    .visible-print-block{
        display:block !important
    }
}
.visible-print-inline{
    display:none !important
}
@media print{
    .visible-print-inline{
        display:inline !important
    }
}
.visible-print-inline-block{
    display:none !important
}
@media print{
    .visible-print-inline-block{
        display:inline-block !important
    }
}
@media print{
    .hidden-print{
        display:none !important
    }
}
.SiteHeader{
    position:absolute;
    width:100%;
    margin-top:0;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:0.15em;
    font-size:.625rem;
    line-height:2.8;
    font-family:"ralewaysemibold";
    z-index:2;
    opacity:0;
	background-color:#fff;
	height:90px;
	padding-top: 20px;
	padding-bottom:110px;
	
}
.SiteHeader-left{
    position:absolute;
    left:40px;
    top:27px;
}
.SiteHeader-center{
    text-align:center
}
.SiteHeader-right{
    position:absolute;
    right:40px;
    top:0
}
@media (max-width: 767px){
    .SiteHeader-nav{
        display:none
    }
}
.SiteHeader-nav li{
    display:inline;
    margin:0 18px
}
@media (max-width: 991px){
    .SiteHeader-nav li{
        margin:0 10px
    }
}
.SiteHeader-nav li:first-child.current_page_item a,.SiteHeader-nav li:last-child.current_page_item a{
    position:relative;
    color:#c21e26
}
.SiteHeader-nav li:first-child.current_page_item a:before,.SiteHeader-nav li:last-child.current_page_item a:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:1px;
    bottom:-7px;
    left:-1px;
    background:#c21e26
}
.SiteHeader-nav li a:hover{
    color:#c21e26
}
.SiteHeader-lang{
    display:inline-block
}
@media (max-width: 767px){
    .SiteHeader-lang{
        position:absolute;
        right:5px;
        top:30px
    }
}
.SiteHeader-lang a{
    display:block;
    float:left;
    padding:0 12px;
    line-height:28px;
    color:rgba(255,255,255,0.2);
    border:1px solid rgba(255,255,255,0.2)
}
.SiteHeader-lang a.isActive{
    color:#c21e26;
    border:1px solid #c21e26
}
.SiteHeader-lang a:hover{
    color:#fff;
    border:1px solid #fff
}
.SiteHeader-lang a:last-child{
    position:relative;
    left:-1px
}
.SiteHeader-rs{
    position:relative;
    display:inline-block;
    font-size:.875rem;
    line-height:2;
    margin-left:32px;
    top:-9px
}
@media (max-width: 1320px){
    .SiteHeader-rs{
        top:-5px
    }
}
.SiteHeader-rs a{
    margin:0 6px
}
.SiteHeader-rs a:hover{
    color:#c21e26
}
.SiteFooter{
    position:relative;
    padding:140px 0 30px;
    background:#000;
    color:#fff;
    font-family:"ralewaymedium";
    font-size:.875rem;
    line-height:1.57143
}
@media (max-width: 991px){
    .SiteFooter{
        padding-top:100px
    }
}
@media (max-width: 767px){
    .SiteFooter{
        padding-top:40px
    }
    .SiteFooter .col-md-4{
        margin-top:40px;
        text-align:center
    }
}
.SiteFooter-copyright{
    position:relative;
    margin-top:70px;
    padding-top:80px;
    font-family:"ralewaybold";
    font-size:.5rem;
    line-height:3.75;
    letter-spacing:0.45em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.2);
    border-top:1px solid rgba(255,255,255,0.15)
}
@media (max-width: 991px){
    .SiteFooter-copyright{
        margin-top:40px;
        padding-top:40px
    }
}
.SiteFooter-left a{
    margin-left:25px
}
@media (max-width: 480px){
    .SiteFooter-left{
        text-align:center
    }
}
.SiteFooter-right{
    position:absolute;
    right:0;
    top:80px
}
@media (max-width: 991px){
    .SiteFooter-right{
        top:40px
    }
}
.SiteFooter-rs{
    margin-top:60px
}
@media (max-width: 991px){
    .SiteFooter-rs{
        margin-top:20px
    }
}
.SiteFooter-rs a{
    position:relative;
    display:inline-block;
    width:73px;
    height:73px;
    line-height:73px;
    text-align:center;
    font-size:1.5em;
    margin:0 17px
}
.SiteFooter-rs a:after{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    top:0;
    background:transparent url(/wp-content/themes/bellevoye/assets/img/forme-share.png) no-repeat;
    background-size:99%;
    transition:transform 300ms ease-out;
    transform:translate3d(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden
}
.SiteFooter-rs a:hover:after{
    transform:rotate(30deg) translateZ(0);
    -webkit-transform:rotate(30deg) translateZ(0)
}
.SiteFooter .s-title8{
    margin-bottom:10px
}
.SiteFooter a:hover{
    color:#c21e26
}
.SiteFooter .icon-mail:before{
    margin-right:6px;
    font-size:0.7em
}
.PageLayout{
    position:relative;
    top:0;
    z-index:1
}

#timeline .tab-content p {text-align: left !important;}


@media (max-width: 1320px){
    .PageLayout-slice{
        margin-top:90px
    }
}
@media (max-width: 991px){
    .PageLayout-slice{
    }
}
@media (max-width: 767px){
    .PageLayout-slice#style{
        margin-bottom:-80px
    }
}
.PageLayout--page{
    position:relative;
    padding-top:150px;
    padding-bottom:50px
}
@media (max-width: 1320px){
    .PageLayout--page{
        padding-top:240px
    }
}
@media (max-width: 991px){
    .PageLayout--page{
        padding-top:200px
    }
}
@media (max-width: 767px){
    .PageLayout--page{
        padding-top:140px
    }
}
.PageLayout--page:before{
    content:'';
    position:absolute;
    display:block;
    width:100vw;
    height:200px;
    top:0;
    left:0;
    background:#111;
    z-index:-1
}
.PageLayout--page .PageLayout-slice{
    margin-top:0
}
.PageLayout--film{
    padding-top:200px
}
@media (max-width: 1320px){
    .PageLayout--film{
        padding-top:180px
    }
}
@media (max-width: 991px){
    .PageLayout--film{
        padding-top:160px
    }
}
@media (max-width: 767px){
    .PageLayout--film{
        padding-top:140px
    }
}
.PageLayout--film:before{
    height:70vh
}
@media (max-width: 1320px){
    .PageLayout--film:before{
        height:50vh
    }
}
.Splash{
    position:relative;
    width:100%;
    height:100vh;
    min-height:710px;
    overflow:hidden;
	background: #c21e26; 
}
@media (max-width: 767px){
    .Splash{
        height:60vh;
        min-height:auto
    }
	.introText {margin-top: 5px;}
	.uber {
    font-size: 3.5rem !important;
}
.Edito-intro {font-size: 20px !important;}
}
.Splash-img{
    position:absolute;
    width:100%;
    height:100%;
	
}
.Splash-video{
    position:absolute;
    width:auto;
    height:134vh;
    min-width:100%;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    background:#222
}
@media (max-width: 767px){
    .Splash-video{
        height:134%
    }
}
.Splash-scroll{
    position:absolute;
    display:block;
    width:50px;
    left:50%;
    margin-left:-25px;
    bottom:8%;
    text-align:center;
    opacity:0
}
@media (max-width: 767px){
    .Splash-scroll{
        transform:scale(0.6);
        -webkit-transform:scale(0.6);
        bottom:4%
    }
}
.Splash video{
    opacity:0
}
.Edito{
    position:relative
}
.Edito-txt{
    padding-right:60px;
	padding-left: 60px !important;
}
@media (max-width: 767px){
    .Edito-txt{
        padding:20px !important
    }
}
.Edito-img{
    position:relative
}
.Edito-img img{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    margin-left:-500px
}
.Edito-imgContainer{
    position:relative;
    opacity:0
}
.Edito-intro{
    display:block;
    padding:1px 0 20px;
    opacity:0;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 28px;
	font-weight: 200;
}
.Edito-losange{
    position:absolute;
    width:504px;
    height:504px;
    background:url(/wp-content/themes/bellevoye/assets/img/forme-carre.png) no-repeat;
    background-size:99%
}
@media (max-width: 1320px){
    .Edito-losange{
        width:400px;
        height:400px
    }
}
@media (max-width: 991px){
    .Edito-losange{
        display:none !important
    }
}
.Edito-legende{
    position:relative;
    font-size:.625rem;
    line-height:2.1;
    margin-top:30px;
    letter-spacing:0.8em;
    font-family:"butlerextrabold";
    text-align:center;
    opacity:0
}
.Edito-legende:before{
    transform:scaleY(0);
    -webkit-transform:scaleY(0);
    transform-origin:top;
    -webkit-transform-origin:top;
    transition:all 300ms ease-out;
    transition-delay:100ms;
    -webkit-transition-delay:100ms
}
.Edito-legende:after{
    transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform-origin:left;
    -webkit-transform-origin:left;
    transition:all 300ms ease-out
}

.Edito-legende.showLines:after{
    transform:scaleX(1);
    -webkit-transform:scaleX(1)
}
.Edito-quote{
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    margin-top:30px;
    text-align:center;
    border:2px solid #c21e26;
    font-family:"butler";
    color:#c21e26;
    border-radius:100%;
    font-size:2.5rem;
    line-height:1.65
}
.Edito .wysiwyg p{
    opacity:0
}
.Edito#spirit:after{
    content:'';
    position:absolute;
    display:block;
    width:1000%;
    height:550px;
    top:-120px;
    left:50%;
    z-index:-1
}
@media (max-width: 1320px){
    .Edito#spirit:after{
        top:-90px
    }
}
@media (max-width: 991px){
    .Edito#spirit:after{
        display:none
    }
}
.Edito#spirit:before{
    content:'';
    position:absolute;
    display:block;
    width:80px;
    height:1px;
    top:113px;
    left:580px;
    background:#c21e26
}
@media (max-width: 1320px){
    .Edito#spirit:before{
        left:440px;
        top:95px
    }
}
@media (max-width: 991px){
    .Edito#spirit:before{
        display:none
    }
}
.Edito#spirit .Edito-legende:before{
    content:'';
    position:absolute;
    display:block;
    width:1px;
    height:40px;
    top:-57px;
    left:50%;
    background:#c21e26
}
.Edito#spirit .Edito-legende:after{
    content:'';
    position:absolute;
    display:block;
    width:40px;
    height:1px;
    top:34px;
    left:50%;
    margin-left:-20px;
    background:#c21e26
}
.Edito#spirit .Edito-img{
    margin-top:15px
}
@media (max-width: 1320px){
    .Edito#spirit .Edito-img{
        margin-top:95px
    }
}
@media (max-width: 991px){
    .Edito#spirit .Edito-img{
        margin-top:50px
    }
}
.Edito#spirit .Edito-imgContainer{
    height:600px
}
@media (max-width: 1320px){
    .Edito#spirit .Edito-imgContainer{
        height:465px
    }
}
@media (max-width: 991px){
    .Edito#spirit .Edito-imgContainer{
        height:350px
    }
}
@media (max-width: 767px){
    .Edito#spirit .Edito-imgContainer{
        height:450px
    }
}
.Edito#spirit .Edito-losange{
    top:230px;
    left:85px
}
.Edito#spirit:before{
    transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform-origin:left;
    -webkit-transform-origin:left;
    transition:all 400ms ease-out
}

@media (max-width: 1320px){
    .Edito#spirit .Edito-txt{
        padding:0 60px
    }
}
.Edito#sales{
    position:relative;
    height:455px;
    z-index:-1
}
@media (max-width: 1320px){
    .Edito#sales{
        height:360px
    }
}
@media (max-width: 991px){
    .Edito#sales{
        height:270px
    }
}
@media (max-width: 767px){
    .Edito#sales{
        height:auto
    }
}
.Edito#sales:before{
    content:'';
    position:absolute;
    display:block;
    width:2000%;
/*   top:-260px;*/
    right:-1000%;
    z-index:-1
}
@media (max-width: 1320px){
    .Edito#sales:before{
        height:640px;
        top:-200px
    }
}
@media (max-width: 991px){
    .Edito#sales:before{
        height:520px
    }
}
@media (max-width: 767px){
    .Edito#sales:before{
        height:calc(100% + 140px);
        top:inherit;
        bottom:0
    }
}
.Edito#sales .Edito-txt{
    position:absolute;
    z-index:1;
    left:0
}
@media (max-width: 991px){
    .Edito#sales .Edito-txt{
        left:60px
    }
}
@media (max-width: 767px){
    .Edito#sales .Edito-txt{
        position:relative
    }
}
.Edito#sales .Edito-txt:before{
    content:'';
    position:absolute;
    display:block;
    width:15px;
    height:2px;
    top:18px;
    left:-80px;
    background:#c21e26
}
@media (max-width: 991px){
    .Edito#sales .Edito-txt:before{
        left:-60px
    }
}
.Edito#sales .Edito-txt:after{
    content:'';
    position:absolute;
    display:block;
    width:70px;
    height:1px;
    margin-top:80px;
    background:#c21e26
}
@media (max-width: 991px){
    .Edito#sales .Edito-txt:after{
        margin-top:40px
    }
}
.Edito#sales .Edito-txt:before,.Edito#sales .Edito-txt:after{
    transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform-origin:left;
    -webkit-transform-origin:left;
    transition:all 400ms ease-out
}
.Edito#sales .Edito-txt:after{
    transition-delay:100ms
}

.Edito#sales .Edito-txt .s-title4{
    font-size:1.125rem;
    line-height:1.36;
    margin-top:80px;
    letter-spacing:0.4em;
    font-family:"Arial";
    opacity:0
}
@media (max-width: 1320px){
    .Edito#sales .Edito-txt .s-title4{
        font-size:2.5rem;
        line-height:1.375
    }
}
@media (max-width: 991px){
    .Edito#sales .Edito-txt .s-title4{
        font-size:2rem;
        line-height:1.5625;
        margin-top:40px
    }
}
@media (max-width: 767px){
    .Edito#sales .Edito-txt .s-title4{
        font-size:1.625rem;
        line-height:1.46154;
        padding-right:60px;
        letter-spacing:0.2em
    }
}
.Edito#sales .Edito-txt img{
    opacity:0
}
.Edito#sales .Edito-img{
    position:absolute;
    left:0
}
@media (max-width: 767px){
    .Edito#sales .Edito-img{
        position:static;
        margin-top:80px
    }
}
.Edito#sales .Edito-imgContainer{
    height:465px
}
@media (max-width: 1320px){
    .Edito#sales .Edito-imgContainer{
        height:360px
    }
}
@media (max-width: 991px){
    .Edito#sales .Edito-imgContainer{
        height:270px
    }
}
.Edito#sales .Edito-imgContainer img{
    margin-left:-625px
}
.Edito#sales .Edito-losange{
    top:160px;
    left:85px
}
.Edito#film{
    margin-top:80px
}
@media (max-width: 991px){
    .Edito#film{
        margin-top:0
    }
}
.Edito#film .Edito-txt{
    font-size:.9375rem;
    line-height:1.73333;
    padding-right:0
}
@media (max-width: 1320px){
    .Edito#film .Edito-txt{
        padding-left:40px
    }
}
.Edito#film .Edito-txt strong{
    font-family:"ralewaybold"
}
.Edito#film .Edito-img{
    margin-top:120px
}
@media (max-width: 1320px){
    .Edito#film .Edito-img{
        margin-top:80px
    }
}
.Edito#film .Edito-img:before{
    content:'';
    position:absolute;
    display:block;
    width:80px;
    height:1px;
    top:160px;
    left:-40px;
    background:#c21e26;
    z-index:1
}
.Edito#film .Edito-img:after{
    content:'';
    position:absolute;
    display:block;
    width:1000%;
    height:410px;
    top:-70px;
    left:-50%;
    background:#f3f3f3;
    z-index:-1
}
@media (max-width: 1320px){
    .Edito#film .Edito-img:after{
        height:320px;
        top:-40px
    }
}
@media (max-width: 991px){
    .Edito#film .Edito-img:after{
        top:100px;
        width:200%
    }
}
@media (max-width: 767px){
    .Edito#film .Edito-img:after{
        display:none
    }
}
.Edito#film .Edito-imgContainer{
    margin-top:-205px;
    height:697px
}
@media (max-width: 1320px){
    .Edito#film .Edito-imgContainer{
        height:540px;
        margin-top:-140px;
        margin-bottom:30px
    }
}
@media (max-width: 991px){
    .Edito#film .Edito-imgContainer{
        height:540px;
        margin-top:-20px;
        margin-bottom:0
    }
}
.Edito#film .Edito-losange{
    top:-280px;
    left:80px
}
.Edito--page{
    margin-top:-50px;
    padding-bottom:100px
}
.Film{
    position:relative;
    height:40vw;
    min-height:400px;
    margin-top:-26px;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:-1
}
@media (max-width: 1320px){
    .Film{
        min-height:500px
    }
}
@media (max-width: 991px){
    .Film{
        min-height:400px
    }
}
@media (max-width: 767px){
    .Film{
        margin-top:-17px
    }
}
.Film-img{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    left:0;
    top:0
}
.Film-img iframe{
    opacity:0
}
.Film-img img{
    position:relative;
    display:block;
    margin-left:-100vw;
    opacity:1
}
.Film-img .js-VideoFrame{
    top:0;
    background:transparent
}
.Film-txt{
    position:relative;
    margin-bottom:-178px;
    z-index:1;
    opacity:0
}
@media (max-width: 991px){
    .Film-txt{
        margin-bottom:-100px
    }
}
.Film-play{
    position:relative;
    display:inline-block;
    width:78px;
    height:78px;
    line-height:78px;
    margin-top:100px;
    text-align:center;
    border:2px solid #c21e26;
    border-radius:100%;
    transition:400ms
}
@media (max-width: 767px){
    .Film-play{
        margin-top:30px
    }
}
.Film-play:before{
    content:'';
    position:absolute;
    display:block;
    width:20px;
    height:2px;
    top:-52px;
    left:50%;
    margin-left:-10px;
    margin-left:-10px;
    background:#c21e26;
    transition:400ms
}
@media (max-width: 767px){
    .Film-play:before{
        display:none
    }
}
.Film-play:after{
    content:'';
    position:absolute;
    display:block;
    width:1px;
    height:50px;
    top:-52px;
    left:50%;
    background:#c21e26
}
@media (max-width: 767px){
    .Film-play:after{
        display:none
    }
}
.Film-play.soon{
    cursor:default
}
.Film-play:hover{
    color:#fff;
    background:#c21e26
}
.Film-play:hover:before{
    width:50px;
    margin-left:-25px
}
.Film div.s-title8{
    margin-top:7px;
    color:#fff
}
.Film-deco{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    opacity:0
}
.Film-round{
    position:absolute;
    width:520px;
    height:520px;
    left:50%;
    top:50%;
    margin-left:-265px;
    margin-top:-255px;
    background-size:100%
}
@media screen and (max-width: 1480px){
    .Film-round{
        transform:scale(0.8);
        -webkit-transform:scale(0.8)
    }
}
@media (max-width: 991px){
    .Film-round{
        transform:scale(0.6);
        -webkit-transform:scale(0.6)
    }
}
.Film-round svg{
    width:100%;
    height:auto
}
.Film-round svg g{
    width:95%;
    height:auto
}
.Film-round .round1{
    stroke:#c21e26;
    stroke-linecap:round;
    stroke-width:1px;
    stroke-dasharray:0.001,4;
    fill:none;
    fill-rule:evenodd;
    animation:rotate 40s infinite linear;
    transform-origin:center center
}
.Film-round .round2{
    stroke:#c21e26;
    stroke-linecap:round;
    stroke-width:1px;
    stroke-dasharray:0.001,4;
    fill:none;
    fill-rule:evenodd;
    animation:rotateInverse 30s infinite linear;
    transform-origin:center center
}
.Film-soon{
    position:relative;
    top:-50px;
    color:#c21e26;
    text-shadow:0 0 3px #000
}
.container--film.isFilm{
    width:86%
}
@media (max-width: 1320px){
    .container--film.isFilm{
        width:100%
    }
}
@media (max-width: 1320px){
    .container--film{
        width:100%
    }
}
@media (max-width: 767px){
    .container--film{
        padding-left:0 !important;
        padding-right:0 !important
    }
}
@keyframes rotate{
    0%{
        transform:rotate(0);
        stroke-dasharray:2px
    }
    100%{
        transform:rotate(360deg);
        stroke-dasharray:3px
    }
}
@keyframes rotateInverse{
    0%{
        transform:rotate(0);
        stroke-dasharray:2px
    }
    100%{
        transform:rotate(-360deg);
        stroke-dasharray:3px
    }
}
.Product{
    margin-top:200px
}
@media (max-width: 1320px){
    .Product{
        margin-top:120px
    }
}
@media (max-width: 991px){
    .Product{
        margin-top:60px
    }
    .Product+.Product{
        margin-top:20px
    }
}
@media (max-width: 767px){
    .Product+.Product{
        margin-top:-50px
    }
}
.Product-img{
    position:relative;
    transform-origin:center;
    z-index:1;
    transition:none
}
@media (max-width: 1320px){
    .Product-img{
        transform:scale(0.77);
        left:-54px;
        top:40px
    }
}
@media (max-width: 991px){
    .Product-img{
        transform:scale(0.58);
        left:-76px
    }
}
@media (max-width: 767px){
    .Product-img{
        margin-top:-80px
    }
}
.Product-img:hover .Product-losange{
    transform:scale(0.94);
    -webkit-transform:scale(0.94)
}
.Product-img img{
    margin-top:-80px;
    margin-left:-220px;
    opacity:0
}
.Product-nav{
    margin-top:72px;
  /*position: absolute; 
	left: 0;
	right:0;
	bottom: 12px;*/
}

.Abs {position: absolute; 
	left: 0;
	right:0;
	bottom: 12px;}

@media (max-width: 1320px){
    .Product-nav{
        margin-top:50px
    }
}
@media (max-width: 767px){
    .Product-nav{
        margin-top:0
    }
    .Product-nav .s-title7{
        display:none
    }
}
.width1 {
    width: 380px !important;
    flex: 0 0 100.5% !important;
    max-width: 1220px !important;
    margin-right: 0px !important;
}

.Product-nav .col-1{
    opacity:0
}

.Product-nav .col-5{
    opacity:0
}

.Product-informations{
    margin-top:100px
}
@media (max-width: 991px){
    .Product-informations{
        margin-top:75px
    }
}
@media (max-width: 767px){
    .Product-informations{
        margin-top:40px
    }
}
.Product-informations .col-lg-4{
    padding-left:70px;
    margin-top:20px;
    opacity:0
}
@media (max-width: 1320px){
    .Product-informations .col-lg-4{
        padding-left:30px
    }
}
@media (max-width: 991px){
    .Product-informations .col-lg-4{
        padding-left:30px;
        margin-bottom:10px
    }
}
@media (max-width: 767px){
    .Product-informations .col-lg-4{
        padding-left:0
    }
}
.Product-txt{
    position:relative;
    margin-top:50px;
    z-index:2
}
@media (max-width: 767px){
    .Product-txt{
        text-align:center
    }
}
.Product-letter{
    position:relative;
    opacity:0
}
@media (max-width: 991px){
    .Product-letter{
        display:none
    }
}
.Product-letter:before{
    content:attr(data-letter);
    font-size:25rem;
    line-height:1;
    position:absolute;
    left:175px;
    top:-80px;
    color:#f3f3f3;
    text-transform:uppercase;
    font-family:"ralewaybold";
    z-index:-1
}
@media (max-width: 1320px){
    .Product-letter:before{
        top:-50px;
        font-size:18.75rem;
        line-height:1
    }
}
@media (max-width: 991px){
    .Product-letter:before{
        top:-50px;
        font-size:12.5rem;
        line-height:1
    }
}
.Product-title{
    position:relative;
    margin-left:-80px;
    opacity:0
}
@media (max-width: 767px){
    .Product-title{
        margin-left:0
    }
}
.Product-title:before{
    content:'';
    position:absolute;
    display:block;
    width:15px;
    height:2px;
    top:-30px;
    left:72px;
    background:#171211
}
@media (max-width: 767px){
    .Product-title:before{
        left:50%;
        margin-left:-8px
    }
}
.Product-title:after{
    content:'';
    position:absolute;
    display:block;
    width:70px;
    height:1px;
    bottom:-55px;
    left:130px;
    background:#c21e26
}
@media (max-width: 1320px){
    .Product-title:after{
        left:110px
    }
}
@media (max-width: 767px){
    .Product-title:after{
        left:50%;
        margin-left:-35px;
        bottom:-25px
    }
}
.Product-title:before,.Product-title:after{
    transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform-origin:left;
    -webkit-transform-origin:left;
    transition:all 400ms ease-out
}
.Product-title:before{
    transition-delay:100ms
}
.Product-title.bleu:before{
    background:#020e55
}
.Product-title.rouge:before{
    background:#a40104
}
.Product-title.blanc:before{
    background:#eae3d1
}

.Product .readMore{
    margin-top:140px;
    margin-left:70px
}
@media (max-width: 1320px){
    .Product .readMore{
        margin-top:120px
    }
}
@media (max-width: 991px){
    .Product .readMore{
        margin-top:60px
    }
}
@media (max-width: 767px){
    .Product .readMore{
        margin-top:30px;
        margin-left:0
    }
}
.Product-vignette{
    position:relative;
    display:inline-block;
    width:35px;
    height:35px;
    margin-top:30px;
    background:#171211;
    transform:rotate(45deg);
    transition:250ms
}
.Product-vignette:before{
    content:'';
    position:absolute;
    display:block;
    width:47px;
    height:47px;
    top:-6px;
    left:-6px;
    border:1px dashed #171211;
    transition:250ms
}
.Product-vignette.bleu{
    background:#020e55
}
.Product-vignette.bleu:before{
    border-color:#020e55
}
.Product-vignette.blanc{
    background:#eae3d1
}
.Product-vignette.blanc:before{
    border-color:#eae3d1
}
.Product-vignette.rouge{
    background:#a40104
}
.Product-vignette.rouge:before{
    border-color:#a40104
}
.Product-resume{
    display:inline-block
}
.Product-resume:hover{
    color:#c21e26
}
.Product-resume:hover .Product-vignette{
    background:#c21e26
}
.Product-resume:hover .Product-vignette:before{
    transform:scale(1.15);
    border-color:#c21e26
}
.Product-aplat{
    position:absolute;
    display:block;
    width:330px;
    height:330px;
    background:#171211;
    top:100px;
    left:145px;
    transform:rotate(45deg) scale(0);
    -webkit-transform:rotate(45deg) scale(0);
    z-index:-1;
    transition:none
}
.Product-aplat:before{
    position:absolute;
    display:block;
    width:440px;
    height:440px;
    top:-55px;
    left:-55px;
    border:1px dashed #171211;
    transform:scale(1);
    -webkit-transform:scale(1);
    transition:400ms
}
.Product-aplat.bleu{
    background:#020e55
}
.Product-aplat.bleu:before{
    border-color:#020e55
}
.Product-aplat.blanc{
    background:#eae3d1
}
.Product-aplat.blanc:before{
    border-color:#eae3d1
}
.Product-aplat.rouge{
    background:#a40104
}
.Product-aplat.rouge:before{
    border-color:#a40104
}
.Product-losange{
    position:absolute;
    top:-55px;
    left:-55px;
    transform:scale(1);
    -webkit-transform:scale(1);
    transition:400ms
}
.Product-losange svg{
    position:relative
}
.Product-losange svg .losange{
    stroke:#171211;
    stroke-linecap:round;
    stroke-width:1.5px;
    stroke-dasharray:0.001,5;
    fill:none;
    fill-rule:evenodd;
    animation:dash 20s linear infinite;
    -webkit-animation:dash 20s linear infinite
}
@media (max-width: 1320px){
    .Product-losange svg .losange{
        animation:none;
        -webkit-animation:none
    }
}
.Product-losange.bleu .losange{
    stroke:#020e55
}
.Product-losange.rouge .losange{
    stroke:#a40104
}
.Product-losange.blanc .losange{
    stroke:#eae3d1
}
.Product--right .Product-img img{
    margin-left:-317px
}
.Product--right .Product-title{
    text-align:right;
    margin-right:-80px
}
@media (max-width: 767px){
    .Product--right .Product-title{
        text-align:center;
        margin-right:0
    }
}
.Product--right .Product-title small{
    left:0;
    right:-25px
}
.Product--right .Product-title:after{
    right:130px;
    left:inherit
}
@media (max-width: 1320px){
    .Product--right .Product-title:after{
        right:110px
    }
}
@media (max-width: 767px){
    .Product--right .Product-title:after{
        right:inherit;
        left:50%;
        margin-left:-35px
    }
}
.Product--right .Product-title:before{
    right:72px;
    left:inherit
}
@media (max-width: 767px){
    .Product--right .Product-title:before{
        right:inherit;
        left:50%;
        margin-left:-8px
    }
}
.Product--right .readMore{
    margin-right:25px
}
@media (max-width: 767px){
    .Product--right .readMore{
        margin-right:0
    }
}
.Popin{
    position:fixed;
    display:flex;
    display:none;
    width:100%;
    height:100vh;
    z-index:10;
    left:0;
    top:0;
    align-items:center;
    justify-content:left;
    pointer-events:none
}
.Popin-content{
    display:flex;
    position:relative;
    height:775px;
    background:#fff;
    align-items:center;
    justify-content:center;
    pointer-events:auto;
    transform-origin:top;
    -webkit-transform-origin:top
}
@media (max-width: 1320px){
    .Popin-content{
        height:600px
    }
}
@media (max-width: 767px){
    .Popin-content{
        height:88vh;
        overflow:scroll
    }
}
.Popin-img,.Popin-imgContainer{
    position:relative;
    height:100%
}
.Popin-img img,.Popin-imgContainer img{
    margin-left:-775px
}
@media (max-width: 767px){
    .Popin-img{
        height:88vw
    }
}
.Popin .container{
    position:relative
}
@media (max-width: 767px){
    .Popin .container{
        width:100% !important
    }
}
.Popin-txt{
    position:relative
}
@media (max-width: 767px){
    .Popin-txt{
        padding:40px 0
    }
}
.Popin .Product-informations{
    margin-top:0;
    padding:0 25%
}
@media (max-width: 1320px){
    .Popin .Product-informations{
        padding:0 10%
    }
}
.Popin .Product-vignette{
    margin-top:0;
    opacity:0;
    transition:none
}
.Popin-paragraphe{
    margin-top:30px;
    opacity:0
}
.Popin .s-title5{
    position:relative;
    left:5px;
    margin-top:30px;
    opacity:0
}
.Popin .s-title5 small{
    left:-5px;
    right:inherit
}
@media (max-width: 1320px){
    .Popin .s-title5 small{
        top:0
    }
}
.Popin-close{
    display:block;
    position:absolute;
    width:50px;
    height:50px;
    line-height:50px;
    top:-25px;
    right:-25px;
    color:#fff;
    text-align:center;
    background:#c21e26;
    transform:rotate(45deg);
    font-size:2em;
    pointer-events:auto;
    opacity:0;
    transition:background 200ms ease-out
}
@media (max-width: 767px){
    .Popin-close{
        right:-3px
    }
}
.Popin-close:hover{
    background:#ac853c
}
.Popin-overlay{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);
    top:0;
    left:0;
    z-index:5
}
.readMore{
    position:relative;
    display:inline-block;
    font-size:.75rem;
    line-height:1.75;
    font-family:"Arial";
    letter-spacing:0.7em;
    text-transform:uppercase;
    color:#000;
    opacity:0;
    padding-bottom:12px
}
.readMore:before{
    content:'';
    position:absolute;
    display:block;
    width:calc(100% - 6px);
    height:3px;
    bottom:-3px;
    left:0;
    background:#000;
    z-index:-1
}
.readMore:after{
    content:'';
    position:absolute;
    display:block;
    width:50px;
    height:1px;
    bottom:23px;
    right:-75px;
    background:#c21e26;
    z-index:-1
}
@media (max-width: 767px){
    .readMore:after{
        display:none
    }
}
.readMore:before,.readMore:after{
    transform:scaleX(0);
    -webkit-transform:scaleX(0);
    transform-origin:left;
    -webkit-transform-origin:left;
    transition:all 250ms ease-out
}
.readMore.showLines:before,.readMore.showLines:after{
    transform:scaleX(1);
    -webkit-transform:scaleX(1)
}
.readMore:hover{
    color:#c21e26
}
.readMore:hover:after{
    right:250px
}
.wysiwyg p+p,.wysiwyg p+ul,.wysiwyg p+ol,.wysiwyg ul+ul,.wysiwyg ul+p,.wysiwyg ul+ol,.wysiwyg ol+ol,.wysiwyg ol+p,.wysiwyg ol+ul{
    margin-top:20px
}
.wysiwyg em{
    font-style:italic
}
.wysiwyg sub{
    vertical-align:sub
}
.wysiwyg sup{
    vertical-align:super
}
.wysiwyg ol{
    list-style-type:decimal
}
.wysiwyg ul{
    list-style-type:disc
}
.wysiwyg ul,.wysiwyg ol{
    padding:0
}
.wysiwyg li{
    display:block
}
.wysiwyg img{
    display:block;
    margin:20px 0;
    max-width:100%;
    height:auto
}
.wysiwyg .s-title7{
    margin:50px 0 20px
}
.wysiwyg--full{
    padding:120px 0;
    opacity:0
}
@media (max-width: 1320px){
    .wysiwyg--full{
        padding:80px 0
    }
}
.wysiwyg--full .s-title5{
    font-size:2.25rem;
    line-height:1.72222
}
@media (max-width: 1320px){
    .wysiwyg--full .s-title5{
        font-size:1.875rem;
        line-height:1.8
    }
}
@media (max-width: 991px){
    .wysiwyg--full .s-title5{
        font-size:1.5rem;
        line-height:1.66667
    }
}
.wysiwyg--full .s-title4{
    letter-spacing:0;
    font-family:"butler";
    font-size:3.125rem;
    line-height:1.36
}
@media (max-width: 1320px){
    .wysiwyg--full .s-title4{
        font-size:2.5rem;
        line-height:1.25
    }
}
@media (max-width: 991px){
    .wysiwyg--full .s-title4{
        font-size:2rem;
        line-height:1.25
    }
}
.wysiwyg--page strong{
    font-family:"ralewaybold"
}
.wysiwyg--page a{
    color:#999
}
.wysiwyg--page a:hover{
    color:#c21e26
}
.bgSite{
    position:fixed;
    height:100%;
    left:50%;
    margin-left:-620px;
    top:0;
    overflow:hidden;
    z-index:-1
}
@media (max-width: 1320px){
    .bgSite{
        width:960px;
        margin-left:-480px
    }
}
@media (max-width: 991px){
    .bgSite{
        width:720px;
        margin-left:-360px
    }
}
@media (max-width: 767px){
    .bgSite{
        display:none
    }
}
.bgSite .container,.bgSite .row,.bgSite .col-md-2{
    position:relative;
    height:100%
}
.bgSite .col-md-2{

}
.bgSite .col-md-2:first-child{
}
.bgSite--light{
    position:absolute;
    height:70vh
}
@media (max-width: 1320px){
    .bgSite--light{
        height:50vh
    }
}
.bgSite--light .col-md-2{
    border-color:#1d1d1d
}
.bgSite--light .col-md-2:first-child{
    border-color:#1d1d1d
}
.bgSite--light--page{
    height:200px
}