.post-header-home {
    display:block;
    width:100%;
    background: #fff;
    background-size:cover;
    height:auto;
    position:relative;
    margin:0 0 0 0;
}
.post-header-home .contentPreHeader {
    display:block;
    min-height: 200px;
    height: auto;
    max-width:1170px;
    /*
    margin:auto;
    */
    position:relative;
    z-index:0;
    background: #1d1a29;
}
.post-header-home .contentPreHeader .preheaderCorners {
    position:absolute;
    border-color:rgba(255,255,0,1) !important;
    width:100%;
    max-width:80px;
    height:100%;
    max-height:80px;
    z-index:1;
}
.post-header-home .contentPreHeader .preheaderCorners.topLeftCorner {
    top:0;
    left:0;
    border-top:solid 20px;
    border-left:solid 20px;
}
.post-header-home .contentPreHeader .preheaderCorners.topRightCorner {
    top:0;
    right:0;
    border-top:solid 20px;
    border-right:solid 20px;
}
.post-header-home .contentPreHeader .preheaderCorners.bottomLeftCorner {
    bottom:0;
    left:0;
    border-bottom:solid 20px;
    border-left:solid 20px;
}
.post-header-home .contentPreHeader .preheaderCorners.bottomRightCorner {
    bottom:0;
    right:0;
    border-bottom:solid 20px;
    border-right:solid 20px;
}
.post-header-home .contentPreHeader .preheaderCorners.topLeftCorner.shadowCorner {
    top:18px;
    left:18px;
    border-top:solid 20px rgba(0,0,0,.07) !important;
    border-left:solid 20px rgba(0,0,0,.07) !important;
    z-index:0;
}
.post-header-home .contentPreHeader .preheaderCorners.topRightCorner.shadowCorner {
    top:18px;
    right:18px;
    border-top:solid 20px rgba(0,0,0,.07) !important;
    border-right:solid 20px rgba(0,0,0,.07) !important;
    z-index:0;
}
.post-header-home .contentPreHeader .preheaderCorners.bottomLeftCorner.shadowCorner {
    bottom:18px;
    left:18px;
    border-bottom:solid 20px rgba(0,0,0,.07) !important;
    border-left:solid 20px rgba(0,0,0,.07) !important;
    z-index:0;
}
.post-header-home .contentPreHeader .preheaderCorners.bottomRightCorner.shadowCorner {
    bottom:18px;
    right:18px;
    border-bottom:solid 20px rgba(0,0,0,.07) !important;
    border-right:solid 20px rgba(0,0,0,.07) !important;
    z-index:0;
}
.post-header-home .editoriContentBox.row {
    position:relative;
    width:100%;
    max-width:1100px;
    margin: 35px auto 35px auto;
    color:#fff !important;
    background-color: #1d1a29;
    text-align: center;
}

.post-header-home .boxLinkEditore > a {
    display:block;
    text-decoration:none;
}
.post-header-home .boxLinkEditore:hover a {
    color:#0063dd !important;
    transition:all .7s ease-in-out;
}
.post-header-home .boxLinkEditore span.logoEditore {
    position:relative;
    display:block;
    height:88px;
    text-align:center;
    padding:0 0 0 0;
    margin:20px auto 0 auto;
}
.post-header-home .boxLinkEditore img {
    position:absolute;
    transform: translate(-50%, -50%);
    left:50%;
    top:50%;
}
.post-header-home .boxLinkEditore.box777ilPortolano img {
    width:auto;
    display:block;
    max-height:88px;
    text-align:center;
    vertical-align:middle;
    margin:auto;
}
@media (max-width: 767px) {
    .post-header-home .boxLinkEditore.box777ilPortolano img {
        max-height:88px;
    }
}
.post-header-home .boxLinkEditore.boxIstitutoIdrograficoMarina img {
    width:auto;
    display:block;
    max-height:100px;
    text-align:center;
}
@media (max-width: 767px) {
    .post-header-home .boxLinkEditore.boxIstitutoIdrograficoMarina img {
        max-height:88px;
    }
}
.post-header-home .boxLinkEditore.boxNauticard img {
    width:auto;
    display:block;
    max-width:260px;
    text-align:center;
    vertical-align:middle;
    margin:auto;
}
.post-header-home .boxLinkEditore.boxIstitutoIdrograficoCroato img {
    width:auto;
    display:block;
    max-height:88px;
    text-align:center;
}
.post-header-home .boxLinkEditore.boxImray img {
    width:auto;
    display:block;
    max-height:75px;
    text-align:center;
}
@media (max-width: 767px) {
    .post-header-home .boxLinkEditore.boxImray img {
        max-height:55px;
    }
}

