/*
Theme Name: Calhoun Law, PLC
Version: 100.0
Template: universal_mm
*/

/* Universal Begins */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

i strong, em strong {font-style: italic;}
b em {font-weight: bold;}

header,nav,article,footer,section,aside,figure,figcaption{display:block}

a {outline: none;}

#nav-below {margin: 10px 0; overflow: hidden;}
.nav-previous, .nav-next {float: left; display: inline; width: 50%;}
.nav-next {float: right;text-align: right;}
.nav-previous a, .nav-next a {text-decoration: none;}

div.entry-meta {font-size: 90%;}
.post_entry_mult {
	border-bottom: 1px solid #999;
	overflow: hidden;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
	.post_entry_mult_left {float: left; display: inline; width: 150px;}
	.post_entry_mult_right {padding-left: 160px;}
	div.post_entry_mult h2 {padding-bottom: 0; margin-bottom: 0;}
	.excerpt_meta {font-size: 80%; margin: 0 0 10px;}
	.postThumbSingle {display: block; margin: 0 0 10px;}
@media screen and (min-width: 450px) {
	.postThumbSingle {float: left; margin: 5px 10px 0 0;}
}
.tag-links {display: block;}
.google-map {height: 350px;margin: 0 0 25px; border: 1px solid #333;}
/* Universal Ends */

blockquote {padding: 0 0 0 30px; font-style: italic;}
strong {font-weight: bold;}
i, em {font-style: italic;}
i strong, em strong, strong i, strong em {font-weight: bold;}

/* General */
html {-webkit-text-size-adjust: 100%; background: #333;}
body {
	font-family: "Red Hat Display", sans-serif;
	font-size: 16px;
	line-height: 1.67;
	color: #000;
	background: #fff;
}
a {color: #0084D1;}
a, a:link, a:active, a:visited {text-decoration: none; outline: none;}
.animate__animated {
	opacity: 0;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.officiallyAnimated, .ie9 .animate__animated, #persistentHeader .animate__animated, #persistentHeader.animate__animated {opacity: 1;}
article hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	width: 80%;
	margin: 0 auto 20px;
}
.sxn-wrap { max-width: 1600px; margin: 0 auto; }
.sxn-head {
	color: #6FB4EB;
	font: bold 25px/1.2 "Red Hat Display", sans-serif;
	margin: 0 auto;
	padding: 0 0 32px;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}
.sxn-head em { color: #00336F; font-size: 34px; font-style: italic; font-weight: 700; line-height: 1.2; text-transform: none; }
.sidebar .sxn-head { font-size: 18px; font-weight: 700; padding: 0 0 20px; text-align: center; }
.sidebar .sxn-head em { font-size: 22px; }
.sxn-button {
	background: #00336F;
	box-sizing: border-box;
	color: #FFF; cursor: pointer; display: block; font-family: "Red Hat Display", sans-serif; font-size: 18px; font-weight: 700; height: auto; line-height: 1.2; margin: 0 auto; max-width: 262px; overflow: hidden; padding: 15px 20px; position: relative; text-align: left; text-transform: uppercase; transition: .5s; width: 100%;

	align-items: center; display: flex; justify-content: flex-start;
}
.sxn-button::before {
  border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
  content: ""; height: 18px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 18px;
}
	.sxn-button:hover {
		background: #9FD0F7;
		color: #00336F;
		text-decoration: none !important;
	}
	.sxn-button:hover::before {
		border-top: 3px solid #0A3D78;
		border-right: 3px solid #0A3D78;
	}
@media screen and (min-width: 1120px) {
	.sxn-head { font-size: 34px; }
	.sxn-head em { font-size: 44px; }
	.sidebar .sxn-head { font-size: 22px; }
	.sidebar .sxn-head em { font-size: 26px; }
	.sxn-button { font-size: 20px; justify-content: center; max-width: 312px; padding: 19px 35px 20px 0; text-align: center; }
	.sxn-button::before { right: 22px; }
}
@media screen and (min-width: 1640px) {
	body { font-size: 18px; }
	.sxn-head { font-size: 40px; }
	.sxn-head em { font-size: 54px; }
	.sidebar .sxn-head { font-size: 26px; }
	.sidebar .sxn-head em { font-size: 32px; }
	.sxn-button { font-size: 24px; max-width: 412px; }
}


/* Header zone */
.home #wrapper { overflow: hidden; }
#persistentHeader {
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	-ms-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	background: #003370;
}
body.fsMenuOn #persistentHeader {
	-webkit-transform: none; /* Safari and Chrome */
			 -moz-transform: none; /* Firefox */
				-ms-transform: none; /* IE 9 */
				 -o-transform: none; /* Opera */
						transform: none;
}
#mhWrapper { padding: 0 20px; }
#mainHeader {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  row-gap: 14px;
  transition: 300ms;
}
	#logo-main {
		box-sizing: border-box;
		display: block;
		margin: 0 auto;
		max-width: 282px; /*modme*/
	  transition: 300ms;
		width: 100%;
	}
	#logo-main img { box-sizing: border-box; display: block; height: auto; width: 100%; }
	
	.mhWrap { text-align: center; }
	.mhCall {
		box-sizing: border-box; line-height: 1.2;
		align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; justify-content: center;
	}
		.mhCall span { color: #9FD0F7; font-size: 18px; font-style: italic; font-weight: 400; }
	.mhList {
		box-sizing: border-box; line-height: 1.2; padding: 0 0 0 34px;
		align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; position: relative;
	}
		.mhList::before {
			background-image: url(img/icons/icon-phone-v2.webp);
			background-position: left top;
			background-repeat: no-repeat;
			background-size: cover;
			content: ''; height: 56px; left: 0; margin: 2px 0 0; position: absolute; top: 50%; transform: translateY(-50%) scale(0.7); width: 33px;
		}
		.mhList a {
			color: #FFF;
			font-weight: 400;
			padding: 0;
			position: relative;
		}
		.mhList a:hover { text-decoration: underline; }
		.mhPhone { font-size: 24px; }
		.mhFax { font-size: 18px; }
@media screen and (min-width: 800px) {
	#persistentHeader { background: none; }
	#mainHeader { justify-content: space-between; }
	.mhWrap {
	  align-items: center;
	  column-gap: 42px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	  margin: 10px 0 0;
	  width: 100%;
	}
	.mhCall { gap: 0 16px; }

	body.sticky_zone .mhCall span { font-size: 16px; }
	body.sticky_zone .mhPhone { font-size: 22px; }
	body.sticky_zone .mhFax { font-size: 16px; }
}
@media screen and (min-width: 1120px) {
	#mainHeader { flex-direction: row; margin: 0 auto; max-width: 1600px; }
	#logo-main { margin: 0; max-width: 382px; }
	.mhWrap { align-items: flex-end; justify-content: space-between; margin: 0; width: auto; }
	
	.mhCall span { font-size: 20px; }
	.mhList { padding: 0 0 0 43px; }
	.mhList::before { transform: translateY(-50%) scale(1); }
	.mhPhone { font-size: 28px; }
	.mhFax { font-size: 20px; }

	body.sticky_zone #mainHeader { padding: 15px 0; }
	body.sticky_zone #logo-main { max-width: 332px; }
	body.sticky_zone .mhCall span { font-size: 18px; }
	body.sticky_zone .mhPhone { font-size: 26px; }
	body.sticky_zone .mhFax { font-size: 18px; }
}
@media screen and (min-width: 1440px) {
	.mhWrap { align-items: center; flex-direction: row; }
}
@media screen and (min-width: 1640px) {
	#mainHeader { padding: 27px 0 0; }
	#logo-main { max-width: 482px; }
	.mhCall span { font-size: 24px; }
	.mhPhone { font-size: 34px; }
	.mhFax { font-size: 23px; }

	body.sticky_zone #mainHeader { padding: 20px 0 0; }
	body.sticky_zone #logo-main { max-width: 432px; }
	body.sticky_zone .mhCall span { font-size: 22px; }
	body.sticky_zone .mhPhone { font-size: 32px; }
	body.sticky_zone .mhFax { font-size: 21px; }
}


/* Enable these next two lines to modify dropdown colors
html body nav.mm ul li:nth-child(2) ul {display: block; transform: scaleY(1); opacity: 1}
html body nav.mm ul li:nth-child(2) ul li:nth-child(2) > a {background-color: #5B9FC4;}
*/
nav.mm {
	text-align: center;
	background: transparent;
	position: relative;
	z-index: 100;
	padding: 10px 0;
	transition: 300ms;
}
nav.mm > ul > li > a {
	padding: 7px 15px 9px;
	font-size: 14px;
	color: #FFF;
	font-family: "Red Hat Display", sans-serif;
	font-weight: 700;
	line-height: 1;
}
nav.mm > ul > li > a:hover {transition: background 300ms linear;}
nav.mm > ul > li > ul {top: 100%;}
nav.mm > ul > li:hover > a {background: #9FD0F7; color: #00336F;}
nav.mm ul ul {background: #FFF; width: 200px; }
nav.mm ul ul li:hover > a { background: #9FD0F7; color: #00336F;}
nav.mm ul ul li {border-top: 1px solid #00336F;}
nav.mm ul ul a {
	color: black;
	padding: 7px 10px 9px;
	font-size: 14px;
	text-transform: none;
	line-height: 1.3;
	font-weight: normal;
}
nav.mm ul {padding: 0; margin: 0; font-size: 0;}
nav.mm li {position: relative;}
nav.mm ul a {display: block; text-decoration: none;}
nav.mm > ul > li {display: inline-block;}
nav.mm ul ul {
	display: block;
	position: absolute;
	text-align: left;
	left: 0;
	top: -1px;
	transform-origin: top;
	-moz-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0;
	transition: 300ms;
}
nav.mm ul li:hover > ul {
	-moz-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
}
nav.mm ul ul ul {left: 100%;}
nav.mm ul ul li:first-child {border: 0;}

body.admin-bar #mmiWrapper {position: static;}
body.admin-bar.mob_menu #wrapper {padding: 0;}
body.mob_menu #wrapper {padding: 34px 0 0;}
body.mob_menu #wpadminbar {position: absolute;}
body.fsMenuOn #wpadminbar, body.fsMenuOn #contact-tab {display: none;}
#mmiWrapper, #mblSearchCont, nav.mm_mob {display: none;}
.mob_menu #mmiWrapper,
.fsMenuOn #mblSearchCont,
.fsMenuOn #closeMenu,
.fsMenuOn nav.mm_mob {display: block;}
.fsMenuOn #mmiWrapper {z-index: 1;}
#mmiWrapper, #closeMenu {background: #0084D1;} /*modme*/
#mmiWrapper {box-shadow: 0 1px 10px rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
#mobMenuItems {
	height: 34px;
	text-align: center;
	font-size: 0;
	padding: 0;
	margin: 0 auto;
	text-transform: uppercase;
	position: relative;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
	.mmi {
		height: 100%;
		display: inline-block;
		vertical-align: top;
		list-style-type: none;
		list-style-position: outside;
	}
	.mmi > a {
		font-size: 14px;
		box-sizing: border-box;
		color: #fff;
		display: block;
		height: 100%;
		line-height: 34px;
		background-image: url(img/icons/menu-2019.png);
		background-repeat: no-repeat;
		text-indent: -222px;
		overflow: hidden;
		text-align: left;
	}
	#mm1 {width: 47px;}
	#mm2 {width: 47px;}
	#mm3 {width: 56px;}
	#mm4 {width: 42px;}
	#mm5 {width: 47px;}
	#mm6 {width: 46px;}
	.mmi a:hover {text-decoration: none;}
	.mmi {border-right: 1px solid #004268;} /*modme*/
	#mm1 {border-left: 1px solid #004268;} /*modme*/
	#mm1 > a {background-position: 15px 0;}
	#mm2 > a {background-position: 15px -34px;}
	#mm3 > a {background-position: 15px -68px;}
	#mm4 > a {background-position: 15px -102px;}
	#mm5 > a {background-position: 15px -136px;}
	#mm6 > a {background-position: 15px -170px;}
	/* Dropdown support */
	.mmi > ul {
		z-index: 1;
		width: 297px;
		left: -1px;
		display: none;
		position: absolute;
	}
	.mmi:hover ul {display: block;}
	.mmi ul li {
		border-top: 1px solid #333; /*modme*/
	}
	.mmi ul li:first-child {border: 0;}
	.mmi ul a {
		background: #666; /*modme*/
		color: #fff; /*modme*/
		display: block;
		padding: 10px 10px;
		font-size: 16px;
	}
	.mmi ul a:hover {
		background: #999; /*modme*/
	}
	@media screen and (min-width: 385px) {
		#mm6 {width: 110px;}
		#mm6 > a {
			padding: 0 0 0 47px;
			text-indent: 0;
		}
		.mmi > ul {width: 350px;}
	}
nav.mm_mob {
	position: absolute;
	padding: 54px 0 20px;
	left: 0;
	top: 0;
	width: 100%;
	background: #FFF; /*modme*/
	z-index: 9999;
}
	nav.mm_mob ul {padding: 0;}
	nav.mm_mob > ul {padding: 0;}
		nav.mm_mob ul li {
			list-style-type: none;
			list-style-position: outside;
			display: block;
		}
		nav.mm_mob ul a {
			display: block;
		    padding: 5px 20px 4px 0;
		    color: #000;
		    font: 15px/1 arial, sans-serif;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		}
		nav.mm_mob a:hover {
			color: #00336F;
			background: #9FD0F7; /*modme*/
			text-decoration: none;
		}
			nav.mm_mob ul a {padding-left: 20px;}
			nav.mm_mob ul ul a {padding-left: 40px;}
			nav.mm_mob ul ul ul a {padding-left: 60px;}
			nav.mm_mob ul ul li a {text-transform: none;}
#closeMenu {
	display: none;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	font-family: arial, sans-serif;
	color: #fff;
	z-index: 999999999;
	top: 0;
	right: 0;
	width: 100%;
	text-transform: uppercase;
	position: fixed;
	text-align: center;
	box-sizing: border-box;
	padding: 0;
}
#closeMenu:hover {text-decoration: none; opacity: 0.8;}
body.fsMenuOn #menuWall {
	position: fixed;
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	z-index: 999;
	content: "";
	width: 100%;
	height: 200%;
	left: 0;
	top: 0;
}
#mblSearch {
	max-width: 350px;
	padding: 0 20px 20px;
	overflow: hidden;
}
#mblsInput, #mblsSubmit {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	float: left;
	display: inline;
	box-sizing: border-box;
}
#mblsInput {
	box-sizing: border-box;
    padding: 0 16px;
    width: 70%;
    height: 32px;
    font: 14px/normal arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 4px 0 0 4px;
    border: 1px solid #4c4c4c;
    /* outline: 0; */
}
#mblsSubmit {
	cursor: pointer;
    width: 30%;
    height: 32px;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    background: #4c4c4c;
    border: 0;
    border-radius: 0 4px 4px 0;
    transition: all 250ms ease;
}
#mblsSubmit:hover {background: #000;}

