*,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-family:sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent
}
@-ms-viewport{
    width:device-width
}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    text-align:left;
    background-color:#fff
}
[tabindex="-1"]:focus{
    outline:none!important
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0;
    overflow:visible
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:.5rem
}
p{
    margin-top:0;
    margin-bottom:1rem
}
abbr[data-original-title],abbr[title]{
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0
}
address{
    font-style:normal;
    line-height:inherit
}
address,dl,ol,ul{
    margin-bottom:1rem
}
dl,ol,ul{
    margin-top:0
}
ol ol,ol ul,ul ol,ul ul{
    margin-bottom:0
}
dt{
    font-weight:700
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
dfn{
    font-style:italic
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
a{
    color:#007bff;
    text-decoration:none;
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:hover{
    color:#0056b3;
    text-decoration:underline
}
a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:0
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto
}
figure{
    margin:0 0 1rem
}
img{
    vertical-align:middle;
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
table{
    border-collapse:collapse
}
caption{
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#868e96;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit
}
label{
    display:inline-block;
    margin-bottom:.5rem
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color
}
button,input,optgroup,select,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=date],input[type=datetime-local],input[type=month],input[type=time]{
    -webkit-appearance:listbox
}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none!important
}
.container{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px
}
@media (min-width:576px){
    .container{
        max-width:540px
    }
}
@media (min-width:768px){
    .container{
        max-width:720px
    }
}
@media (min-width:992px){
    .container{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1140px
    }
}
.container-fluid{
    width:100%;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px
}
.row{
    display:-ms-flexbox;
    display:-webkit-box;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}
.no-gutters{
    margin-right:0;
    margin-left:0
}
.no-gutters>.col,.no-gutters>[class*=col-]{
    padding-right:0;
    padding-left:0
}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-auto,.col-lg,.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-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md,.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-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm,.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-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xl,.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-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto{
    position:relative;
    width:100%;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -ms-flex-positive:1;
    -webkit-box-flex:1;
    flex-grow:1;
    max-width:100%
}
.col-auto{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    max-width:none
}
.col-1,.col-auto{
    -webkit-box-flex:0
}
.col-1{
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%
}
.col-2{
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%
}
.col-2,.col-3{
    -webkit-box-flex:0
}
.col-3{
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%
}
.col-4{
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.col-4,.col-5{
    -webkit-box-flex:0
}
.col-5{
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%
}
.col-6{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}
.col-6,.col-7{
    -webkit-box-flex:0
}
.col-7{
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
}
.col-8{
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
}
.col-8,.col-9{
    -webkit-box-flex:0
}
.col-9{
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
}
.col-10{
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%
}
.col-10,.col-11{
    -webkit-box-flex:0
}
.col-11{
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%
}
.col-12{
    -ms-flex:0 0 100%;
    -webkit-box-flex:0;
    flex:0 0 100%;
    max-width:100%
}
.order-1{
    -ms-flex-order:1;
    -webkit-box-ordinal-group:2;
    order:1
}
.order-2{
    -ms-flex-order:2;
    -webkit-box-ordinal-group:3;
    order:2
}
.order-3{
    -ms-flex-order:3;
    -webkit-box-ordinal-group:4;
    order:3
}
.order-4{
    -ms-flex-order:4;
    -webkit-box-ordinal-group:5;
    order:4
}
.order-5{
    -ms-flex-order:5;
    -webkit-box-ordinal-group:6;
    order:5
}
.order-6{
    -ms-flex-order:6;
    -webkit-box-ordinal-group:7;
    order:6
}
.order-7{
    -ms-flex-order:7;
    -webkit-box-ordinal-group:8;
    order:7
}
.order-8{
    -ms-flex-order:8;
    -webkit-box-ordinal-group:9;
    order:8
}
.order-9{
    -ms-flex-order:9;
    -webkit-box-ordinal-group:10;
    order:9
}
.order-10{
    -ms-flex-order:10;
    -webkit-box-ordinal-group:11;
    order:10
}
.order-11{
    -ms-flex-order:11;
    -webkit-box-ordinal-group:12;
    order:11
}
.order-12{
    -ms-flex-order:12;
    -webkit-box-ordinal-group:13;
    order:12
}
.offset-1{
    margin-left:8.333333%
}
.offset-2{
    margin-left:16.666667%
}
.offset-3{
    margin-left:25%
}
.offset-4{
    margin-left:33.333333%
}
.offset-5{
    margin-left:41.666667%
}
.offset-6{
    margin-left:50%
}
.offset-7{
    margin-left:58.333333%
}
.offset-8{
    margin-left:66.666667%
}
.offset-9{
    margin-left:75%
}
.offset-10{
    margin-left:83.333333%
}
.offset-11{
    margin-left:91.666667%
}
@media (min-width:576px){
    .col-sm{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        -webkit-box-flex:1;
        flex-grow:1;
        max-width:100%
    }
    .col-sm-auto{
        -ms-flex:0 0 auto;
        -webkit-box-flex:0;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-sm-1{
        -ms-flex:0 0 8.333333%;
        -webkit-box-flex:0;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-sm-2{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-sm-3{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .col-sm-4{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-sm-5{
        -ms-flex:0 0 41.666667%;
        -webkit-box-flex:0;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-sm-6{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .col-sm-7{
        -ms-flex:0 0 58.333333%;
        -webkit-box-flex:0;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-sm-8{
        -ms-flex:0 0 66.666667%;
        -webkit-box-flex:0;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-sm-9{
        -ms-flex:0 0 75%;
        -webkit-box-flex:0;
        flex:0 0 75%;
        max-width:75%
    }
    .col-sm-10{
        -ms-flex:0 0 83.333333%;
        -webkit-box-flex:0;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-sm-11{
        -ms-flex:0 0 91.666667%;
        -webkit-box-flex:0;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-sm-12{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .order-sm-1{
        -ms-flex-order:1;
        -webkit-box-ordinal-group:2;
        order:1
    }
    .order-sm-2{
        -ms-flex-order:2;
        -webkit-box-ordinal-group:3;
        order:2
    }
    .order-sm-3{
        -ms-flex-order:3;
        -webkit-box-ordinal-group:4;
        order:3
    }
    .order-sm-4{
        -ms-flex-order:4;
        -webkit-box-ordinal-group:5;
        order:4
    }
    .order-sm-5{
        -ms-flex-order:5;
        -webkit-box-ordinal-group:6;
        order:5
    }
    .order-sm-6{
        -ms-flex-order:6;
        -webkit-box-ordinal-group:7;
        order:6
    }
    .order-sm-7{
        -ms-flex-order:7;
        -webkit-box-ordinal-group:8;
        order:7
    }
    .order-sm-8{
        -ms-flex-order:8;
        -webkit-box-ordinal-group:9;
        order:8
    }
    .order-sm-9{
        -ms-flex-order:9;
        -webkit-box-ordinal-group:10;
        order:9
    }
    .order-sm-10{
        -ms-flex-order:10;
        -webkit-box-ordinal-group:11;
        order:10
    }
    .order-sm-11{
        -ms-flex-order:11;
        -webkit-box-ordinal-group:12;
        order:11
    }
    .order-sm-12{
        -ms-flex-order:12;
        -webkit-box-ordinal-group:13;
        order:12
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.333333%
    }
    .offset-sm-2{
        margin-left:16.666667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.333333%
    }
    .offset-sm-5{
        margin-left:41.666667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.333333%
    }
    .offset-sm-8{
        margin-left:66.666667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.333333%
    }
    .offset-sm-11{
        margin-left:91.666667%
    }
}
@media (min-width:768px){
    .col-md{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        -webkit-box-flex:1;
        flex-grow:1;
        max-width:100%
    }
    .col-md-auto{
        -ms-flex:0 0 auto;
        -webkit-box-flex:0;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-md-1{
        -ms-flex:0 0 8.333333%;
        -webkit-box-flex:0;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-md-2{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-md-3{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .col-md-4{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-md-5{
        -ms-flex:0 0 41.666667%;
        -webkit-box-flex:0;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-md-6{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .col-md-7{
        -ms-flex:0 0 58.333333%;
        -webkit-box-flex:0;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-md-8{
        -ms-flex:0 0 66.666667%;
        -webkit-box-flex:0;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-md-9{
        -ms-flex:0 0 75%;
        -webkit-box-flex:0;
        flex:0 0 75%;
        max-width:75%
    }
    .col-md-10{
        -ms-flex:0 0 83.333333%;
        -webkit-box-flex:0;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-md-11{
        -ms-flex:0 0 91.666667%;
        -webkit-box-flex:0;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-md-12{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .order-md-1{
        -ms-flex-order:1;
        -webkit-box-ordinal-group:2;
        order:1
    }
    .order-md-2{
        -ms-flex-order:2;
        -webkit-box-ordinal-group:3;
        order:2
    }
    .order-md-3{
        -ms-flex-order:3;
        -webkit-box-ordinal-group:4;
        order:3
    }
    .order-md-4{
        -ms-flex-order:4;
        -webkit-box-ordinal-group:5;
        order:4
    }
    .order-md-5{
        -ms-flex-order:5;
        -webkit-box-ordinal-group:6;
        order:5
    }
    .order-md-6{
        -ms-flex-order:6;
        -webkit-box-ordinal-group:7;
        order:6
    }
    .order-md-7{
        -ms-flex-order:7;
        -webkit-box-ordinal-group:8;
        order:7
    }
    .order-md-8{
        -ms-flex-order:8;
        -webkit-box-ordinal-group:9;
        order:8
    }
    .order-md-9{
        -ms-flex-order:9;
        -webkit-box-ordinal-group:10;
        order:9
    }
    .order-md-10{
        -ms-flex-order:10;
        -webkit-box-ordinal-group:11;
        order:10
    }
    .order-md-11{
        -ms-flex-order:11;
        -webkit-box-ordinal-group:12;
        order:11
    }
    .order-md-12{
        -ms-flex-order:12;
        -webkit-box-ordinal-group:13;
        order:12
    }
    .offset-md-0{
        margin-left:0
    }
    .offset-md-1{
        margin-left:8.333333%
    }
    .offset-md-2{
        margin-left:16.666667%
    }
    .offset-md-3{
        margin-left:25%
    }
    .offset-md-4{
        margin-left:33.333333%
    }
    .offset-md-5{
        margin-left:41.666667%
    }
    .offset-md-6{
        margin-left:50%
    }
    .offset-md-7{
        margin-left:58.333333%
    }
    .offset-md-8{
        margin-left:66.666667%
    }
    .offset-md-9{
        margin-left:75%
    }
    .offset-md-10{
        margin-left:83.333333%
    }
    .offset-md-11{
        margin-left:91.666667%
    }
}
@media (min-width:992px){
    .col-lg{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        -webkit-box-flex:1;
        flex-grow:1;
        max-width:100%
    }
    .col-lg-auto{
        -ms-flex:0 0 auto;
        -webkit-box-flex:0;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-lg-1{
        -ms-flex:0 0 8.333333%;
        -webkit-box-flex:0;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-lg-2{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-lg-3{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .col-lg-4{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-lg-5{
        -ms-flex:0 0 41.666667%;
        -webkit-box-flex:0;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-lg-6{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .col-lg-7{
        -ms-flex:0 0 58.333333%;
        -webkit-box-flex:0;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-lg-8{
        -ms-flex:0 0 66.666667%;
        -webkit-box-flex:0;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-lg-9{
        -ms-flex:0 0 75%;
        -webkit-box-flex:0;
        flex:0 0 75%;
        max-width:75%
    }
    .col-lg-10{
        -ms-flex:0 0 83.333333%;
        -webkit-box-flex:0;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-lg-11{
        -ms-flex:0 0 91.666667%;
        -webkit-box-flex:0;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-lg-12{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .order-lg-1{
        -ms-flex-order:1;
        -webkit-box-ordinal-group:2;
        order:1
    }
    .order-lg-2{
        -ms-flex-order:2;
        -webkit-box-ordinal-group:3;
        order:2
    }
    .order-lg-3{
        -ms-flex-order:3;
        -webkit-box-ordinal-group:4;
        order:3
    }
    .order-lg-4{
        -ms-flex-order:4;
        -webkit-box-ordinal-group:5;
        order:4
    }
    .order-lg-5{
        -ms-flex-order:5;
        -webkit-box-ordinal-group:6;
        order:5
    }
    .order-lg-6{
        -ms-flex-order:6;
        -webkit-box-ordinal-group:7;
        order:6
    }
    .order-lg-7{
        -ms-flex-order:7;
        -webkit-box-ordinal-group:8;
        order:7
    }
    .order-lg-8{
        -ms-flex-order:8;
        -webkit-box-ordinal-group:9;
        order:8
    }
    .order-lg-9{
        -ms-flex-order:9;
        -webkit-box-ordinal-group:10;
        order:9
    }
    .order-lg-10{
        -ms-flex-order:10;
        -webkit-box-ordinal-group:11;
        order:10
    }
    .order-lg-11{
        -ms-flex-order:11;
        -webkit-box-ordinal-group:12;
        order:11
    }
    .order-lg-12{
        -ms-flex-order:12;
        -webkit-box-ordinal-group:13;
        order:12
    }
    .offset-lg-0{
        margin-left:0
    }
    .offset-lg-1{
        margin-left:8.333333%
    }
    .offset-lg-2{
        margin-left:16.666667%
    }
    .offset-lg-3{
        margin-left:25%
    }
    .offset-lg-4{
        margin-left:33.333333%
    }
    .offset-lg-5{
        margin-left:41.666667%
    }
    .offset-lg-6{
        margin-left:50%
    }
    .offset-lg-7{
        margin-left:58.333333%
    }
    .offset-lg-8{
        margin-left:66.666667%
    }
    .offset-lg-9{
        margin-left:75%
    }
    .offset-lg-10{
        margin-left:83.333333%
    }
    .offset-lg-11{
        margin-left:91.666667%
    }
}
@media (min-width:1200px){
    .col-xl{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        -webkit-box-flex:1;
        flex-grow:1;
        max-width:100%
    }
    .col-xl-auto{
        -ms-flex:0 0 auto;
        -webkit-box-flex:0;
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
    .col-xl-1{
        -ms-flex:0 0 8.333333%;
        -webkit-box-flex:0;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-xl-2{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-xl-3{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .col-xl-4{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-xl-5{
        -ms-flex:0 0 41.666667%;
        -webkit-box-flex:0;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-xl-6{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .col-xl-7{
        -ms-flex:0 0 58.333333%;
        -webkit-box-flex:0;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-xl-8{
        -ms-flex:0 0 66.666667%;
        -webkit-box-flex:0;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-xl-9{
        -ms-flex:0 0 75%;
        -webkit-box-flex:0;
        flex:0 0 75%;
        max-width:75%
    }
    .col-xl-10{
        -ms-flex:0 0 83.333333%;
        -webkit-box-flex:0;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-xl-11{
        -ms-flex:0 0 91.666667%;
        -webkit-box-flex:0;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-xl-12{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .order-xl-1{
        -ms-flex-order:1;
        -webkit-box-ordinal-group:2;
        order:1
    }
    .order-xl-2{
        -ms-flex-order:2;
        -webkit-box-ordinal-group:3;
        order:2
    }
    .order-xl-3{
        -ms-flex-order:3;
        -webkit-box-ordinal-group:4;
        order:3
    }
    .order-xl-4{
        -ms-flex-order:4;
        -webkit-box-ordinal-group:5;
        order:4
    }
    .order-xl-5{
        -ms-flex-order:5;
        -webkit-box-ordinal-group:6;
        order:5
    }
    .order-xl-6{
        -ms-flex-order:6;
        -webkit-box-ordinal-group:7;
        order:6
    }
    .order-xl-7{
        -ms-flex-order:7;
        -webkit-box-ordinal-group:8;
        order:7
    }
    .order-xl-8{
        -ms-flex-order:8;
        -webkit-box-ordinal-group:9;
        order:8
    }
    .order-xl-9{
        -ms-flex-order:9;
        -webkit-box-ordinal-group:10;
        order:9
    }
    .order-xl-10{
        -ms-flex-order:10;
        -webkit-box-ordinal-group:11;
        order:10
    }
    .order-xl-11{
        -ms-flex-order:11;
        -webkit-box-ordinal-group:12;
        order:11
    }
    .order-xl-12{
        -ms-flex-order:12;
        -webkit-box-ordinal-group:13;
        order:12
    }
    .offset-xl-0{
        margin-left:0
    }
    .offset-xl-1{
        margin-left:8.333333%
    }
    .offset-xl-2{
        margin-left:16.666667%
    }
    .offset-xl-3{
        margin-left:25%
    }
    .offset-xl-4{
        margin-left:33.333333%
    }
    .offset-xl-5{
        margin-left:41.666667%
    }
    .offset-xl-6{
        margin-left:50%
    }
    .offset-xl-7{
        margin-left:58.333333%
    }
    .offset-xl-8{
        margin-left:66.666667%
    }
    .offset-xl-9{
        margin-left:75%
    }
    .offset-xl-10{
        margin-left:83.333333%
    }
    .offset-xl-11{
        margin-left:91.666667%
    }
}
.flex-row{
    -ms-flex-direction:row!important;
    -webkit-box-orient:horizontal!important;
    flex-direction:row!important
}
.flex-column,.flex-row{
    -webkit-box-direction:normal!important
}
.flex-column{
    -ms-flex-direction:column!important;
    -webkit-box-orient:vertical!important;
    flex-direction:column!important
}
.flex-row-reverse{
    -ms-flex-direction:row-reverse!important;
    -webkit-box-orient:horizontal!important;
    flex-direction:row-reverse!important
}
.flex-column-reverse,.flex-row-reverse{
    -webkit-box-direction:reverse!important
}
.flex-column-reverse{
    -ms-flex-direction:column-reverse!important;
    -webkit-box-orient:vertical!important;
    flex-direction:column-reverse!important
}
.flex-wrap{
    -ms-flex-wrap:wrap!important;
    flex-wrap:wrap!important
}
.flex-nowrap{
    -ms-flex-wrap:nowrap!important;
    flex-wrap:nowrap!important
}
.flex-wrap-reverse{
    -ms-flex-wrap:wrap-reverse!important;
    flex-wrap:wrap-reverse!important
}
.justify-content-start{
    -ms-flex-pack:start!important;
    -webkit-box-pack:start!important;
    justify-content:flex-start!important
}
.justify-content-end{
    -ms-flex-pack:end!important;
    -webkit-box-pack:end!important;
    justify-content:flex-end!important
}
.justify-content-center{
    -ms-flex-pack:center!important;
    -webkit-box-pack:center!important;
    justify-content:center!important
}
.justify-content-between{
    -ms-flex-pack:justify!important;
    -webkit-box-pack:justify!important;
    justify-content:space-between!important
}
.justify-content-around{
    -ms-flex-pack:distribute!important;
    justify-content:space-around!important
}
.align-items-start{
    -ms-flex-align:start!important;
    -webkit-box-align:start!important;
    align-items:flex-start!important
}
.align-items-end{
    -ms-flex-align:end!important;
    -webkit-box-align:end!important;
    align-items:flex-end!important
}
.align-items-center{
    -ms-flex-align:center!important;
    -webkit-box-align:center!important;
    align-items:center!important
}
.align-items-baseline{
    -ms-flex-align:baseline!important;
    -webkit-box-align:baseline!important;
    align-items:baseline!important
}
.align-items-stretch{
    -ms-flex-align:stretch!important;
    -webkit-box-align:stretch!important;
    align-items:stretch!important
}
.align-content-start{
    -ms-flex-line-pack:start!important;
    align-content:flex-start!important
}
.align-content-end{
    -ms-flex-line-pack:end!important;
    align-content:flex-end!important
}
.align-content-center{
    -ms-flex-line-pack:center!important;
    align-content:center!important
}
.align-content-between{
    -ms-flex-line-pack:justify!important;
    align-content:space-between!important
}
.align-content-around{
    -ms-flex-line-pack:distribute!important;
    align-content:space-around!important
}
.align-content-stretch{
    -ms-flex-line-pack:stretch!important;
    align-content:stretch!important
}
.align-self-auto{
    -ms-flex-item-align:auto!important;
    align-self:auto!important
}
.align-self-start{
    -ms-flex-item-align:start!important;
    align-self:flex-start!important
}
.align-self-end{
    -ms-flex-item-align:end!important;
    align-self:flex-end!important
}
.align-self-center{
    -ms-flex-item-align:center!important;
    align-self:center!important
}
.align-self-baseline{
    -ms-flex-item-align:baseline!important;
    align-self:baseline!important
}
.align-self-stretch{
    -ms-flex-item-align:stretch!important;
    align-self:stretch!important
}
@media (min-width:576px){
    .flex-sm-row{
        -ms-flex-direction:row!important;
        -webkit-box-orient:horizontal!important;
        flex-direction:row!important
    }
    .flex-sm-column,.flex-sm-row{
        -webkit-box-direction:normal!important
    }
    .flex-sm-column{
        -ms-flex-direction:column!important;
        -webkit-box-orient:vertical!important;
        flex-direction:column!important
    }
    .flex-sm-row-reverse{
        -ms-flex-direction:row-reverse!important;
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-sm-column-reverse{
        -ms-flex-direction:column-reverse!important;
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-sm-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-sm-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-sm-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .justify-content-sm-start{
        -ms-flex-pack:start!important;
        -webkit-box-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-sm-end{
        -ms-flex-pack:end!important;
        -webkit-box-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-sm-center{
        -ms-flex-pack:center!important;
        -webkit-box-pack:center!important;
        justify-content:center!important
    }
    .justify-content-sm-between{
        -ms-flex-pack:justify!important;
        -webkit-box-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-sm-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-sm-start{
        -ms-flex-align:start!important;
        -webkit-box-align:start!important;
        align-items:flex-start!important
    }
    .align-items-sm-end{
        -ms-flex-align:end!important;
        -webkit-box-align:end!important;
        align-items:flex-end!important
    }
    .align-items-sm-center{
        -ms-flex-align:center!important;
        -webkit-box-align:center!important;
        align-items:center!important
    }
    .align-items-sm-baseline{
        -ms-flex-align:baseline!important;
        -webkit-box-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-sm-stretch{
        -ms-flex-align:stretch!important;
        -webkit-box-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-sm-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-sm-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-sm-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-sm-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-sm-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-sm-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-sm-auto{
        -ms-flex-item-align:auto!important;
        align-self:auto!important
    }
    .align-self-sm-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-sm-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-sm-center{
        -ms-flex-item-align:center!important;
        align-self:center!important
    }
    .align-self-sm-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-sm-stretch{
        -ms-flex-item-align:stretch!important;
        align-self:stretch!important
    }
}
@media (min-width:768px){
    .flex-md-row{
        -ms-flex-direction:row!important;
        -webkit-box-orient:horizontal!important;
        flex-direction:row!important
    }
    .flex-md-column,.flex-md-row{
        -webkit-box-direction:normal!important
    }
    .flex-md-column{
        -ms-flex-direction:column!important;
        -webkit-box-orient:vertical!important;
        flex-direction:column!important
    }
    .flex-md-row-reverse{
        -ms-flex-direction:row-reverse!important;
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-md-column-reverse{
        -ms-flex-direction:column-reverse!important;
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-md-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-md-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-md-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .justify-content-md-start{
        -ms-flex-pack:start!important;
        -webkit-box-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-md-end{
        -ms-flex-pack:end!important;
        -webkit-box-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-md-center{
        -ms-flex-pack:center!important;
        -webkit-box-pack:center!important;
        justify-content:center!important
    }
    .justify-content-md-between{
        -ms-flex-pack:justify!important;
        -webkit-box-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-md-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-md-start{
        -ms-flex-align:start!important;
        -webkit-box-align:start!important;
        align-items:flex-start!important
    }
    .align-items-md-end{
        -ms-flex-align:end!important;
        -webkit-box-align:end!important;
        align-items:flex-end!important
    }
    .align-items-md-center{
        -ms-flex-align:center!important;
        -webkit-box-align:center!important;
        align-items:center!important
    }
    .align-items-md-baseline{
        -ms-flex-align:baseline!important;
        -webkit-box-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-md-stretch{
        -ms-flex-align:stretch!important;
        -webkit-box-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-md-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-md-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-md-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-md-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-md-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-md-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-md-auto{
        -ms-flex-item-align:auto!important;
        align-self:auto!important
    }
    .align-self-md-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-md-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-md-center{
        -ms-flex-item-align:center!important;
        align-self:center!important
    }
    .align-self-md-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-md-stretch{
        -ms-flex-item-align:stretch!important;
        align-self:stretch!important
    }
}
@media (min-width:992px){
    .flex-lg-row{
        -ms-flex-direction:row!important;
        -webkit-box-orient:horizontal!important;
        flex-direction:row!important
    }
    .flex-lg-column,.flex-lg-row{
        -webkit-box-direction:normal!important
    }
    .flex-lg-column{
        -ms-flex-direction:column!important;
        -webkit-box-orient:vertical!important;
        flex-direction:column!important
    }
    .flex-lg-row-reverse{
        -ms-flex-direction:row-reverse!important;
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-lg-column-reverse{
        -ms-flex-direction:column-reverse!important;
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-lg-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-lg-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-lg-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .justify-content-lg-start{
        -ms-flex-pack:start!important;
        -webkit-box-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-lg-end{
        -ms-flex-pack:end!important;
        -webkit-box-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-lg-center{
        -ms-flex-pack:center!important;
        -webkit-box-pack:center!important;
        justify-content:center!important
    }
    .justify-content-lg-between{
        -ms-flex-pack:justify!important;
        -webkit-box-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-lg-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-lg-start{
        -ms-flex-align:start!important;
        -webkit-box-align:start!important;
        align-items:flex-start!important
    }
    .align-items-lg-end{
        -ms-flex-align:end!important;
        -webkit-box-align:end!important;
        align-items:flex-end!important
    }
    .align-items-lg-center{
        -ms-flex-align:center!important;
        -webkit-box-align:center!important;
        align-items:center!important
    }
    .align-items-lg-baseline{
        -ms-flex-align:baseline!important;
        -webkit-box-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-lg-stretch{
        -ms-flex-align:stretch!important;
        -webkit-box-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-lg-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-lg-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-lg-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-lg-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-lg-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-lg-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-lg-auto{
        -ms-flex-item-align:auto!important;
        align-self:auto!important
    }
    .align-self-lg-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-lg-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-lg-center{
        -ms-flex-item-align:center!important;
        align-self:center!important
    }
    .align-self-lg-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-lg-stretch{
        -ms-flex-item-align:stretch!important;
        align-self:stretch!important
    }
}
@media (min-width:1200px){
    .flex-xl-row{
        -ms-flex-direction:row!important;
        -webkit-box-orient:horizontal!important;
        flex-direction:row!important
    }
    .flex-xl-column,.flex-xl-row{
        -webkit-box-direction:normal!important
    }
    .flex-xl-column{
        -ms-flex-direction:column!important;
        -webkit-box-orient:vertical!important;
        flex-direction:column!important
    }
    .flex-xl-row-reverse{
        -ms-flex-direction:row-reverse!important;
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction:reverse!important;
        flex-direction:row-reverse!important
    }
    .flex-xl-column-reverse{
        -ms-flex-direction:column-reverse!important;
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:reverse!important;
        flex-direction:column-reverse!important
    }
    .flex-xl-wrap{
        -ms-flex-wrap:wrap!important;
        flex-wrap:wrap!important
    }
    .flex-xl-nowrap{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
    .flex-xl-wrap-reverse{
        -ms-flex-wrap:wrap-reverse!important;
        flex-wrap:wrap-reverse!important
    }
    .justify-content-xl-start{
        -ms-flex-pack:start!important;
        -webkit-box-pack:start!important;
        justify-content:flex-start!important
    }
    .justify-content-xl-end{
        -ms-flex-pack:end!important;
        -webkit-box-pack:end!important;
        justify-content:flex-end!important
    }
    .justify-content-xl-center{
        -ms-flex-pack:center!important;
        -webkit-box-pack:center!important;
        justify-content:center!important
    }
    .justify-content-xl-between{
        -ms-flex-pack:justify!important;
        -webkit-box-pack:justify!important;
        justify-content:space-between!important
    }
    .justify-content-xl-around{
        -ms-flex-pack:distribute!important;
        justify-content:space-around!important
    }
    .align-items-xl-start{
        -ms-flex-align:start!important;
        -webkit-box-align:start!important;
        align-items:flex-start!important
    }
    .align-items-xl-end{
        -ms-flex-align:end!important;
        -webkit-box-align:end!important;
        align-items:flex-end!important
    }
    .align-items-xl-center{
        -ms-flex-align:center!important;
        -webkit-box-align:center!important;
        align-items:center!important
    }
    .align-items-xl-baseline{
        -ms-flex-align:baseline!important;
        -webkit-box-align:baseline!important;
        align-items:baseline!important
    }
    .align-items-xl-stretch{
        -ms-flex-align:stretch!important;
        -webkit-box-align:stretch!important;
        align-items:stretch!important
    }
    .align-content-xl-start{
        -ms-flex-line-pack:start!important;
        align-content:flex-start!important
    }
    .align-content-xl-end{
        -ms-flex-line-pack:end!important;
        align-content:flex-end!important
    }
    .align-content-xl-center{
        -ms-flex-line-pack:center!important;
        align-content:center!important
    }
    .align-content-xl-between{
        -ms-flex-line-pack:justify!important;
        align-content:space-between!important
    }
    .align-content-xl-around{
        -ms-flex-line-pack:distribute!important;
        align-content:space-around!important
    }
    .align-content-xl-stretch{
        -ms-flex-line-pack:stretch!important;
        align-content:stretch!important
    }
    .align-self-xl-auto{
        -ms-flex-item-align:auto!important;
        align-self:auto!important
    }
    .align-self-xl-start{
        -ms-flex-item-align:start!important;
        align-self:flex-start!important
    }
    .align-self-xl-end{
        -ms-flex-item-align:end!important;
        align-self:flex-end!important
    }
    .align-self-xl-center{
        -ms-flex-item-align:center!important;
        align-self:center!important
    }
    .align-self-xl-baseline{
        -ms-flex-item-align:baseline!important;
        align-self:baseline!important
    }
    .align-self-xl-stretch{
        -ms-flex-item-align:stretch!important;
        align-self:stretch!important
    }
}
.alert{
    position:relative;
    margin-bottom:1rem;
    padding:.75rem 1.25rem;
    border:1px solid transparent;
    border-radius:.25rem
}
.alert-success{
    background-color:#d8f6df;
    border-color:#afecbd;
    color:#1e7e34
}
.alert-info{
    background-color:#d4f5fa;
    border-color:#a7e9f4;
    color:#117a8b
}
.alert-warning{
    background-color:#fff4d3;
    border-color:#ffe7a0;
    color:#d39e00
}
.alert-danger{
    background-color:#fae3e5;
    border-color:#f3b7bd;
    color:#bd2130
}
.form-group{
    margin-bottom:1rem
}
.form-group.has-error .form-control{
    border-color:#dc3545
}
.form-group.has-error .form-control:focus{
    border-color:#efa2a9;
    -webkit-box-shadow:0 0 0 .2rem rgba(220,53,69,.25);
    box-shadow:0 0 0 .2rem rgba(220,53,69,.25)
}
.form-group.has-error .form-text{
    color:#dc3545
}
.form-control{
    display:block;
    width:100%;
    padding:.375rem .75rem;
    border:1px solid #d5d7d7;
    font-size:1rem;
    line-height:1.5;
    background-image:none;
    background-clip:padding-box;
    -webkit-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}
.form-control,.form-control:focus{
    background-color:#fff;
    color:#555858
}
.form-control:focus{
    border-color:#fbd4b2;
    outline:0;
    -webkit-box-shadow:0 0 0 .2rem rgba(245,145,57,.25);
    box-shadow:0 0 0 .2rem rgba(245,145,57,.25)
}
.form-text{
    color:#bbbebe;
    display:block;
    margin-top:.25rem
}
.btn{
    display:inline-block;
    padding:.375rem .75rem;
    border:1px solid transparent;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-transition:all .15s ease-in-out;
    transition:all .15s ease-in-out
}
.btn-primary{
    background:#f59139;
    border-color:#f59139;
    color:#fff
}
.btn-primary:hover{
    background:#ef760c;
    border-color:#d76a0b
}
.btn-secondary{
    background:#d17c31;
    border-color:#d17c31;
    color:#fff
}
.btn-secondary:hover{
    background:#a96326;
    border-color:#945721
}
.btn-success{
    background:#28a745;
    border-color:#28a745;
    color:#fff
}
.btn-success:hover{
    background:#1e7e34;
    border-color:#19692c
}
.btn-danger{
    background:#dc3545;
    border-color:#dc3545;
    color:#fff
}
.btn-danger:hover{
    background:#bd2130;
    border-color:#a71d2a
}
.btn-warning{
    background:#ffc107;
    border-color:#ffc107;
    color:#111
}
.btn-warning:hover{
    background:#d39e00;
    border-color:#ba8b00
}
.btn-info{
    background:#17a2b8;
    border-color:#17a2b8;
    color:#fff
}
.btn-info:hover{
    background:#117a8b;
    border-color:#0f6674
}
.btn-light{
    background:#f8f9fa;
    border-color:#f8f9fa;
    color:#111
}
.btn-light:hover{
    background:#dae0e5;
    border-color:#cbd3da
}
.btn-dark{
    background:#343a40;
    border-color:#343a40;
    color:#fff
}
.btn-dark:hover{
    background:#1d2124;
    border-color:#121416
}
.btn-link{
    background:transparent;
    border-color:transparent;
    color:#f59139
}
.btn-link:hover{
    color:#d76a0b
}
.btn-outline-primary{
    background:transparent;
    border-color:#f59139;
    color:#f59139
}
.btn-outline-primary:hover{
    background:#f59139;
    color:#fff
}
.btn-outline-secondary{
    background:transparent;
    border-color:#d17c31;
    color:#d17c31
}
.btn-outline-secondary:hover{
    background:#d17c31;
    color:#fff
}
.btn-outline-success{
    background:transparent;
    border-color:#28a745;
    color:#28a745
}
.btn-outline-success:hover{
    background:#28a745;
    color:#fff
}
.btn-outline-danger{
    background:transparent;
    border-color:#dc3545;
    color:#dc3545
}
.btn-outline-danger:hover{
    background:#dc3545;
    color:#fff
}
.btn-outline-warning{
    background:transparent;
    border-color:#ffc107;
    color:#ffc107
}
.btn-outline-warning:hover{
    background:#ffc107;
    color:#111
}
.btn-outline-info{
    background:transparent;
    border-color:#17a2b8;
    color:#17a2b8
}
.btn-outline-info:hover{
    background:#17a2b8;
    color:#fff
}
.btn-outline-light{
    background:transparent;
    border-color:#f8f9fa;
    color:#f8f9fa
}
.btn-outline-light:hover{
    background:#f8f9fa;
    color:#111
}
.btn-outline-dark{
    background:transparent;
    border-color:#343a40;
    color:#343a40
}
.btn-outline-dark:hover{
    background:#343a40;
    color:#fff
}
.btn-block{
    display:block;
    width:100%
}
.btn-group{
    display:-ms-inline-flexbox;
    display:-webkit-inline-box;
    display:inline-flex;
    position:relative;
    vertical-align:middle
}
.btn-group>.btn{
    position:relative;
    -ms-flex:0 1 auto;
    -webkit-box-flex:0;
    flex:0 1 auto
}
.btn-group>.btn:first-child{
    margin-left:0
}
.btn-group .btn+.btn{
    margin-left:-1px
}
.btn-group>.btn:first-child{
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.btn-group>.btn:not(:first-child):not(:last-child){
    border-radius:0
}
.btn-group>.btn:last-child{
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.zoombox{
    display:none;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:hsla(0,0%,4%,.8);
    padding:150px 0;
    overflow:auto;
    z-index:1000
}
.zoombox__loader{
    position:absolute;
    top:50%;
    left:50%;
    font-size:40px;
    color:#fff;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-animation:zoombox__loader 2s linear infinite;
    animation:zoombox__loader 2s linear infinite
}
@-webkit-keyframes zoombox__loader{
    0%{
        -webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);
        transform:translateX(-50%) translateY(-50%) rotate(0deg)
    }
    to{
        -webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);
        transform:translateX(-50%) translateY(-50%) rotate(1turn)
    }
}
@keyframes zoombox__loader{
    0%{
        -webkit-transform:translateX(-50%) translateY(-50%) rotate(0deg);
        transform:translateX(-50%) translateY(-50%) rotate(0deg)
    }
    to{
        -webkit-transform:translateX(-50%) translateY(-50%) rotate(1turn);
        transform:translateX(-50%) translateY(-50%) rotate(1turn)
    }
}
.zoombox__container{
    display:none;
    position:relative;
    background:#f59139;
    padding:20px
}
.zoombox__close{
    position:absolute;
    top:10px;
    right:12px;
    color:#5a6064;
    line-height:18px;
    z-index:1100;
    -webkit-transition:all .4s;
    transition:all .4s
}
.zoombox__close:hover{
    color:#555858;
    cursor:pointer
}
body{
    font-family:Roboto,sans-serif;
    font-size:18px;
    color:#555858
}
a,a:hover{
    color:inherit
}
a:hover{
    text-decoration:none
}
hr{
    width:100%;
    height:1px;
    background:#ddd;
    border:none
}
button,input,select,textarea{
    outline:none!important
}
.container{
    position:relative
}
.ml-auto{
    margin-left:auto!important
}
.mr-auto{
    margin-right:auto!important
}
.content{
    position:relative;
    width:1170px;
    height:100%;
    margin:0 auto
}
.clear{
    clear:both
}
.picto-type{
    color:#303030;
    font-weight:400;
    font-size:30px;
    padding:0 6px
}
.header{
    height:112px;
    background:#f59139
}
.header-logo{
    position:absolute;
    top:0;
    left:-220px;
    -webkit-transition:all .4s;
    transition:all .4s
}
.header-logo:hover{
    opacity:.8
}
.nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    top:50px;
    right:20px;
    z-index:100
}
.nav-item{
    position:relative;
    border-bottom:12px solid transparent
}
.nav-item:hover{
    color:#555858
}
.nav-item ul{
    display:none;
    position:absolute;
    top:62px;
    left:-1px;
    width:190px;
    padding:0;
    list-style:none
}
.nav-item ul li{
    position:relative;
    background:#555858;
    padding:0 10px;
    color:#fff
}
.nav-item ul li a{
    display:block;
    padding:6px 10px;
    border-bottom:1px solid #878c8c;
    font-weight:700
}
.nav-item ul li ul{
    display:none;
    position:absolute;
    top:0;
    left:100%;
    width:100%
}
.nav-item ul li ul ul{
    display:none
}
.nav-item ul li:hover{
    background:#eb520d
}
.nav-item:hover ul{
    display:block
}
.nav-item:hover ul ul{
    display:none
}
.nav-item:hover ul li:hover ul{
    display:block
}
.nav-item:hover ul li:hover ul ul{
    display:none
}
.nav-item:hover ul li:hover li:hover ul{
    display:block
}
.nav-item-link{
    display:block;
    height:50px;
    padding:3px 20px;
    border-right:2px solid #555858;
    font-size:18px;
    font-weight:700;
    color:#fff;
    line-height:22px;
    cursor:pointer
}
.nav-item-link span{
    font-weight:300
}
div.nav-item-link:hover{
    color:#555858
}
.nav-item-link-one-line{
    padding:15px 20px
}
.nav-item-link-last{
    border:none
}
.header-right{
    position:absolute;
    right:-250px;
    bottom:0;
    -webkit-transition:all .4s;
    transition:all .4s
}
.header-right:hover{
    opacity:.8
}
.lSSlideOuter{
    position:relative
}
.slide{
    display:block;
    width:100%
}
.lSSlideOuter .lSPager.lSpg{
    margin:0!important;
    position:absolute;
    bottom:35px;
    left:0;
    width:100%
}
.lSSlideOuter .lSPager.lSpg li a{
    background:#f59139;
    width:20px;
    height:20px;
    margin:0 10px;
    -webkit-transition:all .4s;
    transition:all .4s;
    border-radius:0;
    -webkit-box-shadow:-5px 5px 0 rgba(0,0,0,.4);
    box-shadow:-5px 5px 0 rgba(0,0,0,.4)
}
.lSSlideOuter .lSPager.lSpg li:hover a{
    background:#d17c31
}
.lSSlideOuter .lSPager.lSpg li.active a{
    background:#fff
}
.index-1{
    height:690px;
    overflow:hidden
}
.index-1-left{
    background:#555858;
    position:absolute;
    top:0;
    right:500px;
    height:555px;
    width:3000px
}
.index-1-left:after{
    content:"";
    position:absolute;
    bottom:-135px;
    right:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:135px 170px 0 0;
    border-color:#d17c31 transparent transparent
}
.index-1-left-content{
    width:380px;
    position:absolute;
    top:130px;
    right:120px;
    color:#fff
}
.index-1-left-title{
    position:relative;
    font-size:54px;
    font-weight:700;
    line-height:48px;
    margin-bottom:40px
}
.index-1-left-title span{
    font-weight:300;
    font-size:45px
}
.index-1-left-title:after{
    content:"";
    position:absolute;
    top:-50px;
    left:0;
    width:75px;
    height:5px;
    background:#f59139
}
.index-1-left-input{
    width:350px;
    height:55px;
    border:3px solid #555858;
    padding:0 10px;
    color:#555858;
    font-size:22px;
    margin-bottom:10px
}
.index-1-left-btn{
    font-weight:300;
    color:#fff;
    background:#f59139;
    border:3px solid #fff;
    width:300px;
    text-align:center;
    font-size:26px;
    cursor:pointer;
    padding:7px 0;
    -webkit-transition:all .4s;
    transition:all .4s
}
.index-1-left-btn:hover{
    background:#fff;
    color:#f59139
}
.index-1-right{
    background:#f59139;
    position:absolute;
    top:0;
    left:670px;
    height:690px;
    width:3000px
}
.index-1-right:after{
    content:"";
    position:absolute;
    bottom:0;
    left:-170px;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 0 135px 170px;
    border-color:transparent transparent #f59139
}
.index-1-content{
    position:absolute;
    top:105px;
    left:130px;
    color:#fff
}
.index-1-title{
    position:relative;
    font-size:58px;
    font-weight:700
}
.index-1-title:after{
    content:"";
    position:absolute;
    top:-25px;
    left:0;
    width:75px;
    height:5px;
    background:#555858
}
.index-1-text{
    width:360px;
    font-weight:300;
    text-align:justify
}
.index-1-text strong{
    font-weight:700
}
.index-1-link{
    display:block;
    background:#555858;
    padding:15px 0;
    border:2px solid #fff;
    text-align:center;
    width:300px;
    font-weight:300;
    font-size:26px;
    margin-top:5px;
    -webkit-transition:all .4s;
    transition:all .4s
}
.index-1-link:hover{
    background:#f59139
}
.icons{
    padding:100px 0
}
.icons-items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.icon-item{
    position:relative;
    width:20%;
    margin:75px 0;
    padding-top:86px;
    text-align:center
}
.icon-item-img{
    position:absolute;
    top:-60px;
    left:50%;
    -webkit-transform:translate3d(-50%,0,0);
    transform:translate3d(-50%,0,0)
}
.icon-item:hover .icon-item-img{
    z-index:10;
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%)
}
.icon-item-name{
    position:relative;
    font-size:16px
}
.icon-item-menu{
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    padding-top:81px;
    font-size:16px;
    background:#f59139;
    color:#fff
}
.icon-item:hover .icon-item-menu{
    z-index:9;
    display:block
}
.icon-item-menu-link{
    display:block;
    border-top:1px solid #fff;
    padding:4px 0;
    -webkit-transition:all .3s;
    transition:all .3s
}
.icon-item-menu-link:hover{
    background:#555858
}
.index-2{
    height:500px;
    padding-top:120px
}
.index-2-title{
    position:relative;
    font-size:58px;
    font-weight:700;
    line-height:40px
}
.index-2-title span{
    font-weight:400;
    font-size:30px
}
.index-2-title:after{
    content:"";
    position:absolute;
    top:-50px;
    left:0;
    width:75px;
    height:5px;
    background:#f59139
}
.index-2-cols{
    margin-top:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.index-2-col{
    width:49%
}
.index-2-col select{
    width:100%;
    height:55px;
    border:3px solid #555858;
    padding:0 10px;
    color:#555858;
    font-size:22px
}
.index-2-col-name{
    font-weight:700;
    color:#f59139;
    font-size:30px
}
.index-2-col-name span{
    color:#555858
}
.index-2-btn{
    text-align:right
}
.index-2-btn button{
    position:relative;
    overflow:hidden;
    background:#f59139;
    color:#fff;
    -webkit-transition:all .4s;
    transition:all .4s;
    padding:5px 10px;
    margin-top:20px;
    font-size:36px;
    font-weight:700;
    border:none;
    cursor:pointer
}
.index-2-btn button:hover span{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.index-2-btn button span{
    position:absolute;
    top:0;
    left:0;
    background:#d17c31;
    width:100%;
    height:100%;
    text-align:center;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .4s;
    transition:all .4s
}
.index-3-before{
    height:135px;
    margin-top:-135px;
    overflow:hidden
}
.index-3-before-alt{
    background:#555858
}
.index-3-before-content{
    position:absolute;
    top:0;
    right:500px;
    background:#fff;
    height:135px;
    width:3000px
}
.recherche{
    margin-top:50px
}
.recherche input{
    width:100%;
    height:55px;
    border:3px solid #555858;
    padding:0 10px;
    color:#555858;
    font-size:22px
}
.index-3{
    height:455px;
    overflow:hidden
}
.index-3-left{
    background:#fff;
    position:absolute;
    top:0;
    right:500px;
    height:455px;
    width:3000px
}
.index-3-left-content{
    width:600px;
    position:absolute;
    top:40px;
    right:55px
}
.index-3-left-title{
    position:relative;
    font-size:53px;
    font-weight:700;
    line-height:56px;
    margin-bottom:20px
}
.index-3-left-title:after{
    content:"";
    position:absolute;
    top:-30px;
    left:0;
    width:75px;
    height:5px;
    background:#f59139
}
.index-3-left-text{
    font-size:22px;
    line-height:28px;
    margin-bottom:50px;
    text-align:justify
}
.index-3-left-btn{
    color:#fff;
    background:#f59139;
    border:3px solid #fff;
    width:280px;
    text-align:center;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    padding:15px 0;
    -webkit-transition:all .4s;
    transition:all .4s;
    display:inline-block
}
.index-3-left-btn:hover{
    background:#fff;
    color:#f59139
}
.index-3-right{
    background:#f59139;
    position:absolute;
    top:0;
    left:670px;
    height:455px;
    width:3000px
}
.index-3-right-content{
    width:450px;
    position:absolute;
    top:172px;
    left:55px
}
.index-3-right-text{
    font-size:22px;
    line-height:28px;
    text-align:justify
}
.index-3-after{
    height:135px;
    overflow:hidden
}
.index-3-after-alt{
    background:#555858
}
.index-3-after-content{
    position:absolute;
    top:0;
    left:670px;
    background:#f59139;
    height:135px;
    width:3000px
}
.index-3-after-content:before{
    border-width:135px 170px 0 0;
    border-color:#d17c31 transparent transparent
}
.index-3-after-content:after,.index-3-after-content:before{
    content:"";
    position:absolute;
    bottom:0;
    left:-170px;
    width:0;
    height:0;
    border-style:solid
}
.index-3-after-content:after{
    border-width:0 0 135px 170px;
    border-color:transparent transparent #f59139
}
.index-3-border{
    border-bottom:100px solid #555858
}
.index-4{
    margin-top:-135px;
    height:175px
}
.index-4,.index-5{
    background:#555858
}
.index-5{
    height:528px;
    color:#fff
}
.index-5-img{
    position:absolute;
    top:130px;
    left:10px;
    -webkit-filter:brightness(35%);
    filter:brightness(35%)
}
.index-5-title{
    position:absolute;
    top:165px;
    left:425px;
    font-size:54px;
    font-weight:700;
    line-height:48px
}
.index-5-title span{
    font-weight:300;
    font-size:45px
}
.index-5-link{
    position:absolute;
    top:310px;
    left:430px;
    display:block;
    font-weight:300;
    color:#fff;
    background:#f59139;
    border:3px solid #fff;
    width:300px;
    text-align:center;
    font-size:26px;
    cursor:pointer;
    padding:7px 0;
    -webkit-transition:all .4s;
    transition:all .4s
}
.index-5-link:hover{
    background:#fff;
    color:#f59139
}
.products{
    background:#555858;
    padding:125px 0 200px;
    color:#fff
}
.products-title{
    position:relative;
    font-size:58px;
    font-weight:700;
    line-height:40px;
    margin-bottom:40px
}
.products-title span{
    font-weight:400;
    font-size:30px
}
.products-title:after{
    content:"";
    position:absolute;
    top:-50px;
    left:0;
    width:75px;
    height:5px;
    background:#f59139
}
.products-items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.products-item{
    position:relative;
    display:block;
    width:370px;
    background:#f59139;
    margin-bottom:125px;
    border-top:5px solid #f59139;
    -webkit-transition:all .4s;
    transition:all .4s
}
.products-item:hover{
    background:#fff;
    border-top-color:#fff
}
.products-item-img{
    display:block;
    width:100%;
    -webkit-transition:all .4s;
    transition:all .4s
}
.products-item:hover .products-item-img{
    -webkit-filter:grayscale(100%) contrast(150%);
    filter:grayscale(100%) contrast(150%)
}
.products-item-name{
    display:block;
    font-size:28px;
    font-weight:700;
    padding:10px 5%;
    line-height:34px;
    -webkit-transition:all .4s;
    transition:all .4s
}
.products-item:hover .products-item-name{
    color:#f59139
}
.products-item-table{
    margin:0 5% 10px;
    width:90%;
    -webkit-transition:all .4s;
    transition:all .4s
}
.products-item-table tr td:first-child{
    width:50px
}
.products-item-table tr td{
    text-align:left;
    padding:4px 0;
    font-weight:300;
    font-size:24px;
    vertical-align:middle
}
.products-item:hover .products-item-table{
    color:#f59139
}
.products-item-price{
    position:absolute;
    bottom:-65px;
    right:0;
    color:#f59139;
    font-weight:700;
    font-size:28px;
    text-align:center;
    line-height:65px;
    background:#fff;
    display:block;
    height:65px;
    width:185px;
    -webkit-transition:all .4s;
    transition:all .4s
}
.products-item-price sup{
    font-size:16px;
    vertical-align:2px
}
.products-item:hover .products-item-price{
    background:#f59139;
    color:#fff
}
.products-item-hover{
    display:block;
    position:absolute;
    background:rgba(209,124,49,.5);
    top:0;
    left:0;
    width:100%;
    height:270px;
    opacity:0;
    -webkit-transform:translateY(200px);
    transform:translateY(200px);
    -webkit-transition:all .4s;
    transition:all .4s
}
.products-item:hover .products-item-hover{
    opacity:.99;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.products-item-plus{
    position:absolute;
    top:50%;
    left:50%;
    width:86px;
    height:86px;
    background:#fff;
    color:#f59139;
    text-align:center;
    font-weight:700;
    font-size:80px;
    line-height:84px;
    border-radius:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
.products-item-promo{
    position:absolute;
    top:-10px;
    right:-5px;
    -webkit-transition:all .4s;
    transition:all .4s
}
.products-item:hover .products-item-promo{
    -webkit-transform:translateX(-5px) translateY(5px);
    transform:translateX(-5px) translateY(5px)
}
.product{
    background:#555858;
    color:#fff;
    padding:100px 0 200px
}
.product-title{
    position:relative;
    font-size:28px;
    font-weight:700;
    margin-bottom:20px
}
.product-title:after{
    content:"";
    position:absolute;
    top:-20px;
    left:0;
    width:75px;
    height:5px;
    background:#f59139
}
.product-gallery-content{
    position:relative;
    width:585px;
    z-index:2
}
.product-content{
    position:absolute;
    top:110px;
    right:0;
    background:#f59139;
    width:735px;
    padding:25px 25px 25px 300px;
    min-height:512px
}
.product-content:after{
    content:"";
    position:absolute;
    top:402px;
    left:0;
    width:0;
    height:0;
    border-style:solid;
    border-width:110px 151px 0 0;
    border-color:#d17c31 transparent transparent
}
.product-table{
    font-size:24px;
    font-weight:300;
    width:100%;
    line-height:28px
}
.product-table tr td{
    vertical-align:top
}
.product-table tr td:nth-child(odd){
    border-right:2px solid #d17c31;
    width:40px;
    text-align:center;
    padding-right:20px;
    padding-bottom:5px
}
.product-table tr td:nth-child(2n){
    padding-left:20px
}
.product-youtube{
    position:absolute;
    top:37px;
    left:180px;
    -webkit-transition:opacity .4s;
    transition:opacity .4s
}
.product-youtube:hover{
    opacity:.8
}
.product-promo{
    position:absolute;
    top:-10px;
    right:-10px
}
.product-bottom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-left:55px
}
.product-bottom-price{
    width:50%;
    color:#f59139;
    font-weight:700;
    font-size:28px;
    text-align:center;
    line-height:65px;
    background:#fff;
    display:block;
    height:65px;
    -webkit-transition:all .4s;
    transition:all .4s
}
.product-bottom-price sup{
    font-size:16px;
    vertical-align:2px
}
.product-bottom-devis{
    width:50%;
    background:#d17c31;
    font-weight:300;
    text-align:right;
    padding:7px 10px 0 0;
    font-size:24px;
    line-height:24px;
    -webkit-transition:all .4s;
    transition:all .4s
}
.product-bottom-devis span{
    font-size:28px;
    font-weight:700
}
.product-bottom-devis:hover{
    background:#fff;
    color:#d17c31;
    cursor:pointer
}
.services-1{
    background:#555858;
    padding-top:170px
}
.services-1-title{
    position:absolute;
    top:-60px;
    left:750px;
    color:#fff;
    font-size:55px;
    line-height:58px;
    font-weight:700;
    margin-bottom:20px
}
.services-1-title:after{
    content:"";
    position:absolute;
    top:-20px;
    left:0;
    width:75px;
    height:5px;
    background:#f59139
}
.services-1-img{
    width:100%;
    display:block
}
.services-2{
    height:650px;
    background:#555858;
    color:#fff
}
.services-2-title{
    position:absolute;
    top:90px;
    left:0;
    color:#f59139;
    font-size:57px;
    font-weight:700
}
.services-2-text{
    position:absolute;
    top:90px;
    right:0;
    width:770px;
    font-weight:300;
    font-size:24px;
    line-height:28px
}
.services-2-text strong{
    font-weight:700
}
.services-2-link{
    margin-top:40px;
    display:block;
    font-weight:300;
    color:#fff;
    background:#f59139;
    border:3px solid #fff;
    width:300px;
    text-align:center;
    font-size:26px;
    cursor:pointer;
    padding:7px 0;
    -webkit-transition:all .4s;
    transition:all .4s
}
.services-2-link:hover{
    background:#fff;
    color:#f59139
}
.find_happiness{
    position:relative;
    padding:20px
}
.find_happiness label{
    font-size:23px;
    margin-bottom:0;
    display:block
}
.find_happiness input,.find_happiness textarea{
    background:#fff;
    border:none;
    display:block;
    width:100%;
    padding:0 10px;
    height:40px;
    margin-bottom:10px
}
.find_happiness textarea{
    resize:none;
    height:124px
}
.find_happiness button{
    position:absolute;
    bottom:20px;
    right:20px;
    overflow:hidden;
    background:#555858;
    color:#fff;
    -webkit-transition:all .4s;
    transition:all .4s;
    padding:5px 10px;
    margin-top:20px;
    font-size:36px;
    font-weight:700;
    border:none;
    cursor:pointer
}
.find_happiness button:hover span{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.find_happiness button span{
    position:absolute;
    top:0;
    left:0;
    background:#d17c31;
    width:100%;
    height:100%;
    text-align:center;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .4s;
    transition:all .4s
}
.find_happiness-title{
    font-size:57px;
    font-weight:700;
    line-height:50px
}
.find_happiness-title span{
    display:block;
    font-size:38px;
    font-weight:400
}
.find_happiness-sub-title{
    color:#fff;
    font-size:34px;
    font-weight:300;
    margin:30px 0
}
.sell_equipment{
    position:relative;
    padding:20px
}
.sell_equipment label{
    font-size:23px;
    margin-bottom:0;
    display:block
}
.sell_equipment label span{
    font-size:14px
}
.sell_equipment label.label-checkbox{
    position:relative;
    width:50%;
    float:left;
    margin-top:38px;
    cursor:pointer
}
.sell_equipment label.label-checkbox span{
    display:inline-block;
    background:#fff;
    height:20px;
    width:20px;
    border:2px solid #fff;
    margin-right:10px;
    color:#fff;
    -webkit-transition:all .4s;
    transition:all .4s
}
.sell_equipment label.label-checkbox span i{
    vertical-align:1px;
    font-size:17px
}
.sell_equipment label.label-checkbox input[type=radio]{
    display:none
}
.sell_equipment label.label-checkbox input[type=radio]:checked+span{
    color:#555858
}
.sell_equipment label.label-checkbox-margin{
    margin-top:50px
}
.sell_equipment input[type=text],.sell_equipment textarea{
    background:#fff;
    border:none;
    display:block;
    width:100%;
    padding:0 10px;
    height:40px;
    margin-bottom:10px
}
.sell_equipment textarea{
    resize:none;
    height:208px
}
.sell_equipment input[type=file]{
    background:#fff;
    border:none;
    display:block;
    width:100%;
    padding:0;
    height:40px;
    margin-bottom:10px
}
.sell_equipment button{
    position:absolute;
    bottom:20px;
    right:20px;
    overflow:hidden;
    background:#555858;
    color:#fff;
    -webkit-transition:all .4s;
    transition:all .4s;
    padding:5px 10px;
    margin-top:20px;
    font-size:36px;
    font-weight:700;
    border:none;
    cursor:pointer
}
.sell_equipment button:hover span{
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.sell_equipment button span{
    position:absolute;
    top:0;
    left:0;
    background:#d17c31;
    width:100%;
    height:100%;
    text-align:center;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all .4s;
    transition:all .4s
}
.sell_equipment .text-small{
    font-size:12px;
    text-align:justify
}
.sell_equipment-title{
    font-size:57px;
    font-weight:700;
    line-height:50px;
    margin-bottom:30px
}
.sell_equipment-title span{
    display:block;
    font-size:38px;
    font-weight:400
}
.sell_equipment-sub-title{
    color:#fff;
    font-size:34px;
    font-weight:300;
    margin:0 0 30px
}
.contact{
    padding:150px 0
}
.contact-title{
    position:relative;
    font-size:48px;
    font-weight:700;
    line-height:48px;
    margin-bottom:40px
}
.contact-title strong{
    font-weight:300
}
.mentions-legales{
    padding:100px 0 50px
}
.mentions-legales-title{
    font-size:22px;
    font-weight:700;
    color:#f59139;
    margin-bottom:10px
}
.mentions-legales-text{
    text-align:justify;
    margin-bottom:50px;
    line-height:24px
}
.mentions-legales-text strong{
    color:#f59139;
    font-weight:700
}
.mentions-legales-text a{
    color:#f59139;
    -webkit-transition:all .4s;
    transition:all .4s
}
.mentions-legales-text a:hover{
    color:#d17c31
}
.footer{
    background:#f59139;
    color:#fff;
    height:240px
}
.footer-nav{
    padding-top:25px;
    text-align:center
}
.footer-nav-link{
    display:inline;
    font-weight:700;
    padding:10px 15px;
    border-right:2px solid #555858;
    cursor:pointer;
    -webkit-transition:color .4s;
    transition:color .4s
}
.footer-nav-link span{
    font-weight:300
}
.footer-nav-link:last-child{
    border:none
}
.footer-nav-link:hover{
    color:#555858
}
.footer-socials{
    position:absolute;
    top:75px;
    right:25px
}
.footer-socials a{
    margin-left:10px;
    font-size:34px;
    -webkit-transition:color .4s;
    transition:color .4s
}
.footer-socials a:hover{
    color:#555858
}
.footer-bottom{
    position:absolute;
    bottom:10px;
    left:0;
    width:100%;
    text-align:center
}
.footer-bottom a{
    font-weight:300;
    font-size:14px;
    -webkit-transition:color .4s;
    transition:color .4s
}
.footer-bottom a:hover{
    color:#555858
}
.lg-backdrop{
    background:rgba(0,0,0,.9)
}
/* Masquer le menu mobile sur les grands écrans */
.d-lg-none {
    display: none !important;
}

/* Masquer le menu desktop sur les petits écrans */
.d-none {
    display: none !important;
}

/* Afficher le menu desktop sur les écrans larges */
.d-lg-block {
    display: block !important;
}

@media (max-width: 900px){
  .footer-nav{
    flex-wrap:wrap; /* autorise le retour à la ligne sur mobile */
    padding-right:0 !important;
  }
  #install-pwa-link{
    position:static !important;
    transform:none !important;
    margin-top:20px;
  }
}

/* Pour les petits écrans (mobile), ajuster le menu */
@media (max-width: 991px) {
    .d-lg-none {
        display: block !important;
    }

    .d-none {
        display: none !important;
    }

    /* Centrer les éléments du menu mobile */
    .navbar-nav {
        flex-direction: column; /* Les éléments sont affichés en colonne */
        align-items: center; /* Centrer les éléments */
        width: 100%; /* Le menu occupe toute la largeur */
    }

    .navbar-nav .nav-item {
        width: 100%; /* Chaque élément prend toute la largeur */
        text-align: center; /* Centrer les textes des éléments */
    }

    .navbar-toggler {
        display: block; /* Afficher le bouton hamburger */
    }
}
/* Forcer la version mobile à s'afficher sur une seule colonne */
@media (max-width: 991px) {
    .content {
        display: block;  
        width: 100%;     
        margin: 0;       
        padding: 0 15px; 
    }

    .header {
        display: block; 
        width: 100%;
    }
}
/* Par défaut, affichage du menu sur tous les écrans */
.nav {
    display: flex;  
}

/* Cacher le menu sur les petits écrans (mobile) */
@media (max-width: 991px) {
    .nav {
        display: none;  
    }
}

/* Cacher le menu mobile sur les écrans plus grands */
@media (min-width: 992px) {
    .navbar-nav {
        display: block;  
    }
}

/* Sur les petits écrans (mobile), on cache l'image contact */
@media (max-width: 991px) {
    .header-right {
        display: none; 
    }
}
/* Sur les petits écrans (mobile), ajuster la position du logo */
@media (max-width: 991px) {
    .header-logo {
        position: relative; 
        margin-top: 20px; 
        width: 80%; 
        max-width: 200px; 
        left: auto; 
        right: auto;
        margin-left: auto; 
        margin-right: auto;
    }
}
@media (max-width: 991px) {
    .header {
        display: block;
        width: 100%;
        margin: 0;
        height: auto;
    }
}

/* Pour garantir que le logo s'adapte bien à son conteneur */
img.header-logo {
    max-width: 100%; /* Assurer que l'image ne dépasse pas son conteneur */
    height: auto; /* Conserver les proportions de l'image */
}
/* Logo dans le header */
.header-logo {
    width: auto; /* Assurer que l'image garde ses proportions */
    max-width: 100%; /* Permet à l'image de s'ajuster à la largeur de son conteneur */
    height: auto; /* Garde la hauteur proportionnelle à la largeur */
    display: block; /* S'assurer que l'image est un élément de bloc */
    margin: 0 auto; /* Centrer l'image */
}

/* Pour les écrans mobiles (moins de 992px), on applique les styles pour prendre toute la largeur */
@media (max-width: 991px) {
    .header-logo {
        width: 100%; /* Le logo prend toute la largeur de l'écran */
        max-width: 100%; /* Ne dépasse pas 100% de la largeur */
        height: auto; /* Ajuste la hauteur automatiquement */
    }
}
/* Masquer l'élément sur les petits écrans (moins de 991px) */
@media (max-width: 991px) {
    .index-1,
    .index-1-left,
    .index-1-right {
        display: none; /* Masque les éléments sur les petits écrans */
    }
}
/* Sur les petits écrans (moins de 991px), les icônes seront affichées en colonne */
@media (max-width: 991px) {
    .icons {
        display: flex;
        flex-direction: column; /* Affiche les icônes en colonne */
        align-items: center; /* Centrer les icônes */
        justify-content: flex-start; /* Aligner les icônes vers le haut */
        padding: 20px 10px 10px 10px; /* Ajout d'espace en haut (20px) et espacement sur les autres côtés */
    }

    .icons .icon-item {
        width: 90%; /* Assure que chaque icône prend une largeur correcte */
        margin: 35px 0; /* Espacement vertical entre les icônes */
    }

    .icons .icon-item-img {
        max-width: 100%; /* Garantit que l'image prend la largeur disponible */
        height: auto; /* Assure une hauteur proportionnelle */
    }

    .icons .icon-item-name {
        text-align: center; /* Centre le nom sous chaque icône */
        margin-top: 10px; /* Espacement entre l'image et le texte */
    }
}
@media (max-width: 991px) {
  .icons-items {
    display: flex;
    flex-direction: column;
    align-items: center;    /* centre chaque item dans la largeur */
    width: 100%;
  }
}
/* Masquer le slider sur les petits écrans (moins de 991px) */
@media (max-width: 991px) {
    .slider {
        display: none;
    }
}
/* Footer - version mobile */
@media (max-width: 991px) {
    .footer-nav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .footer {
    background: #f59139; /* Couleur de fond orange */
    color: #fff; /* Couleur du texte en blanc */
    height: 500px; /* Hauteur du footer */
}

    .footer-nav-link {
        margin-bottom: 15px;  /* Espacement plus large sur mobile */
        border-right: none;
    }

    .footer-socials {
        display: flex;
        flex-direction: column;  /* Colonne pour les icônes de réseaux sociaux */
        gap: 15px;
        margin-bottom: 20px;
    }

    .footer-socials-link {
        font-size: 14px;  /* Agrandir légèrement la taille des icônes */
    }

    .footer-bottom {
        font-size: 12px;
        text-align: center;
    }
}


/* Footer - version desktop (plus de colonnes pour les grands écrans) */
@media (min-width: 992px) {
    .footer-nav {
        flex-direction: row;  /* Afficher les liens horizontalement */
        justify-content: center;
    }

    .footer-socials {
        justify-content: flex-end; /* Aligner les icônes des réseaux sociaux à droite */
    }

    .footer-bottom {
        text-align: right;  /* Aligner le texte à droite pour les écrans larges */
    }
}
@media (min-width: 992px) {
    .rocketchat-widget {
        position: fixed;
        width: 103px; /* Largeur de l'élément */
        height: 113px; /* Hauteur de l'élément */
        bottom: 20px; /* Espace depuis le bas */
        left: 20px; /* Espace depuis le côté gauche */
        z-index: 12345; /* Priorité d'affichage */
    }
}
@media (max-width: 991px) {
    .index-3-left {
        position: relative; /* Remplacer la position absolue par relative */
        width: 100%; /* Faire en sorte que l'élément occupe toute la largeur */
        height: auto; /* Ajuster la hauteur selon le contenu */
        margin-bottom: 20px; /* Espacement entre les sections */
        right: auto;
    }
    
    .index-3-left-content {
        padding: 0px 1px 31px 250px; /* Ajoute des espacements internes */
        width: 535px;
        top: 40px;

    }

    .index-3-left-title {
    position: relative;
    font-size: 39px;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 20px;
}
    .index-3-left-text {
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 39px;
    text-align: justify;
}
    .index-3-after{
    height: 0px;
    overflow: hidden;
}
    .index-3-left-btn {
    color: #fff;  /* Texte blanc */
    background: #f59139;  /* Fond orange */
    border: 3px solid #fff;  /* Bordure blanche */
    width: 280px;  /* Largeur du bouton */
    height: 50px;  /* Hauteur du bouton */
    text-align: center;  /* Texte centré */
    font-size: 18px;  /* Taille du texte */
    font-weight: 700;  /* Texte en gras */
    cursor: pointer;  /* Curseur de type pointeur pour indiquer un bouton cliquable */
    padding: 12px 0;  /* Espacement interne pour agrandir le bouton */
    display: block;  /* Afficher le bouton en tant qu'élément de bloc */
    margin: 10px auto;  /* Marge automatique pour centrer */
    transition: all 0.4s ease;  /* Transition douce au survol */
}

    .index-3-left-btn:hover {
    background: #ff7f30;  /* Fond orange plus clair au survol */
    border-color: #ff7f30;  /* Changer la couleur de la bordure au survol */
}
    .index-3 {
    height: 685px;
    overflow: hidden;
}
    .index-4
 {
    margin-top: -135px;
    height: 0px;
}


/*/recherche rapide */

.index-2-title {
    position: relative;
    font-size: 38px;
    font-weight: 800;
    line-height: 46px;
}
.index-2 {
    height: 500px;
    padding-top: 65px;
}
.products-title {
    position: relative;
    font-size: 35px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
}

.products {
    background: #555858;
    padding: 70px 0 0px;
    color: #fff;
}
.index-2 {
    height: 430px;
    padding-top: 69px;
    }
/*services*/
.services-2-text {
    position: absolute;
    top: 60px;
    right: 0;
    width: 357px;
    font-weight: 500;
    font-size: 21px;
    line-height: 28px;
}
.services-2-title {
    position: absolute;
    top: 0px;
    left: 17px;
    color: #f59139;
    font-size: 42px;
    font-weight: 700;
}
.services-2 {
    height: 485px;
    background: #555858;
    color: #fff;
}
.services-1 {
    background: #555858;
    padding-top: 0px;
}
.index-3-border {
    border-bottom: 0px solid #555858;
}
@media (max-width: 991px) {
    .services-1-title:after {
        left: 0;
        width: 100%; /* Ajuste la largeur pour qu'il ne dépasse pas de la fenêtre */
        height: 5px;
        background: #f59139;
        position: absolute; /* Change position fixe en absolue pour éviter les problèmes de défilement */
    }

    /* Masquer tout débordement horizontal dans le body */
    body {
        overflow-x: hidden;
    }
}
.services-1-title {
    position: absolute;
    top: 27px;
    left: auto;
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 2px 5px 5px #000000;
}

/*popup*/
.sell_equipment {
    position: relative;
    padding: 2px;
}
.sell_equipment button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background: #555858;
    color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding: 5px 5px;
    margin-top: 0px;
    font-size: 30px;
    font-weight: 700;
    border: none;
    cursor: pointer;
}
.find_happiness button {
    position: absolute;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background: #555858;
    color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
    padding: 10px 10px;
    margin-top: 3px;
    font-size: 20px;
    font-weight: 700;
    border: none;
    cursor: pointer;
}
.find_happiness {
    position: relative;
    padding: 0px;
}
/*contact*/
.contact {
    padding: 10px 0;
}
.contact-title
 {
    position: relative;
    font-size: 35px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 24px;
}
.h3, h3 {
    font-size: 0.95rem;
}
/*sous menu*/
.nav-item ul li a
 {
    display: block;
    padding: 6px 10px;
    border-bottom: 1px solid #ffffff;
    font-weight: 700;
}
.navbar-light .navbar-nav .nav-link
 {
    color: rgb(255, 255, 255);
}
.nav-item.active .submenu {
    display: block;
    opacity: 1;
    max-height: none;
    position: static;
}
.nav-item ul li {
    position: relative;
    background: #f59139;
    padding: 0 10px;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover
 {
    color: rgb(255 255 255 / 70%);
}
.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    background: #f59139;
}
.submenu {
    display: block;
    list-style-type: none;
    padding-left: 15px;
    margin-top: 10px;
    max-height: none; /* Définit la hauteur maximale */
    overflow-y: auto;  /* Active le défilement vertical */
}
.navbar-nav {
    max-height: 80vh;  /* Ajuste cette valeur selon tes besoins */
    overflow-y: auto;  /* Permet le défilement */
}
.nav-item ul {
    display: none;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 170px;
    padding: 0;
    list-style: none;
}
@media (max-width: 991px) {
  .product-gallery-content .lSSlideWrapper {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .product-gallery-content .lSSlideWrapper img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto;
  }
    .content {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 15px;
        max-width: 100vw;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }
     .product-table {
    width: 100% !important;
    font-size: 16px !important;    /* taille réduite, lisible sur mobile */
    font-weight: 400 !important;   /* plus sobre, mais adapte selon besoin */
    line-height: 1.4 !important;
    word-break: break-word !important; /* coupe les mots longs */
    background: none !important;   /* retire un éventuel fond gênant */
    border: none !important;       /* retire les bordures massives */
    margin: 0 auto !important;
  }
  .product-table td,
  .product-table th {
    padding: 8px 4px !important;
    text-align: left !important;
    font-size: 16px !important;
    border: none !important;
    background: none !important;
    vertical-align: top !important;
    word-break: break-word !important;
  }
  .product-content {
    clear: both;
    margin-top: 15px;   /* ou la hauteur de tes miniatures */
    display: block;
  }
.product-gallery-content {
    position: relative;
    width: 100%;
    z-index: 2;
    
}
@media (max-width: 991px) {
  .product-table td i, .product-table th i {
    display: none !important;
  }
    .product-content
 {
            clear: both;
            margin-top: 320px;
            display: block;
        }
    .product {
    background: #555858;
    color: #fff;
    padding: 15px 0 200px;
}
}
  .product-table td:first-child, 
  .product-table th:first-child {
    padding-left: 36px !important;  /* Essaie 36px ou ajuste à ta convenance */
}
}
/* Appliquer les couleurs aux liens du footer */
.footer-socials a[href*="facebook"] {
    color: #3B5998 !important;
}

.footer-socials a[href*="twitter"] {
    color: #1DA1F2 !important;
}

.footer-socials a[href*="whatsapp"] {
    color: #25D366 !important;
}

.footer-socials a {
    font-size: 24px !important;
    margin: 0 10px !important;
    display: inline-block;
    transition: color 0.3s;
}

.footer-socials a:hover {
    opacity: 0.8;
}
}