#sub_main > *{
    padding:10px 15px;
    /* border-radius:var(--border-radius); */
    /* box-shadow:var(--shadow); */
    /* transition:var(--shadow-transition); */
}
/* #sub_main > *:hover { */
    /* box-shadow: var(--shadow-hover); */
/* } */

#main_content{
    margin:10px 0;
    padding:20px 10px;
    border-radius:var(--border-radius);
    box-shadow:var(--shadow);
    transition:var(--shadow-transition);
}
#main_content:hover{
    box-shadow:var(--shadow-hover);
}
#main_content h1{
    display:inline;
    padding:0;
    font-size:22px;
    font-weight:bold;
}
#main_content h1 + p{
    display:inline;
    font-size:22px;
    font-weight:bold;
}

#main_content ul{
    list-style-type:none;
    display:flex;
    justify-content:space-around;
}
#main_content li .button:before{
    display:inline-block;
    font-family:bootstrap-icons;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    vertical-align:middle;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:36px;
    letter-spacing:normal;
    word-wrap:normal;
    white-space:nowrap;
    direction:ltr;
    background:none;
    margin-right:10px;
}
#main_content li .button.lost:before{
    content:"\f504";
}
#main_content li .button.found:before{
    content:"\f4f9";
}
#main_content li .button{
    padding:15px 10px;
    font-size:1.2em;
    box-shadow:var(--shadow);
    transition:var(--bouton-transition), var(--shadow-transition);
}
#main_content li .button:hover {
    box-shadow: var(--shadow-hover);
}
#main_content li .button > *{
    display:inline-block;
    vertical-align:middle;
}
#main_steps{
    background:white url('/images/main_steps_bg.png');
    padding:30px 15px;
}
#main_steps ol{
    display:flex;
    justify-content:space-around;
    list-style:none;
    counter-reset:main_steps;
}
#main_steps ol li{
    counter-increment:main_steps;
    display:flex;
    padding:10px;
    flex:1 0 450px;
    box-sizing:border-box;
}
#main_steps ol li::before{
    display:inline-block;
    content:counter(main_steps) "\25AA";
    color:var(--content);
    font-size:2.2em;
    padding-right:10px;
}
#main_steps .warning{
    margin:30px 10px;
    padding:15px;
    border:2px solid var(--content-third);
    background:var(--content-second);
    color:var(--white);
    text-align:center;
}
#main_steps .warning .icon{
    content:url(/images/warning.png);
    vertical-align:middle;
    margin-right:10px;
}

#focus{
    text-align:center;
    white-space:nowrap;
    padding:0;
}
#sub_main > #focus{
    padding:0;
}
#focus > div{
    position:relative;
}
#focus .arrow{
    position:absolute;
    top:50%;
    margin-top:-18px;
    width:24px;
    height:24px;
}
#focus .arrow.small_back{
    left:4px;
}
#focus .arrow.small_forward{
    right:4px;
}

#slider{
    position:relative;
    margin:0 45px;
    background:var(--white);
    border-radius:var(--big-border-radius);
    overflow:hidden;
}
#slider li{
    position:relative;
    display:inline-block;
    box-sizing:border-box;
    width:100%;
    white-space:normal;
    overflow-wrap:word-wrap;
    overflow-wrap:break-word;
    vertical-align:middle;
    padding:20px;
}
#slider li h3,
#slider li h4{
    color:var(--lost);
    font-size:1.1em;
}
#slider li p,
#slider li a{
    font-size:0.8em;
    text-align:left;
}
#slider li p{
    margin:10px 0;
}
#slider li p:after{
    display:block;
    content:"";
    clear:left;
}
#slider li img{
    max-width:60px;
    max-height:60px;
    float:left;
    margin:0 5px 5px 0;
}

section h2{
    font-size:22px;
    font-weight:bold;
}
#sub_main section h2{
    margin-bottom:0;
    text-align:center;
    color:var(--content);
}

.trustpilot-widget{
    height:225px;
}

