/* @import url('http://localhost:8888/douglas/css/style.css'); */

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

*:hover,
*:focus {
	box-shadow: none
}

a,
a:hover {
	text-decoration: none
}

body {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	-webkit-font-smoothing: antialiased
}

body button,
body input,
body textarea,
body select {
	font-family: "Poppins", sans-serif;
	font-size: 16px
}

a,
p,
ul,
ol,
li,
div,
strong,
i,
b,
em {
	font-family: "Poppins", sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Playfair Display", sans-serif;
	color: #244259
}

* {
	box-sizing: border-box
}

strong {
	font-weight: 600
}

.w-row {
	display: flex;
	flex-wrap: wrap
}

.w-column {
	flex-direction: column
}

.w-align-h {
	justify-content: center
}

.w-align-v {
	align-items: center
}

.w-20 {
	width: 20%;
	float: left
}

.w-25 {
	width: 25%;
	float: left
}

.w-30 {
	width: 30%;
	float: left
}

.w-33 {
	width: 33.33%;
	float: left
}

.w-40 {
	width: 40%;
	float: left
}

.w-50 {
	width: 50%;
	float: left
}

.w-60 {
	width: 60%;
	float: left
}

.w-66 {
	width: 66.66%;
	float: left
}

.w-70 {
	width: 70%;
	float: left
}

.w-80 {
	width: 80%;
	float: left
}

.w-100 {
	width: 100%
}

div[id$="divContent"],
span[id$="ltContent"],
div[id*="divInlineEdit"] div[id*="contentDiv"] {
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300
}

div[id$="divContent"] img[style*="float: left"],
span[id$="ltContent"] img[style*="float: left"],
div[id*="divInlineEdit"] div[id*="contentDiv"] img[style*="float: left"] {
	margin: 0 1em .5em 0
}

div[id$="divContent"] img[style*="float: right"],
span[id$="ltContent"] img[style*="float: right"],
div[id*="divInlineEdit"] div[id*="contentDiv"] img[style*="float: right"] {
	margin: 0 0 .5em 1em
}

div[id$="divContent"] h1,
div[id$="divContent"] h2,
div[id$="divContent"] h3,
div[id$="divContent"] h4,
div[id$="divContent"] h5,
div[id$="divContent"] h6,
span[id$="ltContent"] h1,
span[id$="ltContent"] h2,
span[id$="ltContent"] h3,
span[id$="ltContent"] h4,
span[id$="ltContent"] h5,
span[id$="ltContent"] h6,
div[id*="divInlineEdit"] div[id*="contentDiv"] h1,
div[id*="divInlineEdit"] div[id*="contentDiv"] h2,
div[id*="divInlineEdit"] div[id*="contentDiv"] h3,
div[id*="divInlineEdit"] div[id*="contentDiv"] h4,
div[id*="divInlineEdit"] div[id*="contentDiv"] h5,
div[id*="divInlineEdit"] div[id*="contentDiv"] h6 {
	font-family: "Playfair Display", sans-serif;
	font-weight: 500;
	margin: 0 0 8px 0
}

div[id$="divContent"] h1,
span[id$="ltContent"] h1,
div[id*="divInlineEdit"] div[id*="contentDiv"] h1 {
	font-size: 32px;
	line-height: 38px
}

div[id$="divContent"] h2,
span[id$="ltContent"] h2,
div[id*="divInlineEdit"] div[id*="contentDiv"] h2 {
	font-size: 28px;
	line-height: 34px
}

div[id$="divContent"] h3,
span[id$="ltContent"] h3,
div[id*="divInlineEdit"] div[id*="contentDiv"] h3 {
	font-size: 22px;
	line-height: 26px
}

div[id$="divContent"] h4,
span[id$="ltContent"] h4,
div[id*="divInlineEdit"] div[id*="contentDiv"] h4 {
	font-size: 20px;
	line-height: 24px
}

div[id$="divContent"] h5,
span[id$="ltContent"] h5,
div[id*="divInlineEdit"] div[id*="contentDiv"] h5 {
	font-size: 16px;
	line-height: 20px
}

div[id$="divContent"] h6,
span[id$="ltContent"] h6,
div[id*="divInlineEdit"] div[id*="contentDiv"] h6 {
	font-size: 14px;
	line-height: 18px
}

div[id$="divContent"] a,
span[id$="ltContent"] a,
div[id*="divInlineEdit"] div[id*="contentDiv"] a {
	color: #446888;
	text-decoration: none;
	font-weight: 600
}

div[id$="divContent"] a:hover,
div[id$="divContent"] a:focus,
span[id$="ltContent"] a:hover,
span[id$="ltContent"] a:focus,
div[id*="divInlineEdit"] div[id*="contentDiv"] a:hover,
div[id*="divInlineEdit"] div[id*="contentDiv"] a:focus {
	text-decoration: underline;
	color: #244259
}

div[id$="divContent"] ul li,
div[id$="divContent"] menu li,
div[id$="divContent"] dir li,
span[id$="ltContent"] ul li,
span[id$="ltContent"] menu li,
span[id$="ltContent"] dir li,
div[id*="divInlineEdit"] div[id*="contentDiv"] ul li,
div[id*="divInlineEdit"] div[id*="contentDiv"] menu li,
div[id*="divInlineEdit"] div[id*="contentDiv"] dir li {
	padding: 5px;
	position: relative;
	list-style: none
}

div[id$="divContent"] ul li:after,
div[id$="divContent"] menu li:after,
div[id$="divContent"] dir li:after,
span[id$="ltContent"] ul li:after,
span[id$="ltContent"] menu li:after,
span[id$="ltContent"] dir li:after,
div[id*="divInlineEdit"] div[id*="contentDiv"] ul li:after,
div[id*="divInlineEdit"] div[id*="contentDiv"] menu li:after,
div[id*="divInlineEdit"] div[id*="contentDiv"] dir li:after {
	position: absolute;
	content: '\f111';
	left: -15px;
	top: 6px;
	font-size: 8px;
	color: #446888;
	font-family: "Fontawesome"
}

div[id$="divContent"] ul li p,
div[id$="divContent"] menu li p,
div[id$="divContent"] dir li p,
span[id$="ltContent"] ul li p,
span[id$="ltContent"] menu li p,
span[id$="ltContent"] dir li p,
div[id*="divInlineEdit"] div[id*="contentDiv"] ul li p,
div[id*="divInlineEdit"] div[id*="contentDiv"] menu li p,
div[id*="divInlineEdit"] div[id*="contentDiv"] dir li p {
	margin: 0
}

div[id$="divContent"] blockquote,
span[id$="ltContent"] blockquote,
div[id*="divInlineEdit"] div[id*="contentDiv"] blockquote {
	border-left: 7px solid #446888;
	padding-left: 20px
}

div[id$="divContent"] table,
span[id$="ltContent"] table,
div[id*="divInlineEdit"] div[id*="contentDiv"] table {
	width: 100%;
	border-collapse: collapse;
	margin: 15px 0
}

div[id$="divContent"] table>caption,
span[id$="ltContent"] table>caption,
div[id*="divInlineEdit"] div[id*="contentDiv"] table>caption {
	padding: 10px;
	font-weight: bold
}

div[id$="divContent"] table tbody tr td,
div[id$="divContent"] table tbody tr th,
span[id$="ltContent"] table tbody tr td,
span[id$="ltContent"] table tbody tr th,
div[id*="divInlineEdit"] div[id*="contentDiv"] table tbody tr td,
div[id*="divInlineEdit"] div[id*="contentDiv"] table tbody tr th {
	border: 1px solid #000;
	padding: 5px
}

