/******************CSS HP bloc 2 half second position********/
 

  @charset "utf-8";
  /* CSS Document */

div#half{display:inline-block;width:40%;transform:translateY(-50%);top:50%;position:absolute;}
    div#half:first-of-type{width:60%;}
    #half img{width:100%;height:auto;max-width:330px;}
    #twohalf .half .cta li{display:inline-block;margin:7px;}
    #twohalf .half .cta li a {background-color:white;color:#040037;padding:15px 30px;text-align:center;display:block;font-size:16px;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:1;border-radius:8px;margin:20px auto auto;border:1px solid #040037;font-weight:bold;}
    #twohalf .half .cta li a:hover {background-color:#040037;color:white;}
    #twohalf .half p {color: #040037;}
    #twohalf{max-width:1400px;margin:0 auto;width:90%;text-align:center;}
    #twohalf .half{width:50%;display:inline-block;vertical-align:top;}
    #twohalf .half img{max-width:770px;width:90%;height:auto;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;opacity:1;}
    #twohalf .half img:hover{opacity:0.7;}

/******** reassurance services desktop*/
li.reassuranceSlider {
    text-align: center;
    list-style-type: none;
    color: white;
    font-size: 13px;
}
#reassurance_hp span {
    color: #FFFFFF;
}

#reassurance_hp a {
    color: white;
    font-size: 13px;
} 
    @media screen and (max-width:1138px){
        #twohalf .half .cta li{display:inline-block;margin:auto;} 
    }
    
    @media screen and (max-width:960px){
        #twohalf .half{width:100%;margin-bottom:25px;}
        #twohalf .half img {    max-width: 770px;    width: 100%;}
    }