.branding-sub+.content:not(.content--article), .nav-breadcrumb+.content:not(.content--article), .nav-page+.content:not(.content--article), .branding-sub+.content:not(.content--narrow), .nav-breadcrumb+.content:not(.content--narrow), .nav-page+.content:not(.content--narrow) {
	margin-top: 16px;
}
.nav-breadcrumb {
	margin: 16px 0;
}
.content--featured {
	margin-top: 16px;
}
.banner{border-radius:11px;}
.phtitle {
	position: relative;
	top: -90px;
	font-size: 94%;
	padding: 3px 10px;
	background: rgba(0, 0, 0, 0.3);
}
.phtitle a, .phtitle a:hover{ color: #ffffff; text-transform: uppercase; text-align: left; text-decoration: none; line-height: 19px;}
.phheading{font-size:11px;}
.phdesc {margin-top: -60px; padding: 0 12px; min-height: 420px;}
#navbar li a.active{background: rgb(83, 98, 131)}
#verticalTab{background: #fff;}
.resp-vtabs .resp-tabs-container {background-color: #fff;}
.resp-vtabs li.resp-tab-active {background-color: #fff;}
.resp-vtabs .resp-tabs-container {min-height:auto;}
.resp-vtabs .resp-tab-content p:last-child{
	margin: 0px;
}
.resp-tab-content{min-height:250px;}
.modal-header {
	padding: 8px;
	border-bottom: 1px solid #ccc;
	background: #536283;
	color: #fff;
	font-weight: bold;
}
.mt10{margin-top:10px !important;}
.mfirst{
	top:-25px;
	left: 10%;
}
.m2{
	top:-25px;
	left:37%
}
.mlast{
	top:-25px;
	left:65%
}
.secondary{margin-bottom:0px;}
.phdesc ul>li {
	margin-bottom: 14px;
}
.tag1{background-color:#4E835E}
.tag2{background-color:#4E835E}
.tar{text-align:right;}
.mtitle{    
	background-color: #ebebeb;
	padding: 7px 100px 7px 8px;
	margin-bottom: 5px;
	position: relative;
}
.module-duration {
	position: absolute;
	font-size: 12px;
	font-weight: normal;
	right: 10px;
	top: 10px;
}
.mb0{margin-bottom:0px}
.seperator, .seperator-noarrow{border-right: 1px dashed #888;}
.seperator:after {
	content: "\f138";
	position: absolute;
	right: -6.5%;
	top: 50%;
	transform: translate(-32%, -50%);
	font-family: Fontawesome;
	color: #8C97AD !important;
	font-size: 40px;
	z-index: 8;
	background-color: #fff;
}
.mt10{margin-top:10px !important;}
#timeline-wrap{
	margin:44px 3%;
	position:relative;
}
#timeline{
	height:1px;
	width: 100%;
	background-color:#aabbc4;
	position:relative;
}
.timeline-icon.one {
	background-color: #8C97AD !important;
}
.timeline-icon.two {
	background-color: #667491 !important;
}
.timeline-icon.three{
	background-color: #33415E !important;
}
.marker{
	z-index:1000;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	margin-left: -35px;
	background-color: #999999;
	border-radius: 50%;
}
.marker:hover{
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: #777 !important;
}
.rotatetxt:hover{transform: rotate(90deg);}
.m3{
	top:-25px;
	left:50%
}
.secondary{margin-bottom:0px;}
.phdesc ul,  .phdesc ol, .phdesc ul>li {
	margin-bottom: 5px;
}
.p10{padding:10px;}
.p1040{padding: 10px 40px;}
h2.mtitle{font-size:18px; line-height: 34px;}
.lh40{line-height: 40px;}
.text-right {text-align: right;}
.disclaimer{font-size:13px; margin-top: 30px;}
.media--publications .media-object {
	border: 1px solid #fff;
}
.w15pc{width: 15%;}
.w85pc{width: 85%;}
.hsep {
	border-top: 1px dashed;
	margin: 1%;
	width: 98%;
}
ul.rcases li{list-style-type: square;}
.disabled{
	background: #75839a !important;
	border: 1px solid #536581 !important;
	border-color: #75839a !important;
}
.slider-caption .slides img {
	width: 50%;
	display: inline !important}
.flex-caption {
	width: 48%;
	padding: 2%;
	float: right;
	bottom: 0;
	font-size: 14px;
	line-height: 18px;
}
.flex-control-paging li a.flex-active {
	background: #6F91C8 }
.flex-direction-nav a {
	color: #6F91C8 }
.flex-direction-nav a::before {
	color: #6F91C8 }
.flex-viewport {
	direction: ltr }
li.css a {
	border-radius: 0 }
@media (max-width: 767px){
	.flex-caption {
		width: auto;
		float: none }
	.flexslider .slides img {
		width: auto }
	.slider-caption .flex-direction-nav a {
		margin: -100px 0 0 }
}
@media (max-width: 32em){
	.flex-caption {
		width: auto;
		float: none }
	.flexslider .slides img {
		width: auto }
	.slider-caption .flex-direction-nav a {
		margin: -100px 0 0 }
}
.w85pc {
	width: 85%;
}
.pagebanner{
	background-image:url('images/ipdto-banner.png');
	background-repeat:no-repeat;
	background-size:cover;
	height:210px;
	background-position: center;
}
.innerpagebanner{
	background-image:url('images/specialized-banner.png');
	background-repeat:no-repeat;
	background-size:cover;
	height:210px;
	background-position: center;
}
.pagebanner a.langlink, .pagebanner a.langlink:visited, .pagebanner a.langlink:hover {
    color: #FFDF80;
    padding: 3px 5px;
    font-size: 88%;
	text-decoration:none;
	font-weight:bold;
}
.banner-text{
	float: right;
    color: #fff;
    width: 50%;
    text-align: center;
    height: 210px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}
.regdates{font-size:90%;}
.langlinks{
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
    width: 100%;
    padding: 10px;
    font-size: 105%;
}
.banner-text p {
    margin-bottom: 11px !important;
}

@media (max-width: 32em){
	.pagebanner{
		background-color:#D85E2E;
		background-image:none;
		height:auto;
	}
	.banner-text{
		width:100%;
	}
}
@media (max-width: 811px) and (orientation: landscape){
	.banner-text{
		width:65%;
	}
}

@media (max-width: 767px) and (orientation: portrait){
	.theme--applications [role="banner"] .banner__logo {
		left: 50%;
		transform: translateX(-50%);
	}
	body.theme--applications footer small {
		clear: both;
	}
	a.nav-button, a.nav-close{display:none;}
	.seperator:after{display:none;}
}

.launchanimationtext{}
#launchanimation{z-index:1000;display: block; width: 100%;/*overflow: hidden; */ margin-bottom: 20px;}
.hiddenbutton{background: transparent; font-size: 20px; border: none; color:#fff;cursor: pointer;}
.timelinetext {
    font-size: 10px;
    color: #555;
    line-height: 2;
    padding: 0;
    margin: 0;
}
.phtitle {
    position: relative;
    top: -90px;
    font-size: 94%;
    padding: 3px 10px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}
.phdesc {
    margin-top: -60px;
    padding: 0 12px;
    font-size: 85%;
    min-height: 500px;
}
.colbg1 {
    background: #f4f4f4;
}
.colbg2 {
    background: #f4f4f4;
}
.colbg3 {
    background: #f4f4f4; 
}
.colbg4 {
    background: #f4f4f4;
}

.homepage-carousel {
    position: relative;
    height: calc(65vh - 44px);
    background-color: #333;
}

.homepage-carousel video {
    min-width: 100%;
    width: 100%;
    height: calc(65vh - 44px);
    -o-object-fit: cover;
    object-fit: cover;
}

.homepage-carousel:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 35px;
    background: url(images/img-banner-lowerbg.svg) repeat-x bottom transparent;
    top: auto;
    bottom: -1px;
    right: 0;
    left: 0;
    background-position: bottom;
}

.flip-card {
    transform-style: preserve-3d;
    perspective: 1000px;
}

.flip-card .front {
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}
.front {
    text-align: center;
    min-height: 280px;
    height: auto;
    color: #fff;
    font-size: 1rem;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 25%);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    background-position: center;
    background-size: cover;
}

.inner {
    padding: 1rem;
    transform: translateY(-50%) translateZ(60px) scale(0.94);
    top: 50%;
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    outline: 1px solid transparent;
    perspective: inherit;
    z-index: 2;
}

.front .inner p {
    font-size: 1.5rem;
    position: relative;
}

.front .inner p:after {
    margin: 0 auto;
    display: block;
    content: "";
    width: 4rem;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.75rem;
    background: #C6D4DF;
}

.flip-card .back {
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.back {
    text-align: center;
    min-height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 1.2rem;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 25%);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    background: #cedce7;
    background: linear-gradient(45deg, #3a496a 0%, #2d3953 100%);
}
.back .inner h4 {
    text-decoration: underline;
}
.px-4{padding:0 24px;}
.flip-card:hover .front {
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}
.front:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    background-color: #263147;
}
.flip-card:hover .back {
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}
.mx-4 {
    margin: 32px 0;
}
.tl{text-align:left;}
.tc{text-align:center;}
.back .inner h4{font-style: normal;}
.infoicon{float: left; padding: 0 12px 0 0; width: 35px;}