div[id$="divContent"] table tbody tr th,
span[id$="ltContent"] table tbody tr th,
div[id*="divInlineEdit"] div[id*="contentDiv"] table tbody tr th {
	background: #e2e2e2
}

.container {
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1800px;
	margin: 0 auto;
    padding-top:100px !important;
}

#quick-links .container {
    padding-top: 100px;
}

@media screen and (max-width: 900px) {
	.container {
		padding: 30px
	}
}

@media screen and (max-width: 500px) {
	.container {
		padding: 10px
	}
}

div[id$="divChangToPublish"] .modalPopup {
	height: auto !important
}

.designMode [data-aos] {
	pointer-events: all !important
}

.designMode [data-aos^=fade][data-aos^=fade] {
	opacity: 1 !important
}

.designMode [data-aos^=fade-up],
.designMode [data-aos^=fade-down],
.designMode [data-aos=fade-right],
.designMode [data-aos=fade-left] {
	transform: none !important
}

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

	.w-20,
	.w-30,
	.w-40,
	.w-50,
	.w-60,
	.w-70,
	.w-80 {
		width: 100% !important
	}
}

div#CMS_DragDropWrapper {
	z-index: 12000 !important
}

#news-summary .content .date {
	color: #6b6b6b
}

button[id*="btn_month"] {
	color: #000
}

.CMS_adminBar {
	z-index: 12100 !important
}

.portletEditMode #page,
.checkoutAndEditMode #page {
	padding: 30px;
	margin-top: 100px
}

.portletEditMode .ptl_page,
.checkoutAndEditMode .ptl_page {
	display: block !important
}

.mm-ismenu {
	background: #446888
}

.mm-menu {
	color: #fff
}

.mm-menu .mm-list>li>a.mm-subopen:after,
.mm-menu .mm-list>li>a.mm-subclose:before {
	border-color: #fff
}

.goog-te-gadget img {
	display: none;
	position: relative
}

.goog-te-gadget-simple .goog-te-menu-value span {
	display: none
}

div#google_translate_element {
	display: block;
	height: 35px;
	overflow: hidden;
	position: relative;
	top: 0
}

body .goog-te-gadget-simple {
	background: none;
	border: none;
	display: block;
	height: 32px
}

iframe.goog-te-menu-frame.skiptranslate {
	width: 100% !important;
	max-width: 320px !important;
	height: 768px !important
}

select.goog-te-combo {
	margin: 0 !important;
	border: none !important;
	background: transparent;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-appearance: none;
	font-size: 13px;
	position: relative;
	letter-spacing: .03em;
	vertical-align: top;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	cursor: pointer;
	overflow: hidden;
	-moz-appearance: none;
	color: #fff;
	width: 130px;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

select.goog-te-combo option {
	color: #000
}

select.goog-te-combo::-ms-expand {
	display: none
}

#google_translate_element select:hover,
#google_translate_element select:focus {
	color: #fff;
	background: #334e66
}

.skiptranslate>div {
	position: relative
}

.goog-logo-link {
	display: none
}

#google_translate_element select.goog-te-combo option {
	background: #fff;
	color: #000
}

#Btop {
	position: fixed;
	right: 20px;
	bottom: -50px;
	background: #446888;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #000;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: all 400ms ease;
	z-index: 8000
}

#Btop span {
	font-size: 26px
}

#Btop:hover,
#Btop:focus {
	background: #fff;
	text-decoration: none;
	color: #446888;
	border: 2px solid #446888
}

#Btop.show {
	bottom: 20px !important
}

.offScreen {
	position: fixed !important
}

#menubar #mobile-bar {
	display: none !important
}

#menubar #mobileNav {
	display: none;
	justify-content: flex-start;
	align-items: center;
	display: none;
	color: #244259;
	width: 120px;
	height: 40px;
	float: right;
	background: transparent;
	padding: 20px
}

@media screen and (max-width: 1100px) {
	#menubar #mobileNav {
		display: flex
	}
}

#menubar #mobileNav span {
	display: block;
	padding-left: 10px
}

#menubar #mobileNav .hamburger {
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer
}

#menubar #mobileNav .hamburger .bar,
#menubar #mobileNav .hamburger .bar:before,
#menubar #mobileNav .hamburger .bar:after {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	content: '';
	-webkit-transform: rotate(0);
	transform: rotate(0);
	pointer-events: none;
	background-color: #244259
}

#menubar #mobileNav .hamburger .bar {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

#menubar #mobileNav .hamburger .bar,
#menubar #mobileNav .hamburger .bar:before,
#menubar #mobileNav .hamburger .bar:after {
	transition: top .2s .2s, left .1s, background-color .2s .1s, -webkit-transform .2s;
	transition: top .2s .2s, left .1s, transform .2s, background-color .2s .1s;
	transition: top .2s .2s, left .1s, transform .2s, background-color .2s .1s, -webkit-transform .2s
}

#menubar #mobileNav .hamburger .bar:before,
#menubar #mobileNav .hamburger .bar:after {
	-webkit-transform: rotate(0);
	transform: rotate(0)
}

#menubar #mobileNav .hamburger .bar:before {
	top: .5rem
}

#menubar #mobileNav .hamburger .bar:after {
	top: -0.5rem
}

#menubar #mobileNav.expanded .hamburger .bar {
	background-color: transparent
}

#menubar #mobileNav.expanded .hamburger .bar:before,
#menubar #mobileNav.expanded .hamburger .bar:after {
	top: 0;
	transition: background-color .2s, top .2s, left .2s, -webkit-transform .2s .15s;
	transition: background-color .2s, top .2s, left .2s, transform .2s .15s;
	transition: background-color .2s, top .2s, left .2s, transform .2s .15s, -webkit-transform .2s .15s;
	background-color: red
}

#menubar #mobileNav.expanded .hamburger .bar:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#menubar #mobileNav.expanded .hamburger .bar:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#menubar .mobile-nav-items {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	background: #244259;
	display: none;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	padding: 10px 0;
	z-index: 999999;
	max-height: 50vh;
	overflow: auto
}

#menubar .mobile-nav-items::-webkit-scrollbar {
	width: 10px
}

#menubar .mobile-nav-items::-webkit-scrollbar-track {
	background: #282828
}

#menubar .mobile-nav-items::-webkit-scrollbar-thumb {
	background: #244259
}

#menubar .mobile-nav-items::-webkit-scrollbar-thumb:hover {
	background: #446888
}

@media screen and (min-width: 1101px) {
	#menubar .mobile-nav-items {
		display: none !important
	}
}

#menubar .mobile-nav-items * {
	box-sizing: border-box
}

#menubar .mobile-nav-items ul {
	margin: 0;
	padding: 0
}

#menubar .mobile-nav-items ul li {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	position: relative
}

#menubar .mobile-nav-items ul li a {
	display: block;
	padding: 10px 20px;
	background: #244259;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	width: 100%
}

#menubar .mobile-nav-items ul li a:hover,
#menubar .mobile-nav-items ul li a:focus,
#menubar .mobile-nav-items ul li a.expanded {
	text-decoration: none
}

#menubar .mobile-nav-items ul li .subnav-items {
	width: 100%;
	display: none
}

#menubar .mobile-nav-items ul li .subnav-items li {
	position: relative
}

#menubar .mobile-nav-items ul li .subnav-items li a {
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	font-weight: 400
}

#menubar .mobile-nav-items ul li .subnav-items li:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, 0.5)
}

