.pumpkin{
    color:#ed8b00
}
@font-face{
    font-family:ProximaNova-Extrabld;
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Black.eot);
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Black.eot) format("embedded-opentype"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Black.woff2) format("woff2"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Black.woff) format("woff"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Black.ttf) format("truetype");
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:ProximaNova;
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Regular.eot);
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Regular.eot) format("embedded-opentype"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Regular.woff2) format("woff2"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Regular.woff) format("woff"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Regular.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:ProximaNova-Semibold;
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Semibold.eot);
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Semibold.eot) format("embedded-opentype"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Semibold.woff2) format("woff2"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Semibold.woff) format("woff"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Semibold.ttf) format("truetype");
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:ProximaNova;
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Bold.eot);
    src:url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Bold.eot) format("embedded-opentype"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Bold.woff2) format("woff2"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Bold.woff) format("woff"),url(https://royalsociety.org/interactive/genetics/fonts/ProximaNova-Bold.ttf) format("truetype");
    font-weight:700;
    font-style:normal
}
#preloader h2.mainHeading{
    text-align:center
}
main .textstyle2{
    font-size:68px;
    line-height:1.19
}
main .textstyle2,main .textstyleXL{
    font-family:ProximaNova;
    font-weight:700;
    letter-spacing:-.1px;
    text-align:center
}
main .textstyleXL{
    font-size:84px;
    font-style:normal;
    font-stretch:normal;
    line-height:.96
}
main h2.mainHeading{
    font-family:ProximaNova-Extrabld;
    font-size:73px;
    line-height:1.04;
    letter-spacing:-.1px;
    text-align:center
}
@media (max-width:568px){
    main h2.mainHeading{
        font-size:42px
    }
}
main h2{
    font-family:ProximaNova;
    font-size:28px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.21;
    letter-spacing:-.3px;
    text-align:center
}
@media (max-width:568px){
    main h2{
        font-size:20px
    }
}
main h3{
    font-family:ProximaNova-Extrabld;
    font-size:48px;
    line-height:.75
}
@media (max-width:568px){
    main h3{
        font-size:36px
    }
}
main h5{
    font-family:ProximaNova-Semibold;
    font-size:22px;
    font-weight:600;
    font-style:normal;
    font-stretch:normal;
    line-height:1.27;
    letter-spacing:normal;
    text-align:center
}
@media (max-width:568px){
    main h5{
        font-size:20px
    }
}
main p{
    font-family:ProximaNova;
    font-size:22px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    letter-spacing:normal;
    text-align:left;
    line-height:1.18
}
@media (max-width:768px){
    main p{
        text-align:center
    }
}
@media (max-width:568px){
    main p{
        font-size:16px
    }
}
main p.sideBarCopy{
    font-family:ProximaNova;
    font-size:18px;
    line-height:1.22;
    letter-spacing:normal;
    text-align:center
}
main button.textStyle1,main p.sideBarCopy{
    font-weight:400;
    font-style:normal;
    font-stretch:normal
}
main button.textStyle1{
    font-family:ProximaNova-Extrabld;
    font-size:28px;
    line-height:1.64;
    letter-spacing:0;
    text-align:right
}
@media (max-width:568px){
    main button.textStyle1{
        font-size:20px
    }
}
main h3.styl2{
    font-family:ProximaNova;
    font-size:36px;
    font-weight:700;
    line-height:1.19;
    letter-spacing:-.1px;
    text-align:left
}
@media (max-width:568px){
    main h3.styl2{
        font-size:22px
    }
}
main .bold{
    font-weight:700
}
main h2.quizQuestion{
    font-family:ProximaNova;
    font-size:68px;
    font-weight:300;
    font-style:normal;
    font-stretch:normal;
    line-height:1.15;
    letter-spacing:-.1px;
    text-align:center
}
@media (max-width:568px){
    main h2.quizQuestion{
        font-size:48px
    }
}
main span.quizQuestionBold{
    font-family:ProximaNova-Extrabld;
    font-weight:400
}
@media (max-width:568px){
    main span.quizQuestionBold{
        display:block
    }
}
main h2.superLarge{
    font-family:ProximaNova-Extrabld;
    font-size:98px;
    font-weight:300;
    line-height:1.15;
    letter-spacing:-.1px
}
main h2.superLarge,main p.questionCopy{
    font-style:normal;
    font-stretch:normal;
    text-align:center
}
main p.questionCopy{
    font-family:ProximaNova;
    font-size:26px;
    font-weight:400;
    line-height:1.23;
    letter-spacing:normal
}
@media (max-width:568px){
    main p.questionCopy{
        font-size:20px
    }
}
@keyframes flickerAnimation{
    0%{
        opacity:1
    }
    50%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.animate-flicker{
    animation:flickerAnimation 2s infinite
}
section.section1 .largeBox{
    background:#d31245
}
section.section1 .largeBox img{
    margin:-7% 5% 62px;
    width:90%
}
@media (max-width:768px){
    section.section1 .largeBox img{
        width:100%;
        margin:-27% 0 62px
    }
}
section.section1 .largeBox>p{
    color:#fff
}
section.section1 .smallBox .box1{
    background:#a51890;
    padding-bottom:60px
}
section.section1 .smallBox .box1 h5{
    margin:22px 44px;
    color:#fff
}
@media (max-width:768px){
    section.section1 .smallBox .box1 h5{
        margin:5%
    }
}
section.section1 .smallBox .box1 img{
    margin:0 auto;
    padding:0 4px
}
section.section1 .smallBox .box2{
    background:#5f0675
}
section.section1 .smallBox .box2 span.number{
    color:#ed8b00;
    display:block
}
section.section1 .smallBox .box2 p.sideBarCopy{
    color:#fff;
    margin:14px 22px 44px
}
section.section1 .smallBox .box2 img{
    margin:22px auto;
	display:block;
}
section.section2{
    background:#333132;
    height:100%;
    min-height:660px;
    -ms-flex-direction:column;
    flex-direction:column !important;
}
section.section2 .quizItem{
    display:none;
    transition:opacity .3s;
    opacity:0;
    padding-top:40px;
    padding-bottom:94px;
    min-height:660px
}
section.section2 .quizItem.finalScreen button{
    background:#d31245;
    color:#fff;
    padding-right:130px;
    margin:0 auto;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-next-white.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:100%
}
section.section2 .quizItem.finalScreen .shareButtonsContainer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
section.section2 .quizItem.finalScreen .shareButtonsContainer>a.shareButton{
    width:100px;
    height:100px;
    background:#333132;
    display:inline-block;
    background-position:50%;
    margin-bottom:25px
}
section.section2 .quizItem.finalScreen .shareButtonsContainer>a.shareButton:hover{
    opacity:.7
}
section.section2 .quizItem.finalScreen .shareButtonsContainer>a.shareButton.twitter{
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-twitter.svg)
}
section.section2 .quizItem.finalScreen .shareButtonsContainer>a.shareButton.fb{
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-fb.svg);
    margin-right:40px
}
section.section2 .quizItem.finalScreen h2{
    padding:0
}
section.section2 .quizItem.finalScreen .youScored{
    margin-bottom:20px
}
section.section2 .quizItem.answer p{
    margin-bottom:94px
}
section.section2 .quizItem.answer button{
    background:#0085ca;
    color:#fff;
    padding-right:130px;
    margin:0 auto;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-next-white.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:100%
}
section.section2 .quizItem.answer.true{
    background:#fff;
    color:#333132
}
section.section2 .quizItem.answer.false{
    background:#d31245
}
section.section2 .quizItem.answer .falseCopy,section.section2 .quizItem.answer .trueCopy{
    font-weight:700
}
section.section2 .quizItem.answer .trueCopy{
    color:#d31245
}
section.section2 .quizItem .buttonsContainer{
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -ms-flex-pack:center;
    justify-content:center
}
@media (max-width:768px){
    section.section2 .quizItem .buttonsContainer{
        -ms-flex-direction:column;
        flex-direction:column;
        padding:0 10px
    }
}
section.section2 .quizItem .buttonsContainer button{
    height:72px;
    min-width:237px
}
@media (max-width:768px){
    section.section2 .quizItem .buttonsContainer button{
        width:100%
    }
}
section.section2 .quizItem .buttonsContainer button.true{
    background:#fff;
    margin-right:21px;
    color:#d31245;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-true-lipstick.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:0
}
@media (max-width:768px){
    section.section2 .quizItem .buttonsContainer button.true{
        margin-right:0;
        margin-bottom:10px
    }
}
section.section2 .quizItem .buttonsContainer button.false{
    background:#d31245;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-false-white.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:0;
    color:#fff
}
section.section2 .quizItem h2{
    padding:0;
    margin:0 0 42px
}
section.section2 .quizItem img{
    height:113px;
    width:auto;
    margin:0 auto 74px;
	display:block;
	
}
section.section2 .quizItem p{
    margin:0 24% 42px;
    padding:0;
    text-align:center
}
@media (max-width:768px){
    section.section2 .quizItem p{
        margin:0 5% 12px
    }
}
section.section2 .quizItem.active{
    display:block
}
section.section2 .quizItem.activeAnimate{
    opacity:1
}