@media screen and (min-width: 800px) {
	#wrapper { padding: 0; }
	#persistentHeader {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	body.admin-bar #persistentHeader {top: 32px;}
	body.admin-bar.fsMenuOn #persistentHeader {top: 0;}
	body.sticky_zone .noSticky{ display: none; }

	nav.mm ul	{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	body.sticky_zone #persistentHeader {
		background: #003370;
		box-shadow: 0 10px 30px 0 rgba(0,0,0,0.25);
	}
}
@media screen and (min-width: 1120px) {
	nav.mm > ul > li > a { font-size: 16px; }

	body.sticky_zone nav.mm > ul > li > a { font-size: 14px; }
}
@media screen and (min-width: 1640px) {
 	nav.mm > ul > li > a { font-size: 18px; }

	body.sticky_zone nav.mm > ul > li > a { font-size: 16px; }
}


/* Video Homeslide */
.hsWrap { 
	position: relative; 
	overflow: hidden;
	z-index: 2;
	max-height: 500px;
	width: 100%;
	aspect-ratio: 320/180;
}
.hsWrap::after {
	background: linear-gradient(
		180deg,
		rgba(0,51,112,0) 0%,
		rgba(0,51,112,0.8) 100%
	);
	content: '';
	position: absolute;
	width: 100%;
	height: 60%;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.marketing_video { 
	aspect-ratio: 320/180;
	background: url(img/slides/home/video_bg.webp) no-repeat center top / cover;
	display: block;
	height: 100%;
	left: 0;
	object-fit: cover;
	object-position: top center;
	position: absolute;
	top: 0;
	width: 100%;
}
.homeslides-cont-outer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	z-index: 9;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100%;
}
.homeslides-container { width: 100%; height: 100%; }


/* home slides */
#homeslides { position: relative; }
.homeslide {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
}
.slideContent {
	box-sizing: border-box;
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	top: 0;
	left: 0;
	z-index: 2;
}
.slideBox {
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 75px;
	position: relative;
	bottom: -400px;
	opacity: 0;
	transition: all 500ms ease;
	text-align: center;
	z-index: 3;
}
.slideTxtAnimate .slideBox {
	bottom: 0;
	opacity: 1;
}
.slideHead span {
	font-family: "Red Hat Display", sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	display: block;
	color: #FFF;
	display: block;
	padding: 0;
	position: relative;
	text-transform: uppercase;
}
.slideHead em {
	color: #9FD0F7;
	display: block;
	font-family: "Red Hat Display", sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
	line-height: 1;
	padding: 0;
	text-transform: uppercase;
}