#menubar .mobile-nav-items ul li .subnav-items.level1 {
	background: #1d3547
}

#menubar .mobile-nav-items ul li .subnav-items.level1>li>a {
	background: #1d3547
}

#menubar .mobile-nav-items ul li .subnav-items.level1>li>a:not(.subnav) {
	padding-left: 30px
}

#menubar .mobile-nav-items ul li .subnav-items.level2 {
	background: #152735
}

#menubar .mobile-nav-items ul li .subnav-items.level2 li a {
	background: #152735
}

#menubar .mobile-nav-items ul li .subnav-items.level2 li a:not(.subnav) {
	padding-left: 50px
}

#menubar .mobile-nav-items ul li.has-child a {
	width: calc(100% - 40px);
	border-right: 1px solid rgba(0, 0, 0, 0.3)
}

#menubar .mobile-nav-items ul li.has-child .subnav {
	width: 40px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: none
}

#menubar .mobile-nav-items ul li:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.3)
}

.mfp-item-content .title {
	display: block
}

.mfp-item-content img {
	max-width: 400px
}

.search-container {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(34, 52, 68, 0.95);
	z-index: 6000
}

.search-container #close-search {
	position: absolute;
	right: 100px;
	top: 100px;
	color: #fff;
	font-size: 30px;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center
}

.search-container #close-search:hover,
.search-container #close-search:focus {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: red
}

@media screen and (max-width: 900px) {
	.search-container #close-search {
		top: 25px;
		right: 25px
	}
}

.search-container .divSearchBox {
	position: absolute;
	left: calc(50% - 25px);
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 800px;
	display: flex;
	align-items: center
}

@media screen and (max-width: 900px) {
	.search-container .divSearchBox {
		max-width: 400px;
		top: 100px;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}

@media screen and (max-width: 500px) {
	.search-container .divSearchBox {
		max-width: 70%
	}
}

.search-container .divSearchBox input {
	border: none;
	border-bottom: 2px solid #fff;
	border-right: 0;
	background: transparent;
	text-align: left;
	text-indent: 10px;
	font-size: 20px;
	height: 50px;
	padding: 0;
	width: 100%;
	font-weight: 500;
	color: #fff
}

.search-container .divSearchBox input::-webkit-input-placeholder {
	color: #ccc;
	font-weight: 400;
	font-size: 20px
}

.search-container .divSearchBox input:-ms-input-placeholder {
	color: #ccc;
	font-weight: 400;
	font-size: 20px
}

.search-container .divSearchBox input::-ms-input-placeholder {
	color: #ccc;
	font-weight: 400;
	font-size: 20px
}

.search-container .divSearchBox input::-moz-placeholder {
	color: #ccc;
	font-weight: 400;
	font-size: 20px
}

.search-container .divSearchBox input::placeholder {
	color: #ccc;
	font-weight: 400;
	font-size: 20px
}

.search-container .divSearchBox a {
	position: relative
}

.search-container .divSearchBox a img {
	display: none
}

.search-container .divSearchBox a:after {
	content: "\f002";
	background: #f2d763;
	top: -13px;
	left: 0;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #244259;
	font-family: "Fontawesome";
	font-size: 22px;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	border: none
}

.search-container .divSearchBox a:hover:after,
.search-container .divSearchBox a:focus:after {
	background: #244259;
	color: #fff
}

#ctl00_PageBody {
	opacity: 0;
	transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1)
}

header .container {
	position: relative;
	background: #fff;
	padding: 0 30px;
	justify-content: space-between;
	box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 1100px) {
	header .container {
		padding: 0
	}
}

header .container .logo {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 150px;
	height: 150px;
	z-index: 1000
}

@media screen and (max-width: 1100px) {
	header .container .logo {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width: 700px) {
	header .container .logo {
		width: 80px;
		height: 80px
	}
}

header .container .logo a {
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	position: relative
}

@media screen and (max-width: 1100px) {
	header .container .logo a {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width: 700px) {
	header .container .logo a {
		width: 80px;
		height: 80px
	}
}

header .container .logo a:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4)
}

@media screen and (max-width: 1100px) {
	header .container .logo a:after {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width: 700px) {
	header .container .logo a:after {
		width: 80px;
		height: 80px
	}
}

header .container .logo a img {
	width: 135px;
	background: #fff;
	padding: 15px;
	border-radius: 50%;
	position: relative;
	z-index: 10;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 1100px) {
	header .container .logo a img {
		width: 85px;
		padding: 5px
	}
}

@media screen and (max-width: 700px) {
	header .container .logo a img {
		width: 65px
	}
}

header .container .mainNav {
	width: 100%
}

@media screen and (max-width: 1100px) {
	header .container .mainNav {
		width: auto
	}
}

header .container .mainNav #menubar .inside-padding {
	padding: 0;
	margin: 0 auto;
	max-width: 1400px
}

@media screen and (max-width: 1100px) {
	header .container .mainNav #menubar .inside-padding {
		padding: 0
	}
}

header .container .mainNav #menubar .inside-padding #mobile-bar {
	display: none;
	background: #244259;
	color: #fff;
	text-align: center;
	width: auto;
	font-weight: 600;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

header .container .mainNav #menubar .inside-padding #mobile-bar .fa {
	padding-right: 7px
}

header .container .mainNav #menubar .inside-padding #mobile-bar:hover,
header .container .mainNav #menubar .inside-padding #mobile-bar:focus {
	background: #244259
}

@media screen and (max-width: 1000px) {
	header .container .mainNav #menubar .inside-padding #mobile-bar {
		display: block;
		padding: 10px
	}
}

@media screen and (max-width: 1100px) {
	header .container .mainNav #menubar .inside-padding .megamenu {
		display: none
	}
}