.post-header-home .boxLinkEditore p {
    position:relative;
    font-family:Cairo;
    font-size: 16px;
    border-top:solid 1px #c6c5d3;
    padding:25px 0 15px 0;
    margin:30px 0 0 0;
    text-align:center;
    line-height: 22px;
}
.post-header-home .boxLinkEditore p:before {
    content:" ";
    display:block;


    background:#c6c5d3;
    width:20px;

    height:20px;
    border-radius:50% !important;
    position:absolute;
    top:-10px;
    left:50%;
    transform: translate(-50%, 0);
}

@media (min-width: 992px) {
    .post-header-home {

    }
    .post-header-home .boxLinkEditore.box777ilPortolano {
        position:absolute;
        width:33.333333%;
        margin-left:33.333333%;
        height: 50%;
        top: 50%;
        transform: translate(0, -50%);
    }
    .post-header-home .boxLinkEditore.boxIstitutoIdrograficoMarina {
        position:absolute;
        width:33.333333%;
        margin-left:0;
        height:50%;
    }
    .post-header-home .boxLinkEditore.boxNauticard {
        position:absolute;
        width:33.333333%;
        margin-left:66.666666%;
        height:50%;
    }
    .post-header-home .boxLinkEditore.boxIstitutoIdrograficoCroato {
        position:absolute;
        height:50%;
        left: 0;
        top:50%;
    }
    .post-header-home .boxLinkEditore.boxImray {
        position:absolute;
        width:33.333333%;
        right: 0;
        height:50%;
        top:50%;
    }
}

@media (min-width: 768px) {
    .header {
    }

    /*
    #######################################################################################
    #######################################################################################
    PRE HEADER: start
    #######################################################################################
    #######################################################################################
    */
    .header .pre-header {
        display:block;
        padding: 0 0 0 0;
        color:#000;
        line-height:normal;
        border:none;
        font-size:0;
        background: none;
        border-bottom: solid 1px rgba(255,255,255,.3);
    }
    .header .pre-header .container {
        width:100%;
        max-width:1170px;
        color:#000;
        padding: 5px 0 0 0;
    }

    .header .pre-header:before ,
    .header .pre-header:after ,
    .header .pre-header .container:before ,
    .header .pre-header .container:after {
        content:" ";
        display:table;
        width:100%;
        clear:both;
        height:0;
        overflow:hidden;
    }

    .header .pre-header .container .left-side {
        float:left;
    }
    .header .pre-header .container .right-side {
        float:right;
    }
    .header .pre-header .container a {
        vertical-align:top;
        font-family:Cairo;
        font-weight:500;
        display:inline-block !important;
        height: 27px;
        line-height: 27px;
        font-size:13px;
        padding: 0 15px;
        text-decoration:none;
        color: rgba(255,255,255,.9);
        transition:all .5s ease-in-out;
    }


    .header .pre-header .container a.flag.it {
        background:url(../img_portolano/it.png) no-repeat center center;
        background-size:18px auto;
    }
    .header .pre-header .container a.flag.en {
        background:url(../img_portolano/en.png) no-repeat center center;
        background-size:18px auto;
    }
    .header .pre-header .container a:hover {
        color: rgba(255,255,255,1);
        background: rgba(14,77,155,.01);
    }
    .header .pre-header .container .left-side a {
        border-right: solid 1px rgba(255,255,255,.3);
    }
    .header .pre-header .container .left-side a:first-of-type {
        /* border-left:solid 1px rgba(14,77,155,.1); */
    }
    .header .pre-header .container .right-side a {
        border-left: solid 1px rgba(255,255,255,.3);
    }
    .header .pre-header .container .right-side a:last-of-type {
        /* border-right:solid 1px rgba(14,77,155,.1); */
    }

}