section.section3 .largeBox{
    background:#ede7dd
}
section.section3 .largeBox img{
    width:80%;
    margin:-7.5% auto 7.5%
}
section.section3 .largeBox img.animate{
    display:block
}
section.section3 .largeBox img.static{
    display:none
}
@media (max-width:1024px){
    section.section3 .largeBox img.animate{
        display:none
    }
    section.section3 .largeBox img.static{
        display:block
    }
}
section.section3 .largeBox p{
    color:#333132
}
section.section3 .smallBox{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
section.section3 .smallBox .box1{
    background:#a51890;
    padding-bottom:20px
}
section.section3 .smallBox .box1 h5{
    padding:22px 44px;
    color:#fff
}
section.section3 .smallBox .box1 p.sideBarCopy{
    color:#fff;
    padding:14px 22px 0
}
section.section3 .smallBox .box1 span.number{
    color:#fff;
    display:block
}
section.section3 .smallBox .box1 img{
    margin:0 auto;
    padding:0 14px
}
section.section3 .smallBox .box2{
    background:#da1884;
    padding:22px 0
}
section.section3 .smallBox .box2 span.number{
    color:#fff;
    display:block
}
section.section3 .smallBox .box2 p.sideBarCopy{
    padding:0 40px;
    color:#fff
}
section.section4{
    background:#64a70b;
    -ms-flex-direction:column;
    flex-direction:column;
    background-image:url(https://royalsociety.org/interactive/genetics/images/section4-people-background.svg);
    background-size:auto 280px;
    background-repeat:no-repeat;
    background-position:90% 62%
}
@media (max-width:768px){
    section.section4{
        background-size:100% auto;
        background-repeat:no-repeat;
        background-position:90% 80%
    }
}
section.section4 h2{
    color:#fff;
    margin:38px 9% 31px
}
section.section4 p{
    color:#fff
}
section.section4 .contentContainer{
    display:-ms-flexbox;
    display:flex;
    width:100%
}
@media (max-width:768px){
    section.section4 .contentContainer{
        -ms-flex-direction:column;
        flex-direction:column
    }
}
section.section4 .contentContainer .content1{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:55%;
    padding:50px;
    margin-right:20px
}
@media (max-width:768px){
    section.section4 .contentContainer .content1{
        width:100%;
        padding:5%;
        margin-right:0
    }
}
section.section4 .contentContainer .content1 p{
    display:block
}
section.section4 .contentContainer .content1 img{
    margin-right:-50px;
    -ms-flex-item-align:end;
    align-self:flex-end
}
@media (max-width:768px){
    section.section4 .contentContainer .content1 img{
        display:none
    }
}
section.section4 .contentContainer .content2{
    margin-right:2%;
    width:392px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:end;
    justify-content:flex-end
}
@media (max-width:768px){
    section.section4 .contentContainer .content2{
        -ms-flex-direction:row;
        flex-direction:row;
        width:100%
    }
}
section.section4 .contentContainer .content2 img{
    z-index:1;
    margin-bottom:-40px
}
@media (max-width:768px){
    section.section4 .contentContainer .content2 img.img-mobile{
        width:36%;
        margin-right:8%
    }
}
@media (max-width:768px){
    section.section4 .contentContainer .content2 img.img-2{
        width:56%;
        -ms-flex-item-align:end;
        align-self:flex-end
    }
}
section.section4 .contentContainer .content2 img.img-mobile{
    display:none
}
@media (max-width:768px){
    section.section4 .contentContainer .content2 img.img-mobile{
        display:block
    }
}
section.section5 .largeBox{
    background:#da1884
}
section.section5 .largeBox h2{
    text-align:left;
    color:#fff;
    margin:10% 5% 5%
}
@media (max-width:768px){
    section.section5 .largeBox h2{
        text-align:center
    }
}
section.section5 .smallBox .box1{
    background:#ed2891;
    padding-top:48px;
    padding-bottom:25px
}
section.section5 .smallBox .box1 .sideBarCopy{
    color:#fff;
    margin:0 22px
}
section.section5 .smallBox .box1 svg{
    margin:0 auto;
    width:196px;
    display:block;
    padding-bottom:34px
}
section.section5 .smallBox .box2{
    background:#333132;
    position:relative
}
section.section5 .smallBox .box2 .pollContent{
    position:relative;
    top:0;
    left:0;
    display:none
}
section.section5 .smallBox .box2 .pollContent.poll{
    padding:17px 22px 62px
}
section.section5 .smallBox .box2 .pollContent.active{
    display:block
}
section.section5 .smallBox .box2 .pollContent.results{
    text-align:center;
    padding:17px 22px
}
section.section5 .smallBox .box2 .pollContent.results.agree .number.agree,section.section5 .smallBox .box2 .pollContent.results.agree p.agree{
    display:block
}
section.section5 .smallBox .box2 .pollContent.results.agree .number.disagree,section.section5 .smallBox .box2 .pollContent.results.agree .number.dontknow,section.section5 .smallBox .box2 .pollContent.results.agree p.disagree,section.section5 .smallBox .box2 .pollContent.results.agree p.dontknow,section.section5 .smallBox .box2 .pollContent.results.disagree .number.agree,section.section5 .smallBox .box2 .pollContent.results.disagree p.agree{
    display:none
}
section.section5 .smallBox .box2 .pollContent.results.disagree .number.disagree,section.section5 .smallBox .box2 .pollContent.results.disagree p.disagree{
    display:block
}
section.section5 .smallBox .box2 .pollContent.results.disagree .number.dontknow,section.section5 .smallBox .box2 .pollContent.results.disagree p.dontknow,section.section5 .smallBox .box2 .pollContent.results.dontknow .number.agree,section.section5 .smallBox .box2 .pollContent.results.dontknow .number.disagree,section.section5 .smallBox .box2 .pollContent.results.dontknow p.agree,section.section5 .smallBox .box2 .pollContent.results.dontknow p.disagree{
    display:none
}
section.section5 .smallBox .box2 .pollContent.results.dontknow .number.dontknow,section.section5 .smallBox .box2 .pollContent.results.dontknow p.dontknow{
    display:block
}
section.section5 .smallBox .box2 .pollContent.results ul{
    display:-ms-flexbox;
    display:flex;
    margin:10px 0
}
section.section5 .smallBox .box2 .pollContent.results ul li{
    display:-ms-flexbox;
    display:flex
}
section.section5 .smallBox .box2 .pollContent.results ul li:not(:last-child){
    margin-right:10px
}
section.section5 .smallBox .box2 .pollContent.results ul li>span.copy{
    font-size:14px;
    line-height:20px
}
section.section5 .smallBox .box2 .pollContent.results ul li>span.block{
    margin-right:5px;
    width:20px;
    height:20px
}
section.section5 .smallBox .box2 .pollContent.results ul li>span.block.green{
    background:#64a70b
}
section.section5 .smallBox .box2 .pollContent.results ul li>span.block.blue{
    background:#0085ca
}
section.section5 .smallBox .box2 .pollContent.results ul li>span.block.grey{
    background:#ede7dd
}
section.section5 .smallBox .box2 .pollContent.results span.number,section.section5 .smallBox .box2 .pollContent.results span.number.green{
    color:#64a70b
}
section.section5 .smallBox .box2 .pollContent.results span.number.blue{
    color:#0085ca
}
section.section5 .smallBox .box2 .pollContent.results span.number.grey{
    color:#ede7dd
}
section.section5 .smallBox .box2 .pollContent.results p{
    text-align:center
}
section.section5 .smallBox .box2 .pollContent.results svg{
    width:196px;
    margin:10px auto
}
section.section5 .smallBox .box2 button{
    width:100%
}
section.section5 .smallBox .box2 button.agree{
    background:#64a70b;
    color:#fff;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-true-white.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:0
}
section.section5 .smallBox .box2 button.disagree{
    background:#0085ca;
    color:#fff;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-false-white.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:0
}
section.section5 .smallBox .box2 button.dontknow{
    background:#ede7dd;
    color:#333132;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-question-black.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:0
}
section.section5 .smallBox .box2 button:not(:last-child){
    margin-bottom:16px
}
section.section5 .smallBox .box2 .sideBarCopy,section.section5 .smallBox .box2 h5{
    color:#fff
}
section.section6{
    background:#d31245;
    padding-top:34px;
    -ms-flex-direction:column;
    flex-direction:column !important;
}
section.section6 .bubble{
    position:relative;
    margin:30px 10% 70px;
    background:#ede7dd
}
section.section6 .bubble:after{
    bottom:100%;
    transition:left .3s;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:transparent;
    border-bottom-color:#ede7dd;
    border-width:45px;
    margin-left:-45px
}
@media (max-width:768px){
    section.section6 .bubble:after{
        content:none
    }
}
section.section6 .bubble.hopes:after{
    left:20%
}
section.section6 .bubble.hopes .hopesCopy{
    display:block
}
section.section6 .bubble.concerns .hopesCopy,section.section6 .bubble.hopes .concernsCopy{
    display:none
}
section.section6 .bubble.concerns .concernsCopy{
    display:block
}
section.section6 .bubble.concerns:after{
    left:80%
}
section.section6 .bubble button{
    width:100%;
    min-height:72px;
    height:auto;
    padding-right:72px;
    background:#ed8b00;
    color:#fff;
    text-align:center;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-next-white.svg);
    background-size:auto auto;
    background-repeat:no-repeat;
    background-position:100%
}
@media (max-width:768px){
    section.section6 .bubble button{
        background-image:none;
        padding-right:8px;
        padding-left:8px
    }
}
section.section6 .bubble p{
    color:#333132;
    padding:3% 5%;
    margin:0
}
@media (max-width:768px){
    section.section6 .bubble{
        margin:30px 5% 70px
    }
}
section.section6 .contentContainer{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width:768px){
    section.section6 .contentContainer{
        -ms-flex-direction:column;
        flex-direction:column
    }
}
section.section6 .contentContainer .divider{
    background-image:url(https://royalsociety.org/interactive/genetics/images/divider.png);
    width:24px
}
@media (max-width:768px){
    section.section6 .contentContainer .divider{
        display:none
    }
}
section.section6 .contentContainer .content{
    width:calc(50% - 12px);
    padding-left:5%;
    padding-top:34px
}
@media (max-width:768px){
    section.section6 .contentContainer .content{
        width:90%;
        padding-left:0;
        margin:0 5%
    }
    section.section6 .contentContainer .content:not(:last-child){
        border-bottom:1px solid #fff
    }
}
section.section6 .contentContainer .content h2{
    text-align:left;
    margin-bottom:10px
}
@media (max-width:768px){
    section.section6 .contentContainer .content h2{
        text-align:center
    }
}
section.section6 .contentContainer .content h3{
    text-align:left;
    margin-bottom:15px
}
@media (max-width:768px){
    section.section6 .contentContainer .content h3{
        text-align:center
    }
}
section.section7{
    -ms-flex-direction:column;
    flex-direction:column !important;
    color:#333132;
    padding:74px 11%
}
@media (max-width:768px){
    section.section7{
        padding:10px 5%
    }
}
section.section7 h2{
    margin-bottom:52px
}
section.section7 p{
    text-align:center
}
@media (max-width:768px){
    section.section7 iframe{
        height:300px
    }
}
section.section8 .largeBox{
    color:#333132
}
section.section8 .largeBox>p{
    margin-left:50px;
    margin-right:50px
}
@media (max-width:768px){
    section.section8 .largeBox>p{
        margin-left:10px;
        margin-right:10px
    }
}
section.section8 .largeBox .carousel-container{
    padding:15px 50px;
    background:#333132
}
@media (max-width:768px){
    section.section8 .largeBox .carousel-container{
        padding:15px 0
    }
}
section.section8 .largeBox .carousel-container .carousel-inner{
    width:100%;
    color:#fff;
    margin-top:30px;
    overflow:hidden;
    position:relative
}
section.section8 .largeBox .carousel-container .carousel-inner .index-number{
    margin-left:0
}
@media (max-width:768px){
    section.section8 .largeBox .carousel-container .carousel-inner .index-number{
        text-align:left;
        margin-left:10px
    }
}
section.section8 .largeBox .carousel-container .carousel-inner button{
    background:#ed8b00;
    background-image:url(https://royalsociety.org/interactive/genetics/images/button-next-white.svg);
    background-position:100%;
    position:absolute;
    width:60px;
    height:60px;
    top:30%;
    display:none
}
section.section8 .largeBox .carousel-container .carousel-inner button.prev{
    left:0;
    transform:rotate(180deg)
}
section.section8 .largeBox .carousel-container .carousel-innerbutton.next{
    right:0
}
section.section8 .largeBox .carousel-container .carousel-inner .carousel-content{
    transition:left .4s;
    position:relative
}
section.section8 .largeBox .carousel-container .carousel-inner .carousel-content .carousel-item{
    float:left
}
section.section8 .largeBox .carousel-container .carousel-inner .carousel-content .carousel-item p{
    margin-top:30px;
    margin-right:6%;
    margin-left:0
}
@media (max-width:768px){
    section.section8 .largeBox .carousel-container .carousel-inner .carousel-content .carousel-item p{
        margin:30px 10px 0
    }
}
section.section8 .largeBox .carousel-container .carousel-inner .carousel-content .carousel-item img{
    width:100%
}
section.section8 .smallBox{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    background:#64a70b;
    padding:47px 14px
}
section.section8 .smallBox svg{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:196px;
    margin-bottom:30px
}
section.section8 .smallBox p{
    text-align:center;
    padding:0 7px
}
section.section8 .smallBox .box1{
    border-bottom:1px solid #fff;
    margin-bottom:40px
}
section.section8 .smallBox .box1 p{
    margin-bottom:30px
}
section.section9{
    -ms-flex-direction:column;
    flex-direction:column !important;
    padding-top:76px;
    padding-bottom:40px
}
@media (max-width:768px){
    section.section9{
        padding-top:20px;
        padding-bottom:10px
    }
}
section.section9>h2{
    margin:0 16% 66px;
    color:#333132
}
@media (max-width:768px){
    section.section9>h2{
        margin:0 5% 66px
    }
}
section.section10{
    padding-left:35px;
    padding-right:35px;
    margin-bottom:0;
    color:#333132;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:768px){
    section.section10{
        padding-top:20px;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
section.section10 p{
    width:65%;
    margin-right:35px;
    -ms-flex:0 1 auto;
    flex:0 1 auto
}
@media (max-width:768px){
    section.section10 p{
        width:100%;
        padding:5% 0;
        margin-right:0;
        text-align:center
    }
}
section.section10 .imgContainer{
    -ms-flex-item-align:end;
    align-self:flex-end
}
section.section10 img{
    width:400px;
    display:block;
    max-width:100%
}
section.section11{
    background:#a51890;
    background-image:url(https://royalsociety.org/interactive/genetics/images/section11-city-background.svg);
    background-size:100% auto;
    background-position:bottom;
    background-repeat:no-repeat
}
@media (max-width:768px){
    section.section11{
        background-image:none
    }
}
section.section11 .contentContainer{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width:768px){
    section.section11 .contentContainer{
        -ms-flex-direction:column;
        flex-direction:column
    }
}
section.section11 .contentContainer .divider{
    background-image:url(https://royalsociety.org/interactive/genetics/images/divider.png);
    width:24px
}
@media (max-width:768px){
    section.section11 .contentContainer .divider{
        display:none
    }
}
section.section11 .contentContainer .content{
    width:calc(50% - 12px);
    padding-top:34px;
    position:relative;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width:768px){
    section.section11 .contentContainer .content{
        width:100%
    }
}
section.section11 .contentContainer .content img{
    height:500px;
    width:100%;
    margin-top:-200px;
    position:relative
}
@media (max-width:768px){
    section.section11 .contentContainer .content img{
        display:none
    }
}
section.section11 .contentContainer .contentLeft{
    padding-right:40px;
    padding-left:52px
}
@media (max-width:768px){
    section.section11 .contentContainer .contentLeft{
        padding-left:5%;
        padding-right:5%
    }
}
section.section11 .contentContainer .contentLeft p{
    text-align:right;
    background:#ed8b00;
    padding:34px 20px 120px 69px;
    position:relative;
    margin-bottom:80px
}
@media (max-width:768px){
    section.section11 .contentContainer .contentLeft p{
        padding:10px 10px 30px
    }
}
section.section11 .contentContainer .contentLeft p:after{
    position:absolute;
    top:100%;
    left:calc(100% - 80px);
    width:0;
    content:"";
    height:0;
    border-left:80px solid transparent;
    border-right:0 solid transparent;
    border-top:80px solid #ed8b00
}
section.section11 .contentContainer .contentRight{
    padding-left:40px;
    padding-right:52px
}
@media (max-width:768px){
    section.section11 .contentContainer .contentRight{
        padding-left:5%;
        padding-right:5%;
        padding-bottom:5%
    }
}
section.section11 .contentContainer .contentRight img{
    float:right
}
section.section11 .contentContainer .contentRight p{
    text-align:left;
    background:#ed2891;
    padding:34px 20px 120px;
    position:relative;
    margin-bottom:80px
}
@media (max-width:768px){
    section.section11 .contentContainer .contentRight p{
        padding:10px 10px 30px
    }
}
section.section11 .contentContainer .contentRight p:after{
    position:absolute;
    top:100%;
    left:0;
    width:0;
    content:"";
    height:0;
    border-left:0 solid transparent;
    border-right:80px solid transparent;
    border-top:80px solid #ed2891
}
section.section12 .largeBox{
    background:#64a70b;
    padding-bottom:54px;
    padding-top:48px
}
@media (max-width:768px){
    section.section12 .largeBox p{
        text-align:center
    }
}
section.section12 .largeBox span.withImage{
    display:-ms-flexbox;
    display:flex;
    margin-bottom:30px;
    margin-right:5%;
    margin-left:5%
}
@media (max-width:768px){
    section.section12 .largeBox span.withImage{
        -ms-flex-direction:column;
        flex-direction:column
    }
}
section.section12 .largeBox span.withImage p{
    width:50%
}
@media (max-width:768px){
    section.section12 .largeBox span.withImage p{
        width:100%
    }
}
section.section12 .largeBox span.withImage img{
    width:45%;
    max-width:245px;
    margin-right:5%
}
@media (max-width:768px){
    section.section12 .largeBox span.withImage img{
        width:100%;
        max-width:285px;
        margin:5% auto
    }
}
section.section12 .smallBox{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    background:#333132;
    padding:27px 14px 47px
}
section.section12 .smallBox .number{
    text-align:center;
    display:block
}
section.section12 .smallBox p{
    text-align:center
}
section.section12 .smallBox .box1{
    border-bottom:1px solid #fff;
    margin-bottom:40px
}
section.section12 .smallBox .box1 img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:196px;
    margin-bottom:30px
}
section.section12 .smallBox .box1 .number{
    color:#da1884;
    margin:0 auto 25px
}
section.section12 .smallBox .box1 h5{
    margin-bottom:15px
}
section.section12 .smallBox .box1 p{
    padding:0 7px;
    margin-bottom:30px
}
section.section12 .smallBox .box2 .number{
    color:#ed8b00;
    margin-bottom:14px
}
section.section12 .smallBox .box2 p{
    text-align:center
}
section.section12 .smallBox .box2 p.first{
    padding:0 7px;
    margin-bottom:20px
}
section.section12 .smallBox .box2 p.second{
    padding:0 50px
}
section.section13{
    background:#d31245
}
section.section13 .contentContainer{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width:768px){
    section.section13 .contentContainer{
        -ms-flex-direction:column;
        flex-direction:column
    }
}
section.section13 .contentContainer .divider{
    background-image:url(https://royalsociety.org/interactive/genetics/images/divider.png);
    width:24px
}
@media (max-width:768px){
    section.section13 .contentContainer .divider{
        display:none
    }
}
section.section13 .contentContainer .content{
    width:calc(50% - 12px);
    padding-top:34px;
    padding-bottom:50px;
    position:relative
}
@media (max-width:768px){
    section.section13 .contentContainer .content{
        width:100%
    }
}
section.section13 .contentContainer .contentLeft{
    padding-right:40px;
    padding-left:52px
}
@media (max-width:768px){
    section.section13 .contentContainer .contentLeft{
        padding-left:5%;
        padding-right:5%;
        padding-bottom:5%
    }
}
section.section13 .contentContainer .contentLeft p{
    text-align:left;
    background:#a51890;
    min-height:480px;
    padding:34px 20px 20px;
    position:relative;
    margin-bottom:80px
}
@media (max-width:768px){
    section.section13 .contentContainer .contentLeft p{
        padding:10px 10px 30px;
        min-height:auto;
        margin-bottom:20px
    }
}
section.section13 .contentContainer .contentLeft p:after{
    position:absolute;
    top:100%;
    left:calc(100% - 80px);
    width:0;
    content:"";
    height:0;
    border-left:80px solid transparent;
    border-right:0 solid transparent;
    border-top:80px solid #a51890
}
section.section13 .contentContainer .contentRight{
    padding-left:40px;
    padding-right:52px
}
@media (max-width:768px){
    section.section13 .contentContainer .contentRight{
        padding-left:5%;
        padding-right:5%;
        padding-bottom:5%
    }
}
section.section13 .contentContainer .contentRight p{
    text-align:left;
    background:#ede7dd;
    color:#333132;
    min-height:480px;
    padding:34px 20px 20px;
    position:relative;
    margin-bottom:80px
}
@media (max-width:768px){
    section.section13 .contentContainer .contentRight p{
        padding:10px 10px 30px;
        min-height:auto;
        margin-bottom:60px
    }
}
section.section13 .contentContainer .contentRight p:after{
    position:absolute;
    top:100%;
    left:0;
    width:0;
    content:"";
    height:0;
    border-left:0 solid transparent;
    border-right:80px solid transparent;
    border-top:80px solid #ede7dd
}
section.section14 .largeBox{
    background:#da1884
}
section.section14 .largeBox .topContent{
    display:-ms-flexbox;
    display:flex;
    margin-left:28px;
    margin-top:17px;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width:768px){
    section.section14 .largeBox .topContent{
        margin-left:0;
        margin-bottom:5%
    }
}
section.section14 .largeBox .topContent img{
    max-width:250px;
    width:30%;
    margin-right:41px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
@media (max-width:768px){
    section.section14 .largeBox .topContent img{
        display:none
    }
}
section.section14 .largeBox .topContent p{
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    padding-top:30px;
    width:60%
}
@media (max-width:768px){
    section.section14 .largeBox .topContent p{
        width:100%;
        text-align:center;
        padding-top:0;
        margin:0 5%
    }
}
section.section14 .smallBox{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    background:#a51890;
    padding:27px 14px 47px
}
section.section14 .smallBox img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:196px;
    margin-bottom:30px
}
section.section14 .smallBox .number{
    text-align:center;
    display:block
}
section.section14 .smallBox p{
    text-align:center
}
section.section14 .smallBox .box1{
    border-bottom:1px solid #fff;
    margin-bottom:40px
}
section.section14 .smallBox .box1 .number{
    color:#ed8b00;
    margin:0 auto 25px
}
section.section14 .smallBox .box1 h5{
    margin-bottom:15px
}
section.section14 .smallBox .box1 p{
    padding:0 7px;
    margin-bottom:30px
}
section.section14 .smallBox .box2 .number{
    color:#ed8b00;
    margin-bottom:14px
}
section.section14 .smallBox .box2 p{
    text-align:center
}
section.section14 .smallBox .box2 p.first{
    padding:0 7px;
    margin-bottom:20px
}
section.section14 .smallBox .box2 p.second{
    padding:0 50px
}
section.section15{
    padding:34px 5% 0;
    margin-bottom:0;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (max-width:768px){
    section.section15{
        padding-bottom:5%
    }
}
section.section15 .contentContainer1{
    display:-ms-flexbox;
    display:flex;
    color:#333132
}
@media (max-width:768px){
    section.section15 .contentContainer1{
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse
    }
}
section.section15 .contentContainer1 .content1{
    width:55%;
    margin-right:5%
}
@media (max-width:768px){
    section.section15 .contentContainer1 .content1{
        width:100%;
        margin-right:0;
        margin-top:-80px
    }
    section.section15 .contentContainer1 .content1 h3,section.section15 .contentContainer1 .content1 p{
        text-align:center
    }
}
section.section15 .contentContainer1 .content1 .divider{
    display:block;
    border-bottom:1px solid #333132
}
section.section15 .contentContainer1 .content2{
    width:45%;
    min-width:250px;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
@media (max-width:768px){
    section.section15 .contentContainer1 .content2{
        width:auto;
        min-width:none;
        margin-top:-60px
    }
}
section.section15 .contentContainer1 .content2 img{
    max-width:100%
}
@media (max-width:768px){
    section.section15 .contentContainer1 .content2 img{
        max-width:none;
        width:100%
    }
}
section.section15 .contentContainer2{
    display:-ms-flexbox;
    display:flex
}
section.section15 .contentContainer2 .content1{
    width:30%
}
@media (max-width:768px){
    section.section15 .contentContainer2 .content1{
        display:none
    }
}
section.section15 .contentContainer2 .content1 img{
    width:200px
}
section.section15 .contentContainer2 .barChart{
    width:70%
}
@media (max-width:768px){
    section.section15 .contentContainer2 .barChart{
        width:100%
    }
}
section.section15 .contentContainer2 .barChart .barContainer{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
@media (max-width:768px){
    section.section15 .contentContainer2 .barChart .barContainer{
        -ms-flex-direction:column;
        flex-direction:column;
        -ms-flex-align:start;
        align-items:flex-start
    }
}
section.section15 .contentContainer2 .barChart .barContainer:not(:last-child){
    margin-bottom:4%
}
section.section15 .contentContainer2 .barChart .barContainer>span{
    color:#333132;
    display:inline-block;
    font-size:22px;
    padding-right:14px;
    width:195px;
    text-align:right
}
@media (max-width:768px){
    section.section15 .contentContainer2 .barChart .barContainer>span{
        text-align:left
    }
}
section.section15 .contentContainer2 .barChart .barContainer .bar{
    height:50px;
    width:calc(100% - 195px);
    position:relative
}
@media (max-width:768px){
    section.section15 .contentContainer2 .barChart .barContainer .bar{
        width:100%
    }
}
section.section15 .contentContainer2 .barChart .barContainer .bar .barContent{
    position:absolute;
    top:0;
    left:0;
    height:100%
}
section.section15 .contentContainer2 .barChart .barContainer .bar .barContent span{
    position:absolute;
    font-size:36px;
    right:7px;
    top:calc(50% - 25px)
}
section.section15 .contentContainer2 .barChart .barContainer .bar .barContent1{
    background:#64a70b;
    width:100%
}
section.section15 .contentContainer2 .barChart .barContainer .bar .barContent2{
    background:#0085ca;
    width:13%
}
@media (max-width:1024px){
    section.section15 .contentContainer2 .barChart .barContainer .bar .barContent2 span{
        right:-60px;
        color:#333132
    }
}
section.section15 .contentContainer2 .barChart .barContainer .bar .barContent3{
    background:#ed8b00;
    width:31%
}
section.section16{
    background:#333132
}
section.section16 .contentContainer{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between
}
@media (max-width:768px){
    section.section16 .contentContainer{
        -ms-flex-direction:column;
        flex-direction:column;
        padding:30px 5%
    }
}
section.section16 .contentContainer .divider{
    background-image:url(https://royalsociety.org/interactive/genetics/images/divider.png);
    width:24px
}
@media (max-width:768px){
    section.section16 .contentContainer .divider{
        display:none
    }
}
section.section16 .contentContainer .content{
    width:calc(50% - 12px);
    padding-top:55px;
    padding-bottom:66px;
    position:relative
}
section.section16 .contentContainer .content span.footnote{
    position:absolute;
    font-size:10px;
    text-align:right;
    padding:0;
    margin:0;
    display:block;
    right:10px;
    bottom:10px
}
@media (max-width:768px){
    section.section16 .contentContainer .content span.footnote{
        right:3px;
        bottom:-20px
    }
}
@media (max-width:768px){
    section.section16 .contentContainer .content{
        width:100%;
        padding-top:20px;
        padding-bottom:20px
    }
}
@media (max-width:768px){
    section.section16 .contentContainer .content.left{
        border-bottom:1px solid #fff
    }
}
section.section16 .contentContainer .content h2{
    text-align:center;
    margin-bottom:41px
}
section.section16 .contentContainer .content h3{
    text-align:center;
    margin-bottom:15px
}
section.section17{
    padding:72px 42px;
    color:#333132
}
@media (max-width:768px){
    section.section17{
        -ms-flex-direction:column-reverse;
        flex-direction:column-reverse;
        -ms-flex-align:center;
        align-items:center;
        padding:10% 5%
    }
}
section.section17 .content1{
    width:54%;
    margin-right:52px;
    -ms-flex:0 1 auto;
    flex:0 1 auto
}
section.section17 .content1 p.footnote{
    font-size:10px;
    text-align:left;
    padding:0;
    margin:0
}
@media (max-width:768px){
    section.section17 .content1{
        width:100%;
        margin-right:0
    }
    section.section17 .content1 p{
        text-align:center
    }
}
section.section17 img{
    max-width:432px;
    width:40%;
    -ms-flex-item-align:start;
    align-self:flex-start
}
@media (max-width:768px){
    section.section17 img{
        width:100%;
        margin-bottom:5%
    }
}
section.section_video{
    -ms-flex-direction:column;
    flex-direction:column;
    color:#333132;
    padding:34px 11%
}
@media (max-width:768px){
    section.section_video{
        padding:10px 5%
    }
}
@media (max-width:768px){
    section.section_video iframe{
        height:300px
    }
}
.rteContent main ul{
    margin:0
}
.rteContent main ul li:before{
    content:none!important
}
.rteContent main ul li{
    padding:0
}
#main-content{
    color:#fff;
    padding:74px 10px 0;
    background:#ede7dd;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
main .fadeInTransition{
    transition:opacity 1s
}
@media (max-width:768px){
    main{
        padding:20px 0 0
    }
}
main#main-content{
    transition:opacity .3s
}
main h2.mainHeading{
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    margin:0 7% 60px;
    color:#333132
}
@media (max-width:768px){
    main h2.mainHeading{
        margin:0 2% 30px
    }
}
main .subHeading{
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    margin:0 14% 132px;
    color:#333132
}
@media (max-width:768px){
    main .subHeading{
        margin:0 5% 37%
    }
}
div#main-content > section{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:row;
    flex-direction:row;
    margin-bottom:16px;
    width:100%
}
@media (max-width:768px){
    main section{
        -ms-flex-direction:column;
        flex-direction:column !important;
        margin-bottom:0;
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
}
main section .largeBox{
    width:68%;
    -ms-flex:0 1 auto;
    flex:0 1 auto;
    margin-right:1.7%
}
@media (max-width:768px){
    main section .largeBox{
        width:100%;
        margin-right:0;
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
}
main section .largeBox>p{
    padding:0 6% 22px
}
main section .smallBox{
    width:355px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (max-width:768px){
    main section .smallBox{
        width:100%;
        -ms-flex:1 0 auto;
        flex:1 0 auto
    }
}
main section .smallBox .box1,main section .smallBox .box2{
    -ms-flex:1 0 auto;
    flex:1 0 auto
}
main button{
    height:74px;
    text-transform:uppercase;
    border:none;
    display:block;
    padding:0 16px;
    margin:0;
    cursor:pointer
}
main button:hover{
    opacity:.7
}
main ul.flipCardsList{
    display:-ms-flexbox;
    display:flex;
    position:relative;
    width:100%;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	/*RS Web Transformation Project*/
	list-style-type:none;
}
main ul.flipCardsList li:not(:last-child){
    margin-right:22px;
    padding-bottom:20px
}
@media (max-width:768px){
    main ul.flipCardsList li:not(:last-child){
        margin-right:0
    }
}
main ul.flipCardsList li:nth-child(odd) .side{
    background:#da1884
}
main ul.flipCardsList li:nth-child(2n) .side{
    background:#a51890
}
main ul.flipCardsList li label{
    margin:0;
    display:block;
    width:370px;
    height:370px;
    cursor:pointer;
    position:relative
}
@media (max-width:568px){
    main ul.flipCardsList li label{
        width:300px;
        height:300px
    }
}
@media (max-width:480px){
    main ul.flipCardsList li label{
        width:270px;
        height:270px
    }
}
main ul.flipCardsList li input{
    display:none
}
main ul.flipCardsList li input:checked+.card .front{
    transform:perspective(800px) rotateY(180deg)
}
main ul.flipCardsList li input:checked+.card .back{
    transform:perspective(800px) rotateY(0deg)
}
main ul.flipCardsList .card{
    position:relative;
    height:100%;
    width:100%;
    z-index:20
}
main ul.flipCardsList .card .side{
    transition:all .6s;
    position:absolute;
    height:100%;
    width:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
main ul.flipCardsList .card .side.back{
    transform:perspective(800px) rotateY(-180deg)
}
main ul.flipCardsList .card .side.front{
    transform:perspective(800px) rotateY(0deg)
}
main ul.flipCardsList .card .side:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 55px 55px 0;
    border-style:solid;
    border-color:#fff #ede7dd
}
main ul.flipCardsList .card .side img{
    margin:auto;
    width:168px;
    padding-top:40px;
    position:relative;
    pointer-events:none
}
@media (max-width:568px){
    main ul.flipCardsList .card .side img{
        width:138px;
        margin-top:20px
    }
}
@media (max-width:480px){
    main ul.flipCardsList .card .side img{
        width:118px;
        padding-top:15px
    }
}
main ul.flipCardsList .card .side h2{
    position:absolute;
    width:100%;
    text-align:center;
    margin:0;
    bottom:46px
}
main ul.flipCardsList .card .side p.copy{
    text-align:left;
    margin:61px 15px 0 25px
}
main ul.flipCardsList .card .side p.info{
    margin-top:21px;
    margin-left:15px;
    font-family:ProximaNova;
    font-size:12px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    letter-spacing:normal;
    text-align:left
}
main ul.listType2{
    margin-right:53px
}

	
@media (max-width:768px){
    main ul.listType2{
        padding-top:10px;
        padding-bottom:10px;
        margin-right:0
    }
}
main ul.listType2 li{
    padding-bottom:20px;
    display:-ms-flexbox;
    display:flex;
	list-style-type:none;
}

main ul.listType3 li{
	list-style-type:none;
}
main ul.listType2 li p{
    padding-top:60px;
    width:75%;
    -ms-flex-item-align:baseline;
    align-self:baseline;
    text-align:left
}
@media (max-width:768px){
    main ul.listType2 li p{
        margin-top:0
    }
}
main ul.listType2 li img{
    width:91px;
    height:100%;
    margin-right:23px
}
main ul.listType3 li:not(:last-child){
    padding-bottom:32px
}
@media (max-width:768px){
    main ul.listType3 li:not(:last-child){
        padding-bottom:5%
    }
}
main ul.listType3 li img{
    margin-right:auto;
    margin-left:auto;
    margin-bottom:22px;
    width:214px;
	display:block;


}
@media (max-width:768px){
    main ul.listType3 li img{
        width:50%;
        max-width:214px
    }
}
main ul.listType3 li p{
    text-align:center
}
@media (max-width:768px){
    main ul.listType3 li p{
        margin-bottom:0
    }
}
main ul.listType1{
    padding:20px 0
}
main ul.listType1 li{
    display:-ms-flexbox;
    display:flex;
    margin-left:28px;
    margin-right:43px;
    position:relative
}
@media (max-width:768px){
    main ul.listType1 li{
        -ms-flex-direction:column;
        flex-direction:column
    }
}
main ul.listType1 li:not(:last-child){
    margin-bottom:25px
}
main ul.listType1 li:not(:last-child) p:after{
    content:"";
    position:absolute;
    bottom:0;
    width:60%;
    right:0;
    border-bottom:1px solid #fff
}
@media (max-width:768px){
    main ul.listType1 li:not(:last-child) p:after{
        content:none
    }
}
main ul.listType1 li img{
    margin-right:29px;
    width:35%
}
@media (max-width:768px){
    main ul.listType1 li img{
        margin:0 auto 10px;
        width:45%;
        min-width:200px
    }
}
main ul.listType1 li p{
    width:60%;
    margin:0;
    color:#fff;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
@media (max-width:768px){
    main ul.listType1 li p{
        width:100%;
        text-align:center
    }
}