header .container .mainNav #menubar .inside-padding .megamenu nav {
	display: flex;
	justify-content: center
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu {
	text-align: center;
	position: static;
	display: inline-block;
	z-index: auto
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 {
	position: static
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0.menu-padding-right {
	padding-right: 80px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0.menu-padding-left {
	padding-left: 80px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0>a {
	padding: 35px 15px 25px;
	font-size: 16px;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	position: relative;
	color: #446888;
	text-transform: uppercase;
	border: none;
	border-bottom: 7px solid transparent
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0>a:hover,
header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0>a:focus,
header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0>a.open {
	box-shadow: none;
	background: #fff;
	color: #446888;
	border-bottom-color: #f2d763
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0.has-child>a:after {
	position: relative;
	content: '\f0d7';
	font-family: "Fontawesome";
	padding-left: 7px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav {
	background: #334e66;
	text-align: left;
	right: 0;
	width: 100%;
	padding: 20px;
	max-width: 1400px;
	margin: 0 auto;
	z-index: 2000
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul {
	width: 100%
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category) {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li>div>a {
	font-weight: 600;
	padding: 5px 10px;
	color: #fff;
	position: relative;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	margin: 0 0 5px 0
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li>div>a span {
	position: relative;
	z-index: 10
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li>div>a:hover,
header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li>div>a:focus {
	box-shadow: none;
	color: #446888;
	background: #fff
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li .level2 ul {
	margin: 0
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li .level2 ul li {
	margin: 0;
	padding-left: 10px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li .level2 ul li a {
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	color: #fff;
	padding: 0 10px;
	font-family: "Poppins", sans-serif
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li .level2 ul li a span {
	font-size: 16px;
	line-height: 20px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li .level2 ul li a:hover,
header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1>ul:not(.has-category)>li .level2 ul li a:focus {
	box-shadow: none;
	color: #446888;
	background: #fff
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1 .has-category {
	width: 25%;
	margin: 0;
	padding-right: 10px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1 .has-category>span {
	font-weight: 600
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1 .has-category li {
	margin: 0;
	padding-left: 10px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1 .has-category li a {
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	color: #fff;
	padding: 0 10px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1 .has-category li a span {
	font-size: 14px;
	line-height: 20px
}

header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1 .has-category li a:hover,
header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0 .sub-nav .level1 .has-category li a:focus {
	box-shadow: none;
	color: #244259;
	background: #fff
}

header .container .header-right {
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center
}

@media screen and (max-width: 1100px) {
	header .container .header-right {
		position: relative;
		right: auto;
		top: auto;
		transform: none
	}
}

header .container .header-right .search-btn {
	padding-right: 2px
}

header .container .header-right .search-btn .search-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #244259;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

@media screen and (max-width: 1100px) {
	header .container .header-right .search-btn .search-box {
		width: 30px;
		height: 30px;
		font-size: 18px
	}
}

header .container .header-right .search-btn .search-box:hover,
header .container .header-right .search-btn .search-box:focus {
	background: #244259;
	color: #fff
}

header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 200
}

@media screen and (max-width: 700px) {
	header.fixed .container {
		padding: 10px 0
	}
}

header.fixed .container .logo {
	width: 95px;
	height: 95px;
	top: 50%;
	transform: translate(-50%, -50%)
}

@media screen and (max-width: 700px) {
	header.fixed .container .logo {
		width: 50px;
		height: 50px
	}
}

header.fixed .container .logo a {
	width: 95px;
	height: 95px
}

@media screen and (max-width: 700px) {
	header.fixed .container .logo a {
		width: 50px;
		height: 50px
	}
}

header.fixed .container .logo a:after {
	width: 90px;
	height: 90px
}

@media screen and (max-width: 700px) {
	header.fixed .container .logo a:after {
		width: 50px;
		height: 50px
	}
}

header.fixed .container .logo a img {
	width: 75px;
	height: 75px;
	padding: 10px
}

@media screen and (max-width: 700px) {
	header.fixed .container .logo a img {
		width: 45px;
		height: 45px;
		padding: 5px
	}
}

.has-adminbar header.fixed {
	top: 50px
}

@media screen and (max-width: 1050px) {
	.has-adminbar header.fixed {
		top: 0
	}
}

#theme.extra-padding {
	padding-top: 88px
}

@media screen and (max-width: 1050px) {
	#theme.extra-padding {
		padding-top: 50px
	}
}

@media screen and (max-width: 700px) {
	#theme.extra-padding {
		padding-top: 45px
	}
}

.social-links ul {
	padding: 0;
	margin: 0
}

.social-links ul li {
	list-style: none;
	padding: 0 2px;
	display: inline-block
}

.social-links ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	font-size: 20px;
	color: #244259;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

@media screen and (max-width: 1000px) {
	.social-links ul li a {
		width: 30px;
		height: 30px;
		font-size: 18px
	}
}

.social-links ul li a:hover,
.social-links ul li a:focus {
	background: #244259;
	color: #fff
}

#banner .container {
	padding: 0
}

.hero-banner {
	position: relative
}

.hero-banner .video-btns {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100
}

@media screen and (max-width: 1000px) {
	.hero-banner .video-btns {
		top: 16vw
	}
}

.hero-banner .video-btns .video-button {
	border: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	font-size: 18px;
	margin: 0;
	background: #244259;
	color: #fff;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

@media screen and (max-width: 1000px) {
	.hero-banner .video-btns .video-button {
		display: none
	}
}

.hero-banner .video-btns .video-button#yt-play-button {
	display: none
}

.hero-banner .video-btns .video-button:hover,
.hero-banner .video-btns .video-button:focus {
	color: #244259;
	background: #f2d763
}

.hero-banner .image {
	display: none;
	height: 50vw;
	max-height: 700px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative
}

.hero-banner .image:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(36, 66, 89, 0.9);
	z-index: 1
}

@media screen and (max-width: 800px) {
	.hero-banner .image {
		display: block
	}
}

.hero-banner .video {
	position: relative;
	height: 45vw;
	max-height: 700px
}

.hero-banner .video:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(36, 66, 89, 0.9);
	z-index: 1;
	pointer-events: none
}

@media screen and (max-width: 800px) {
	.hero-banner .video {
		display: none
	}
}

.hero-banner .video iframe {
	height: 45vw;
	max-height: 700px;
	position: relative;
	pointer-events: none
}

.hero-banner .content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 20px;
	color: #fff;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

@media screen and (max-width: 1000px) {
	.hero-banner .content {
		padding: 20px
	}
}

@media screen and (max-width: 700px) {
	.hero-banner .content {
		padding: 30px 20px 10px
	}
}

.hero-banner .content.mobile-view {
	display: none
}

.hero-banner .content .heading-1 {
	font-size: 30px;
	font-family: "Poppins", sans-serif;
	line-height: normal;
	font-weight: 300;
	padding-bottom: 15px
}

@media screen and (max-width: 700px) {
	.hero-banner .content .heading-1 {
		display: none
	}
}

.hero-banner .content .heading-2 {
	font-size: 50px;
	font-family: "Playfair Display", sans-serif;
	line-height: normal;
	font-weight: 400;
	padding-bottom: 10px;
	margin-bottom: 30px;
	position: relative
}

@media screen and (max-width: 1000px) {
	.hero-banner .content .heading-2 {
		font-size: 30px;
		margin-bottom: 15px
	}
}

@media screen and (max-width: 700px) {
	.hero-banner .content .heading-2 {
		font-size: 20px
	}
}

.hero-banner .content .heading-2:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 4px;
	background: #5581A7
}

.hero-banner .content .summary {
	font-size: 18px;
	font-family: "Poppins", sans-serif;
	line-height: normal;
	font-weight: 300;
	padding-bottom: 25px;
	max-width: 600px
}

@media screen and (max-width: 1000px) {
	.hero-banner .content .summary {
		font-size: 16px
	}
}

@media screen and (max-width: 700px) {
	.hero-banner .content .summary {
		display: none
	}
}

.see-more {
	display: inline-block;
	background: #f2d763;
	color: #244259;
	font-size: 15px;
	line-height: normal;
	font-weight: 500;
	border-radius: 50px;
	padding: 7px 40px;
	text-align: center;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

.see-more:hover,
.see-more:focus {
	background: #244259;
	color: #fff;
	box-shadow: inset 0 0 0 2px #f2d763
}

#quick-links {
	position: relative;
	z-index: 100;
	margin-top: -60px
}

@media screen and (max-width: 1000px) {
	#quick-links {
		margin: 0
	}
}

@media screen and (max-width: 1000px) {
	#quick-links .container {
		padding: 100px
	}
}

#ql-slider {
	position: relative
}

#ql-slider .ql-container {
	max-width: 1000px;
	margin: 0 auto;
	padding: 100px 50px
}

#ql-slider .ql-container .ql-item {
	padding: 5px
}

#ql-slider .ql-container .ql-item a {
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding: 20px;
	padding-top: 60px;
	background: #446888;
	color: #fff;
	min-height: 200px;
	box-shadow: 0 0 5px 1px rgba(68, 104, 136, 0.5);
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#ql-slider .ql-container .ql-item a .icon {
	display: block;
	font-size: 30px;
	height: 50px;
	padding-bottom: 10px
}

#ql-slider .ql-container .ql-item a .caption {
	display: block;
	font-size: 14px;
	font-family: "Poppins", sans-serif;
	line-height: normal;
	font-weight: 600
}

#ql-slider .ql-container .ql-item a:hover,
#ql-slider .ql-container .ql-item a:focus {
	background: #244259;
	box-shadow: 0 0 5px 1px rgba(36, 66, 89, 0.5)
}

#ql-slider .nav-container .arrows .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	font-size: 0;
	width: 40px;
	height: 40px;
	padding: 0;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#ql-slider .nav-container .arrows .slick-arrow:after {
	color: #244259;
	font-family: "Fontawesome";
	font-size: 30px;
	line-height: 100%;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#ql-slider .nav-container .arrows .slick-arrow:hover,
#ql-slider .nav-container .arrows .slick-arrow:focus {
	background: #244259
}

#ql-slider .nav-container .arrows .slick-arrow:hover:after,
#ql-slider .nav-container .arrows .slick-arrow:focus:after {
	color: #fff
}

#ql-slider .nav-container .arrows .slick-next {
	right: 0
}

#ql-slider .nav-container .arrows .slick-next:after {
	content: '\f054'
}

#ql-slider .nav-container .arrows .slick-prev {
	left: 0
}

