/**
 * Blue Text Block
 */
.ws-blue-textblock {background:#141F3F; position:relative; padding:76px 0;}
.ws-blue-textblock__col {position:relative; z-index:2;}
.ws-blue-textblock__heading {margin-bottom:35px;}

/* background */
.ws-blue-textblock__bg {
    position:absolute; top:0; left:50%; z-index:1;
    transform:translateX(-50%);
    background:#141F3F; height:100%; width:100vw;
}
.ws-blue-textblock__bg img {position:absolute; top:0;}
.ws-blue-textblock__bg .radar {
    width:350px; max-width:20vw; right:0;
    transform:translate(20%,20%);
}
.ws-blue-textblock__bg .zones-rouge {
    width:430px; max-width:20vw; left:0;
    transform:translate(-47%,30%);
}


/* layout: standalone */
.ws-blue-textblock__col.content {max-width:960px;}

/* layout: has image (left & right) */
.ws-blue-textblock.has-image .ws-blue-textblock__col.content {max-width:unset; width:53%;}
.ws-blue-textblock.has-image .ws-blue-textblock__col.image {width:47%;}

.ws-blue-textblock.image-right .ws-blue-textblock__col.image {padding-left:110px;}
.ws-blue-textblock.image-left .ws-blue-textblock__col.image {padding-right:60px;}

.ws-blue-textblock.image-left .ws-blue-textblock__inner {flex-direction:row-reverse;}
.ws-blue-textblock.image-left .ws-blue-textblock__bg .radar {transform:translate(50%,-50%); top:50%; width:300px;}

@media only screen and (max-width:1500px){
    .ws-blue-textblock__heading {margin-bottom:30px;}
    .ws-blue-textblock.image-right .ws-blue-textblock__col.image {padding-left:80px;}
}
@media only screen and (max-width:1280px){
    .ws-blue-textblock {padding:55px 0;}

    .ws-blue-textblock.image-right .ws-blue-textblock__col.image {padding-left:60px;}
    .ws-blue-textblock.image-left .ws-blue-textblock__col.image {padding-right:40px;}
}

@media only screen and (max-width:1024px){
    .ws-blue-textblock__heading {margin-bottom:20px;}

    /* layout: standalone */
    .ws-blue-textblock__col.content {max-width:768px;}

    .ws-blue-textblock {padding:35px 0;}

    .ws-blue-textblock.image-right .ws-blue-textblock__col.image {padding-left:20px;}
    .ws-blue-textblock.image-left .ws-blue-textblock__col.image {padding-right:20px;}
}

@media only screen and (max-width:767px){
    .ws-blue-textblock__heading {margin-bottom:12px;}

    .ws-blue-textblock.has-image .ws-blue-textblock__col.content {width:100%; margin-bottom:30px;}
    .ws-blue-textblock.has-image .ws-blue-textblock__col.image {width:100%;}

    .ws-blue-textblock.image-right .ws-blue-textblock__col.image {padding-left:0;}
    .ws-blue-textblock.image-left .ws-blue-textblock__col.image {padding-right:0;}
}