/* sub slides */
.subslide {
	padding: 14.9% 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#subslide1 {background-image: url(img/slides/sub/800/1.webp);}
#subslide2 {background-image: url(img/slides/sub/800/2.webp);}
#subslide3 {background-image: url(img/slides/sub/800/3.webp);}
#subslide4 {background-image: url(img/slides/sub/800/4.webp);}
#subslide5 {background-image: url(img/slides/sub/800/5.webp);}
#subslide6 {background-image: url(img/slides/sub/800/6.webp);}
#subslide7 {background-image: url(img/slides/sub/800/7.webp);}
#subslide8 {background-image: url(img/slides/sub/800/8.webp);}
#subslide9 {background-image: url(img/slides/sub/800/9.webp);}
#subslide10 {background-image: url(img/slides/sub/800/10.webp);}
#subslide11 {background-image: url(img/slides/sub/800/11.webp);}
#subslide12 {background-image: url(img/slides/sub/800/12.webp);}
#subslide13 {background-image: url(img/slides/sub/800/13.webp);}
#subslide14 {background-image: url(img/slides/sub/800/14.webp);}
#subslide15 {background-image: url(img/slides/sub/800/15.webp);}
#subslide16 {background-image: url(img/slides/sub/800/16.webp);}
#subslide17 {background-image: url(img/slides/sub/800/17.webp);}
#subslide18 {background-image: url(img/slides/sub/800/18.webp);}
#subslide19 {background-image: url(img/slides/sub/800/19.webp);}
#subslide20 {background-image: url(img/slides/sub/800/20.webp);}
#subslide21 {background-image: url(img/slides/sub/800/21.webp);}
#subslide22 {background-image: url(img/slides/sub/800/22.webp);}
@media screen and (min-width: 600px) {
	.slideContent { position: absolute; }
}
@media screen and (min-width: 800px) {
	#syncMenu {z-index: 1;}
	.hsWrap { height: 450px; max-height: initial; }
	.hsWrap::before {
		background: linear-gradient(
			180deg,
			rgba(0,51,112,1) 0%,
			rgba(0,51,112,0) 100%
		);
		content: ''; height: 246px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;
	}

	.slideContent { padding: 0 20px; }
	.slideBox { padding: 20px 0 85px; }
	.slideHead span { font-size: 40px; }
	.slideHead em { font-size: 25px; }

	.subslide { padding: 15.2% 0; position: relative; }
	.subslide::before {
		background: linear-gradient(
			0deg,
			rgba(0,51,112,0) 0%,
			rgba(0,51,112,1) 100%
		);
		content: '';
		height: 206px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2;
	}
	#subslide1 {background-image: url(img/slides/sub/1120/1.webp);}
	#subslide2 {background-image: url(img/slides/sub/1120/2.webp);}
	#subslide3 {background-image: url(img/slides/sub/1120/3.webp);}
	#subslide4 {background-image: url(img/slides/sub/1120/4.webp);}
	#subslide5 {background-image: url(img/slides/sub/1120/5.webp);}
	#subslide6 {background-image: url(img/slides/sub/1120/6.webp);}
	#subslide7 {background-image: url(img/slides/sub/1120/7.webp);}
	#subslide8 {background-image: url(img/slides/sub/1120/8.webp);}
	#subslide9 {background-image: url(img/slides/sub/1120/9.webp);}
	#subslide10 {background-image: url(img/slides/sub/1120/10.webp);}
	#subslide11 {background-image: url(img/slides/sub/1120/11.webp);}
	#subslide12 {background-image: url(img/slides/sub/1120/12.webp);}
	#subslide13 {background-image: url(img/slides/sub/1120/13.webp);}
	#subslide14 {background-image: url(img/slides/sub/1120/14.webp);}
	#subslide15 {background-image: url(img/slides/sub/1120/15.webp);}
	#subslide16 {background-image: url(img/slides/sub/1120/16.webp);}
	#subslide17 {background-image: url(img/slides/sub/1120/17.webp);}
	#subslide18 {background-image: url(img/slides/sub/1120/18.webp);}
	#subslide19 {background-image: url(img/slides/sub/1120/19.webp);}
	#subslide20 {background-image: url(img/slides/sub/1120/20.webp);}
	#subslide21 {background-image: url(img/slides/sub/1120/21.webp);}
	#subslide22 {background-image: url(img/slides/sub/1120/22.webp);}
}
@media screen and (min-width: 1120px) {
	.hsWrap { height: 600px; }
	.slideBox { max-width: 1600px; margin: 0 auto; padding: 20px 0 159px; }
	.slideHead span { font-size: 50px; }
	.slideHead em { font-size: 35px; }

	.subslide::before { height: 246px; }
	#subslide1 {background-image: url(img/slides/sub/2000/1.webp);}
	#subslide2 {background-image: url(img/slides/sub/2000/2.webp);}
	#subslide3 {background-image: url(img/slides/sub/2000/3.webp);}
	#subslide4 {background-image: url(img/slides/sub/2000/4.webp);}
	#subslide5 {background-image: url(img/slides/sub/2000/5.webp);}
	#subslide6 {background-image: url(img/slides/sub/2000/6.webp);}
	#subslide7 {background-image: url(img/slides/sub/2000/7.webp);}
	#subslide8 {background-image: url(img/slides/sub/2000/8.webp);}
	#subslide9 {background-image: url(img/slides/sub/2000/9.webp);}
	#subslide10 {background-image: url(img/slides/sub/2000/10.webp);}
	#subslide11 {background-image: url(img/slides/sub/2000/11.webp);}
	#subslide12 {background-image: url(img/slides/sub/2000/12.webp);}
	#subslide13 {background-image: url(img/slides/sub/2000/13.webp);}
	#subslide14 {background-image: url(img/slides/sub/2000/14.webp);}
	#subslide15 {background-image: url(img/slides/sub/2000/15.webp);}
	#subslide16 {background-image: url(img/slides/sub/2000/16.webp);}
	#subslide17 {background-image: url(img/slides/sub/2000/17.webp);}
	#subslide18 {background-image: url(img/slides/sub/2000/18.webp);}
	#subslide19 {background-image: url(img/slides/sub/2000/19.webp);}
	#subslide20 {background-image: url(img/slides/sub/2000/20.webp);}
	#subslide21 {background-image: url(img/slides/sub/2000/21.webp);}
	#subslide22 {background-image: url(img/slides/sub/2000/22.webp);}
}
@media screen and (min-width: 1400px) {
	.hsWrap { height: 796px; }

	.subslide { padding: 14% 0; }
}
@media screen and (min-width: 1640px) {
	.hsWrap::after { height: 433px; }

	.slideHead span { font-size: 70px; }
	.slideHead em { font-size: 45px; }
}
#sync {height: 0; width: 0;}
.syncItem {position: relative; z-index: 0;}


/* BELOW THE FOLD (BTF) BEGINS */
p {padding: 0 0 20px;}
li {list-style-type: none; list-style-position: outside;}
.topo {display: block; overflow: hidden;}
.topo img {display: block; width: 100%;}

#crumbs { font-size: 14px; margin: 0 0 20px; }
#contentArea { margin: 0 auto; overflow: hidden; }
.home #contentArea { overflow: visible; }
#mainContent { color: #000; }
	.article ul, .article ol {padding: 0 0 20px 30px;}
	.article li ul, .article li ol {padding: 0 0 0 30px;}
	.article li {list-style-position: outside;}
	.article ul li {list-style-type: disc;}
	.article ol > li {list-style-type: decimal;}
	.article ol > li > ol > li {list-style-type: lower-alpha;}
	.article ol > li > ol > li > ol > li {list-style-type: lower-roman;}
	.article ul ul {padding-bottom: 0;}
	.article a:hover {text-decoration: underline;}
	.article ul, .article ol {overflow: hidden;}
	.article h1,
	.article h2,
	.article h3,
	.article h4,
	.article h5,
	.article h6 {
		line-height: 1.2;
		font-weight: bold;
		font-family: "Red Hat Display", sans-serif;
		color: #00336F;
		padding: 10px 0 20px 0;
	}
	.article h1 {
		font-size: 26px;
		padding: 0 0 20px;
	}
	.article h2 {
		font-size: 22px;
	}
	.article h3 {
		font-size: 20px;
	}
	.article h4 {
		font-size: 18px;
	}
	.article h5 {
		font-size: 18px;
	}
	.headshot {
		width: 40%;
		max-width: 220px;
		height: auto;
		float: left;
		margin: 0 15px 5px 0;
	}
	.article .alignright, .article .aligncenter, .article .alignleft{
		display: block;
		margin: 10px auto;
		max-width: 100%;
		height: auto;
	}
	.mcImgScale{
		/*Do not add any additional css to this class.*/
		max-width: 100%;
		height: auto;
	}
	.mcTable {margin: 0 0 20px;}
	.mcTable td {vertical-align: top; display: block;}
	.mcTable ul {padding: 0 0 0 30px;}
@media screen and (min-width: 1120px) {
	.article h1 { font-size: 35px; }
	.article h2 { font-size: 26px; }
	.article h3 { font-size: 22px; }
}
@media screen and (min-width: 1640px) {
	.article h1 { font-size: 45px; }
	.article h2 { font-size: 32px; }
	.article h3 { font-size: 26px; }
}


/* Sidebar zone */
#sidebar {
	display: flex;
	flex-direction: column;
	gap: 40px 0;
	margin: 30px auto 0;
	max-width: 400px;
}


/* Content Area */
.sxn-content { padding: 30px 20px; position: relative; z-index: 1; }
.home .sxn-content {
	background-image: url(img/content/bg-home.webp);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 200% auto;
	overflow: hidden; z-index: 3;
}
.home .article h1 { font-size: 35px; line-height: 1.1; padding: 0 0 22px; text-transform: uppercase; }
.home .article h2 { font-size: 28px; line-height: 1.1; }
	.home .article h2 br { display: none; }

.home .mcSide { margin: 0 auto; max-width: 500px; overflow: hidden; padding: 0 0 30px; width: 100%; }
.home .mcsImg {
	display: block; height: auto; margin: 0 auto; max-width: 100%;
	width: calc(100% + 120px);
}
@media screen and (min-width: 800px) {
	#syncContent {z-index: 1;}
	.sxn-content { padding: 40px; }
	.home .sxn-content { background-size: 150% auto; }
	#mainContent { float: left; padding: 0; width: calc(100% - 40px - 300px); }
	.home #mainContent,
	.fwEntry #mainContent { float: none; margin: 0 auto; width: 100%; }
	.article .alignright { float: right; margin: 0 0 5px 15px; }
	.article .aligncenter { display: block; margin: 0 auto; }
	.article .alignleft { float: left; margin: 0 15px 5px 0; }
	#sidebar { float: right; margin: 0 auto; width: 300px; }
}
@media screen and (min-width: 900px) {
	.mcTable td {display: table-cell; padding: 0 0 0 40px;}
	.mcTable td:first-child {padding: 0;}
}
@media screen and (min-width: 1120px) {
	.sxn-content { padding: 60px; }
	.home .sxn-content {
		background-position: center bottom;
		background-size: 100% auto;
	}
	.home .article h1 { font-size: 45px; }
	.home .article h2 { font-size: 32px; }
}
@media screen and (min-width: 1400px) {
	.home .sxn-content { padding: 14px 60px 80px; }
	#mainContent { width: calc(100% - 100px - 400px); }
	#sidebar { gap: 60px 0; width: 400px; }

	.mcHome { align-items: flex-start; display: flex; flex-direction: row; gap: 0 59px; justify-content: space-between; position: relative; }
	.home .mcSide { max-width: 100%; overflow: visible; width: 712px; }
		.home .mcsImg { left: 0; margin: 0 0 0 -150px; position: absolute; top: 0; width: 712px; }
	.home .mcContent { margin: 0; padding: 100px 0 0 0; position: relative; width: calc(100% - 430px); z-index: 9; }
}
@media screen and (min-width: 1640px) {
	.sxn-content { padding: 107px 60px 111px; }
	.home .sxn-content { padding: 14px 60px 143px; }
	.home .article h1 { font-size: 53px; }
	.home .article h2 { font-size: 38px; }
		.home .article h2 br { display: block; }
}
@media screen and (min-width: 1700px) {
	.mcHome { gap: 0; }
	.home .mcsImg { margin: 0 0 0 -218px; }
	.home .mcContent { padding: 124px 0 0 0; width: calc(100% - 254px); }
}


/* View more toggle */
.mcViewToggle {
	background: #00336F;
	box-sizing: border-box;
	color: #FFF; cursor: pointer; display: block; font-family: "Red Hat Display", sans-serif; font-size: 18px; font-weight: 700; height: auto; line-height: 1.2; margin: 24px auto 0; max-width: 266px; overflow: hidden; padding: 15px 20px; position: relative; text-align: left; text-transform: uppercase; transition: .5s; width: 100%;

	align-items: center; display: flex; justify-content: flex-start;
}
.mcViewToggle::before {
  border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
  content: ""; height: 18px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 18px;
}
	.mcViewToggle:hover {
		background: #9FD0F7;
		color: #00336F;
		text-decoration: none !important;
	}
	.mcViewToggle:hover::before {
		border-top: 3px solid #0A3D78;
		border-right: 3px solid #0A3D78;
	}
.mcMore { display: none; transition: 5s; }
.mcMore.active { display: block; }
@media screen and (min-width: 1120px) {
	.mcViewToggle { font-size: 20px; justify-content: center; max-width: 312px; padding: 20px 35px 19px 0; text-align: center; }
	.mcViewToggle::before { right: 22px; }
}
@media screen and (min-width: 1640px) {
	.mcViewToggle { font-size: 24px; margin: 34px auto 0 105px; max-width: 412px; }
}


/* Case zone */
.sxn-case { margin: -44px auto 0; padding: 0 20px; position: relative; z-index: 9; }
.sxn-case .sxn-wrap { max-width: 1039px; }
.hpCase { box-sizing: border-box; margin: 0; padding: 30px 0 0; position: relative; width: 100%; z-index: 2; }
	.hpCase::before, .hpCase::after {
		border-radius: 50%;
		content: ''; left: 50%; position: absolute; transform: translateX(-50%);
	}
	.hpCase::before {
		background: #FFF;
		height: 255px; top: 0; width: 1122px; z-index: -1;
	}
	.hpCase::after {
		background: #000;
		bottom: 0; height: 163px; filter: blur(20px); opacity: 0.2; width: 647px; z-index: -2;
	}
.hpCase-inner { padding: 0; }
.case-container { margin: 0 auto; }
.caseBox {
	box-sizing: border-box;
	margin: 0 auto; overflow: hidden; padding: 0; position: relative; width: 262px;
	align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center;
}