#ql-slider .nav-container .arrows .slick-prev:after {
	content: '\f053'
}

#welcome-message .container {
	background: #F5F9FC;
	padding: 70px 20px
}

@media screen and (max-width: 1000px) {
	#welcome-message .container {
		padding: 20px
	}
}

.callout-with-img {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 10px 20px
}

@media screen and (max-width: 1000px) {
	.callout-with-img {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center
	}
}

.callout-with-img .image {
	width: 200px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.callout-with-img .image:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 4px 2px rgba(36, 66, 89, 0.2);
	z-index: 1
}

.callout-with-img .image:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 170px;
	height: 170px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 4px 2px rgba(36, 66, 89, 0.2);
	z-index: 2
}

.callout-with-img .image .inner-image {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 20
}

.callout-with-img .image .inner-image img {
	width: 100%
}

.callout-with-img .content {
	width: calc(100% - 200px);
	padding-left: 40px
}

@media screen and (max-width: 1000px) {
	.callout-with-img .content {
		width: 100%;
		padding: 40px 0 0 0
	}
}

.callout-with-img .content .heading {
	margin: 0;
	padding-bottom: 10px;
	font-size: 45px;
	line-height: normal;
	font-weight: 500
}

@media screen and (max-width: 1000px) {
	.callout-with-img .content .heading {
		font-size: 30px
	}
}

.callout-with-img .content .summary {
	font-size: 18px;
	line-height: normal;
	font-weight: 300;
	font-style: italic;
	padding-bottom: 15px;
	color: #244259
}

@media screen and (max-width: 1000px) {
	.callout-with-img .content .summary {
		font-size: 16px
	}
}

.callout-with-img .content .title {
	font-size: 14px;
	line-height: normal;
	font-weight: 600
}

@media screen and (max-width: 1000px) {
	.callout-with-img .content .title {
		font-size: 12px
	}
}

.callout-with-img .content .callout-buttons {
	padding-top: 30px;
	display: flex;
	align-items: center
}

@media screen and (max-width: 1000px) {
	.callout-with-img .content .callout-buttons {
		flex-direction: column
	}
}

.callout-with-img .content .callout-buttons .see-more {
	box-shadow: 0 0 4px 2px rgba(36, 66, 89, 0.2)
}

.callout-with-img .content .callout-buttons .see-more:first-child {
	background: #446888;
	color: #fff;
	margin-right: 15px
}

@media screen and (max-width: 1000px) {
	.callout-with-img .content .callout-buttons .see-more:first-child {
		margin: 0 0 10px 0
	}
}

.callout-with-img .content .callout-buttons .see-more:hover,
.callout-with-img .content .callout-buttons .see-more:focus {
	background: #244259;
	box-shadow: 0 0 0 2px #f2d763
}

.home-news {
	max-width: 1200px;
	margin: 0 auto
}

.home-news .heading-section {
	text-align: center;
	padding: 10px
}

.home-news .heading-section h2 {
	display: block;
	margin: 0;
	padding-bottom: 10px;
	font-size: 40px;
	line-height: normal;
	font-weight: 500;
	padding-bottom: 10px;
	margin-bottom: 20px;
	position: relative
}

@media screen and (max-width: 1000px) {
	.home-news .heading-section h2 {
		font-size: 30px;
		margin-bottom: 10px
	}
}

.home-news .heading-section h2:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 4px;
	background: #5581A7
}

.home-news .news-summary {
	padding: 20px
}

@media screen and (max-width: 1000px) {
	.home-news .news-summary {
		padding: 10px
	}
}

.home-news .news-summary .news-slide {
	padding: 10px
}

.home-news .news-summary .news-slide .story {
	display: block;
	padding: 40px 30px;
	box-shadow: 0 0 4px 2px rgba(36, 66, 89, 0.1);
	color: #244259;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	position: relative
}

.home-news .news-summary .news-slide .story .content {
	display: flex;
	flex-wrap: wrap;
	min-height: 200px;
	align-items: flex-start;
	padding-bottom: 20px
}

.home-news .news-summary .news-slide .story .content>div {
	width: 100%
}

.home-news .news-summary .news-slide .story .content>div .date {
	font-size: 12px;
	line-height: normal;
	font-weight: 600;
	padding-bottom: 10px
}

.home-news .news-summary .news-slide .story .content>div .title {
	margin: 0;
	padding-bottom: 20px;
	font-size: 24px;
	line-height: normal;
	font-weight: 500;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

.home-news .news-summary .news-slide .story .content p {
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	height: 88px;
	overflow: hidden;
	margin: 0;
	align-self: flex-end
}

.home-news .news-summary .news-slide .story .read-more {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #f2d763;
	color: #244259;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

.home-news .news-summary .news-slide .story .read-more .fa {
	font-size: 14px
}

.home-news .news-summary .news-slide .story:hover,
.home-news .news-summary .news-slide .story:focus {
	background: #244259;
	color: #fff;
	box-shadow: 0 0 0 2px #f2d763
}

.home-news .news-summary .news-slide .story:hover .content>div .title,
.home-news .news-summary .news-slide .story:focus .content>div .title {
	color: #fff
}

.home-news .news-summary .news-slide .story:hover .read-more,
.home-news .news-summary .news-slide .story:focus .read-more {
	background: #fff;
	color: #446888
}

.home-news .news-footer {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.home-news .news-footer>a {
	color: #244259;
	text-decoration: underline;
	font-family: "Playfair Display", sans-serif;
	font-size: 18px;
	line-height: normal;
	font-weight: 400
}

.home-news .news-footer>a:hover,
.home-news .news-footer>a:focus {
	text-decoration: none
}

.home-news .news-footer .news-nav {
	padding: 10px 40px;
	position: relative;
	margin: 20px auto 0;
	display: inline-block
}

.home-news .news-footer .news-nav .dots .slick-dots {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap
}

.home-news .news-footer .news-nav .dots .slick-dots li {
	list-style: none;
	display: flex;
	padding: 10px;
	justify-content: center;
	align-items: center
}

.home-news .news-footer .news-nav .dots .slick-dots li button {
	font-size: 0;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	background: #5581A7;
	padding: 0;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

.home-news .news-footer .news-nav .dots .slick-dots li button:hover,
.home-news .news-footer .news-nav .dots .slick-dots li button:focus {
	box-shadow: none;
	outline: none;
	background: #244259
}

.home-news .news-footer .news-nav .dots .slick-dots li.slick-active button {
	width: 15px;
	height: 15px;
	background: #244259
}

.home-news .news-footer .news-nav .arrows .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	font-size: 0;
	width: 30px;
	height: 30px;
	padding: 0;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

.home-news .news-footer .news-nav .arrows .slick-arrow:after {
	color: #244259;
	font-family: "Fontawesome";
	font-size: 22px;
	line-height: 100%;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

.home-news .news-footer .news-nav .arrows .slick-arrow:hover,
.home-news .news-footer .news-nav .arrows .slick-arrow:focus {
	background: #244259
}

.home-news .news-footer .news-nav .arrows .slick-arrow:hover:after,
.home-news .news-footer .news-nav .arrows .slick-arrow:focus:after {
	color: #fff
}

.home-news .news-footer .news-nav .arrows .slick-next {
	right: 0
}

.home-news .news-footer .news-nav .arrows .slick-next:after {
	content: '\f054'
}

.home-news .news-footer .news-nav .arrows .slick-prev {
	left: 0
}

.home-news .news-footer .news-nav .arrows .slick-prev:after {
	content: '\f053'
}

#events .container {
	padding: 30px;
	background-image: url("https://douglascountynvclerktreasurer.hosted.civiclive.com/UserFiles/Servers/Server_18102038/Templates/img/event-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative
}

@media screen and (max-width: 1000px) {
	#events .container {
		padding: 20px 10px
	}
}

#events .container:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(36, 66, 89, 0.8);
	z-index: 1
}

#events .container .ptl_portlet_vertical {
	position: relative;
	z-index: 10
}

#events .container .w-50:first-child {
	padding-right: 20px
}

@media screen and (max-width: 1000px) {
	#events .container .w-50:first-child {
		padding: 10px 0
	}
}

