/*Non-LoggedIn Page Header Changes Start*/

@supports ((position: -webkit-sticky) or (position: sticky)) .sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}
#turnstile-container {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.cf-turnstile {
	width: 100%;
}
.opl-public-header .container-fluid,
.opl-login-section .container-fluid {
	width: 100%;
}
.opl-public-header .p-0 {
	padding: 0 !important;
}
.opl-public-header .navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0.5rem 1rem;
}
.opl-public-header .navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.opl-public-header .navbar-toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}
.opl-public-header .navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
}
.opl-public-header .navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center;
}
.opl-public-header .nav-link {
	display: block;
	padding: 0.5rem 1rem;
}
.opl-public-header .nav-link:hover, .nav-link:focus {
	text-decoration: none;
}
.opl-public-header .row,
.opl-login-section .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.opl-public-header .justify-content-center,
.opl-login-section .justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
.opl-public-header .d-flex,
.opl-login-section .d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}
.opl-public-header .col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.opl-public-header .img-fluid,
.opl-login-section .img-fluid {
	max-width: 100%;
	height: auto;
}
.opl-public-header img,
.opl-login-section img {
	vertical-align: middle;
	border-style: none;
}
.opl-login-section .col-12,
.opl-login-section .col-sm-8,
.opl-login-section .col-sm-6 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.opl-login-section label {
	display: inline-block;
	margin-bottom: 0.5rem;
	width: 100%;
}
.opl-login-section .form-group {
	margin-bottom: 1rem;
}
.notice-wrap {
	margin-bottom: 0px;
}
.notice {
	margin:0px;
}

@media (min-width: 768.02px) {
	.opl-public-header .navbar-expand-md {
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.opl-public-header .navbar-expand-md .navbar-toggler {
		display: none;
	}
	.opl-public-header .navbar-expand-md .navbar-collapse {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.opl-public-header .navbar-expand-md .navbar-nav {
		-ms-flex-direction: row;
		flex-direction: row;
	}
}
@media (min-width: 768px) {
	.opl-public-header .col-md-12,
	.opl-login-section .col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (min-width: 576px) {
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-sm-offset-3 {
		margin-left: 25%;
	}

	.login-form .entry-feedback-wrapper,
	.login-form .forgotPassword {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
}
/*Non-LoggedIn Page Header Changes Start End*/