#bg_img{
    position:relative;
    height:350px;
    line-height:350px;
    overflow:hidden;
    text-align:center;
    white-space:nowrap;
    margin-bottom:0;
    padding:0;
}
/*
#bg_img:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background-image:
        -webkit-linear-gradient(left, white, transparent 50px),
        -webkit-linear-gradient(right, white, transparent 50px),
        -webkit-linear-gradient(bottom, rgba(255,255,255,0.8), transparent 100px),
        -webkit-linear-gradient(top, rgba(255,255,255,0.8), transparent 100px);
    background-image:
        -o-linear-gradient(left, white, transparent 50px),
        -o-linear-gradient(right,white, transparent 50px),
        -o-linear-gradient(bottom, rgba(255,255,255,0.8), transparent 100px),
        -o-linear-gradient(top, rgba(255,255,255,0.8), transparent 100px);
    background-image:
        linear-gradient(to right, white 1px, transparent 50px),
        linear-gradient(to left, white 1px, transparent 50px),
        linear-gradient(to top, rgba(255,255,255,0.8), transparent 100px),
        linear-gradient(to bottom, rgba(255,255,255,0.8), transparent 100px);
}
*/
#bg_img > img{
    max-width:100%;
    max-height:100%;
    vertical-align:middle;
}

#how_it_works{
    position:relative;
    margin-top:45px;
    margin-bottom:60px;
    padding:50px 15px;
}
#how_it_works::before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    display:block;
    box-sizing:border-box;
    content:"";
    background-color:var(--footer-bg-color);
    transform:skewY(4deg);
}
#how_it_works::after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    display:block;
    box-sizing:border-box;
    content:"";
    background-color:var(--content);
    transform:skewY(-4deg);
}
#sub_main #how_it_works > *{
    position:relative;
    z-index:2;
    color:var(--white);
}
#sub_main #how_it_works > *,
#how_it_works a{ 
    color:var(--white);
} 
#sub_main #how_it_works > h2::after{
    display:block;
    content:"";
    border-bottom:1px solid var(--content-second);
    width:120px;
    margin:5px auto;
}
#how_it_works h2{
    background-color:var(--content);
}
#how_it_works a{
    color:var(--white);
}
#how_it_works ol{
    display:flex;
    flex-wrap:wrap;
    list-style:none;
    justify-content:space-around;
    margin-top:20px;
}
#how_it_works li{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:5px 10px;
    width:220px;
    box-sizing:border-box;
    text-align:center;
    background-color:var(--content);
}
#how_it_works li:last-child{
    margin-right:0;
}
#how_it_works li .how_it_works{
    display:inline-block;
    background:url('/images/how_it_works_sprite.png');
    margin-bottom:10px;
}
#how_it_works li .how_it_works.s_1{
    width:72px;height:90px;
    background-position:-10px -10px;
}
#how_it_works li .how_it_works.s_2{
    width:102px;height:91px;
    background-position:-197px -230px;
}
#how_it_works li .how_it_works.s_3{
    width:115px;height:92px;
    background-position:-319px -341px;
}
#how_it_works li .how_it_works.s_4{
    width:75px;height:90px;
    background-position:-102px -120px;
}

#sub_main #reviews > h2::before,
#sub_main #reviews > h2::after,
#sub_main section.focus > h2::before,
#sub_main section.focus > h2::after{
    display:inline-block;
    content:"";
    border-bottom:1px solid var(--content);
    width:80px;
    margin:5px 15px;
}

#reviews .reviews_widget,
#reviews .reviews_widget > iframe{
    height:250px;
}

@media only screen and (max-width:1000px){
    #bg_img{
        display:none;
    }
    
    nav{
        text-align:center;
    }
    #main_content nav ul{
        display:inline-flex;
        flex-direction:column;
    }
    #main_content nav ul li{
        margin-left:0;
        margin-top:10px;
    }
    #main_content nav ul li > .button{
        display:flex;
        justify-content:space-between;
    }
    #main_steps ol li{
        flex:1 0 50%;
    }
}

@media only screen and (max-width:700px){
    #main_content{
        flex-direction:column;
    }
    #main_content > .img{
        flex-basis:auto;
    }
}

@media only screen and (max-width:576px){
    #main_steps ol {
        flex-direction:column;
    }
    #how_it_works ul{
        flex-direction:column;
        align-items:center;
    }
    #sub_main #reviews > h2::before,
    #sub_main #reviews > h2::after,
    #sub_main section.focus > h2::before,
    #sub_main section.focus > h2::after{
        display:none;
    }
    
    #reviews .reviews_widget,
    #reviews .reviews_widget > iframe{
        height:370px;
    }
}