#events .container .w-50:last-child {
	padding-left: 20px
}

@media screen and (max-width: 1000px) {
	#events .container .w-50:last-child {
		padding: 10px 0
	}
}

.callout {
	text-align: center
}

.callout .heading {
	display: block;
	margin: 0;
	padding-bottom: 10px;
	font-size: 45px;
	line-height: normal;
	font-weight: 500;
	padding-bottom: 15px;
	margin-bottom: 30px;
	position: relative
}

@media screen and (max-width: 1000px) {
	.callout .heading {
		font-size: 30px;
		margin-bottom: 10px
	}
}

.callout .heading:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 4px;
	background: #5581A7
}

.callout .summary {
	font-size: 18px;
	line-height: normal;
	font-weight: 300;
	padding-bottom: 20px;
	color: #244259
}

@media screen and (max-width: 1000px) {
	.callout .summary {
		font-size: 16px
	}
}

.callout .title {
	font-size: 18px;
	line-height: normal;
	font-weight: 600;
	margin-bottom: 20px
}

@media screen and (max-width: 1000px) {
	.callout .title {
		font-size: 12px
	}
}

#events .callout .heading {
	color: #fff
}

#events .callout .summary {
	color: #fff
}

#events .callout .title {
	color: #fff
}

#upcoming-events .no-event {
	padding: 20px;
	color: #fff;
	text-align: center
}

#upcoming-events .events-list .event {
	padding: 5px
}

#upcoming-events .events-list .event a {
	display: block;
	color: #fff;
	position: relative;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#upcoming-events .events-list .event a>.fa {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: #f2d763;
	font-size: 18px;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#upcoming-events .events-list .event a .event-container {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	border: 1px solid #5581A7;
	background: rgba(36, 66, 89, 0.6);
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#upcoming-events .events-list .event a .event-container .event-date {
	width: 70px;
	text-align: center
}

#upcoming-events .events-list .event a .event-container .event-date .month {
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	font-family: "Playfair Display", sans-serif;
	text-transform: uppercase
}

#upcoming-events .events-list .event a .event-container .event-date .day {
	font-size: 30px;
	line-height: 36px;
	font-weight: 300
}

#upcoming-events .events-list .event a .event-container .event-name {
	width: calc(100% - 70px);
	padding-left: 15px;
	border-left: 1px solid #5581A7
}

#upcoming-events .events-list .event a .event-container .event-name .event-title {
	font-size: 20px;
	line-height: normal;
	font-weight: 500;
	font-family: "Playfair Display", sans-serif;
	padding-bottom: 5px
}

#upcoming-events .events-list .event a .event-container .event-name .event-time {
	font-size: 16px;
	line-height: normal;
	font-weight: 400
}

#upcoming-events .events-list .event a:hover,
#upcoming-events .events-list .event a:focus {
	color: #244259
}

#upcoming-events .events-list .event a:hover>.fa,
#upcoming-events .events-list .event a:focus>.fa {
	color: #446888
}

#upcoming-events .events-list .event a:hover .event-container,
#upcoming-events .events-list .event a:focus .event-container {
	background: #f2d763
}

#upcoming-events .events-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px
}

#upcoming-events .events-footer>a {
	font-size: 18px;
	line-height: normal;
	font-weight: 400;
	text-decoration: underline;
	color: #fff;
	font-family: "Playfair Display", sans-serif
}

#upcoming-events .events-footer>a:hover,
#upcoming-events .events-footer>a:focus {
	text-decoration: none
}

#upcoming-events .events-footer .events-arrows .slick-arrow {
	background: transparent;
	border: none;
	font-size: 0;
	width: 35px;
	height: 35px;
	padding: 0;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#upcoming-events .events-footer .events-arrows .slick-arrow:after {
	color: #fff;
	font-family: "Fontawesome";
	font-size: 26px;
	line-height: 100%;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#upcoming-events .events-footer .events-arrows .slick-arrow:hover,
#upcoming-events .events-footer .events-arrows .slick-arrow:focus {
	background: #fff
}

#upcoming-events .events-footer .events-arrows .slick-arrow:hover:after,
#upcoming-events .events-footer .events-arrows .slick-arrow:focus:after {
	color: #244259
}

#upcoming-events .events-footer .events-arrows .slick-next {
	right: 0
}

#upcoming-events .events-footer .events-arrows .slick-next:after {
	content: '\f054'
}

#upcoming-events .events-footer .events-arrows .slick-prev {
	left: 0
}

#upcoming-events .events-footer .events-arrows .slick-prev:after {
	content: '\f053'
}

#callout .container {
	padding: 100px 30px;
	background-image: url("https://douglascountynvclerktreasurer.hosted.civiclive.com/UserFiles/Servers/Server_18102038/Templates/img/callout-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative
}

@media screen and (max-width: 1000px) {
	#callout .container {
		padding: 40px 10px
	}
}

#callout .container:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	z-index: 1
}

#callout .container .ptl_portlet_vertical {
	position: relative;
	z-index: 10
}

.hidden-field {
	border-top: 2px solid #000
}

footer .container {
	padding: 0
}

footer .credit {
	padding: 10px;
	background: #1C384B;
	color: #fff;
	text-align: center;
	font-size: 14px
}

footer .credit a {
	color: #fff;
	text-decoration: underline
}

footer .credit a:hover,
footer .credit a:focus {
	text-decoration: none
}

.footer {
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	width: 100%
}

.footer .left-sec {
	width: 400px;
	padding: 20px;
	background: #446888;
	position: relative;
	padding-top: 90px;
	text-align: center
}

@media screen and (max-width: 1000px) {
	.footer .left-sec {
		width: 100%;
		padding: 20px
	}
}

