/* Compliance and Risks */


/*
jaune : 255 251 204 / #fffbcc
or : 177 137 44 / #b1892c
vert : 112 199 173 / #70c7ad
orange : 241 90 34 / #f15a22

gris sombre : 49 70 79 / #27383e

bleu base charte : 6 79 100 / #064f64
bleu ciel : 0 174 239 / #00aeef
bleu medium : 0 103 172 / #0067ac
bleu foncé : 3 70 148 / #034694

bleu footer : 0 112 161 / #0070a1
*/


p {
    font-family: DinRegular;
    color: #27383e;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: -0.5px;
    text-align: left;
}

h2 {
    font-family: DinLight;
    color: #27383e;
    font-size: 32px;
    line-height: 36px;
    text-align: left;
}

h3 {
    font-family: DinLight;
    font-size: 24px;
    line-height: 30px;
}

.strong {
    font-family: DinBold;
}

.btn-lp {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #27383e;
    border: 1px #27383e solid;
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    font-family: DinBold;
    letter-spacing: -0.5px;

    padding: 5px 15px;
    margin: 0 10px;
}



.wrapper_grid.big {
    width: 1000px;
    /*width: auto;*/
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 20px;
    text-align: left;
}


#content.lp {
    margin-top: 0;
}


.h2o {
    /*color: #f15a22;*/
    font-size: 32px;
    line-height: 36px;

}
span.h2o {
    color: #ffffff;
    font-size: 32px;
    line-height: 36px;
    font-family: DinMedium;
}

.o {
    /*color: #f15a22;*/
    font-family: DinBold;
}




/* Banner */
/*body.intellectual-property */

.banner {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: auto;
    border-width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    text-align: left;
    margin: 0;
}

.compliance {
    background-image: url("../../../uploads/banner-compliance-and-risks.jpg");
    height: 350px;
}

.banner h1 {
    font-size: 37px;
    margin: 190px auto 40px 0;
    font-family: DinBold;
    color: #ffffff;
    line-height: 46px;
}




/* Intro */

body #container .intro {
    background: #77c4b0;

    padding: 20px 0;
    color: #ffffff;
    margin: 1px 0;
}

.intro h2 {
    color: #ffffff;
    margin: 0;
}
.intro p {
    font-size: 19px;
    line-height: 30px;
    color: #ffffff;
}


img.datacompliancelaws {
    float: right;
    margin: 15px 0 20px 20px;
    /*border: 1px #064f64 solid;*/
}




.intro em {
    margin: 30px 0 0 0;
    display: inline-block;
    float: right;
    font-size: 14px;

    font-style: italic;
    color: #ffffff;
}


/* New markets open doors... */
body #container .opendoors {
    background: #ffffff;
    padding: 50px 0;

}

.opendoors div div:nth-child(1) {
    padding: 0 30px 0 0;
}
.opendoors div div:nth-child(2) {
    padding: 0 0 0 30px;
}

.opendoors div div:nth-child(1) img {
    padding: 40px 0 10px;
}
.opendoors div div:nth-child(2) img {
    /*padding: 10px 0 20px 160px;*/
    padding: 0 0 20px 0;
}

.opendoors div div:nth-child(1) small {
    margin: 10px 0 0 0;
    display: inline-block;
}



.opendoors p {
/*    font-size: 19px;
    line-height: 27px;
    padding: 10px 0;*/


    font-size: 16px;
    line-height: 23px;
    padding: 7px 0;

}





/* Infographic */
body #container .infographic {
    background: #fffbd3;
    padding: 50px 0;

}

body #container .infographic div div {
    width: 55%;
    float: left;
}

.infographic h2 {
    font-family: DinBold;
}
.infographic p {
    font-family: DinRegular;
    font-size: 24px;
    line-height: 30px;

}
.infographic img {
    float: right;
}
.infographic .btn-lp {
    margin: 50px 20px 0 0;
    padding: 20px 50px;
    font-size: 30px;
}








/* How can we help */
body #container .canwehelp {
    background: #ffffff;
    padding: 50px 0 0 0;

}

.canwehelp h2 {
    /*font-family: DinBold;*/
    margin-bottom: 15px;
    float: left;
}

.canwehelp p {

/*    font-size: 24px;
    line-height: 30px;*/

font-size: 18px;
line-height: 23px;



    padding: 10px 0;
    float: left;

    /*width: 71%;*/
}
.canwehelp img {
    float: right;
    display: none;
}






/* Benefits */
body #container .benefits {
    background: #ffffff;
    padding: 20px 0 20px 0;

}

.benefits .wrapper_grid {
    text-align: center;
}

.benefits > .wrapper_grid > div {
    /*width: 24%;*/
    padding: 20px 10px;
    border: 0px #999999 solid;
    display: inline-block;
    vertical-align: top;

    /*min-height: 400px;*/
}

.benefits > .wrapper_grid > div > div {
    /*height: 200px;*/
    line-height: 140px;
    cursor: pointer;
}
.benefits > .wrapper_grid > div > div > img {
    vertical-align: middle;
    border-radius: 100px;
}

.benefits h5 {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    padding: 20px 0;



}

.benefits p {
    font-family: DinRegular;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 0;
    text-align: left;

}


