/*-----Our incyte involved story page start*/
.flex-center-container {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}
.flow-container {
    height: 1650px;
    position: relative;
}
.margin-top-40 {
    margin-top: 40px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.rectangle-block1 {
    font-size: 35px;
    line-height: 41px;
    text-align: center;
    font-family: 'AnodinaRegular';
    color: #005CAB;
    padding: 8px 70px;
    border-radius: 20px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #00ADEE, #F6911E) border-box;
    border: 4px solid transparent;
    opacity: 0;
    transition: all 2s;
    height: 117px;
}
.rectangle-block2 {
    position: absolute;
    z-index: 3;
    /*top: 42%;*/
    top: 677px;
    font-size: 35px;
    line-height: 41px;
    text-align: center;
    font-family: 'AnodinaRegular';
    color: #005CAB;
    padding: 8px 70px;
    border-radius: 20px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #00ADEE, #F6911E) border-box;
    border: 4px solid transparent;
    height: 117px;
    opacity: 0;
    transition: all 2s;
}
.rectangle-block3 {
    position: absolute;
    z-index: 3;
    /*top: 70%;*/
    top: 1170px;
    font-size: 35px;
    line-height: 41px;
    text-align: center;
    font-family: 'AnodinaRegular';
    color: #005CAB;
    padding: 8px 70px;
    border-radius: 20px;
    background: linear-gradient(white, white) padding-box, linear-gradient(to right, #00ADEE, #F6911E) border-box;
    border: 4px solid transparent;
    opacity: 0;
    transition: all 2s;
    height: 117px;
}
.sub-line1 {
    position: absolute;
    width: 5px;
    /*top: 7.7%;*/
    top: 117px;
    height: 0px;
    /* transition: height 1s ease-in-out; */
    background-image: linear-gradient(#00ADEE, #F6911E);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.sub-line2 {
    position: absolute;
    width: 5px;
    /*top: 22.7%;*/
    top: 365px;
    height: 0px;
    transition: height 1s ease-in-out;
    background-image: linear-gradient(#00ADEE, #F6911E);
    border-radius: 3px;
    border-radius: 3px;
}
.sub-line3 {
    position: absolute;
    width: 5px;
    /*top: 49.7%;*/
    top: 829px;
    height: 0px;
    transition: height 1s ease-in-out;
    background-image: linear-gradient(#00ADEE, #F6911E);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.sub-line4 {
    position: absolute;
    width: 5px;
    /*top: 77.7%;*/
    top: 1287px;
    height: 0px;
    transition: height 1s ease-in-out;
    background-image: linear-gradient(#00ADEE, #F6911E);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.sub-line5 {
    position: absolute;
    width: 5px;
    /*top: 92.8%;*/
    top: 1518px;
    height: 0px;
    transition: height 1s ease-in-out;
    background-image: linear-gradient(#00ADEE, #F6911E);
    border-radius: 3px;
    border-radius: 3px;
}
.hidden-line1 {
    position: absolute;
    width: 5px;
    top: 600px;
    height: 0px;
    transition: height 1s ease-in-out;
    background: #ddd;
}

.hidden-line2 {
    position: absolute;
    width: 5px;
    top: 1062px;
    height: 0px;
    transition: height 1s ease-in-out;
    background: #fff;
}

.flow-content1 {
    position: absolute;
    /*top: 13%;*/
	top: 210px;
    width: 300px;
    z-index: 3;
    background: #fff;
    /*left: 57%;*/
	left: 650px;
    opacity: 0;
    transition: all 2s;
}
.flow-content2 {
    position: absolute;
    /*top: 26%;*/
	top:395px;
    width: 336px;
    z-index: 3;
    background: #fff;
    /*left: 17%;*/
	left: 195px;
    opacity: 0;
    transition: all 2s;
	text-align: right;
}
	
.flow-content3 {
    position: absolute;
    /*top: 56%;*/
	top: 882px;
    width: 330px;
    z-index: 3;
    background: #fff;
    /*left: 57%;*/
	left: 650px;
    opacity: 0;
    transition: all 2s;
}
.flow-content4 {
    position: absolute;
    /*top: 84%;*/
	top:1372px;
    width: 330px;
    z-index: 3;
    background: #fff;
    /*left: 15%;*/
	left: 195px;
    text-align: right;
    opacity: 0;
    transition: all 2s;
	text-align: right;
}
.flow-content5 {
    position: absolute;
    /*top: 95%;*/
	top: 1590px;
    width: 330px;
    z-index: 3;
    background: #fff;
    /*left: 57%;*/
	left: 650px;
    opacity: 0;
    transition: all 2s;
}
.flowcontent-txt1 {
    color: #4B4B53;
    font-family: AnodinaRegular;
    font-size: 23px;
    letter-spacing: 0;
    line-height: 28px;
}
.flowcontent-txt2 {
    color: #005CAB;
    font-family: AnodinaBold;
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 38px;
}

.flowcontent-txt3 {
    color: #005CAB;
    font-family: AnodinaBold;
    font-size: 61px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 61px;
}
.flow-icon1 {
    position: absolute;
    /*top: 14%;*/
    top: 232px;
    width: 134px;
    z-index: 3;
    opacity: 0;
    transition: all 2s;
}
.flow-icon2 {
    position: absolute;
    /*top: 28%;*/
    top: 475px;
    width: 121.5px;
    z-index: 3;
    opacity: 0;
    transition: all 2s;
}
.flow-icon3 {
    position: absolute;
    /*top: 56%;*/
    top: 944px;
    width: 123px;
    z-index: 3;
    opacity: 0;
    transition: all 2s;
}
.flow-icon4 {
    position: absolute;
    /*top: 84%;*/
    top: 1400px;
    width: 118px;
    z-index: 3;
    opacity: 0;
    transition: all 2s;
}
.flow-icon5 {
    position: absolute;
    /*top: 98%;*/
    top: 1630px;
    width: 113.5px;
    z-index: 3;
    opacity: 0;
    transition: all 2s;
}

.by-the-numbers {
    color: #005CAB;
    font-family: AnodinaRegular;
    font-size: 48px;
    letter-spacing: 0;
    line-height: 112px;
}

.timeline-footer {
    margin-top: 90px;
	margin-bottom: 90px;
}

.footer-note {
    margin-top: 90px;
    font-size: 18px;
    font-family: 'AnodinaRegular';
}
@media screen and (min-width:992px) {
	.margin-top30 {padding-top:30px;}
	.margin-top30 .paragraph__column > .paragraph--type--bp-columns__2col:first-child{
	width: 25%;
	}
	.margin-top30 .paragraph__column > .paragraph--type--bp-columns__2col:nth-child(2){
		width: 75%;
	}

.timelineblock2 .view-display-id-block_2 .view-content .rectangle-block2, .timelineblock2 .view-display-id-block_5 .view-content .rectangle-block2 {
	margin: 35px -320px;
}

.timelineblock3 .view-display-id-block_3 .view-content .rectangle-block3, .timelineblock3 .view-display-id-block_6 .view-content .rectangle-block3 {
	margin: 0 -300px;
}

.timelineblock2 .view-display-id-block_2 .view-content .flow-icon3, .timelineblock2 .view-display-id-block_5 .view-content .flow-icon3 {
	margin: 0 -215px;
}

.timelineblock3 .view-display-id-block_3 .view-content .flow-icon4, .timelineblock3 .view-display-id-block_6 .view-content .flow-icon4 {
	margin: 0 -212px;
}

.timelineblock3 .view-display-id-block_3 .view-content .flow-icon5, .timelineblock3 .view-display-id-block_6 .view-content .flow-icon5 {
	margin: 0 -210px;
}
.flow-content2 {
	margin: 0 0 0 -36px;
}

.flow-content4 {
	margin: 0 0 0 -36px;
}

}
/*-----Our incyte involved story page ends*/


@media only screen and (max-width:767px) {

.incyte-involved-vector-logo-ap {
        height: 58px;
        width: 118px;
    }
.margin-top30 .paragraph__column > .paragraph--type--bp-columns__2col:first-child img{
	width:auto;
	height: 58px;
	margin-top: 30px;
	}	
    .by-the-numbers {
        color: #005CAB;
        font-family: AnodinaRegular;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
    }
    .flow-container {
        height: 1200px;
        margin: 40px 0px 0px 0px;
    }

    .sub-line3 {
        top: 586px;
    }

    .sub-line5 {
        top: 1020px;
    }

    .hidden-line1 {
        top: 347px;
    }

    .hidden-line2 {
        top: 617px;
    }

    .flowcontent-txt1 {
        font-size: 16px;
        line-height: 19px;
    }

    .flowcontent-txt2 {
        font-size: 18px;
        line-height: 20px;
    }

    .flowcontent-txt3 {
        font-size: 24px;
        line-height: 24px;
    }

    .flow-icon1 {
        width: 58px;
        top: 153px;
    }

    .flow-icon2 {
        width: 58px;
        top: 285px;
    }

    .flow-icon3 {
        width: 58px;
        top: 660px;
    }

    .flow-icon4 {
        width: 58px;
        top: 960px;
    }

    .flow-content1 {
        width: 140px;
        left: 230px;
        top: 132px;
    }
	
	.flow-content2 {
        width: 140px;
        left: -5px;
        text-align: right;
        top: 231px;
    }
	
   .flow-content3 {
        width: 140px;
        left: 212px;
        top: 635px;
    }

    .flow-content4 {
        width: 130px;
        left: 0px;
        text-align: right;
        top: 945px
    }
    .flow-content5 {
        width: 140px;
        left: 212px;
        top: 1080px
    }

    .rectangle-block1 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        padding: 8px 40px;
    }

    .rectangle-block2 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        padding: 8px 40px;
        top: 510px;
    }

    .rectangle-block3 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        padding: 8px 40px;
        top: 800px;
    }

    .sub-line1 {
        top: 75px;
    }

    .sub-line2 {
        top: 214px;
    }

    .sub-line3 {
        top: 586px;
    }

    .sub-line4 {
        top: 876px;
    }

    .hidden-line1 {
        top: 347px;
    }

    .hidden-line2 {
        top: 617px;
    }

    .flow-icon1 {
        width: 58px;
        top: 153px;
    }

    .flow-icon2 {
        width: 58px;
        top: 285px;
    }

    .flow-icon5 {
        width: 58px;
        top: 1100px;
    }

    .flow-content1 {
        width: 140px;
        left: 212px;
        top: 132px;
    }

    .timeline-footer {
        margin-top: 0px;
    }

    .footer-note {
        margin-top: 20px;
        font-size: 12px;
    }
	
	.timelineblock2 .view-display-id-block_2 .view-content .rectangle-block2, .timelineblock2 .view-display-id-block_5 .view-content .rectangle-block2 {
		margin: 0 -208px;
    }

	.timelineblock3 .view-display-id-block_3 .view-content .rectangle-block3, .timelineblock3 .view-display-id-block_6 .view-content .rectangle-block3 {
		margin: 0 -195px;
	}

	.timelineblock2 .view-display-id-block_2 .view-content .flow-icon3, .timelineblock2 .view-display-id-block_5 .view-content .flow-icon3 {
		margin: 0 -130px;
	}

	.timelineblock3 .view-display-id-block_3 .view-content .flow-icon4, .timelineblock3 .view-display-id-block_6 .view-content .flow-icon4 {
		margin: 0 -133px;
	}

	.timelineblock3 .view-display-id-block_3 .view-content .flow-icon5, .timelineblock3 .view-display-id-block_6 .view-content .flow-icon5 {
		margin: 0 -128px;
	}
	
}

@media only screen and (min-width:412px) and (max-width:896px) {

    .flow-container {
        height: 900px;
    }

    .rectangle-block1 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        padding: 8px 40px;
    }

    .rectangle-block2 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        padding: 8px 40px;
        top: 412px;
		margin: 0px -205px;
    }

    .rectangle-block3 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        padding: 8px 40px;
        top: 670px;
		margin: 0px -192px;
    }


    .sub-line1 {
        top: 75px;
    }

    .sub-line2 {
        top: 214px;
    }

    .sub-line3 {
        top: 486px;
    }

    .sub-line4 {
        top: 746px;
    }

    .sub-line5 {
        top: 880px;
    }

    .hidden-line1 {
        top: 347px;
    }

    .hidden-line2 {
        top: 617px;
    }

    .flowcontent-txt1 {
        font-size: 12px;
        line-height: 15px;
    }

    .flowcontent-txt2 {
        font-size: 18px;
        line-height: 20px;
    }

    .flowcontent-txt3 {
        font-size: 24px;
        line-height: 24px;
    }

    .flow-icon1 {
        width: 58px;
        top: 153px;
    }

    .flow-icon2 {
        width: 58px;
        top: 285px;
    }

    .flow-icon3 {
        width: 58px;
        top: 560px;
    }

    .flow-icon4 {
        width: 58px;
        top: 820px;
    }

    .flow-icon5 {
        width: 58px;
        top: 960px;
    }

    .flow-content1 {
        width: 140px;
        left: 230px;
        top: 132px;
    }

    .flow-content2 {
        width: 140px;
        left: 28px;
        text-align: right;
        top: 231px;
    }

    .flow-content3 {
        width: 140px;
        left: 230px;
        top: 535px;
    }

    .flow-content4 {
        width: 130px;
        left: 28px;
        text-align: right;
        top: 805px
    }

    .flow-content5 {
        width: 140px;
        left: 230px;
        top: 940px
    }

    .footer-note {
        font-size: 12px;
		margin-top: 120px !important;
    }
}

@media only screen and (min-width:412px) and (max-width:896px) and (orientation:landscape) {

    .flow-content1 {
        left: 390px !important;
    }

    .flow-content2 {
        left: 135px !important;
    }

    .flow-content3 {
        left: 395px !important;
    }

    .flow-content4 {
        left: 180px !important;
    }

    .flow-content5 {
        left: 395px !important;
    }
	
	.flow-icon3 {
	    margin: 0 -130px;
	}
	.flow-icon4 {
		margin:0 -130px;
	}
	.flow-icon5 {
		margin:0 -130px;
	}
	.by-the-numbers {
        font-size: 30px;
        line-height: 150px;
    }
}

@media only screen and (min-width:820px) and (max-width:1180px) and (orientation:portrait) {

    .flow-content1 {
        left: 410px !important;
    }

    .flow-content2 {
        left: 175px !important;
    }

    .flow-content3 {
        left: 410px !important;
    }

    .flow-content4 {
        left: 175px !important;
    }

    .flow-content5 {
        left: 410px !important;
    }
	
}

@media only screen and (min-width:820px) and (max-width:1180px) and (orientation:landscape) {
    .flow-content1 {
        left: 550px;
    }

    .flow-content2 {
        left: 95px;
    }

    .flow-content3 {
        left: 550px;
    }

    .flow-content4 {
        left: 95px;
    }

    .flow-content5 {
        left: 550px;
    }
	.footer-note p {
		font-family: AnodinaExtraLight;
		color: #4B4B53;
		font-size: 18px;
		font-weight: 400;
		line-height: 24px;
	}
}

@media only screen and (min-width:712px) and (max-width:1138px) and (orientation:portrait) {
    .flow-content1 {
        left: 410px !important;
    }

    .flow-content2 {
        left: 175px !important;
    }

    .flow-content3 {
        left: 410px !important;
    }

    .flow-content4 {
        left: 175px !important;
    }

    .flow-content5 {
        left: 410px !important;
    }
}

@media only screen and (min-width:768px) and (max-width:1199px) and (orientation:portrait) {
    .margin-top30 .paragraph__column > .paragraph--type--bp-columns__2col:first-child img{
	width:auto;
	height: 58px;
	margin-top: 30px;
	}	
    .by-the-numbers {
        color: #005CAB;
        font-family: AnodinaRegular;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 30px;
    }
	.margin-top30 .paragraph__column > .paragraph--type--bp-columns__2col:first-child{
	width: 100%;
	}
	.margin-top30 .paragraph__column > .paragraph--type--bp-columns__2col:nth-child(2){
		width: 100%;
	}
	
	.flow-container {
        height: 1140px;
        margin: 40px 0px 0px 0px;
    }

    .rectangle-block1 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        width: 220px;
        padding: 8px 40px;
    }

    .rectangle-block2 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        width: 220px;
        padding: 8px 40px;
        top: 410px;
    }

    .rectangle-block3 {
        font-size: 24px;
        line-height: 26px;
        height: 76px;
        width: 220px;
        padding: 8px 40px;
        top: 710px;
    }

    .sub-line1 {
        top: 75px;
    }

    .sub-line2 {
        top: 214px;
    }

    .sub-line3 {
        top: 486px;
    }

    .sub-line4 {
        top: 786px;
    }

    .sub-line5 {
        top: 920px;
    }

    .flowcontent-txt1 {
        font-size: 16px;
        line-height: 19px;
    }

    .flowcontent-txt2 {
        font-size: 23px;
        line-height: 26px;
    }

    .flowcontent-txt3 {
        font-size: 30px;
        line-height: 29px;
    }

    .flow-icon1 {
        width: 59px;
        top: 153px;
    }

    .flow-icon2 {
        width: 58px;
        top: 285px;
    }

    .flow-icon3 {
        width: 62px;
        top: 560px;
    }

    .flow-icon4 {
        width: 55px;
        top: 860px;
    }

    .flow-icon5 {
        width: 55px;
        top: 1000px;
    }

    .flow-content1 {
        width: 215px;
        left: 230px;
        top: 132px;
    }

    .flow-content2 {
        width: 272px;
        left: 35px !important;
        text-align: right;
        top: 231px;
    }

    .flow-content3 {
        width: 187px;
        left: 230px;
        top: 535px;
    }

    .flow-content4 {
        width: 228px;
        left: 77px !important;
        text-align: right;
        top: 845px
    }

    .flow-content5 {
        width: 155px;
        left: 230px;
        top: 980px
    }

    .timeline-footer {
        margin-top: 0px;
    }

    .footer-note {
        font-size: 12px;
		margin-top: -20px !important;
    }
	
	.timelineblock2 .view-display-id-block_2 .view-content .rectangle-block2, .timelineblock2 .view-display-id-block_5 .view-content .rectangle-block2 {
		margin: 0px -220px;
    }

	.timelineblock3 .view-display-id-block_3 .view-content .rectangle-block3, .timelineblock3 .view-display-id-block_6 .view-content .rectangle-block3 {
		margin: 0 -220px;
	}

	.timelineblock2 .view-display-id-block_2 .view-content .flow-icon3, .timelineblock2 .view-display-id-block_5 .view-content .flow-icon3 {
		margin: 0 -140px;
	}

	.timelineblock3 .view-display-id-block_3 .view-content .flow-icon4, .timelineblock3 .view-display-id-block_6 .view-content .flow-icon4 {
		margin: 0 -140px;
	}

	.timelineblock3 .view-display-id-block_3 .view-content .flow-icon5, .timelineblock3 .view-display-id-block_6 .view-content .flow-icon5 {
		margin: 0 -140px;
	}
}

@media only screen and (min-width:1024px) and (max-width:1366px) and (orientation:portrait) {
    .flow-content1 {
        left: 550px !important;
    }
	 .flow-content2 {
        left: 145px !important;
    }
	 .flow-content3 {
        left: 550px !important;
    }
	 .flow-content4 {
        left: 195px !important;
    }
	 .flow-content5 {
        left: 550px !important;
    }
}