.footer .left-sec .logo {
	position: absolute;
	left: 50%;
	top: -75px;
	transform: translateX(-50%);
	width: 150px;
	height: 150px;
	margin: 0 auto;
	z-index: 1000
}

@media screen and (max-width: 1000px) {
	.footer .left-sec .logo {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width: 700px) {
	.footer .left-sec .logo {
		width: 80px;
		height: 80px
	}
}

.footer .left-sec .logo a {
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 150px;
	position: relative
}

@media screen and (max-width: 1000px) {
	.footer .left-sec .logo a {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width: 700px) {
	.footer .left-sec .logo a {
		width: 80px;
		height: 80px
	}
}

.footer .left-sec .logo a:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.4)
}

@media screen and (max-width: 1000px) {
	.footer .left-sec .logo a:after {
		width: 100px;
		height: 100px
	}
}

@media screen and (max-width: 700px) {
	.footer .left-sec .logo a:after {
		width: 80px;
		height: 80px
	}
}

.footer .left-sec .logo a img {
	width: 135px;
	background: #fff;
	padding: 15px;
	border-radius: 50%;
	position: relative;
	z-index: 10;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1)
}

@media screen and (max-width: 1000px) {
	.footer .left-sec .logo a img {
		width: 85px;
		padding: 5px
	}
}

@media screen and (max-width: 700px) {
	.footer .left-sec .logo a img {
		width: 65px
	}
}

.footer .left-sec .city-name {
	font-size: 30px;
	line-height: normal;
	font-weight: 500;
	font-family: "Playfair Display", sans-serif;
	max-width: 250px;
	margin: 0 auto 30px;
	padding-bottom: 15px;
	position: relative
}

.footer .left-sec .city-name:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 4px;
	background: #5581A7
}

.footer .left-sec .title {
	font-size: 24px;
	line-height: normal;
	font-weight: 400;
	font-family: "Playfair Display", sans-serif;
	padding: 10px 0 20px
}

.footer .left-sec .summary {
	font-size: 14px;
	line-height: normal;
	font-weight: 600;
	padding-bottom: 20px
}

.footer .right-sec {
	width: calc(100% - 400px);
	padding: 20px;
	background: #244259
}

@media screen and (max-width: 1000px) {
	.footer .right-sec {
		width: 100%
	}
}

.footer .right-sec .top-sec {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.footer .right-sec .bottom-sec {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.footer .right-sec .social-links {
	padding: 10px 0
}

@media screen and (max-width: 700px) {
	.footer .right-sec .social-links {
		display: flex;
		justify-content: center
	}
}

.footer .right-sec .social-links a {
	max-width: 150px;
	display: block;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	background: #fff
}

.footer .right-sec .social-links a img {
	width: 100%
}

.footer .right-sec .social-links a:hover,
.footer .right-sec .social-links a:focus {
	box-shadow: 0 0 0 3px #f2d763
}

.footer .right-sec .f-col {
	width: 33.33%;
	padding: 10px
}

@media screen and (max-width: 700px) {
	.footer .right-sec .f-col {
		width: 100%;
		text-align: center
	}
}

.footer .right-sec .f-col .f-title {
	font-size: 16px;
	line-height: normal;
	font-weight: 500;
	padding-bottom: 10px
}

.footer .right-sec .f-col .f-address {
	font-size: 16px;
	line-height: normal;
	font-weight: 300;
	max-width: 180px
}

@media screen and (max-width: 700px) {
	.footer .right-sec .f-col .f-address {
		margin: 0 auto
	}
}

.footer .right-sec .f-col .f-phone {
	font-size: 16px;
	line-height: normal;
	font-weight: 300
}

.footer .right-sec .f-col>a {
	color: #fff;
	font-size: 16px;
	line-height: normal;
	font-weight: 300
}

#subpage .sub-bg {
	height: 22vw;
	max-height: 330px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("https://douglascountynvclerktreasurer.hosted.civiclive.com/UserFiles/Servers/Server_18102038/Templates/img/sub-bg.jpg");
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

#subpage .sub-bg:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(36, 66, 89, 0.8);
	z-index: 1
}

@media screen and (max-width: 1100px) {
	#subpage .sub-bg {
		height: 45vw
	}
}

#subpage .sub-bg .sub-bg-content {
	position: relative;
	z-index: 10;
	padding: 10px;
	text-align: center;
	padding-top: 90px
}

@media screen and (max-width: 1100px) {
	#subpage .sub-bg .sub-bg-content {
		padding-top: 40px
	}
}

#subpage .sub-bg .breadcrumbs {
	padding: 10px 0;
	color: #fff;
	font-size: 15px
}

#subpage .sub-bg .breadcrumbs a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline
}

#subpage .sub-bg .breadcrumbs a:hover,
#subpage .sub-bg .breadcrumbs a:focus {
	text-decoration: none;
	color: #f2d763
}

#subpage .sub-bg .breadcrumbs a[href="/"],
#subpage .sub-bg .breadcrumbs a[href="/cms/One.aspx?portalId=18102122"] {
	font-size: 0;
	text-decoration: none
}

#subpage .sub-bg .breadcrumbs a[href="/"]:after,
#subpage .sub-bg .breadcrumbs a[href="/cms/One.aspx?portalId=18102122"]:after {
	content: '\f015';
	font-size: 20px;
	font-family: "Fontawesome"
}

#subpage .sub-bg .breadcrumbs .separator {
	padding: 0 5px;
	color: #f2d763
}

#subpage .sub-bg .breadcrumbs span {
	font-weight: 400
}

#subpage .sub-bg .pageTitle {
	display: block;
	margin: 0;
	padding-bottom: 10px;
	font-size: 45px;
	line-height: normal;
	font-weight: 500;
	padding-bottom: 15px;
	margin-bottom: 30px;
	position: relative;
	color: #fff
}

@media screen and (max-width: 1000px) {
	#subpage .sub-bg .pageTitle {
		font-size: 30px;
		margin-bottom: 10px
	}
}

@media screen and (max-width: 800px) {
	#subpage .sub-bg .pageTitle {
		font-size: 20px;
		margin-bottom: 5px;
		padding-bottom: 5px
	}
}

#subpage .sub-bg .pageTitle:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 4px;
	background: #5581A7
}

#subpage .main-container {
	width: 100%;
	padding: 20px 20px 60px;
	max-width: 1400px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap
}

@media screen and (max-width: 1000px) {
	#subpage .main-container {
		padding: 20px
	}
}

#subpage .main-container .sidebar {
	max-width: 360px;
	min-width: 360px;
	padding: 0;
	margin-top: -60px;
	position: relative;
	z-index: 20
}

@media screen and (max-width: 1200px) {
	#subpage .main-container .sidebar {
		max-width: 280px;
		min-width: 280px
	}
}

@media screen and (max-width: 1000px) {
	#subpage .main-container .sidebar {
		max-width: 100%;
		min-width: 100%;
		padding: 0;
		margin: 0
	}
}

#subpage .main-container .sidebar .mobile-side-nav {
	display: none;
	background: #334e66;
	display: none;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	display: none;
	transition: all 200ms ease-in-out;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	color: #fff
}

#subpage .main-container .sidebar .mobile-side-nav .fa,
#subpage .main-container .sidebar .mobile-side-nav span {
	padding: 0 15px
}

#subpage .main-container .sidebar .mobile-side-nav span {
	font-weight: 600
}

#subpage .main-container .sidebar .mobile-side-nav.clicked,
#subpage .main-container .sidebar .mobile-side-nav:hover,
#subpage .main-container .sidebar .mobile-side-nav:focus {
	background: #282828
}