.caseTitle {
	align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;
	box-sizing: border-box;
	font-weight: 700;
	line-height: 1.2;
	padding: 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 2;
}
.caseTitle small { color: #6FB4EB; font-size: 30px; }
.caseTitle span { color: #000; font-size: 60px; }
.caseTitle em { color: #6FB4EB; font-style: normal; }
.caseBody {
	box-sizing: border-box;
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding: 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	z-index: 3;
}
.caseBody span { color: #6FB4EB; display: block; font-size: 12px; font-weight: 700; }

.hpNavCase {
	align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;
	position: relative;
	text-align: center;
	margin: 50px 0 0;
}
.hpPrevNextCase {
	width: 61px;
	height: 61px;
	display: inline-block;
	cursor: pointer;
	z-index: 1;
	margin: 0;
	transform: translateY(-50%);
	transition: .5s;
}
.hpPrevNextCase:hover { border-color: #fff; }
.hpPrevNextCase.hpNextCase { transform: rotateY(180deg) translateY(-50%); }
.hpPrevNextCase::before {
	position: absolute;
	content: '';
	z-index: 2;
	width: 61px;
	height: 61px;
	background: url(img/icons/icon-arrCase.webp) no-repeat left top;
	background-size: cover;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.hpPrevNextCase:hover:before { background-position: left bottom; }
@media screen and (min-width: 400px) {
	.hpCase::after { bottom: 30px; }
	.caseBox { height: 184px; width: 362px; }
	.case-slide.swiper-slide-active .caseBox::before,
	.case-slide.swiper-slide-active .caseBox::after {
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		content: ''; height: 184px; position: absolute; top: 50%; transform: translateY(-50%); width: 123px;
	}
	.case-slide.swiper-slide-active .caseBox::before {
		background-image: url(img/case/bd-left.webp);
		left: 0; z-index: -1;
	}
	.case-slide.swiper-slide-active .caseBox::after {
		background-image: url(img/case/bd-right.webp);
		right: 0; z-index: -2;
	}
}
@media screen and (min-width: 600px) {
	.hpCase { padding: 30px 0; }
	.hpCase::before { height: 245px; }
	.hpCase::after { bottom: -53px; }
	.hpCase-inner { padding: 0 100px; }
	.hpNavCase { position: static; margin: 0; }
	.hpPrevNextCase {
		position: absolute;
		top: 50%;
		left: 20px;
	}
	.hpPrevNextCase.hpNextCase { left: auto; right: 20px; }
}
@media screen and (min-width: 1120px) {
	.sxn-case { margin: -118px auto 0; }
	.hpCase { padding: 26px 0; }
	.hpCase::before { height: 235px; }
	.hpCase::after { bottom: -45px; height: 263px; }
	.hpCase-inner { position: relative; }
		.hpCase-inner::before,
		.hpCase-inner::after {
			background-position: left center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			content: ''; height: 184px; position: absolute; top: 50%; transform: translateY(-50%); width: 123px; z-index: -1;
		}
		.hpCase-inner::before {
			background-image: url(img/case/bd-left.webp);
			left: 337px;
		}
		.hpCase-inner::after {
			background-image: url(img/case/bd-right.webp);
			right: 337px;
		}
	.caseBox { width: auto; }
	.case-slide.swiper-slide-active .caseBox::before,
	.case-slide.swiper-slide-active .caseBox::after { content: none; }
	.case-slide.swiper-slide-active .caseTitle small { font-size: 40px; }
	.case-slide.swiper-slide-active .caseTitle span { font-size: 72px; }
	.case-slide.swiper-slide-active .caseBody { font-size: 20px; }
	.case-slide.swiper-slide-active .caseBody span { font-size: 16px; }
}
@media screen and (min-width: 1640px) {
	.hpPrevNextCase { left: 0; }
	.hpPrevNextCase.hpNextCase { right: 0; }
}


/* Areas zone */
.sxn-areas {
	background: #00336F;
	padding: 0 20px;
}
.sxn-areas .sxn-wrap { color: #FFF; padding: 40px 0; position: relative; z-index: 1; }
.sxn-areas .sxn-head { padding: 0 0 20px; }
.sxn-areas .sxn-head em { color: #FFF; }

.areaListBlock {
	box-sizing: border-box;
	padding: 0 0 30px; position: relative; text-align: center; z-index: 2;
}
.areaList { display: inline-block; text-align: left; width: auto; }
.areaList li { padding: 0 0 5px; }
.areaList li:last-child { padding: 0; }
.areaList a {
	box-sizing: border-box;
	color: #FFF; display: block; font-size: 18px; font-weight: 700; line-height: 1.2; padding: 6px 50px 5px 20px; position: relative;
}
	.areaList a:hover,
	.areaList .active a { color: #00336F; }
	.areaList a:hover::before,
	.areaList .active a::before {
		background: #9FD0F7;
		content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;
	}
	.areaList a:hover::after,
	.areaList .active a::after {
		border-top: 3px solid #00336F;
		border-right: 3px solid #00336F;
		content: ''; display: block; height: 14px; position: absolute; right: 19px; top: 50%; transform: translateY(-50%) rotate(45deg); transition: .5s; width: 14px;
	}

.areaImageBlock { flex: 1; }
.areaBlockInner { box-sizing: border-box; position: relative; }
.areaImg {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	display: none; height: 219px; opacity: 0; margin: 0 auto; max-width: 280px; position: relative; transition: 0.3s ease; visibility: hidden; width: 100%; z-index: 1;
}
.areaImg.active { display: block; opacity: 1; visibility: visible; }
.areaImg1 { background-image: url(img/areas/1-car-accidents.webp); }
.areaImg2 { background-image: url(img/areas/2-truck-accidents.webp); }
.areaImg3 { background-image: url(img/areas/3-bicycle-and-pedestrian-accidents.webp); }
.areaImg4 { background-image: url(img/areas/4-dui-accidents.webp); }
.areaImg5 { background-image: url(img/areas/5-motorcycle-accidents.webp); }
.areaImg6 { background-image: url(img/areas/6-premises-liability.webp); }
.areaImg7 { background-image: url(img/areas/7-medical-malpractice.webp); }
.areaImg8 { background-image: url(img/areas/8-dog-bites.webp); }
.areaImg::before,
.areaImg::after {
	background: #9FD0F7;
	content: ''; height: 5px; left: 10px; position: absolute; top: 10px; width: calc(100% - 10px);
}
.areaImg::after { bottom: 10px; top: auto; transform: rotateX(180deg); }
.areaBox {
	box-sizing: border-box;
	color: #FFF; display: none; opacity: 0; padding: 30px 0 0; transition: 0.3s ease; visibility: hidden; width: 100%;
}
.areaBox.active { display: block; opacity: 1; visibility: visible; }
.areaTitle { display: block; font-size: 30px; font-weight: 700; line-height: 1; margin: 0 0 15px; padding: 0 0 20px; position: relative; }
	.areaTitle::before {
		background: #9FD0F7;
		bottom: 0; content: ''; height: 3px; left: 0; position: absolute; width: calc(100% + 2000px);
	}
.areaBody { padding: 0; }
@media screen and (min-width: 400px) {
	.areaImg { height: 251px; max-width: 320px; }
}
@media screen and (min-width: 540px) {
	.areaImg { height: 392px; max-width: 500px; }
}
@media screen and (min-width: 800px) {
	.sxn-areas { padding: 0 0 0 20px; }
	.areaInner { padding: 0 20px 20px 0; }

	.hpAreas { align-items: stretch; display: flex; }
	.areaListBlock { margin: 0 -30px 0 0; padding: 40px 0; text-align: left; width: 326px; }
	.areaList { display: block; }
	.areaBlockInner {
		align-items: flex-end; display: flex; justify-content: flex-start;
		height: 100%; padding: 0; position: relative; width: 100%; z-index: 1;
	}
	.areaBlockInner::before,
	.areaBlockInner::after {
		background: #9FD0F7;
		content: ''; height: 7px; left: 14px; position: absolute; top: 14px; width: 100%;
	}
	.areaBlockInner::after { bottom: 14px; top: auto; transform: rotateX(180deg); }
	.areaImg { height: 100%; left: 0; margin: 0; max-width: 100%; position: absolute; top: 0; width: 100%; z-index: -1; }
	.areaImg::before {
		background: rgba(0, 51, 111, 0.5);
		content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1;
	}
	.areaImg::after { content: none; }
	.areaBox { max-width: 550px; padding: 20px 20px 43px 50px; }
}
@media screen and (min-width: 1120px) {
	.sxn-areas .sxn-wrap { padding: 60px 0; }
	.areaListBlock { margin: 0 -49px 0 0; padding: 80px 0; width: 426px; }
	.areaList a { font-size: 22px; }
	.areaList a:hover::after,
	.areaList .active a::after { height: 18px; width: 18px; }
	.areaBox { max-width: 562px; padding: 20px 20px 43px 80px; }
	.areaTitle { font-size: 34px; }
}
@media screen and (min-width: 1200px) {
	.areaListBlock { width: 466px; }
}
@media screen and (min-width: 1400px) {
	.sxn-areas {
		background: transparent;
		margin: 0 0 -44px; position: relative; top: -44px; z-index: 3;
	}
	.sxn-areas::before {
		background: #00336F;
		content: ''; height: 560px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: calc(100% + 2000px); z-index: 1;
	}
	.sxn-areas .sxn-wrap { align-items: flex-start; display: flex; gap: 42px; justify-content: space-between; padding: 0; }
	.sxn-areas .sxn-head em { display: block; padding: 0 0 0 28px; }

	.areaInner { padding: 100px 0 0; width: 339px; }
	.hpAreas { width: calc(100% - 381px); }
	.areaListBlock { margin: 0 -69px 0 0; padding: 159px 0; }
	.areaList { width: 466px; }
	.areaBlockInner { padding: 0; width: 832px; }
	.areaBox { bottom: 0; left: 0; padding: 20px 20px 43px 100px; position: absolute; }
	.areaImg::before { content: none; }
}
@media screen and (min-width: 1640px) {
	.sxn-areas { margin: 0 0 -48px; top: -48px; }
	.sxn-areas::before { height: 599px; }

	.areaInner { padding: 147px 0 0; }

	.areaListBlock { margin: 0 -89px 0 0; padding: 140px 0; width: 626px; }
	.areaList { width: 626px; }
	.areaList a { font-size: 30px; }
	.areaBlockInner { width: 882px; }
	.areaBox { max-width: 720px; padding: 20px 20px 43px 129px; }
	.areaTitle { font-size: 40px; }
}
@media screen and (min-width: 2100px) {
	.areaListBlock { margin: 0; }
}


/* Areas sidebar */
.sbAreas {
	background: #00336F;
	box-sizing: border-box;
	margin: 0 auto; max-width: 400px; padding: 0; position: relative; width: 100%; z-index: 1;
}
.sbAreas .sxn-head { align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; line-height: 1; padding: 0 0 23px; }
.sbAreas .sxn-head span { padding: 0 26px 0 0; }
.sbAreas .sxn-head em { color: #FFF; font-size: 30px; padding: 0 0 0 26px; }
.sbAreasWrap {
	box-sizing: border-box;
	display: block; padding: 29px 0 32px;
}
.sbAreaList {
	border-color: #9FD0F7;
	border-style: solid;
	border-width: 7px 0 7px 0;
	box-sizing: border-box; display: block; padding: 7px 0 !important;
}
.sbAreaItem { box-sizing: border-box; display: block; margin: 1px 0; }
	.sbAreaItem a { color: #FFF; display: block; font-size: 18px; font-weight: 700; line-height: 1.2; padding: 8px 0 8px 20px; position: relative; text-decoration: none; z-index: 3; }
	.sbAreaItem a:hover::before {
		border-top: 3px solid #00336F;
		border-right: 3px solid #00336F;
		content: ''; display: block; height: 14px; left: -25px; position: absolute; top: 50%; transform: translateY(-50%) rotate(45deg); transition: .5s; width: 14px;
	}
	.sbAreaItem a:hover::after {
		background-color: #9FD0F7;
		content: ''; height: 100%; left: -30px; position: absolute; top: 0; width: calc(100% + 30px); z-index: -2;
	}
	.sbAreaItem a:hover { color: #00336F; }
@media screen and (min-width: 1120px) {
	.sbAreas .sxn-head em { font-size: 34px; }
	.sbAreaItem a { font-size: 20px; }
	.sbAreaItem a:hover::before { height: 18px; left: -25px; width: 18px; }
}
@media screen and (min-width: 1640px) {
	.sbAreas .sxn-head em { font-size: 40px; }
	.sbAreaItem { margin: 5px 0; }
	.sbAreaItem a { font-size: 24px; padding: 8px 0 8px 28px; }
}


/* Testimonials zone */
.sxn-tests {
	background-image: url(img/testimonials/bg.webp);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 150% auto;
	display: block; padding: 40px 20px 86px; position: relative; z-index: 1;
}
.sxn-tests .sxn-head { padding: 0 0 44px; text-align: center; }
.testsWrap { box-sizing: border-box; display: block; }

.hpTestimonials {
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}
.hpTests-box {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 451px;
	overflow: hidden;
	padding: 35px 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}
.hpTests-box::before {
	background-image: url(img/testimonials/icon-5star.webp);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	content: ''; height: 36px; left: 50%; margin: 0; position: absolute; top: 0; transform: translateX(-50%); width: 192px;
}
.hpTests-body { color: #00336F; display: block; font-size: 24px; font-weight: 700; line-height: 1.4; padding: 13px 0 23px; }
.hpTests-more {
	color: #6FB4EB;
	font-size: 18px;
	font-weight: 700;
	display: block;
	padding: 12px 0 0;
}
.hpTests-more:hover { text-decoration: underline; }
.hpTests-author {
	color: #000;
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 auto;
	padding: 0 0 10px;
	position: relative;
}
.testNav {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 30px auto 0;
	gap: 20px 10px;
}
.testNav .prevNextSlide {
	display: block;
	position: relative;
	z-index: 1;
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	transition: .5s;
	box-sizing: border-box;
	cursor: pointer;
}
.testNav .prevNextSlide::before {
	position: absolute;
	content: '';
	width: 50px;
	height: 50px;
	top: 0;
	left: 0;
	background-image: url(img/icons/icon-arr.webp);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 200%;
}
.testNav .prevNextSlide.nextTest { transform: rotateY(190deg); left: auto; right: 0; }
.testNav .prevNextSlide:hover::before { background-position: left bottom; }
@media screen and (min-width: 800px) {
	.sxn-tests { background-size: 125% auto; }
	.sxn-tests .sxn-head { text-align: left; }
	.hpTestimonials { padding: 0 70px; }
	.hpTests-box { text-align: left; }
	.hpTests-box::before { left: 0; transform: none; }

	.testNav { position: static; width: auto; margin: 0; display: block; }
	.testNav .prevNextSlide { position: absolute; top: calc(50% - 14px); }
}
@media screen and (min-width: 1000px) {
	.hpTests-slide::before { background: #0084D1; content: ""; height: 100%; left: -37px; position: absolute; top: 28px; width: 4px; }
	.hpTests-wrapper .swiper-slide-active.hpTests-slide::before { background: none; }

	.hpTests-box { padding: 35px 0 54px; }
}
@media screen and (min-width: 1120px) {
	.sxn-tests {
		background-position: center bottom;
		background-size: 100% auto;
		padding: 60px 20px 136px;
	}

	.hpTestimonials { padding: 0 90px; }
	.hpTests-body { font-size: 28px; }
	.hpTests-more { font-size: 20px; }
	.hpTests-author { font-size: 22px; }
}
@media screen and (min-width: 1640px) {
	.sxn-tests { padding: 93px 20px 136px; }
	.sxn-tests .sxn-head { padding: 0 0 89px; }
	.hpTestimonials { padding: 0 158px; }
	.hpTests-slide::before { left: -72px; top: 43px; }
	.hpTests-box { max-width: 551px; padding: 66px 0 108px; }
	.hpTests-box::before { height: 53px; width: 282px; }
	.hpTests-body { font-size: 34px; }
	.hpTests-more { font-size: 24px; }
	.hpTests-author { font-size: 26px; }

	.testNav .prevNextSlide,
	.testNav .prevNextSlide::before { height: 99px; width: 99px; }
}


/* Team zone */
.sxn-team {
	background-color: #00336F;
	background-image: url(img/team/bg.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 150% auto;
	padding: 40px 20px; position: relative; z-index: 1;
}
.sxn-team .sxn-head { color: #FFF; padding: 0 0 27px; }
.sxn-team .sxn-head em { color: #6FB4EB; display: block; font-size: 18px; font-style: normal; padding: 2px 0 0; text-transform: uppercase; }
.sxn-team .sxn-button {
	background: #0084D1;
}
	.sxn-team .sxn-button:hover {
		background: #9FD0F7;
	}

.teamInner {
	box-sizing: border-box;
	color: #FFF;
	align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; gap: 30px; justify-content: center; position: relative; z-index: 2;
}
.teamSide { margin: 0 auto; max-width: 400px; position: relative; width: 100%; }
	.teamImg {
		box-sizing: border-box;
		margin: 0 auto; max-width: 100%; position: relative;
	}
	.teamScale { display: block; height: auto; margin: 0 auto; max-width: 100%; }
.teamBody { padding: 0 0 36px; }

.teamInner1 { padding: 0 0 60px; }
@media screen and (min-width: 800px) {
	.sxn-team { background-size: 125% auto; }
}
@media screen and (min-width: 1120px) {
	.sxn-team {
		background-size: 100% auto;
		padding: 0 20px;
	}
	.sxn-team .sxn-button { margin: 0; }

	.teamInner { align-items: center; gap: 0 40px; justify-content: space-between; position: relative; }
	.teamSide {
		box-sizing: content-box;
		display: flex; margin: 0; position: absolute; width: 400px; z-index: 1;
	}
	.teamInner1 .teamSide { justify-content: flex-start; }
	.teamInner2 .teamSide { justify-content: flex-end; }
		.teamImg { margin: 0; }
		.teamScale { display: block; width: 100%; height: auto; }
	.teamCont { width: 100%; z-index: 2; }

	.teamInner1 { flex-direction: row; padding: 0 0 90px; }
	.teamInner1 .teamSide { left: -108px; top: -83px; }
	.teamInner1 .teamCont { padding: 40px 0 0 352px; }
	.teamInner2 { flex-direction: row-reverse; }
	.teamInner2 .teamSide { bottom: -94px; right: -108px; }
	.teamInner2 .teamCont { padding: 0 352px 40px 0; }
}
@media screen and (min-width: 1640px) {
	.sxn-team .sxn-head em { font-size: 20px; }

	.teamSide { max-width: 706px; width: 706px; }

	.teamInner1 { padding: 0 0 212px; }
	.teamInner1 .teamSide { left: -208px; top: -183px; }
	.teamInner1 .teamCont { padding: 59px 0 0 583px; }
	.teamInner2 .teamSide { bottom: -194px; right: -208px; }
	.teamInner2 .teamCont { padding: 0 583px 85px 0; }
}


/* Badges zone */
.sxn-badges { padding: 46px 20px 31px; position: relative; z-index: 1; }
.sxn-badges .sxn-wrap { max-width: 1600px; margin: 0 auto; overflow: hidden; }
.sxn-badges .badges-wrapper.swiper-wrapper { align-items: center; }
.sxn-badges .badge-slide.swiper-slide { text-align: center; width: auto; }
.badgeImg { display: block; height: auto; margin: 0 auto; width: 100%; }
@media screen and (min-width: 1120px) {
	.sxn-badges { padding: 126px 20px 21px; }
}
@media screen and (min-width: 1400px) {
	.sxn-badges { padding: 76px 20px 11px; }
	.sxn-badges .badges-container { transform: scale(1); }
	.badgeImg { width: 100%; }
}


/* Contact zone */
.sxn-contact {
	background-image: url(img/contact/bg.webp);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 145px 20px 66px; position: relative; z-index: 1;
}
.sxn-contact::before {
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	bottom: 0;
	content: ''; height: 66px; left: 0; opacity: 0.6; position: absolute; width: 100%; z-index: 2;
}
.sxn-contact .sxn-head { padding: 0 0 35px; text-align: center; }
.sxn-contact .sxn-head em { color: #FFF; }

.contactWrap {
	box-sizing: border-box;
	display: block; margin: 0 auto; max-width: 100%; padding: 11px 0; position: relative; z-index: 2;
}
	.contactWrap::before {
		background: rgb(0 0 0 / 70%);
		content: ''; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: calc(100% + 2000px); z-index: -1;
	}
.contactBd {
	box-sizing: border-box;
	display: block; margin: 0 auto; max-width: 100%; padding: 40px 0 45px; position: relative; z-index: 3;
}
	.contactBd::before, .contactBd::after {
		background: #9FD0F7;
		content: ''; height: 7px; left: 50%; position: absolute; transform: translateX(-50%); width: calc(100% + 2000px);
	}
	.contactBd::before { top: 0; z-index: -1; }
	.contactBd::after { bottom: 0; z-index: -2; }
@media screen and (min-width: 800px) {
	.sxn-contact { padding: 245px 20px 66px; }
}
@media screen and (min-width: 1120px) {
	.sxn-contact { padding: 345px 20px 66px; }
	.contactBd { padding: 45px 0 62px; }
}
@media screen and (min-width: 1640px) {
	.sxn-contact { padding: 445px 20px 66px; }
	.sxn-contact .sxn-head { padding: 0 0 48px; }
}


/* Contact form */
.formBlockTop {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0 0 20px;
}
.formBlockTop .formBlock { box-sizing: border-box; width: 100%; }
.formBlock { box-sizing: border-box; position: relative; z-index: 1; overflow: hidden; padding: 0; }

.formInput {
	background: #FFF;
	border: none;
	box-sizing: border-box;
	position: relative;
}
.formInput input, .formInput textarea {
	background: transparent;
	border: 0;	
	box-sizing: border-box;
	display: block;
	height: 36px;
	outline: none;
	padding: 0;
	resize: none;
	width: 100%;
	font-family: "Red Hat Display", sans-serif;
	font-size: 16px;
	color: #000;
}
.formInput textarea { height: 55px; padding: 8px 0 0; }
.cfItem { position: relative; padding: 8px 10px; }
.formBlockBtm { margin: 0 0 20px; }
.formTextBlock { display: block; width: 100%; }
.formReqSubmit {
	align-items: center;
	margin: 27px 0 0;
	display: flex;
	flex-direction: column;
	gap: 20px 21px;
}
.formSubmitBox {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.formRecaptcha { vertical-align: middle; height: 60px; margin: 0; }
.formSubmit {
	background: #0084D1;
	border: none;
	color: #FFF;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	max-width: 255px;
	position: relative;
	font: 18px/1 "Red Hat Display", sans-serif;
	z-index: 1;
	border-radius: 0;
	overflow: hidden;
}
.formSubmit::before {
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
	content: ""; height: 18px; position: absolute; right: 17px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 18px;
}
.formSubmit input {
	width: 100%;
	height: 100%;
	outline: 0;
	background-color: transparent;
	border: 0;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
	color: #FFF;
	padding: 5px 10px 5px 36px;
	text-align: left;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.formInput input::placeholder, .formInput textarea::placeholder { color: #000; }
.formSubmit:hover::before {
	border-top: 3px solid #00336F;
	border-right: 3px solid #00336F;
}
.formSubmit:hover input { background: #9FD0F7; color: #00336F; }

.formReqBox {
	box-sizing: border-box;
	color: #FFF;
	flex: 1;
	max-width: 100%;
	width: 100%;
}
.formReqBox span { display: block; font-size: 16px; line-height: 1.2; margin: 0; position: relative; font-weight: 700; padding: 0 0 8px; position: relative; }
.formReqBox p {
	flex: 1;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	padding: 0;
}
@media screen and (min-width: 570px) {
	.formBlockTop { justify-content: space-between; }
	.formBlockBtm { margin: 0 0 20px; }
	.formInput input, .formInput textarea { height: 62px; padding: 0 20px 0 14px; }
	.formInput textarea { height: 91px; padding: 21px 20px; }
	.cfItem { padding: 0 0 0 62px; }
	.cfItem::before {
		background-image: url(img/icons/icon-forms.webp);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100% 400%;
		content: ''; height: 62px; left: 0; overflow: hidden; position: absolute; top: 0; width: 62px;
	}
	.cfItem.cfItemPhone::before { background-position: left top -62px; }
	.cfItem.cfItemEmail::before { background-position: left top -124px; }
	.cfItem.cfItemMessage::before { background-position: left top -186px; }

	.formSubmitBox { flex-direction: row; margin: 0 auto; width: 498px; }
	.formSubmit { max-width: 224px; }
}
@media screen and (min-width: 800px) {
	.formBlockTop .formBlock { width: calc(50% - 10px); }
	.formBlockTop .formBlock { flex: 1; }
}
@media screen and (min-width: 1120px) {
	.formBlockTop { gap: 20px; margin: 0 0 29px; }
	.formBlockBtm { margin: 0 0 31px; }
	.formInput input, .formInput textarea { font-size: 18px; }
	.formInput textarea { padding: 19px 20px; }
	.formSubmitBox { width: 576px; }
	.formSubmit { font-size: 20px; max-width: 303px; }
	.formSubmit::before { right: 23px; }
}
@media screen and (min-width: 1400px) {
	.formTextBlock { flex: 1; }
	.formReqSubmit { flex-direction: row; margin: 27px 0 0; }
}
@media screen and (min-width: 1640px) {
	.formInput input, .formInput textarea { font-size: 20px; }
	.formReqSubmit { align-items: flex-start; gap: 20px 42px; }
	.formReqBox { align-items: flex-start; display: flex; flex-wrap: wrap; flex-direction: row; gap: 0 44px; justify-content: flex-start; }
		.formReqBox span { padding: 0; }
		.formReqBox p { margin: -1px 0 0; }
	.formSubmitBox { gap: 24px; width: 712px; }
	.formSubmit { font-size: 24px; max-width: 433px; }
	.formSubmit input { padding: 5px 10px 5px 106px; }
}


/* Contact sidebar */
.sbContact {
	background-image: url(img/sidebar/bg-contact.webp);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	margin: 0 auto; max-width: 400px; overflow: hidden; padding: 163px 0 27px; width: 100%; z-index: 1;
}
.sbContact .sxn-head { padding: 0 0 15px; }
.sbContact .sxn-head em { color: #FFF; display: block; }
.sbContactWrap {
	background: rgb(0 0 0 / 70%);
	box-sizing: border-box;
	display: block; padding: 30px 15px 28px; position: relative;
}
.sbContactWrap::before, .sbContactWrap::after {
	background: #9FD0F7;
	content: ''; height: 7px; left: 0; position: absolute; width: calc(100% + 600px);
}
.sbContactWrap::before { top: 8px; }
.sbContactWrap::after { bottom: 7px; }
.sbcInput {
	background: #FFF;
	box-sizing: border-box;
	border: none;
	display: block;
	margin: 0 auto 14px;
	position: relative;
}
.sbcInput input,
.sbcInput textarea {
	background: transparent;
	border: 0;	
	box-sizing: border-box;
	display: block;
	height: 36px;
	outline: none;
	padding: 0;
	resize: none;
	width: 100%;
	font-family: "Red Hat Display", sans-serif;
	font-size: 16px;
	color: #000;
}
.sbcInput textarea { padding: 8px 0 0; }
.sbcItem { position: relative; padding: 8px 15px; }

.sbformSubmitBox {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: center;
	width: 100%;
	max-width: 100%;
}
.sbContactForm .gRecaptchaWrapper,
.sbContactForm .grDisclaimerBox { margin: 0 auto 14px; }
.sbformRecaptcha { vertical-align: middle; height: 60px; margin: 0 auto; max-width: 255px; }

.sbContactForm input::placeholder, .sbContactForm textarea::placeholder { color: #000; }
.sbContactForm .grSubmitWrapper {
	background: #0084D1;
	border: none;
	color: #FFF;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	max-width: 100%;
	transition: .5s;
	position: relative;
	font: 20px/1 "Red Hat Display", sans-serif;
	z-index: 1;
	overflow: hidden;
}
.sbContactForm .grSubmitWrapper::before {
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
  content: ""; height: 14px; position: absolute; right: 13px; top: 50%; transform: translateY(-50%) rotate(45deg); width: 14px;
}
.sbContactForm .grSubmitWrapper input {
	width: 100%;
	height: 100%;
	outline: 0;
	background-color: transparent;
	border: 0;
	box-sizing: border-box;
	display: block;
	cursor: pointer;
	color: #FFF;
	padding: 0 30px 0 0;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.grSubmitWrapper:hover input { background-color: #9FD0F7; color: #00336F; }
.grSubmitWrapper:hover::before {
	border-top: 3px solid #00336F;
	border-right: 3px solid #00336F;
}

.sbformReqBox {
	color: #FFF;
	margin: 13px 0;
	max-width: 100%;
	text-align: center;
	width: 100%;
}
.sbformReqBox span {
	display: block;
	font-weight: 600;
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
}
.sbContactForm .formReqTtl { color: #FFF; display: block; font-size: 16px; font-weight: 700; line-height: 1.2; padding: 2px 0 7px; text-align: center; }
.sbContactForm .formDisclaimerMsg {
	box-sizing: border-box;
	color: #FFF;
	flex: 1;
	font-size: 12px;
	line-height: 1.5;
	padding: 0 0 14px;
	text-align: center;
}
@media screen and (min-width: 600px) {
	.sbcInput input, .sbcInput textarea { height: 62px; padding: 0 10px; }
	.sbcInput textarea { height: 82px; padding: 20px 10px 0; }
	.sbcItem { padding: 0 0 0 62px; }
	.sbcItem::before {
		background-image: url(img/icons/icon-forms.webp);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: 100% 400%;
		content: ''; height: 62px; left: 0; overflow: hidden; position: absolute; top: 0; width: 62px;
	}
	.sbcItem.sbcItemPhone::before { background-position: left top -62px; }
	.sbcItem.sbcItemEmail::before { background-position: left top -124px; }
	.sbcItem.sbcItemMessage::before { background-position: left top -186px; }
}
@media screen and (min-width: 800px) {
	.sbformReqBox { display: block; flex-wrap: wrap; justify-content: space-between; max-width: 100%; }
}
@media screen and (min-width: 1120px) {
	.sbformReqBox { max-width: 100%; width: 100%; }
	.sbContactForm .grSubmitWrapper input { font-size: 20px; }
	.sbContactForm .grSubmitWrapper::before { height: 18px; width: 18px; }
}
@media screen and (min-width: 1400px) {
	.sbcInput textarea { height: 62px; }
}
@media screen and (min-width: 1500px) {
	.sbformTextBlock { flex: 1; }
}
@media screen and (min-width: 1640px) {
	.sbContact { padding: 163px 0 37px; }
	.sbcInput input, .sbcInput textarea { font-size: 18px; }
	.sbContactForm .grSubmitWrapper input { font-size: 24px; }
	.sbContactForm .formDisclaimerMsg { padding: 0 10px 14px; }
}


/* Footer zone */
#mainFooter {
	background: #00336F;
	box-sizing: border-box;
	clear: both; display: block; overflow: hidden; padding: 0; position: relative; width: 100%; z-index: 1;
}
.mfTop {
	box-sizing: border-box;
	color: #FFF; display: block; margin: 0 auto; padding: 40px 20px 30px; position: relative; z-index: 2;
}

.mfMain { display: block; margin: 0 auto; max-width: 282px; padding: 0 0 30px; }
.mfMain.mfHide { display: none; }
	.mfMainImg { display: block; height: auto; margin: 0 auto; max-width: 100%; }

.mfInfo { align-items: center; display: flex; flex-direction: column; flex-wrap: wrap; gap: 20px; justify-content: center; }

.mfPhwrap { box-sizing: border-box; display: block; }
	.mfList {
		box-sizing: border-box; line-height: 1.2; padding: 0 0 0 34px;
		align-items: flex-start; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; position: relative;
	}
	.mfList::before {
		background-image: url(img/icons/icon-phone-v2.webp);
		background-position: left top;
		background-repeat: no-repeat;
		background-size: cover;
		content: ''; height: 56px; left: 0; margin: 2px 0 0; position: absolute; top: 50%; transform: translateY(-50%) scale(0.7); width: 33px;
	}
	.mfList a { color: #FFF; font-weight: 400; padding: 0; position: relative; }
	.mfList a:hover { text-decoration: underline; }
	.mfPhone { font-size: 24px; }
	.mfFax { font-size: 18px; }

.mfContact { align-items: center; display: flex; gap: 20px 19px; justify-content: center; margin: 0; flex-wrap: wrap; }
.mfHead { font-size: 18px; font-weight: 400; line-height: 1.2; }
.mfSocial { align-items: center; display: flex; gap: 5px 10px; flex-wrap: wrap; }
	.mfSocial a {
		display: block;
		width: 47px;
		height: 47px;
		margin: 0;
		overflow: hidden; 
		transition: 300ms;
	}
	.mfSocial img { width: 47px; height: auto; }
	.mfFacebook img { margin: 0 0 0 0; }
	.mfFacebook:hover img { margin: -47px 0 0 0; }

.fNav { padding: 0; text-align: center; }
	.fNav li {
		padding: 0;
		display: inline-block;
		list-style-type: none;
		list-style-position: outside;
		text-align: center;
		line-height: 1;
		font-size: 12px;
		font-family: "Inter", sans-serif;
		font-weight: 400;
	}
	.fNav li:after { content: '|'; color: #9FD0F7; }
	.fNav li:last-child:after { display: none; }
	.fNav a { padding: 6px 10px 6px 6px; color: #FFF; }
	.fNav a:hover { color: #FFF; text-decoration: underline; }
	.fNav li:first-child a { padding-left: 0; }
	.fNav li:last-child a { padding-right: 0; }
@media screen and (min-width: 600px) {
	.mfInfo { flex-direction: row; gap: 20px 60px; }
	.mfMain { order: 1; }
	.mfPhwrap { order: 0; }
	.mfContact { order: 2; }
}
@media screen and (min-width: 1120px) {
	.mfTop { padding: 51px 20px 32px; }
	.mfInfo { margin: 0 auto; max-width: 1120px; }
	.mfMain { flex: 1 1 auto; max-width: 382px; padding: 0; width: auto; }
		.mfMain.mfShow { display: none; }
		.mfMain.mfHide { display: block; }
	.mfPhwrap { flex: 0 0 300px; }
		.mfList { padding: 0 0 0 43px; }
		.mfList::before { transform: translateY(-50%) scale(1); }
		.mfPhone { font-size: 28px; }
		.mfFax { font-size: 20px; }
	.mfContact { flex: 0 0 300px; justify-content: flex-end; }
		.mfHead { font-size: 20px; }
}
@media screen and (min-width: 1200px) {
	.mfInfo { max-width: 1200px; }
}
@media screen and (min-width: 1400px) {
	.mfInfo { max-width: 1400px; }
	.mfPhwrap { flex: 0 0 330px; }
	.mfContact { flex: 0 0 330px; }
}
@media screen and (min-width: 1640px) {
	#mainFooter { margin: 0 auto; }
	.mfInfo { max-width: 1600px; }
	.mfMain { max-width: 482px; }
	.mfHead { font-size: 24px; }
	.mfPhone { font-size: 34px; }
	.mfFax { font-size: 23px; }
}


/* Footer Addresses */
.mfInner {
	box-sizing: border-box;
	clear: both; display: block; padding: 30px 20px 40px;
}
.mfInner .sxn-wrap {
	align-items: stretch; display: flex; flex-direction: column; gap: 40px 56px; margin: 0 auto; max-width: 754px; padding: 0; width: 100%;
}
.mfItem {
	box-sizing: border-box;
	color: #FFF; display: block; padding: 0;
}
.mfImg {
	box-sizing: border-box;
	display: block; margin: 0 auto; padding: 0 0 24px;
}
	.mfImgScale {
		border-bottom: 7px solid #9FD0F7;
		box-sizing: border-box;
		display: block; height: auto; margin: 0 auto; max-width: 100%;
	}
.mfOffice {
	box-sizing: border-box;
	display: block; padding: 0 20px; text-align: center;
}
.mfTitle { display: block; font-size: 20px; font-weight: 700; line-height: 1.2; padding: 0 0 12px; text-transform: uppercase; }
.mfAddress { font-size: 18px; font-weight: 400; line-height: 1.3; padding: 0; }
@media screen and (min-width: 1120px) {
	.mfInner { padding: 30px 20px 65px; }
	.mfInner .sxn-wrap { align-items: flex-start; flex-direction: row; gap: 0 72px; max-width: 1600px; position: relative; }
	.mfInner .sxn-wrap::before {
		background: #9FD0F7;
		content: ''; height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 4px;
	}
	.mfItem { flex: 1 1 0; }
	.mfTitle { font-size: 24px; }
	.mfAddress { font-size: 20px; }
}
@media screen and (min-width: 1640px) {
	.mfInner { padding: 30px 20px 85px; }
	.mfInner .sxn-wrap { gap: 0 92px; }
	.mfTitle { font-size: 30px; }
	.mfAddress { font-size: 24px; }
}


/* RESPONSIVE */
#mmBrandingWrapper {
	background: #00336F;
	box-sizing: border-box;
	padding: 30px 20px; position: relative; text-align: center; z-index: 1;
}
#mmBrandingWrapper::before {
	background: linear-gradient(180deg, #002147 0%, #00336F 100%);
	content: ''; height: 81px; left: 0; position: absolute; top: 0; width: 100%; z-index: -1;
}
#mmBrandingMain {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px 30px;
	flex-wrap: wrap;
}
#mmBranding { display: inline-block; overflow: hidden; }
	#mmBranding,
	#mmBranding a { color: #FFF; font: normal 10px/1.3 Arial, "Helvetica Neue", Helvetica, sans-serif; text-decoration: none; }
	#mmBranding a:hover { font-weight: normal; text-decoration: underline; }
	#logo-mm { display: inline-block; }
	#mmBranding p { margin: auto; padding: 12px 0 0; max-width: 320px; /*modme*/ text-align: center; }
	#mmBranding br { display: none; }
@media screen and (min-width: 600px) {
	#mmBrandingMain { align-items: flex-start; flex-direction: row; }
	#mmBranding { display: inline-block; }
	#mmBranding, #mmBranding a { font-size: 12px; }
	#logo-mm { display: inline-block; margin: 0; /* vertical-align: bottom; */ }
	#mmBranding p { display: inline-block; margin: 0 0 0 10px; padding: 0; max-width: none; text-align: left; vertical-align: bottom; }
	#mmBranding br { display: inline; }
}
@media screen and (min-width: 1120px) {
	#mmBrandingMain { gap: 20px 33px; }
	#mmBranding p { margin: 0 0 1px 20px; }
}
@media screen and (min-width: 1640px) {
	#mmBrandingWrapper { padding: 61px 20px 64px; }
}
/* 	END FOOTER */


/* Search Page */
#univ_search_form {margin: 0 0 20px;}
#univ_search_field {
	display: inline-block;
	box-sizing: border-box;
	width: 160px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	color: #000;
	background-color: #fff;
}
#univ_search_submit {
	height: 36px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	box-sizing: border-box;
	padding: 5px 10px;
	background-color: #333;
	color: #fff;
}
#univ_search_submit:hover {
	background-color: #000;
	color: #fff;
	cursor: pointer;
}


/* Contact Form Styling */
input[type=submit] {cursor: pointer; -webkit-appearance: none;border-radius: 0;}
.nc_form {
	background-color: #f0f0f0;
	padding: 20px 10px;
	margin: 0 0 15px;
	border: 2px solid #c0c0c0;
	border-radius: 5px;
	color: #333333;
	min-width: 255px;
}
.nc_form .form-part{margin: 0 0 10px;}
.nc_form .req {color: #F71704;}
.nc_form .groupLegend{
	font-size: 18px;
	margin: 0 0 5px;
}
.nc_form label,
.nc_form input,
.nc_form textarea,
.nc_form select {display: block; width: 100%; padding: 0; box-sizing: border-box; }
	.nc_form input, .nc_form textarea {background: #fff; color: #000;}
	.nc_form input::placeholder, .nc_form textarea::placeholder {color: gray;}
	.nc_form input, .nc_form textarea, .nc_form .captcha-container {
		border: 1px solid #999;
		border-radius: 3px;
	}
	.nc_form label {margin: 0 0 5px;}
	.nc_form input, .nc_form textarea, .nc_form select {
		margin: 0 0 10px;
		padding: 10px 10px;
	}
	.nc_form textarea {height:60px;}
	.nc_form .captcha-container {padding: 0;width: 100%;}

.nc_form input.hidden {display:none;}
.nc_form input.submit-button {
	cursor:pointer;
	margin: 1em 0;
	padding: 10px 10px;
	width:auto;
	height:auto;
	background:#555;
	color:#fff;
	line-height: 1;
	-webkit-appearance: none;
	border-radius: 0;	
}
	.nc_form input.submit-button:hover {background:#777;}
.nc_form input.error {border-color:#f00;}
.nc_form label.error {color: #f00;}
.ncfDisclaimer {
	font-size: 80%;
	margin: 0 0 15px;
	padding: 10px 0 0;
}
	.ncfDisclaimer span {
		display: block;
		font-weight: bold;
		font-size: 125%;
	}
		.ncfDisclaimer span.req {display: inline; font-size: 80%;}
	.ncfDisclaimer input {
		display: inline;
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
	}
	.ncfDisclaimer label {display: inline;}
.nc_form .captcha-wrapper {}
	.nc_form .captcha-wrapper input {max-width: 200px;}
	.nc_form .captcha-container {
		background: #fff;
		border: 1px solid #333;
		margin: 0 0 4px;
		text-align: center;
		max-width: 200px;
	}
	.nc_form .captcha-image {
		cursor: pointer;
		display: block;
		width: 100%;
	}
	.nc_form .checkbox,
	.nc_form .radio{ margin: 0 auto 10px; }
	.nc_form .checkbox input,
	.nc_form .checkbox label,
	.nc_form .radio input,
	.nc_form .radio label {
		display: inline;
		width: auto;
		height: auto;
		padding: 0;
		line-height: 1;
	}
	.nc_form .checkbox label,
	.nc_form .radio label{ margin: 0 15px 0 2px; }

.nc_form .inlineSelect select{display: inline; width: auto;}
.nc_form .inlineSelectGroup{ display: inline-block; margin: 0 10px 0 0; } 
.nc_form .inlineSelectGroup select{margin: 0;} 
.nc_form .inlineSelectGroup label{ font-size: 0.85rem; }
@media screen and (min-width: 600px){
	.nc_form{ padding: 20px 15px; }
}


/* reCAPTCHA v2 invisible */
.grecaptcha-badge {visibility: hidden;}
.grDisclaimerBox {
	background-color: #4a90e2;
	overflow: hidden;
	height: 60px;
	width: 255px;
}
.nc_form .grDisclaimerBox {
    box-shadow: rgba(0,0,0,0.75) 0px 0px 5px;
	margin: 0 0 20px;
}
.grDisclaimerBoxNarrow {width: 180px;}
.grDisclaimerBoxNarrow .grdbBadge {display: none;}
.grdbBadge {
	float: left;
	width: 70px;
	height: 100%;
	background-color: #fff;
	background-image: url(img/recaptcha-logo-48.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.grdbText {
	float: left;
	color: #fff;
	width: 185px;
	box-sizing: border-box;
	font-family: Roboto, helvetica, arial, sans-serif;
	font-size: 13px;
	padding: 15px 15px 0;
	line-height: 1;
}
.grdbHead {
	display: block;
	margin: 0 0 5px;
}
.grdbLinks a {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
.grdbLinks a:hover {text-decoration: underline;}
.grdbSep {font-size: 8px;}
/* reCAPTCHA v2 invisible */

/* Contact Form - Custom */

/* Contact Form Styling Ends */	


/* Blog Page */
@media screen and (max-width: 700px) {
	.post_entry_mult_left, .post_entry_mult_right {
		float: none;
		display: block;
		width: auto;
		padding: 0;
		margin: 0;
	}
	.postThumbMult {
		display: block;
		width: 80%;
		max-width: 150px;
		margin: 0 auto 0.5em;
	}
}


/*  < animate.css >  */
:root {
	--animate-duration: 1s;
	--animate-delay: 1s;
	--animate-repeat: 1;
}
.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@media print, (prefers-reduced-motion: reduce) {
	.animate__animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
	}

	.animate__animated[class*='Out'] {
		opacity: 0;
	}
}

/*  < animations - fadeIns >  */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
.animate__fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInTopLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInTopLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, -100%, 0);
		transform: translate3d(-100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInTopLeft {
	-webkit-animation-name: fadeInTopLeft;
	animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInTopRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, -100%, 0);
		transform: translate3d(100%, -100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInTopRight {
	-webkit-animation-name: fadeInTopRight;
	animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInBottomLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 100%, 0);
		transform: translate3d(-100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInBottomLeft {
	-webkit-animation-name: fadeInBottomLeft;
	animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInBottomRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 100%, 0);
		transform: translate3d(100%, 100%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
.animate__fadeInBottomRight {
	-webkit-animation-name: fadeInBottomRight;
	animation-name: fadeInBottomRight;
}
/*  </ animations - fadeIns >  */


/* Featured Image */
.dskFiMult {
	max-width: 100%;
}
.dskFiSingle {
	display: block;
	margin: 0 auto 20px;
	max-width: 100%;
}
@media screen and (min-width: 500px) {
	.dskFiSingle.dskFiLeft {
		float: left;
		margin: 0 10px 10px 0;
	}
	.dskFiSingle.dskFiRight {
		float: right;
		margin: 0 0 10px 10px;
	}
}


/* Begins: Get More Posts - Ajax */
a#univ_load_more_posts {
	background-color: #CBA216;
	color: #fff;
	padding: 7px 20px;
	display: block;
	width: 200px;
	margin: 0 auto 0;
	text-align: center;    
}
a#univ_load_more_posts:hover {
	background-color: #DFB938;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}


/* Pagination - Single */
#pagination-single {
	margin: 10px 0;
	overflow: hidden;
}
#pagination-single a {
	text-decoration: none;
	font-weight: normal;
}
.pag-single-prev, .pag-single-next {
	box-sizing: border-box;    
}
.pag-single-prev {margin: 0 0 20px;}
@media screen and (min-width: 600px) {
	.pag-single-prev, .pag-single-next {
			width: 50%;
	}
	.pag-single-prev {
		padding: 0 30px 0 0;
	}
	.pag-single-next {
		padding: 0 0 0 30px;
	}
	.pag-single-prev {
		float: left;
	}	
	.pag-single-next {
		float: right;
	}	
}
/* Ends: Get More Posts - Ajax */


/* Blog Page */
.blog-sidebar {
	background: #00336F;
  box-sizing: border-box;
	display: block;
	overflow: hidden;
	padding: 20px;
  width: 100%;
}
.blog-sidebar .sxn-head { color: #FFF; }
.sbBox { border-top: 2px solid #FFF; display: block; padding: 14px 0 13px; }
.sbBox:last-child { padding: 14px 0 0; }
.blog-sidebar a:hover { text-decoration: underline; }
.blog-sidebar > ul {
	padding: 0 0 40px 20px;
	font-style: normal;
}
.blog-sidebar > ul li { padding: 0 0 10px; }
.blog-sidebar > ul li:last-child { padding: 0; }
.blog-sidebar > ul li a { color: #6FB4EB; position: relative; }
.blog-sidebar > ul li a:hover { color: #FFF; }
.blog-sidebar > ul li a::before { background: #6FB4EB; border-radius: 6px; content: ""; height: 6px; left: -20px; position: absolute; top: 8px; width: 6px; }
.blog-sidebar > ul li a:hover::before { background: #FFF; }
.blog-sidebar > ul > ul { padding: 0 0 0 20px; }
.blog-sidebar > ul:last-child { padding: 0 0 0 20px; }
@media screen and (max-width: 700px) {
	.post_entry_mult_left, .post_entry_mult_right {
		float: none;
		display: block;
		width: auto;
		padding: 0;
		margin: 0;
	}
	.postThumbMult {
		display: block;
		width: 80%;
		max-width: 150px;
		margin: 0 auto 0.5em;
	}
}
@media screen and (min-width: 1640px) {
	.blog-sidebar { padding: 38px 30px 40px; }
	.blog-sidebar > ul li a::before { top: 10px; }
}


/* Blog zone */
.sbBlog { background: #F7F5F3; padding: 40px 0 30px; }
.sbBlog .sxn-head { border-bottom: 1px solid #B4B4B4; margin: 0 0 11px; padding: 0 20px 34px 20px; }
.sbBlogList { display: block; padding: 0 20px; }
	.sbBlogList li { padding: 0 0 5px; }
	.sbBlogList li:last-child { padding: 0; }
	.sbBlogList li a { background: #D6AC60; border-radius: 5px; color: #f9eedc; display: block; padding: 5px 5px 6px 35px; position: relative; }
	.sbBlogList li a:before {
		border-top: 2px solid #f9eedc;
		border-left: 2px solid #f9eedc;
		content: ''; height: 10px; left: 5px; margin: -10px 0 0 0; position: absolute; top: 50%; transform: rotateZ(135deg) translateY(-50%); width: 10px;
	}
	.sbBlogList li a:hover { background: #8C1717; color: #FFF; }
	.sbBlogList li a:hover:before { border-top: 2px solid #FFF; border-left: 2px solid #FFF; }
	.sbBlogList li ul.children { padding: 5px 0 0 15px; }
.sbBlogArchives { padding: 0 20px 40px 20px; }


/*  < youtube css >  */
.youtube-embed-cont {
  position: relative;
  padding-bottom: 45%;
  height: 0;
  overflow: hidden;
}
.youtube-embed-cont iframe, .youtube-embed-cont object, .youtube-embed-cont embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.article .youtube-embed-cont {
	margin: 0 auto 30px;
	width: 80%;
}
/*  </ youtube css >  */


/*  < youtube css + modal >  */
.youtube-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 99999999;
}
.ytContent {
  position: relative;
  max-width: 640px;
  max-height: 360px;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.youtube-embed-cont {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.youtube-embed-cont iframe, .youtube-embed-cont object, .youtube-embed-cont embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.article .youtube-embed-cont {margin: 0 0 30px;}
/*  </ youtube css + modal >  */


/* Vimeo Video */
.vimeo-embed-cont {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.vimeo-embed-cont iframe, .vimeo-embed-cont object, .vimeo-embed-cont embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.vimeo-embed-cont iframe{ border: 0;}
.article .vimeo-embed-cont {margin: 0 0 30px;}


/* Vimeo Modal */
.vimeo-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	z-index: 99999999;
}
.vmContent {
	position: relative;
	max-width: 640px;
	max-height: 360px;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}


@media screen and (min-width: 800px) {
	.post_entry_mult_right { padding: 0 0 0 170px; }
}


/* Sidebar - Recent Posts */
.sbRecentPostsList li {
	padding: 0 0 10px;
}


/* Chat Buttons Fix - font too big at 320px */
/*
@media screen and (max-width: 360px) {
    body .ccl-split-bar-item {
        font-size: 20px !important;
    }
}
*/


/* Form Validation -- Begins */
form input[type=text].validationError, 
form textarea.validationError, 
form select.validationError,
form .validationError::placeholder {
    background-color: red !important;
    color: #fff !important;
}
form .validationError:-moz-placeholder,
form .validationError::-moz-placeholder {
	opacity: 1;
}
input[type=checkbox].validationError {
    position:relative
}
.cfRequiredMark {
	position: relative;
	font-size: 0;
}
input[type=radio].validationError + .cfRequiredMark:before,
input[type=checkbox].validationError  + .cfRequiredMark:before {
	display: inline-block;
	content: "";
	position: absolute;
	left: -26px;
	top: -11px;
	background-color: red;
	height: 8px;
	width: 8px;
	border-radius: 4px;
	opacity: 1;
	box-shadow: 1px 1px 3px red;
}
.validationFeedback {
    display: none;
    text-align: center;
    background-color: #f5770c;
    color: #000;
    padding: 20px 20px 0;
    margin: 20px auto;
}
.vfActive {
  display: block;
}
.vfFailedFullNamelValidationPrompt,
.vfFailedEmailValidationPrompt,
.vfFailedTelephoneValidationPrompt,
.vfFailedZipValidationPrompt {display: none;}
.vfFailedFullNamelValidation .vfFailedFullNamelValidationPrompt,
.vfFailedEmailValidation .vfFailedEmailValidationPrompt,
.vfFailedTelephoneValidation .vfFailedTelephoneValidationPrompt,
.vfFailedZipValidation .vfFailedZipValidationPrompt {display: block;}
/* Form Validation -- Ends */


/* Main Content subpage */
.mcFlex { display: flex; flex-direction: column; gap: 30px 20px; padding: 0; width: 100%; }
.mcfBlock.mcfSide { margin: 0 auto; max-width: 280px; padding: 0; text-align: center; }
.mcImgScale { display: block; height: auto; max-width: 100%; }
.mcFlex h1 em { color: #0084D1; display: block; font-family: "Red Hat Display", sans-serif; font-size: 16px; font-style: normal; font-weight: 700; padding: 0; text-transform: uppercase; }
.mcImg-social {
	box-sizing: border-box;
	display: block; margin: 0 auto; max-width: 106px; padding: 20px 0 0;
}
@media screen and (min-width: 1120px) {
	.mcFlex { flex-direction: row; gap: 20px 40px; }
	.mcfBlock { flex: 1; }
	.mcfBlock.mcfSide { flex: none; width: 37%; }
	.mcfBlock.mcfSide .mcImg { margin: 0; }
}
@media screen and (min-width: 1640px) {
	.mcfBlock.mcfSide { max-width: 380px; }
	.mcFlex { gap: 20px 50px; }
	.mcFlex h1 em { font-size: 18px; }
}


/* MC Badge */
.mcBadge { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; justify-content: center; padding: 20px 0 0; }
.mcBadge-item { max-width: 100%; width: auto; }
.mcBadge-img { display: block; height: auto; margin: 0 auto; max-width: 100%; }
@media screen and (min-width: 1120px) {
	.mcBadge { justify-content: flex-start; }
}
@media screen and (min-width: 1640px) {
	.mcBadge { gap: 30px 50px; }
}

/* Begins: Get More Posts - Ajax */
a#univ_load_more_posts {
    background-color: #0084D1;
    color: #fff;
    padding: 7px 20px;
    display: block;
    width: 200px;
    margin: 0 auto 0;
    text-align: center;    
}
a#univ_load_more_posts:hover {
    background-color: #1993DA;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

/* Sidebar - Recent Posts */
.sbRecentPostsList li {
	padding: 0 0 10px;
}

/* Pagination - Single */
#pagination-single {
	margin: 10px 0;
	overflow: hidden;
}
#pagination-single a {
	text-decoration: none;
	font-weight: normal;
}
.pag-single-prev, .pag-single-next {
    box-sizing: border-box;    
}
.pag-single-prev {margin: 0 0 20px;}
@media screen and (min-width: 600px) {
    .pag-single-prev, .pag-single-next {
        width: 50%;
    }
	.pag-single-prev {
		padding: 0 30px 0 0;
	}
	.pag-single-next {
		padding: 0 0 0 30px;
	}
	.pag-single-prev {
		float: left;
	}	
	.pag-single-next {
		float: right;
	}	
}
/* Ends: Get More Posts - Ajax */