@import url("common.css");
@import url("top.css");
@import url("menu.css");
@import url("intro.css");
@import url("bottone.css");
@import url("footer.css");

.headerLine{
    background: url('../images/background/sfondo_loch.jpg') center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.intro h3{
    font-size:40px;
}
.intro p{
    margin-top: 60px;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight:300;
}

@media(min-width:768px){
    .intro h3{
        font-size:60px;
    }
}

.info_about{
    text-align: center;
    padding-top: 85px;
    margin-top: 55px;
    font-family: 'Barlow', sans-serif;
}

.info_about .titolo{
    text-transform: uppercase;
    color:#4f7ba0;
    font-weight: bold;
    font-size:18px;
    text-align: center;
}

.info_about .testo{
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
}

.intro p{
    line-height: 24px;
    margin-top:30px;
    margin-bottom:30px;
    overflow: hidden;
}


.line_loch_duart_sardine{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 470px;
    background: url(../images/loch_sardine.jpg) bottom center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media(min-width:768px){
    .line_loch_duart_sardine:after{
        content: "";
        position: absolute;
        z-index: 1;
        pointer-events: none;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        /*background: url(../images/sliderL.png) center center no-repeat;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border-bottom: 150px solid white;
        border-left: 3000px solid transparent;
    }
    .line_loch_duart_sardine:before{
        top: 0;
        display: block;
        content: "";
        position: absolute;
        z-index: 1;
        pointer-events: none;
        bottom: 0;
        left: 0;
        width: 100%;
        /* background: url(../images/sliderL.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /* height: 10px; */
        border-top: 150px solid white;
        border-right: 3000px solid transparent;
        //bottom: 489px;
    }
}


.line_loch_duart_ricette{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 470px;
    background: url(../images/loch_duart_ricette.jpg) bottom center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media(min-width:768px){
    .line_loch_duart_ricette:after{
        content: "";
        position: absolute;
        z-index: 1;
        pointer-events: none;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100px;
        /*background: url(../images/sliderL.png) center center no-repeat;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        border-bottom: 150px solid white;
        border-left: 3000px solid transparent;
    }
    .line_loch_duart_ricette:before{
        top: 0;
        display: block;
        content: "";
        position: absolute;
        z-index: 1;
        pointer-events: none;
        bottom: 0;
        left: 0;
        width: 100%;
        /* background: url(../images/sliderL.png) center center no-repeat; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /* height: 10px; */
        border-top: 150px solid white;
        border-right: 3000px solid transparent;
        //bottom: 489px;
    }
}
.Ama{
    margin-top: 100px;
    margin-bottom: 133px;
}

@media(min-width:992px){
    #salmone{
        background: url(../images/salmone.jpg) right center no-repeat
    }
}

@media(min-width:1200px){
    #salmone{
        background: url(../images/salmone_1200.jpg) right center no-repeat;
        min-height: 475px;
    }
}

.libro{
    float: left;
    margin: 0 20px 0 0;
}

.citazione{
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 25px;
    color:#0d173c;
    display: block;
    overflow: hidden;
    margin: 15px 0;
}
.p_citazione{
    text-align: center;
}
@media(min-width:992px){
    .citazione{
        margin: 10px 0 15px 50px;
        float: right;
        width: 50%;
    }
    .p_citazione{
        text-align: left;
    }
}

.claim_loch{
    padding: 0;
    width: 100%;
    margin: 50px auto 0;
    float: none;
}

@media(min-width: 768px){
    .claim_loch{
        padding: 0;
        width: 450px;
        margin: 50px auto 0;
        float: none;
    }
}

@media(min-width: 992px){
    .claim_loch{
        margin-top: 50px;
        padding: 0;
        float: left;
        width: auto;
    }
}

@media(min-width:1200px){
    .claim_loch{
        padding: 0;
    }
}


@media(max-width:767px){
    .claim_loch span{
        display: inline-block;
        margin:0 5px 0 0;
        color:#5d5d5d;
    }
    .claim_loch span.riga_uno{
        color:#0b5aa0;
        font-size: 20px;
    }
    .claim_loch span.riga_due{
        color:#0b5aa0;
        font-size: 25px;
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        font-style: italic;
    }
    .claim_loch span.riga_tre{
        color:#5d5d5d;
        font-size: 20px;
    }
    .claim_loch span.riga_quattro{
        color:#5d5d5d;
        font-size: 23px;
    }
    .claim_loch span.riga_cinque{
        color:#249fd6;
        font-size:23px;
        text-transform: uppercase;
        font-weight: bold;
    }
    .claim_loch span.riga_sei{
        color:#5d5d5d;
        font-size: 20px;
    }

    .claim_loch span.riga_tre span.play{
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        font-style: italic;
        font-size: 30px;
        display: inline-block;
    }
}

@media(min-width: 768px){
    .claim_loch span{
        display: block;
        margin: 0;
        color:#5d5d5d;
    }
    .claim_loch span.riga_uno{
        color:#0b5aa0;
        font-size: 20px;
        text-indent: 40px;
    }
    .claim_loch span.riga_due .salmon{
        font-family: 'Barlow', sans-serif;
        font-size: 20px;
        display: inline-block;
        color:#0b5aa0;
    }
    .claim_loch.inglese span.riga_uno{
        text-indent: 100px;
    }
    .claim_loch span.riga_due{
        color:#0b5aa0;
        font-size: 50px;
        line-height: 1;
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        font-style: italic;
        text-indent: 110px;
    }
    .claim_loch.inglese span.riga_due{
        text-indent: 0;
    }
    .claim_loch.inglese span.riga_tre{
        text-indent: 35px;
    }
    .claim_loch span.riga_tre{
        color:#5d5d5d;
        font-size: 20px;
        text-indent: 150px;
    }
    .claim_loch span.riga_quattro{
        color:#5d5d5d;
        font-size: 23px;
        text-indent: 0;
    }
    .claim_loch.tedesco span.riga_quattro{
        color:#5d5d5d;
        font-size: 23px;
        text-indent: 60px;
    }
    .claim_loch.inglese span.riga_quattro{
        text-indent: 150px;
    }
    .claim_loch span.riga_cinque{
        color:#249fd6;
        font-size:40px;
        text-transform: uppercase;
        font-weight: bold;
        text-indent: 130px;
    }
    .claim_loch.tedesco span.riga_cinque{
        color: #249fd6;
        font-size: 30px;
        text-transform: uppercase;
        font-weight: bold;
        text-indent: 50px;
    }
    .claim_loch.inglese span.riga_cinque{
        text-indent: 40px;
    }
    .claim_loch span.riga_sei{
        color:#5d5d5d;
        font-size: 20px;
        text-indent: 110px;
    }
    .claim_loch.tedesco span.riga_sei{
        color:#5d5d5d;
        font-size: 20px;
        text-indent: 75px;
    }

    .claim_loch span.riga_tre span.play{
        font-family: 'Playfair Display', serif;
        font-weight: 400;
        font-style: italic;
        font-size: 30px;
        display: inline-block;
        margin: 0 5px 0 0;
        text-indent: 0;
    }
}

.box_ricette{
    background: url(../images/top_box_ricette.png) no-repeat top center;
    font-size: 16px;
    line-height: 25px;
    padding-top: 120px;
    margin-top: 40px;
    padding-bottom: 25px;
    text-align: center;
}
.box_ricette_sotto{
    background: url(../images/bottom_box_ricette.png) no-repeat center center;
    width: 100%;
    height: 10px;
}

@media(min-width:768px){
    .box_ricette{
        background: url(../images/loch_ricetta_box.jpg) no-repeat top center;
        width: 661px;
        height: 301px;
        font-size: 16px;
        line-height: 25px;
        padding: 125px 100px 0 55px;
        margin: 50px auto 0;
        float: none;
        text-align: left;
    }
    .box_ricette_sotto{
        display: none;
    }
}

@media(min-width:992px){
    .box_ricette{
        background: url(../images/loch_ricetta_box.jpg) no-repeat center center;
        width: 661px;
        height: 301px;
        font-size: 16px;
        line-height: 25px;
        padding: 115px 100px 0 55px;
        float: left;
    }

    .contenitore_salmone{
        padding:0;
        position: relative;
        z-index: 999;
    }

    .contenitore_salmone img{
        position: absolute;
        top:165px;
        right: -30px;
    }
}

@media(min-width:1200px){
    .contenitore_salmone img{
        top:180px;
    }
}

.tratti_distintivi,
.tratti_distintivi:hover,
.tratti_distintivi:focus,
.tratti_distintivi:visited{
    background: url(../images/download_pdf.jpg) no-repeat left center;
    height: 40px;
    width: 430px;
    display: block;
    color: #5d5d5d;
    overflow: hidden;
    padding: 13px 0 0 60px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 100px;
}

.tratti_distintivi.en,
.tratti_distintivi.en:hover,
.tratti_distintivi.en:focus,
.tratti_distintivi.en:visited{
    background: url(../images/download_pdf.jpg) no-repeat left center;
    height: 58px;
    width: 430px;
    display: block;
    color: #5d5d5d;
    overflow: hidden;
    padding: 13px 0 0 60px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 100px;
    font-size: 13px;
}

.tratti_distintivi.de,
.tratti_distintivi.de:hover,
.tratti_distintivi.de:focus,
.tratti_distintivi.de:visited{
    background: url(../images/download_pdf.jpg) no-repeat left center;
    height: 58px;
    width: 430px;
    display: block;
    color: #5d5d5d;
    overflow: hidden;
    padding: 13px 0 0 60px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 100px;
    font-size: 13px;
}

.tratti_distintivi .blu{
    color:#0b5aa0;
    display: inline-block !important;
}

.no_ogm{
    position: absolute;
    top: 0;
    right: 16px;
}

@media(max-width:768px){
    .no_ogm{
        position: absolute;
        top: 0;
        right: 0;
    }
}


.fish_eat_fish{
    width: 100%;
    margin: 35px auto 10px;
}

@media(min-width:992px){
    .fish_eat_fish{
        width: 80%;
        margin: 65px auto 35px;
    }
}

.margin_bottom_loghi{
    margin-bottom: 50px;
}

@media(min-width:992px){
    .margin_bottom_loghi{
        margin-bottom: 175px;
    }
}

/*2020*/
.blu{
    color:#0b5aa0;
}


.my-5rem {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.py-5 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mt-5 {
    margin-top: 3rem;
}

.mb-5 {
    margin-bottom: 3rem;
}