@media screen and (max-width: 1000px) {
	#subpage .main-container .sidebar .mobile-side-nav {
		display: -ms-flexbox;
		display: flex
	}
}

#subpage .main-container .sidebar .ptl_col_1 {
	box-sizing: border-box;
	padding: 0;
	overflow: visible
}

#subpage .main-container .sidebar .ptl_col_1 .ptl_portlet_vertical {
	overflow: visible
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav {
	padding: 20px;
	background: #446888;
	box-shadow: 0px 3px 9px rgba(68, 104, 136, 0.4)
}

@media screen and (max-width: 1000px) {
	#subpage .main-container .sidebar .ptl_col_1 #inside-nav {
		display: none;
		padding: 10px
	}
}

@media screen and (min-width: 1000px) {
	#subpage .main-container .sidebar .ptl_col_1 #inside-nav {
		display: block !important
	}
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a {
	color: #fff;
	display: block;
	padding: 7px;
	padding-left: 10px;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
	position: relative;
	font-size: 18px;
	font-weight: 400;
	font-family: "Playfair Display", sans-serif
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a span {
	position: relative;
	z-index: 10
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a:hover,
#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a:focus {
	text-decoration: none;
	background: #fff;
	color: #244259
}

@media screen and (max-width: 1000px) {
	#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp:first-child {
		margin-top: 10px
	}
}

@media screen and (max-width: 1000px) {
	#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp:last-child {
		margin-bottom: 10px
	}
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl1 {
	padding-left: 20px
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl2 {
	padding-left: 30px
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl3 {
	padding-left: 40px
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .currentpage a {
	background: #f2d763;
	color: #244259
}

#subpage .main-container .sidebar .ptl_col_1 .skip-last-nav {
	display: none
}

#subpage .main-container .main-content {
	width: calc(100% - 360px);
	padding-left: 30px
}

@media screen and (max-width: 1200px) {
	#subpage .main-container .main-content {
		width: calc(100% - 280px)
	}
}

@media screen and (max-width: 900px) {
	#subpage .main-container .main-content {
		width: 100%;
		padding: 0
	}
}

#subpage .main-container .main-content h1,
#subpage .main-container .main-content h2,
#subpage .main-container .main-content h3,
#subpage .main-container .main-content h4,
#subpage .main-container .main-content h5,
#subpage .main-container .main-content h6 {
	font-family: "Playfair Display", sans-serif;
	font-weight: 500;
	margin: 0 0 8px 0
}

#subpage .main-container .main-content h1 {
	font-size: 32px;
	line-height: 38px
}

#subpage .main-container .main-content h2 {
	font-size: 28px;
	line-height: 34px
}

#subpage .main-container .main-content h3 {
	font-size: 22px;
	line-height: 26px
}

#subpage .main-container .main-content h4 {
	font-size: 20px;
	line-height: 24px
}

#subpage .main-container .main-content h5 {
	font-size: 16px;
	line-height: 20px
}

#subpage .main-container .main-content h6 {
	font-size: 14px;
	line-height: 18px
}

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

	#subpage .main-container .main-content .ptl_col_1_2,
	#subpage .main-container .main-content .ptl_col_1_3,
	#subpage .main-container .main-content .ptl_col_1_4,
	#subpage .main-container .main-content .ptl_col_3_4,
	#subpage .main-container .main-content .ptl_col_2_3 {
		width: 100%
	}
}

@media print {

	.CMS_adminBar,
	#skip,
	header,
	footer,
	.sub-bg,
	#subpage .main-container .sidebar,
	#subpage .breadcrumbs {
		display: none !important
	}

	#subpage .main-container .main-content {
		width: 100%
	}
}

#news-summary .content a.read-more {
	background: #446888;
	font-size: 16px;
	transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1)
}

#news-summary .content a.read-more:hover,
#news-summary .content a.read-more:focus {
	background: #446888
}


footer #loginPanel {
	text-align: center;
	background: #162b3a;
}

footer #loginPanel a {
	color: #fff;
	font-size: 14px;
	padding: 5px;
	text-decoration: none;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

footer #loginPanel a:hover,
footer #loginPanel a:focus {
	text-decoration: underline;
}

#subpage .ptl_upcomingevents .ptl_upcomingevents_footer a.more_events {
	color: #fff;
	background: #446888;
}


#subpage .ptl_upcomingevents .ptl_upcomingevents_footer {
	padding-top: 10px;
}

#subpage .ptl_upcomingevents .ptl_upcomingevents_footer a.more_events:hover,
#subpage .ptl_upcomingevents .ptl_upcomingevents_footer a.more_events:focus {
	text-decoration: none;
	background: #282828;
}

#subpage .ptl_upcomingevents .ptl_upcomingevents_header {
	padding-bottom: 10px;
}

footer #loginPanel {
	display: block !important;
}

.hero-banner .video {
	height: 35vw;
	max-height: 500px;
}

.hero-banner .video iframe {
	height: 35vw;
	max-height: 500px;
}

.portletEditMode #page,
.checkoutAndEditMode #page {
	padding-bottom: 100px;
}

#subpage .PO-quickLinks .QL-defaultTemplate li a {
	background: #446888;
	color: #fff;
}

#subpage .PO-quickLinks .QL-defaultTemplate li a:hover,
#subpage .PO-quickLinks .QL-defaultTemplate li a:focus {
	background: #13324e;
}

#subpage .PO-quickLinks .QL-defaultTemplate li a:hover .QL-text,
#subpage .PO-quickLinks .QL-defaultTemplate li a:focus .QL-text {
	text-decoration: none;
}

.hero-banner .image.mobile-image {
	display: none;
}

.hero-banner .image {
	display: block;
}

@media screen and (max-width: 800px) {
	.hero-banner .image.mobile-image {
		display: block;
	}
}

@media screen and (max-width: 800px) {
	.hero-banner .content.mobile-view {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		width: auto;
		height: auto;
		text-align: center;
		padding: 20px;
		color: #000;
		background: #dcebf8;
	}

	.hero-banner .image .content .see-more {
		display: none;
	}

	.hero-banner .content .heading-1 {
		display: block;
	}

	.hero-banner .content.mobile-view .heading-1 {
		display: none;
	}

	.hero-banner .content.mobile-view .summary {
		display: block;
	}
}

@media screen and (max-width: 800px) {
	.hero-banner .content .heading-1 {
		font-size: 28px;
		max-width: 260px;
	}
}


.hero-banner .image {
	height: 30vw;
	max-height: 460px;
}

#subpage .main-content .ptl_page .ptl_col_1_3 {
	background: #F2F2F2;
	padding-left: 20px;
	padding-right: 20px;
}

.userway_buttons_wrapper {
	margin-top: 100px;
}

body .uwy.userway_p1 .userway_buttons_wrapper {
	margin-top: 70px;
}

/* Prevent menu overlap */
header .container .mainNav #menubar .inside-padding .megamenu nav{
flex-wrap:wrap;
}

/* Reduce menu size on smaller screens */
@media screen and (max-width:1400px){
header .container .mainNav #menubar .inside-padding .megamenu nav .nav-menu .level0>a{
font-size:14px;
padding:30px 10px 20px;
}
}

/* Hide social icons earlier */
@media screen and (max-width:1200px){
.header-right .header-social{
display:none;
}
}

/* Adjust nav spacing below logo */
@media screen and (max-width:1300px){
header .container .mainNav{
margin-top:40px;
}
}

/* Smaller logo on mobile */
@media screen and (max-width:700px){
header .container .logo a img{
width:55px;
}
}