/*-----------------------------------------------------------------------*/
/*Reset*/
/*-----------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration: none; color: inherit;}sup{vertical-align: top;}i{font-style: italic;}
b{font-weight: 700;}

/*-----------------------------------------------------------------------*/
/*Starter - Skeleton*/
/*-----------------------------------------------------------------------*/
/*-------------------------*/
/*Margin*/
/*-------------------------*/
.mt--50{margin-top: -50px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-70{margin-top: 70px;}
.mt-75{margin-top: 75px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}

.mb-0{margin-bottom: 0;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-35{margin-bottom: 35px;}
.mb-50{margin-bottom: 50px;}

.ml-auto{margin-left: auto;}
.ml-5{margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}
.ml-30{margin-left: 30px;}
.ml-35{margin-left: 35px;}
.ml-40{margin-left: 40px;}
.ml-45{margin-left: 45px;}
.ml-50{margin-left: 50px;}
.ml-60{margin-left: 60px;}
.ml-70{margin-left: 70px;}
.ml-80{margin-left: 80px;}

.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-30{margin-right: 30px;}

.mt-mb-10{margin-top: 10px;margin-bottom: 10px;}

.mar-5{margin: 5px;}

.ml-mr-auto{
    margin-left: auto;
    margin-right: auto;
}


/*-------------------------*/
/*Padding*/
/*-------------------------*/
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-35{padding-top: 35px;}
.pt-45{padding-top: 45px;}
.pt-50{padding-top: 50px;}
.pt-75{padding-top: 75px;}
.pt-80{padding-top: 80px;}

.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-35{padding-bottom: 35px;}
.pb-45{padding-bottom: 45px;}
.pb-50{padding-bottom: 50px;}
.pb-100{padding-bottom: 100px;}

.pl-100{padding-left: 100px;}

.pl-pr-5{padding-left: 5px;padding-right: 5px;}
.pl-pr-10{padding-left: 10px;padding-right: 10px;}
.pl-pr-15{padding-left: 15px;padding-right: 15px;}
.pl-pr-20{padding-left: 20px;padding-right: 20px;}
.pl-pr-25{padding-left: 25px;padding-right: 25px;}
.pl-pr-30{padding-left: 30px;padding-right: 30px;}
.pl-pr-35{padding-left: 35px;padding-right: 35px;}
.pl-pr-50{padding-left: 50px;padding-right: 50px;}
.pl-pr-60{padding-left: 60px;padding-right: 60px;}
.pl-pr-80{padding-left: 80px;padding-right: 80px;}

.pt-pb-5{padding-top: 5px;padding-bottom: 5px;}
.pt-pb-10{padding-top: 10px;padding-bottom: 10px;}
.pt-pb-15{padding-top: 15px;padding-bottom: 15px;}
.pt-pb-20{padding-top: 20px;padding-bottom: 20px;}
.pt-pb-25{padding-top: 25px;padding-bottom: 25px;}
.pt-pb-30{padding-top: 30px;padding-bottom: 30px;}
.pt-pb-35{padding-top: 35px;padding-bottom: 35px;}
.pt-pb-45{padding-top: 45px;padding-bottom: 45px;}
.pt-pb-50{padding-top: 50px;padding-bottom: 50px;}
.pt-pb-60{padding-top: 60px;padding-bottom: 60px;}

.pad-5{padding: 5px;}
.pad-10{padding: 10px;}
.pad-20{padding: 20px;}
.pad-25{padding: 25px;}
.pad-35{padding: 35px;}

/*-------------------------*/
/*Fonts*/
/*-------------------------*/
.fs-0{font-size: 0;}
.fs-1{font-size: 1px;}
.fs-2{font-size: 2px;}
.fs-3{font-size: 3px;}
.fs-4{font-size: 4px;}
.fs-5{font-size: 5px;}
.fs-6{font-size: 6px;}
.fs-7{font-size: 7px;}
.fs-8{font-size: 8px;}
.fs-9{font-size: 9px;}
.fs-10{font-size: 10px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-24{font-size: 24px;}
.fs-25{font-size: 25px;}
.fs-26{font-size: 26px;}
.fs-27{font-size: 27px;}
.fs-28{font-size: 28px;}
.fs-29{font-size: 29px;}
.fs-30{font-size: 30px;}
.fs-31{font-size: 31px;}
.fs-32{font-size: 32px;}
.fs-33{font-size: 33px;}
.fs-34{font-size: 34px;}
.fs-35{font-size: 35px;}
.fs-36{font-size: 36px;}
.fs-37{font-size: 37px;}
.fs-38{font-size: 38px;}
.fs-39{font-size: 39px;}
.fs-40{font-size: 40px;}
.fs-41{font-size: 41px;}
.fs-42{font-size: 42px;}
.fs-43{font-size: 43px;}
.fs-44{font-size: 44px;}
.fs-45{font-size: 45px;}
.fs-46{font-size: 46px;}
.fs-47{font-size: 47px;}
.fs-48{font-size: 48px;}
.fs-49{font-size: 49px;}
.fs-50{font-size: 50px;}
.fs-51{font-size: 51px;}
.fs-52{font-size: 52px;}
.fs-53{font-size: 53px;}
.fs-54{font-size: 54px;}
.fs-55{font-size: 55px;}
.fs-56{font-size: 56px;}
.fs-57{font-size: 57px;}
.fs-58{font-size: 58px;}
.fs-59{font-size: 59px;}
.fs-60{font-size: 60px;}

.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-900{font-weight: 900;}

.lh-0{line-height: 0;}
.lh-1{line-height: 1px;}
.lh-2{line-height: 2px;}
.lh-3{line-height: 3px;}
.lh-4{line-height: 4px;}
.lh-5{line-height: 5px;}
.lh-6{line-height: 6px;}
.lh-7{line-height: 7px;}
.lh-8{line-height: 8px;}
.lh-9{line-height: 9px;}
.lh-10{line-height: 10px;}
.lh-11{line-height: 11px;}
.lh-12{line-height: 12px;}
.lh-13{line-height: 13px;}
.lh-14{line-height: 14px;}
.lh-15{line-height: 15px;}
.lh-16{line-height: 16px;}
.lh-18{line-height: 18px;}
.lh-20{line-height: 20px;}
.lh-22{line-height: 22px;}
.lh-24{line-height: 24px;}
.lh-25{line-height: 25px;}
.lh-30{line-height: 30px;}
.lh-31{line-height: 31px;}
.lh-32{line-height: 32px;}
.lh-33{line-height: 33px;}
.lh-34{line-height: 34px;}
.lh-35{line-height: 35px;}
.lh-36{line-height: 36px;}
.lh-37{line-height: 37px;}
.lh-38{line-height: 38px;}
.lh-39{line-height: 39px;}
.lh-40{line-height: 40px;}
.lh-41{line-height: 41px;}
.lh-42{line-height: 42px;}
.lh-43{line-height: 43px;}
.lh-44{line-height: 44px;}
.lh-45{line-height: 45px;}
.lh-46{line-height: 46px;}
.lh-47{line-height: 47px;}
.lh-48{line-height: 48px;}
.lh-49{line-height: 49px;}
.lh-50{line-height: 50px;}
.lh-51{line-height: 51px;}
.lh-52{line-height: 52px;}
.lh-53{line-height: 53px;}
.lh-54{line-height: 54px;}
.lh-55{line-height: 55px;}
.lh-56{line-height: 56px;}
.lh-57{line-height: 57px;}
.lh-58{line-height: 58px;}
.lh-59{line-height: 59px;}
.lh-60{line-height: 60px;}

.ls--05{letter-spacing: -0.5px;}
.ls-01{letter-spacing: 0.1px;}
.ls-02{letter-spacing: 0.2px;}
.ls-03{letter-spacing: 0.3px;}
.ls-04{letter-spacing: 0.4px;}
.ls-05{letter-spacing: 0.5px;}
.ls-06{letter-spacing: 0.6px;}
.ls-07{letter-spacing: 0.7px;}
.ls-08{letter-spacing: 0.8px;}
.ls-09{letter-spacing: 0.9px;}
.ls-1-2{letter-spacing: 1.2px;}

.font-gopher{font-family: gopher, sans-serif;}

.style-italic{font-style: italic;}
.upper{text-transform: uppercase;}


/*-------------------------*/
/*Général CSS*/
/*-------------------------*/
body.noscroll{overflow: hidden;font-family: 'Source Sans Pro', sans-serif;}

.show-m, .showm{display: none;}
.show-t, .showt{display: none;}

.w48p{width: 48%;}
.w90p{width: 90%;}
.w100p{width: 100%;}
.midsize{width: calc(50% - 1rem);}

.h-auto{height: auto;}
.h100p{height: 100%;}

.maxw-90p{max-width: 90%;}

.d-block{display: block;}
.d-inlineblock{display: inline-block;}
.d-none{display: none;}
.d-grid{
    display: -ms-grid;
    display: grid;
}

.pointer{cursor: pointer;}
.no-underline{text-decoration: none;}

.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-justify{text-align: justify;}

.pos-absolute{position: absolute;}
.pos-relative{position: relative;}
.pos-fixed{position: fixed;}

.borderbox{box-sizing: border-box}

.flex{display: flex;}
.inline-flex{display: inline-flex;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.justify-around{justify-content: space-around;}
.justify-start{justify-content: flex-start;}
.justify-end{justify-content: flex-end;}
.item-center{align-items: center;}
.item-start{align-items: flex-start;}
.item-end{align-items: flex-end;}
.self-center{align-self: center;}
.dir-column{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.flex1{flex: 1;}
.flex-all-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.inlineflex-all-center{
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.btn{
    min-height: 26px;
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    transition: background-color .3s;
}
.btn:hover{
    transition: background-color .3s;
}
.btn-long{
    padding: 8px 25px;
}
.btn-lg{
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 10px;
}
.btn-lg.btn-long{
    padding: 8px 30px;
}
.bkg-trans{ background-color: rgba(49,58,252,.0); }
.bkg-trans:hover{ background-color: rgba(49,58,252,.05); }
.bkg-blue{ background-color: rgba(49,58,252,1); }
.bkg-blue:hover{ background-color: #1720e9; }
.bkg-blue-light{ background-color: rgba(49,58,252,.05); }
.bkg-blue-light:hover{ background-color: rgba(49,58,252,.1); }
.bkg-dark{ background-color: rgba(11,17,28,1); }
.bkg-dark:hover{ background-color: rgba(11,17,28,.8); }
.bkg-dark-light{ border: solid 1px rgba(11,17,28,.2); }
.bkg-dark-light:hover{ border: solid 1px rgba(11,17,28,.4); }
.arrow svg{ height: 15px;width: auto; }
.arrow-down{ transform: rotate(90deg); }
.arrow-left{ transform: rotate(180deg); }
.arrow-up{ transform: rotate(270deg); }

@media screen and (min-width: 1024px) {
    .d-none-d{display: none;}
    .show-d{display: block;}
    .show-d.flex{display: flex;}
    .show-m-t{display: none;}
    .show-m{display: none;}
}

@media screen and (max-width: 1023.98px) {
    /*-------------------------*/
    /*Margin*/
    /*-------------------------*/
    .mt-0-m-t{margin-top: 0;}
    .mt-5-m-t{margin-top: 5px;}
    .mt-10-m-t{margin-top: 10px;}
    .mt-15-m-t{margin-top: 15px;}
    .mt-20-m-t{margin-top: 20px;}
    .mt-25-m-t{margin-top: 25px;}
    .mt-30-m-t{margin-top: 30px;}
    .mt-40-m-t{margin-top: 40px;}
    .mt-50-m-t{margin-top: 50px;}
    .mt-75-m-t{margin-top: 75px;}

    .ml-0-m-t{margin-left: 0;}
    .ml-10-m-t{margin-left: 10px;}
    .ml-15-m-t{margin-left: 15px;}
    .ml-30-m-t{margin-left: 30px;}

    .mb-0-m-t{margin-bottom: 0;}
    .mb-15-m-t{margin-bottom: 15px;}
    .mb-35-m-t{margin-bottom: 35px;}


    /*-------------------------*/
    /*Padding*/
    /*-------------------------*/
    .pt-15-m-t{padding-top: 15px;}
    .pt-20-m-t{padding-top: 20px;}
    .pt-25-m-t{padding-top: 25px;}
    .pt-50-m-t{padding-top: 50px;}

    .pb-0-m-t{padding-bottom: 0;}
    .pb-15-m-t{padding-bottom: 15px;}
    .pb-20-m-t{padding-bottom: 20px;}
    .pb-25-m-t{padding-bottom: 25px;}
    .pb-50-m-t{padding-bottom: 50px;}
    .pb-75-m-t{padding-bottom: 75px;}

    .pl-pr-0-m-t{padding-left: 0;padding-right: 0;}
    .pl-pr-15-m-t{padding-left: 15px;padding-right: 15px;}


    /*-------------------------*/
    /*Général CSS*/
    /*-------------------------*/
    .show-d{display: none;}
    .show-m-t{display: block;}
    .show-t{display: block;}

    .pos-static-m-t{position: static;}
    .d-block-m-t{display: block;}
    .mygrid.d-block-m-t{display: block;}
    .flex-m-t{display: flex;}
    .dir-column-m-t{flex-direction: column;}
    .justify-start-m-t{justify-content: flex-start;}
    .justify-between-m-t{justify-content: space-between;}
    .item-center-m-t{align-items: center;}
    .item-start-m-t{align-items: flex-start;}
    .flex1-m-t{flex: 1;}
    .no-align-self-m-t{align-self: auto;}
    .self-end-m-t{align-self: flex-end;}

    .w100p-m-t{width: 100%;}
    .w48p-m-t{width: 48%;}
    .h-auto-m-t{height: auto;}
}

@media screen and (max-width: 575.98px) {

    /*-------------------------*/
    /*Fonts*/
    /*-------------------------*/
    .fs-0-m{font-size: 0;}
    .fs-1-m{font-size: 1px;}
    .fs-2-m{font-size: 2px;}
    .fs-3-m{font-size: 3px;}
    .fs-4-m{font-size: 4px;}
    .fs-5-m{font-size: 5px;}
    .fs-6-m{font-size: 6px;}
    .fs-7-m{font-size: 7px;}
    .fs-8-m{font-size: 8px;}
    .fs-9-m{font-size: 9px;}
    .fs-10-m{font-size: 10px;}
    .fs-11-m{font-size: 11px;}
    .fs-12-m{font-size: 12px;}
    .fs-13-m{font-size: 13px;}
    .fs-14-m{font-size: 14px;}
    .fs-15-m{font-size: 15px;}
    .fs-16-m{font-size: 16px;}
    .fs-18-m{font-size: 18px;}
    .fs-20-m{font-size: 20px;}
    .fs-22-m{font-size: 22px;}
    .fs-24-m{font-size: 24px;}
    .fs-25-m{font-size: 25px;}
    .fs-26-m{font-size: 26px;}
    .fs-27-m{font-size: 27px;}
    .fs-28-m{font-size: 28px;}
    .fs-29-m{font-size: 29px;}
    .fs-30-m{font-size: 30px;}
    .fs-31-m{font-size: 31px;}
    .fs-32-m{font-size: 32px;}
    .fs-33-m{font-size: 33px;}
    .fs-34-m{font-size: 34px;}
    .fs-35-m{font-size: 35px;}
    .fs-36-m{font-size: 36px;}
    .fs-37-m{font-size: 37px;}
    .fs-38-m{font-size: 38px;}
    .fs-39-m{font-size: 39px;}
    .fs-40-m{font-size: 40px;}
    .fs-41-m{font-size: 41px;}
    .fs-42-m{font-size: 42px;}
    .fs-43-m{font-size: 43px;}
    .fs-44-m{font-size: 44px;}
    .fs-45-m{font-size: 45px;}
    .fs-46-m{font-size: 46px;}
    .fs-47-m{font-size: 47px;}
    .fs-48-m{font-size: 48px;}
    .fs-49-m{font-size: 49px;}
    .fs-50-m{font-size: 50px;}
    .fs-51-m{font-size: 51px;}
    .fs-52-m{font-size: 52px;}
    .fs-53-m{font-size: 53px;}
    .fs-54-m{font-size: 54px;}
    .fs-55-m{font-size: 55px;}
    .fs-56-m{font-size: 56px;}
    .fs-57-m{font-size: 57px;}
    .fs-58-m{font-size: 58px;}
    .fs-59-m{font-size: 59px;}
    .fs-60-m{font-size: 60px;}

    .fw-200{font-weight: 200;}
    .fw-300{font-weight: 300;}
    .fw-400{font-weight: 400;}
    .fw-500{font-weight: 500;}
    .fw-600{font-weight: 600;}
    .fw-700{font-weight: 700;}
    .fw-900{font-weight: 900;}

    .lh-0-m{line-height: 0;}
    .lh-1-m{line-height: 1px;}
    .lh-2-m{line-height: 2px;}
    .lh-3-m{line-height: 3px;}
    .lh-4-m{line-height: 4px;}
    .lh-5-m{line-height: 5px;}
    .lh-6-m{line-height: 6px;}
    .lh-7-m{line-height: 7px;}
    .lh-8-m{line-height: 8px;}
    .lh-9-m{line-height: 9px;}
    .lh-10-m{line-height: 10px;}
    .lh-11-m{line-height: 11px;}
    .lh-12-m{line-height: 12px;}
    .lh-13-m{line-height: 13px;}
    .lh-14-m{line-height: 14px;}
    .lh-15-m{line-height: 15px;}
    .lh-16-m{line-height: 16px;}
    .lh-18-m{line-height: 18px;}
    .lh-20-m{line-height: 20px;}
    .lh-22-m{line-height: 22px;}
    .lh-24-m{line-height: 24px;}
    .lh-25-m{line-height: 25px;}
    .lh-30-m{line-height: 30px;}
    .lh-31-m{line-height: 31px;}
    .lh-32-m{line-height: 32px;}
    .lh-33-m{line-height: 33px;}
    .lh-34-m{line-height: 34px;}
    .lh-35-m{line-height: 35px;}
    .lh-36-m{line-height: 36px;}
    .lh-37-m{line-height: 37px;}
    .lh-38-m{line-height: 38px;}
    .lh-39-m{line-height: 39px;}
    .lh-40-m{line-height: 40px;}
    .lh-41-m{line-height: 41px;}
    .lh-42-m{line-height: 42px;}
    .lh-43-m{line-height: 43px;}
    .lh-44-m{line-height: 44px;}
    .lh-45-m{line-height: 45px;}
    .lh-46-m{line-height: 46px;}
    .lh-47-m{line-height: 47px;}
    .lh-48-m{line-height: 48px;}
    .lh-49-m{line-height: 49px;}
    .lh-50-m{line-height: 50px;}
    .lh-51-m{line-height: 51px;}
    .lh-52-m{line-height: 52px;}
    .lh-53-m{line-height: 53px;}
    .lh-54-m{line-height: 54px;}
    .lh-55-m{line-height: 55px;}
    .lh-56-m{line-height: 56px;}
    .lh-57-m{line-height: 57px;}
    .lh-58-m{line-height: 58px;}
    .lh-59-m{line-height: 59px;}
    .lh-60-m{line-height: 60px;}

    .ls--05-m{letter-spacing: -0.5px;}
    .ls-01-m{letter-spacing: 0.1px;}
    .ls-02-m{letter-spacing: 0.2px;}
    .ls-03-m{letter-spacing: 0.3px;}
    .ls-04-m{letter-spacing: 0.4px;}
    .ls-05-m{letter-spacing: 0.5px;}
    .ls-06-m{letter-spacing: 0.6px;}
    .ls-07-m{letter-spacing: 0.7px;}
    .ls-08-m{letter-spacing: 0.8px;}
    .ls-09-m{letter-spacing: 0.9px;}
    .ls-1-2{letter-spacing: 1.2px;}

    /*-------------------------*/
    /*Margin*/
    /*-------------------------*/
    .mt-0-m{margin-top: 0;}
    .mt-10-m{margin-top: 10px;}
    .mt-15-m{margin-top: 15px;}
    .mt-20-m{margin-top: 20px;}
    .mt-35-m{margin-top: 35px;}
    .mt-50-m{margin-top: 50px;}

    .mb-0-m{margin-bottom: 0;}

    .ml-0-m{margin-left: 0;}
    .ml-10-m{margin-left: 10px;}
    .ml-15-m{margin-left: 15px;}
    .ml-40-m{margin-left: 40px;}

    /*-------------------------*/
    /*Padding*/
    /*-------------------------*/
    .pt-25-m{padding-top: 25px;}

    .pb-0-m{padding-bottom: 0;}
    .pb-20-m{padding-bottom: 20px;}
    .pb-25-m{padding-bottom: 25px;}
    .pb-50-m{padding-bottom: 50px;}

    .pt-pb-15-m{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .pt-pb-25-m{
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .pt-pb-45-m{
        padding-top: 45px;
        padding-bottom: 45px;
    }

    /*-------------------------*/
    /*Général CSS*/
    /*-------------------------*/
    .show-t{display: none;}
    .show-m{display: block;}

    .w50p-m{width: 50%;}
    .w100p-m{width: 100%;}
    .w48p-m{width: 48%;}
    .h-auto-m{height: auto;}

    .d-block-m{display: block;}
    .flex-m{display: flex;}
    .justify-between-m{justify-content: space-between;}
    .justify-start-m{justify-content: flex-start;}
    .dir-column-m{flex-direction: column;}
    .dir-columnreverse-m{flex-direction: column-reverse;}
    .self-end-m{align-self: flex-end;}
    .item-start-m{align-items: flex-start;}
    .item-center-m{align-items: center;}

    .align-left-m{text-align: left;}
    .align-center-m{text-align: center;}
}


/*-----------------------------------------------------------------------*/
/*Starter - Specifique SD*/
/*-----------------------------------------------------------------------*/
body{
    font-family: 'Open Sans', sans-serif;
    background-color: #f9f9f9;
}
.wrapper{}
.mycontainer{
    max-width: 1260px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.sitepad{
    padding-left: 32px;
    padding-right: 32px;
    box-sizing: border-box;
}

.mygrid{
    display: grid;
    grid-template-columns: repeat(16,minmax(0,1fr));
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 2rem;
}

.bg-white{background-color: #fff;}
.bg-blue{background-color: #306EEC;}
.bg-green{background-color: #008273;}
.bg-green2{background-color: #03934E;}
.bg-lightgrey{background-color: #F6F6F6;}
.bg-red{background-color: #D12100;}
.bg-orange{background-color: #FF7764;}

.color-white{color: #fff;}
.color-blue{color: #0249ee;}
.color-black{color: #172533;}
.color-dark{color: #0b111c;}

.sd svg{
    height: 20px;
    width: auto;
    margin-bottom: 10px;
    margin-right: 1px;
}

.bt-grey{border-top: 1px solid #DBDBDB;}
.bb-grey{border-bottom: 1px solid #DBDBDB;}

.radius-5{border-radius: 5px;}
.radius-20{border-radius: 20px;}
.radius-circle{border-radius: 50%;}

.inactive{opacity: .4;}

@media screen and (max-width: 1311.98px){
    .sitepad,
    .sitepad-m-t{
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    .sitepad.nopad-m-t{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1023.98px){
    .mygrid{
        grid-template-columns: repeat(8,minmax(0,1fr));
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 575.98px){
    .mygrid{
        grid-template-columns: repeat(4,minmax(0,1fr));
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
    }
    .sitepad,
    .sitepad-m{
        padding-left: 16px;
        padding-right: 16px;
        box-sizing: border-box;
    }
    .sitepad.nopad-m{
        padding-left: 0;
        padding-right: 0;
    }
    .sitepad-left-m{
        padding-left: 16px;
        padding-right: 0;
    }
}

/*-----------------------------------------------------------------------*/
/*Header*/
/*-----------------------------------------------------------------------*/
section[data-role="header"]{
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    height: 90px;
}
.anim{
    transform: rotate(720deg);
    transition: transform 2000ms ease-in-out;
}
.brandlogo svg{
    width: auto;
    height: 40px;
}
.rollingstar{
    position: fixed;
    width: 100%;
    height: 100%;
}
.rollingstar svg{
    position: fixed;
    width: 170%;
    height: 150%;
    opacity: .05;
}
section[data-role="privacy"]{
    position: relative;
    width: 90%;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    z-index: auto;
}
section[data-role="privacy"] ul li {
    width: 100%;
    margin: 0 0 0 17px;
    list-style-type: disc;
}
section[data-role="baseline"]{
    position: fixed;
    top: 0;
    left: 0;
    width: 90%;
    margin-left: 5%;
    height: 100%;
    z-index: auto;
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    filter: blur(15px);
}
section[data-role="baseline"] .baseline-bkg{
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    background-color: #313AFC;
    opacity: .04;
}
section[data-role="baseline"] .baseline{
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
}
section[data-role="baseline"] .soonavailable{
    border: solid 1px rgba(11,17,28,.2);
    border-radius: 50px;
    color: #0b111c;
}
section[data-role="baseline"].on{
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: blur(0px);
}
section[data-role="baseline"].masked{
    -webkit-animation: blur 0.750s linear forwards;
    -moz-animation: blur 0.750s linear forwards;
    -ms-animation: blur 0.750s linear forwards;
    -o-animation: blur 0.750s linear forwards;
    animation: blur 0.750s linear forwards;
}
@-webkit-keyframes blur {
    to {
        opacity: 0;
        -webkit-filter: blur(15px);
        filter: blur(15px);
    }
}
@-moz-keyframes blur {
    to {
        opacity: 0;
        -moz-filter: blur(15px);
        filter: blur(15px);
    }
}
@keyframes blur {
    to {
        opacity: 0;
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        filter: blur(15px);
    }
}
section[data-role="baseline"].unmasked{
    -webkit-animation: unblur 0.750s linear forwards;
    -moz-animation: unblur 0.750s linear forwards;
    -ms-animation: unblur 0.750s linear forwards;
    -o-animation: unblur 0.750s linear forwards;
    animation: unblur 0.750s linear forwards;
}
@-webkit-keyframes unblur {
    to {
        opacity: 1;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
}
@-moz-keyframes unblur {
    to {
        opacity: 1;
        -moz-filter: blur(0px);
        filter: blur(0px);
    }
}
@keyframes unblur {
    to {
        opacity: 1;
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        filter: blur(0px);
    }
}