.benefits div div div.layer {
    text-align: left;
    position: absolute;
    z-index: 10;
    background: #27383e;
    color: #ffffff;

    border: 1px #dddddd solid;

    width: 25%;
    height: auto;
    padding: 15px;
    margin: -20px 0 0 -3%;

    opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */

    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.benefits div div:hover div.layer {
    width: 25%;
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



.benefits div div div.layer h4 {
    font-family: DinBold;
    font-size: 18px;
    line-height: 20px;
    padding: 0 0 10px 0;
    color: #ffffff;
    font-style: normal;
}

.benefits div div div.layer p {

    font-size: 16px;
    line-height: 18px;
    padding: 0;
    color: #ffffff;

    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: 0.5s;
    transition: 0.5s;

    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.benefits div div:hover div.layer p {
    opacity: 1;
    filter: alpha(opacity=1);
}





/* Case Study download */
.casestudy {
    /*height: 200px;*/

/*    background-image: url("../../../uploads/cr-banner-case-study.jpg");
    background-position: left center;
    padding: 30px 0;*/

    color: #ffffff;

    background: #77c4b0;
    padding: 10px 0;
    margin: 1px 0;
}
/*.mask {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}*/

.case-lombard-logo {
    background: #ffffff;
    padding: 15px 15px 12px 15px;

/*    margin: 0;
    position: absolute;
    top: 0;
    right: 25px;*/

    background: #ffffff;
    padding: 15px 15px 12px 15px;
    float: right;
    margin: -96px 0 10px 0;
}


.casestudy .wrapper_grid {
    overflow: visible;    
}


.casestudy.banner div div:nth-child(1) {
    padding: 10px 0 0 0;
}



.casestudy .wrapper_grid,
.casestudy .wrapper_grid .button {
    display: flex;
}
.casestudy .wrapper_grid .button a.btn {
    margin: auto 0 20% auto;
}



.casestudy h2 {
    color: #27383e;
    margin: 30px 0 20px 0;
    font-family: DinBold;
}

.casestudy p {
    color: #ffffff;
    margin: 10px 0;
}

.author {
    font-size: 15px;
    line-height: 18px;
}

.casestudy p.boxtitled {
    margin: 19px 0px;
    border: 1px solid rgb(93, 197, 236);
    padding: 20px;
    color: #ffffff;
    display: inline-block;

    font-size: 33px;
    line-height: 33px;
}


.casestudy .btn-lp {
    font-size: 24px;
    line-height: 40px;
    padding: 5px 25px;
    border: 1px #ffffff solid;
    background-color: #27383e;
    color: #ffffff;

/*    position: absolute;
    bottom: 20px;
    right: 10px;*/

    float: right;
    margin: 0 0 10px 0;
}
.casestudy .btn-lp:hover {
    border-color: #27383e;
    background-color: #ffffff;
    color: #27383e;

}




/* E-book download */


.ebook a {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
/*    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: auto;*/
    border: 0;
    text-align: left;
    margin: 0 0 1px 0;
    height: 200px;
    display: block;
    width: 100%;
    background-image: url("../../../uploads/banner-compliance-and-risks-ebook.jpg");
}




body #container .learnmore {
    background: #fffbd3;
    padding: 50px 0;

}

.learnmore h2 {

    text-align: left;
}
.learnmore p {
/*    font-family: DinRegular;
    font-size: 24px;
    line-height: 30px;*/


    font-family: DinMedium;
    font-size: 25px;
    line-height: 30px;
    margin-top: 10px;
}
.learnmore p.p {
    font-family: DinRegular;
    font-size: 19px;
    line-height: 22px;
}

.learnmore img {
    float: right;
}

.learnmore .btn-lp {
    margin: 20px 20px 0 0;

    font-size: 24px;
    line-height: 40px;
    padding: 5px 25px;

    background-color: #f15a22;
    border: 1px #f15a22 solid;
}
.learnmore .btn-lp:hover {
    background-color: #ffffff;
    border: 1px #f15a22 solid;
    color: #f15a22;
}







/* resources - carousel */

/* mini carousel */
.carousel {
    width: 340px !important;
    margin: 0 auto !important;
}



body #container .resources {
    background: #27383e;
    color: #ffffff;

    text-align: center;
}

body #container .resources h2 {

    text-align: center;
    color: #ffffff;
    text-align: left;

    margin: 0 0 40px 30px;
}

body #container .resources .wrapper_grid {
    border: 0px crimson solid;
    width: 1020px;
}


.carousel > ul > li {
    /*border: 1px crimson solid;*/
    height: auto !important;
    width: 340px !important;
}

.carousel > ul > li > div {
    border: 1px #eeeeee solid;
    background: #ffffff;
    width: auto;
    text-align: center;
    padding: 20px 0;
    height: 480px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.carousel > ul > li > div > div:nth-child(1) {
    height: 210px;
    vertical-align: middle;
    line-height: 250px;
}

.carousel > ul > li > div > div:nth-child(2) {
    vertical-align: middle;
    line-height: 150px;
    height: 150px;
    display: inline-block;
}

.carousel ul li div p {
    margin: 20px;
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
}

.resources .btn-lp {
    font-size: 17px;
    line-height: 14px;
    width: 150px;
    border: 2px #27383e solid;
    background-color: #27383e;
    color: #ffffff;
    margin: 10px 0;
    padding: 8px 10px;
    font-family: DinRegular;
}
.resources .btn-lp:hover {
    background-color: #ffffff;

}



/* static form*/

.staticform {
    width: 450px;
    margin: 77px 0 0 0;
}





/* responsivity */
@media only screen and (max-width: 980px) and (min-width: 240px) {

    .casestudy .wrapper_grid,
    .casestudy .wrapper_grid .button {
        display: inline-block !important;
    }

    .casestudy .wrapper_grid {
        width: auto !important;
        margin: 0 20px 10px 20px;
    }

}