/*
Theme Name: Mark Diaz & Associates
Version: 100.0
Template: universal
*/

/* 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: 'DM Sans', "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	background: #fff;
}
a {color: #4A8AF4;}
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;
}
#crumbs {
  font-size: 14px;
  margin: 0 0 20px;
}
.sxn-wrap {
	max-width: 1600px;
	margin: 0 auto;
}
.sxn-head {
	color: #222C62;
	font-family: 'Anton', sans-serif;
	font-size: 26px;
	text-align: center;
}
.sxn-head span {
	display: block;
	font-size: 14px;
	font-family: 'DM Sans', sans-serif;
	color: #4A8AF4;
	text-transform: uppercase;
}
@media screen and (min-width: 1120px) {
		.sxn-head { font-size: 35px; }
		.sxn-head span { font-size: 16px; }
}
@media screen and (min-width: 1640px) {
		body { font-size: 18px; }
		.sxn-head { font-size: 48px; }
		.sxn-head span { font-size: 20px; }
}
#wrapper { overflow: hidden; }
#persistentHeader {
	background-color: #000;
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	-ms-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
}
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 {
	max-width: 1600px;
	margin: 0 auto;
}
#mainHeader {
   padding: 20px;
}
	#logo-main {
		display: block;
		width: 100%;
		max-width: 180px; /*modme*/
		transition: 0.5s;
		margin: 0 auto;
	}
	#logo-main img {display: block; width: 100%; height: auto;}
    .mhRight { margin: 30px 0 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px 20px; transition: 0.5s; }
    .mhRight a { color: #fff;  }
    .mhPhone a { display: block; font-size: 20px; font-weight: 700; position: relative; padding: 0 0 0 45px; transition: 0.5s; }
    .mhPhone a:before { content: ''; position: absolute; background-image: url(img/icons/phone.webp); background-repeat: no-repeat; background-size: contain; width: 52px; height: 52px; top: 50%; left: 0; transform: translateY(-50%) scale(0.65); }
    .mhPhone a:hover { text-decoration: underline; }
    .mhTranslate a { display: block; box-sizing: border-box; border: 2px solid #fff; border-radius: 8px; font-weight: 700; text-transform: uppercase; padding: 12px 12px 12px 50px; position: relative; transition: 0.5s; }
    .mhTranslate a:before { content: ''; position: absolute; background-image: url(img/icons/google-translate.webp); background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; top: 50%; left: 8px; transform: translateY(-50%) scale(0.75); }
    .mhTranslate a:hover { color:  #232D62; background: #fff; }
/* 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;
	position: relative;
	z-index: 100;
}
nav.mm > ul > li > a {
	border-radius: 4px;
	padding: 10px 8px;
	font-size: 14px;
	color: #fff;
	font-family: 'DM Sans', "Helvetica Neue", Helvetica, sans-serif;
	text-transform: uppercase;
	line-height: 1;
}
nav.mm > ul > li > a:hover {transition: background 300ms linear;}
nav.mm > ul > li.menu-item-has-children > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } 
nav.mm > ul > li > ul { top: 100%;}
nav.mm > ul > li:hover > a {background: #4A8AF4; color: white;}
nav.mm ul ul {background: #4A8AF4; width: 180px;}
nav.mm ul ul li:hover > a {background: #222C62; color: #fff;}
nav.mm ul ul li {border-top: 1px solid #fff;}
nav.mm ul ul a {
	color: #fff;
	padding: 14px 10px;
	font-size: 14px;
/*    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; */
	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: #222C62;} /*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 #fff;} /*modme*/
	#mm1 {border-left: 1px solid #fff;} /*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: #222C62;
		    font: 15px/1 'DM Sans', sans-serif;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
		}
		nav.mm_mob a:hover {
			color: #fff;
			background: #4A8AF4; /*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; color: #ccc;}
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: 1px solid #4A8AF4;
    border-radius: 4px 0 0 4px;
    outline: 0;
}
#mblsSubmit {
	cursor: pointer;
    width: 30%;
    height: 32px;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    background: #4A8AF4;
    border: 0;
    border-radius: 0 4px 4px 0;
    transition: all 250ms ease;
}
#mblsSubmit:hover {background: #79ABFF;} /*modme*/

@media screen and (min-width: 800px) {
	#wrapper {
			padding: 0; /*modme*/
	}
	#persistentHeader{
		background: transparent; /*modme*/
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		transition: 0.4s;
	}
	#mhWrapper { position: relative; }
	#mainHeader { display: flex; justify-content: space-between; align-items: center; transition: 0.5s; }
	#logo-main, .mhRight { margin: 0; }
	body.admin-bar #persistentHeader {top: 32px;}
	body.admin-bar.fsMenuOn #persistentHeader {top: 0;}
	body.sticky_zone .noSticky{ display: none; }
	body.sticky_zone #persistentHeader { background-color: #000; }
	body.sticky_zone #mainHeader { padding: 15px 20px; }
	body.sticky_zone #logo-main { max-width: 150px; }
}
@media screen and (min-width: 1100px) {
  #mainHeader { align-items: flex-start; }
  nav.mm { position: absolute; right: 20px; top: 90px; transition: 0.5s; }
  nav.mm > ul > li > a { padding: 10px;}
}
@media screen and (min-width: 1350px) {
	#logo-main { max-width: 210px; }
	.mhPhone a { font-size: 24px; }
	nav.mm > ul > li > a { font-size: 16px; padding: 10px 15px; }
}
@media screen and (min-width: 1640px) {
	#mainHeader { padding: 20px 0; }
	#logo-main { max-width: 246px; margin: 20px 0 0; }
	.mhPhone a { font-size: 28px; transition: 0.5s; }
	.mhTranslate a { padding: 13px 14px 13px 60px; transition: 0.5s; }
	.mhTranslate a::before { left: 14px; transform: translateY(-50%) scale(1); transition: 0.5s; }
  nav.mm { right: 0;}
	nav.mm > ul > li > a { font-size: 18px; }
	nav.mm ul ul { width: 201px; }
	nav.mm ul ul a { font-size: 16px; }
	.mhPhone a { padding: 0 0 0 60px; }
	.mhPhone a::before { transform: translateY(-50%) scale(1); transition: 0.5s; }
	body.sticky_zone #mainHeader { padding: 15px 0; }
	body.sticky_zone #logo-main { max-width: 180px; margin: 0; }
	body.sticky_zone .mhPhone a { font-size: 24px; }
	body.sticky_zone .mhPhone a { padding: 0 0 0 50px; }
	body.sticky_zone .mhTranslate a { padding: 10px 12px 10px 55px; }
	body.sticky_zone .mhTranslate a::before { left: 10px; }
	body.sticky_zone .mhPhone a::before, body.sticky_zone .mhTranslate a::before { transform: translateY(-50%) scale(0.8); }
  body.sticky_zone nav.mm { top: 80px; } 
}
/* Homeslide */
.hsWrap {
	position: relative;
}
#homeslides {
	position: relative;
	height: 380px;
}
.homeslide {
	background-image: url(img/slides/home/800/1.webp); 
	background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
}
.homeslide#homeslide1 {opacity: 1;}
.slideContWrap {
	position: relative;
	width: 100%;
	height: 100%;
}
.slideContWrap::before {
  content: '';
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  left: 0;
  top: 0;
  width: 100%;
  height: 30%;
  z-index: 9;
  transition: 4s;
}

.slideContWrap::after {
  content: '';
  position: absolute;
  background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  z-index: 9;
  transition: 4s;

}
	/* show only when swiper initializes */
	.swiper-container-initialized .slideContWrap::before {
  		background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		transition: background 2s;
	}
	.swiper-container-initialized .slideContWrap::after {
		background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
		transition: background 2s;
	}
.slideContent {
	position: relative;
	max-width: 1600px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 99;
}
.slideContent:before {
	content: '';
	position: absolute;
	background-image: url(img/slides/home/atty-portrait-v2.webp);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: auto 100%;
	width: 574px;
	height: 62%;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.slideBox {
	opacity: 0;
	position: absolute;
	top: 30px;
	width: auto;
	padding: 20px;
	box-sizing: border-box;
	transition: all 500ms ease;
	z-index: 9;
}
.slideTxtAnimate .slideBox {
	opacity: 1;
}
.slideHead {
	display: inline-block;
	color: #fff;
	font-family: "Anton", sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	line-height: 1.1;
	position: relative;
	z-index: 9;
}
.slideHead span {
	display: block;
}
.slideBody {text-align: right; }
.slideBody em { 
	color: #E4D4AB;
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	line-height: 1;
	text-transform: uppercase;
}
.subslide {
	background-position: center top; 
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 200px;
	position: relative;
	box-sizing: border-box; 
	z-index: 1;
}
.subslide:before {
	content: '';
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  left: 0;
  top: 0;
  width: 100%;
  height: 85%;
  z-index: 9;
}
#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);}

@media screen and (min-width: 360px) {
	#homeslide2 .slideHead span,
	#homeslide3 .slideHead span { padding: 0 0 0 30px; }
	#homeslide1 .slideBody { margin: 0 -10px 0 0; }
	#homeslide2 .slideBody { margin: 0 -30px 0 0; }
}
@media screen and (min-width: 800px) {
	#syncMenu {z-index: 1;}
	#homeslides { height: 560px; }
	.homeslide { background-image: url(img/slides/home/1120/1.webp); }
	.slideContent:before { left: -100px; transform: unset; }
	.slideBox { right:40px; top: 40%; }
	.slideHead { font-size: 35px; padding: 0 40px 0 0; }
	#homeslide2 .slideHead span { padding: 0 0 0 60px; }
	#homeslide3 .slideHead { padding: 0; }
	.slideBody em { font-size: 22px; }
	#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);}
}
@media screen and (min-width: 1100px) {
	.slideContent::before { height: 70%; left: -70px; }
	.slideBox { top: 30%; right:auto; left: 35%;}
	}
@media screen and (min-width: 1120px) {
		.homeslide { background-image: url(img/slides/home/2000/1.webp); background-position: top center; }
		.slideHead { font-size: 45px; }
		.slideBody em { font-size: 28px; }
		.subslide { min-height: 340px; }
		#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);}
}
@media screen and (min-width: 1350px) {
	#homeslides { height: 620px; }
	.slideBox { top: 35%; }
}
@media screen and (min-width: 1640px) {
		#homeslides { height: 779px; }
		.slideContent:before { left: -40px; height: 518px; }
		.slideBox {  top: 35%; }
		.slideHead { font-size: 70px; padding: 0 50px 0 0; }
		#homeslide2 .slideHead span { padding: 0 0 0 200px; }
		#homeslide3 .slideHead span { padding: 0 0 0 150px; }
		.slideBody em { font-size: 50px; }
		#homeslide2 .slideBody { margin: 0 -150px 0 0; }
		.subslide { min-height: 524px; }
}

#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%;}

.sxn-content { padding: 20px; overflow: hidden; }
.home .sxn-content { 
	background-image: url(img/content/bg-mob.webp);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	padding: 100px 0 0; 
	position: relative;
	z-index: 1;
}
.home .sxn-content:before {
	content: '';
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  left: 0;
  top: 0;
  width: 100%;
  height: 150px;
  opacity: 0.75;
}
#contentArea {
	margin: 0 auto;
}
#mainContent {
	font-family: 'DM Sans', "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	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: normal;
		font-family: 'Anton', sans-serif;
		color: #000;
		padding: 0 0 10px 0;
	}
	.article h1 {
		color: #222C62;
		font-size: 25px;
		padding: 0 0 20px 0;
	}
	.home .article h1 { text-transform: uppercase; }
	.article h2 {
		font-size: 22px;
		padding: 0 0 10px 0;
	}
	.article h3 {
		color: #222C62;
		font-size: 20px;
	}
	.article h4 {
		font-size: 18px;
	}
	.article h5 {
		color: #222C62;
		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;}
	.mcBlock {
		background: #fff;
		padding: 20px;
		position: relative;
		z-index: 2;
	}
	.mcSide {
		max-width: 320px;
		margin: 0 auto 20px;
	}
 .mcSide img {
	 	display: block;
	 	width: 100%;
	 	height: auto;
	 }
	.sideText {
	 	background-color: #222C62;
	 	padding: 18px 10px 16px;
	 	text-align: center;
	}
	.sideText span {
		display: block;
	 	color: #fff;
	 	font-family: 'Anton', sans-serif;
	 	font-size: 24px;
	 	line-height: 1.2;
	 }
	 .sideText small {
	 	color: #4A8AF4;
	 	font-size: 14px;
	 	text-transform: uppercase;
	 }
	 a.mcViewToggle {
	  display: block;
	  color: #fff;
	  font-weight: 700;
	  box-sizing: border-box;
	  border-radius: 8px;
	  background-color: #4A8AF4;
	  padding: 15px 10px;
	  margin: 20px auto 0;
	  max-width: 250px;
	  transition: 0.5s;
	  text-align: center;
	  line-height: 1;
	  cursor: pointer;
	  text-transform: uppercase;
	}
  a.mcViewToggle:hover { background-color: #79ABFF; text-decoration: none; }
  .mcMore { display: none; transition: 5s;}
	.mcMore.active {display: block;}
	.mcMap { margin:0 0 20px; }
	.mcMap iframe { width:100%; }

@media screen and (min-width: 800px) {
	#syncContent {z-index: 1;}
	.sxn-content { padding: 40px; }
	.home .sxn-content { padding: 150px 0 0; }
	#mainContent { float: left; padding: 0; width: calc(100% - 40px - 300px);	}
	.home #mainContent,
	.fwEntry #mainContent { float: none; margin: 0 auto; width: auto; }
	.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;
	}
	.article h1 { font-size: 30px; }
  
}
@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: 1100px) {
	.home .sxn-content { padding: 170px 0 0; background-image: url(img/content/bg.webp); background-size:cover; }
	.mcBlock { padding: 40px 37% 40px 40px; background: transparent;  }
	.mcBlock:after { content: ''; position: absolute; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 25%); width: calc(100% + 1000px); height: 100%; top: 0; right: 150px; z-index: -1;}
	.mcSide { position: absolute; right: 40px; top: 70px; }
}
@media screen and (min-width: 1120px) {
	.sxn-content { padding: 60px; }
	.article h1 { font-size: 35px; }
	.home .article h1 span { display: block; }
	.article h2 { font-size: 30px; }
	.article h3 { font-size: 24px; }
}
@media screen and (min-width: 1250px) {
		.mcSide { max-width: 380px; }
}
@media screen and (min-width: 1640px) {
	.home .sxn-content:before { height: 250px; }
	#mainContent { font-size: 18px; line-height: 1.8; width: calc(100% - 100px - 400px);  }
	.mcBlock { padding: 65px 43% 65px 0; }
	.mcBlock:after { right: 300px; }
	.article h1 { font-size: 55px; padding: 0 0 30px; }
	.article h2 { font-size: 40px; padding: 0 0 20px;}
	.article h3 { font-size: 30px; padding: 0 0 15px;}
	.article h4 { font-size: 22px; }
	.article h5 { font-size: 20px; }
	.mcSide { max-width: 600px; right: 0; top: 150px; }
	.sideText span { font-size: 38px; }
	.sideText small { font-size: 20px; }
	a.mcViewToggle { max-width: 297px; padding: 17px 10px; }
}

/* Sidebar */

#sidebar { 
	display: flex;
	flex-direction: column;
	gap: 40px 0;
	margin: 0 auto;
	max-width: 400px;
	padding: 30px 0 0 0; 
}
.sbHead {
   color: #222C62;
	font-family: 'Anton', sans-serif;
	font-size: 26px;
	text-align: center;
}

@media screen and (min-width: 800px) {
	#sidebar {
		float: right;
		padding: 0;
		width: 300px;
	}
}
@media screen and (min-width: 1640px) {
	#sidebar {  gap: 50px 0; width: 400px; }
	.sbHead { font-size: 40px; }
}	

/* Sidebar Areas */
.sbAreasList li {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 15px;
  z-index: 1;
}
.sbAreasList { margin: 20px 0 0; }
.sbAreasList a {
	color: #fff;
	font-weight: 700;
	box-sizing: border-box;
	display: block;
	height: 100px;
	background-color: #000;
	border-bottom: 7px solid #4A8AF4;
	position: relative;
	overflow: hidden;
}
.sbAreasList a:before {
	content: '';
	position: absolute;
	background-image: url(img/sidebar/sbareas/1.webp);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 0.65;
	top: 0;
	left: 0;
}
.sbAreasList a:hover:before { opacity: 1; }
.sbAreasList li.sbAi2 a:before { background-image: url(img/sidebar/sbareas/2.webp); }
.sbAreasList li.sbAi3 a:before { background-image: url(img/sidebar/sbareas/3.webp); }
.sbAreasList li.sbAi4 a:before { background-image: url(img/sidebar/sbareas/4.webp); }
.sbAreasList li.sbAi5 a:before { background-image: url(img/sidebar/sbareas/5.webp); }
.sbAreasList li.sbAi6 a:before { background-image: url(img/sidebar/sbareas/6.webp); }
.sbAreasList li a::after {
  content: "";
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 53px;
}
.sbAreasList a span {
	position: absolute;
	box-sizing: border-box;
	font-size: 18px;
	width: 100%;
	left: 0;
	bottom: 5px;
	line-height: 1.2;
	text-align: center;
	transition: 0.5s;
	z-index: 2;
}
.sbAreasList a strong {
	display: inline-block;
	position: relative;
}
.sbAreasList a strong::before,
.sbAreasList a strong::after {
  position: absolute;
  content: '';
  width: calc(100% + 200px);
  height: 3px;
  top: 50%;
  transform: translateY(-50%);
  background: #4A8AF4;
}
.sbAreasList a strong::before {
  right: 100%;
  margin-right: 15px;
}
.sbAreasList a strong::after {
  left: 100%;
  margin-left: 15px;
}
@media screen and (min-width: 1640px) {
 .sbAreasList a span { font-size: 20px; }
}

/* Sidebar Testimonials */
.sbTests {
	color: #fff;
	background-color: #222C62;
	padding: 25px 20px 0;
	position: relative;
}
.sbTests .sbHead { color: #fff; }
.sbtests-cont-outer {
  margin: 20px auto 0;
}
.sbtest-inner {
	text-align: center;
}
.sbtestTitle { 
	font-size: 20px;
	font-weight: 700;
	padding: 60px 0 10px;
	line-height: 1.3;
	text-transform: uppercase;
  position: relative; 
}
.sbtestTitle:before {
	content: '';
	position: absolute;
	background-image: url(img/sidebar/sbtest/rating-star.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 218px;
	height: 39px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.sbtestMore {
	color: #4A8AF4;
	font-weight: 700;
	text-transform: uppercase;
}
.sbtestAuthor {
	color: #E4D4AB;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.sbtestMore:hover { text-decoration: underline; }
.sbtestBtn {
	max-width: 300px;
	margin: 20px auto 0;
	text-align: center;
}
.sbtestBtn a {
	display: block;
	color: #fff;
	font-weight: 700;
	box-sizing: border-box;
	background: #4A8AF4;
	border-radius: 8px;
	width: 100%;
	padding: 14px 15px 12px 15px;
	text-transform: uppercase;
	transition: 0.5s;
}
.sbtestBtn a:hover {
	background-color: #79ABFF;
}
.sbtest-buttons {
  text-align:center;
  margin: 30px auto 0;
  position: relative;
}
.sbtest-button {
	border-radius: 8px;
	padding: 10px 13px;
  margin: 0 10px;
  background-color: #4A8AF4;
  display:inline-block;
  transition: 0.5s;
  cursor:pointer;
}
.sbtest-button:hover { background: #79ABFF; }
.sbtest-button span {
	background-image: url(img/sidebar/sbtest/slider-arrow.webp);
  background-repeat: no-repeat;
  background-position: top center;
  width: 20px;
  height: 80px;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.sbtest-button.sbtest-button-next {
  transform:rotateY(-180deg);
}
@media screen and (min-width: 1640px) {
	.sbtestTitle { font-size: 26px; }
	.sbtestAuthor { font-size: 22px; }
	.sbtestBtn { max-width: 350px; }
}
/* Testimonials Zone */
.sxn-test {
	margin: -2px 0 0;
	position: relative;
	z-index: 2;
}
.testWrap {
	color: #fff;
	background-color: #222C62;
	padding: 25px 20px 0;
	position: relative;
}
.tests-cont-outer {
  margin: 0 auto;
}
.test-inner {
	text-align: center;
}
.testTitle { 
	font-size: 20px;
	font-weight: 700;
	padding: 50px 0 10px;
	text-transform: uppercase;
  position: relative; 
}
.testTitle:before {
	content: '';
	position: absolute;
	background-image: url(img/testimonials/rating-star.webp);
	background-repeat: no-repeat;
	background-size: contain;
	width: 218px;
	height: 39px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.testMore {
	color: #4A8AF4;
	font-weight: 700;
	text-transform: uppercase;
}
.testAuthor {
	color: #E4D4AB;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}
.testMore:hover { text-decoration: underline; }
.testBtn {
	max-width: 300px;
	margin: 20px auto 0;
	text-align: center;
}
.testBtn a {
	display: block;
	color: #fff;
	font-weight: 700;
	box-sizing: border-box;
	background: #4A8AF4;
	border-radius: 8px;
	width: 100%;
	padding: 12px 15px;
	text-transform: uppercase;
	transition: 0.5s;
}
.testBtn a:hover {
	background-color: #79ABFF;
}
.test-buttons {
  text-align:center;
  margin: 20px auto 0;
  position: relative;
}
.test-button {
	border-radius: 8px;
	padding: 10px 13px;
  margin: 0 10px;
  background-color: #4A8AF4;
  display:inline-block;
  transition: 0.5s;
  cursor:pointer;
}
.test-button:hover { background: #79ABFF; }
.test-button span {
	background-image: url(img/testimonials/slider-arrow.webp);
  background-repeat: no-repeat;
  background-position: top center;
  width: 20px;
  height: 80px;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.test-button.test-button-next {
  transform:rotateY(-180deg);
}

@media screen and (min-width: 800px) {
	  .tests-cont-outer { padding: 0 60px; }
		.test-buttons {
		  position: absolute;
		  top: 50%;
	    left: 0;
	    right: 0;
	    margin: 0;
	    transform: translateY(-50%);
		}
		.test-button {
			padding: 20px 13px;
		  float: left;
		  left: 0;
		}
		.test-button.test-button-next {
		   float: right;
		}
}
@media screen and (min-width: 1100px) {
	 .testWrap {
	 	  background-color: rgba(34, 44, 98, 0.7);
			position: absolute;
			right: 20px;
			bottom: 0;
			width: calc(100% - 430px);
			margin: 0;
		}
		.sxn-test .sxn-wrap { 
	  	position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 100%;
	    height: 75px;
	    z-index: 9;
	  }
		.test-button { margin: 0; }
}
@media screen and (min-width: 1350px) {
		.testTitle { padding: 50px 120px 10px; }
		.test-button { padding: 30px 13px; }
}
@media screen and (min-width: 1640px) {
	.testWrap { width: 1084px; }
	.tests-cont-outer { padding: 0 100px; }
	.testTitle { font-size: 26px; }
	.testAuthor { font-size: 22px; }
	.test-button { line-height: 120px; }
	.testBtn { max-width: 350px; }
}
/* Areas Zone */
.sxn-areas {
	padding: 40px 20px 0;
	position: relative;
}
.sxn-areas .sxn-head {
	color: #fff;
	position: relative;
	z-index: 9;
}
.sxn-areas:before {
	content: '';
	position: absolute;
	background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	opacity: 0.75;
	width: 100%;
	height: 100px;
	top: 0;
	left: 0;
	z-index: 1;
}
.sxn-areas:after {
	content: '';
	position: absolute;
	background-image: url(img/areas/bg-mob.webp);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	height: calc(100% - 120px);
	top: 0;
	left: 0;
}
.areasList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 25px;
  margin: 30px 0 0;
  position: relative;
  z-index: 9;
}
.areasList li {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 300px;
  box-sizing: border-box;
  margin: 0 0 5px;
  z-index: 1;
}
.areasList li::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 25px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  filter: blur(15px);
  z-index: -1;
}
.areasList a {
	color: #fff;
	font-weight: 700;
	display: block;
	height: 290px;
	background-color: #000;
	position: relative;
	overflow: hidden;
}
.areasList a:before {
	content: '';
	position: absolute;
	background-image: url(img/areas/1.webp);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 0.75;
	top: 0;
	left: 0;
}
.areasList a:hover:before { opacity: 1; }
.areasList li.ai2 a:before { background-image: url(img/areas/2.webp); }
.areasList li.ai3 a:before { background-image: url(img/areas/3.webp); }
.areasList li.ai4 a:before { background-image: url(img/areas/4.webp); }
.areasList li.ai5 a:before { background-image: url(img/areas/5.webp); }
.areasList li.ai6 a:before { background-image: url(img/areas/6.webp); }
.areasList li a::after {
  content: "";
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
}
.areasList a span {
	position: absolute;
	display: table;
	box-sizing: border-box;
	border-bottom: 5px solid #4A8AF4;
	border-spacing: 8px;
	font-size: 20px;
	width: calc(100% - 40px);
	left: 50%;
	bottom: 30px;
	line-height: 1.2;
	text-align: center;
	transition: 0.5s;
	transform: translate(-50%);
	overflow: hidden;
	z-index: 2;
}
.areasList a strong {
	display: inline-block;
	position: relative;
}
.areasList a strong::before,
.areasList a strong::after {
  position: absolute;
  content: '';
  width: calc(100% + 200px);
  height: 3px;
  top: 50%;
  transform: translateY(-50%);
  background: #4A8AF4;
}
.areasList a strong::before {
  right: 100%;
  margin-right: 15px;
}

.areasList a strong::after {
  left: 100%;
  margin-left: 15px;
}

@media screen and (min-width: 800px) {
	.sxn-areas:after {background-image: url(img/areas/bg.webp); }
		.areasList li { width: calc(33.33% - 18px); max-width: unset; }
}
@media screen and (min-width: 1120px) {
	.sxn-areas { padding: 60px 20px 0; }
}
@media screen and (min-width: 1250px) {
	.areasList a { height: 350px; }
	.areasList a span { font-size: 25px;  }
}
@media screen and (min-width: 1640px) {
	.sxn-areas { padding: 90px 0 0; }
	.sxn-areas:before { height: 180px; }
	.areasList { gap: 50px; margin: 70px 0 0; }
	.areasList li { width: calc(33.33% - 34px); }
	.areasList li::after { height: 57px; bottom: -20px; filter: blur(20px); }
	.areasList a { height: 485px; }
	.areasList a span { font-size: 30px; border-bottom-width: 7px; border-spacing: 12px;  }
}

/* Badges Zone */
.sxn-badges {
	padding: 40px 20px;
}
.sxn-badges .sxn-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
.badgesHead {
	color: #222C62;
	font-size: 20px;
	font-weight: 700;
}
.badgesList {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}
.badgesList li img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1120px) {
	.sxn-badges { padding: 80px 20px 40px; }
	.badgesList { flex-wrap: nowrap; }
}
@media screen and (min-width: 1640px) {
	.badgesHead { font-size: 26px; }
}

/* Team Zone */
.sxn-team {
	padding: 40px 20px;
	position: relative;
	z-index: 1;
}
.sxn-team::after {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 20px;
  background: rgba(0,0,0,0.35);
  border-radius: 50%;
  filter: blur(20px);
  z-index: -1;
}
.sxn-team .sxn-wrap { position: relative; z-index: 2; }
.sxn-team .subHead { 
	max-width: 980px;
	margin: 20px auto;
	text-align: center;
}
.teamWrap {
	background: #fff;
	border-color: #4A8AF4;
	border-width: 7px 0 7px 0;
	border-style: solid;
	padding: 40px 0 30px;
	margin: 20px 0 0;
	position: relative;
	z-index: 3;
}
.teamWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.teamWrap::after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 20px;
  background: rgba(0,0,0,0.35);
  border-radius: 50%;
  filter: blur(20px);
  z-index: -1;
}
.teamInfoWrap, .teamListWrap { position: relative; z-index: 9; }
.teamInfo { display: none; }
.teamInfo.active { display: block }
.teamCont { 
	max-width: 850px;
	margin: 0 auto;
	text-align: center;
}
.teamName {
	font-family: 'Anton', sans-serif;
	font-size: 28px;
	color: #222C62;
	margin: 0 0 10px;
}
.teamTitle {
	font-family: 'Anton', sans-serif;
	font-size: 24px;
	margin: 0 0 10px;
	line-height: 1.3;
}
.teamBtn {
	display: block;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box;
  border-radius: 8px;
  background-color: #4A8AF4;
  padding: 15px 10px;
  margin: 10px auto 0;
  max-width: 250px;
  transition: 0.5s;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  text-transform: uppercase;
}
.teamBtn:hover { background-color: #79ABFF; }
.teamListWrap { margin: 30px 0 0; }
.teamListWrap p { text-align: center; padding: 0 20px; }
.teamImg {
	max-width: 250px;
	margin: 0 auto 40px;
	position: relative;
	z-index: 1;
}
.teamImg::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 25px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  filter: blur(15px);
  z-index: -1;
}
.teamImg img {
	display: block;
	width: 100%;
	height: auto;
}
.teamList {
  text-align: center;
  padding: 0 0 15px;
  border-bottom: 7px solid #4A8AF4;
  margin: 0 0 30px;
}
.teamMem {
  display: inline-block;
  position: relative;
  margin: 0 0 0 4px;
  overflow: hidden;
}
.teamMem:first-child { margin: 0; }
.teamMem {
  border: 7px solid #fff;
}
.teamMem.active { border-color: #4A8AF4; }
.teamThumb {
  display: block;
  position: relative;
  background: #000;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  cursor: pointer;
}
.teamThumb > img {
  width: 400%;
  height: auto;
  opacity: 0.75;
}
.teamMem2 .teamThumb > img { margin-left: -100%; }
.teamMem3 .teamThumb > img { margin-left: -200%; }
.teamMem4 .teamThumb > img { margin-left: -300%; }
.teamThumb:hover > img,
.teamMem.active .teamThumb img { opacity: 1; }

@media screen and (min-width: 800px) {
	.teamWrap { margin: 40px 0 0; }
}
@media screen and (min-width: 1120px) {
	.sxn-team::after, .teamWrap::after { width: 50%; height: 35px; }
	.teamWrap { padding: 75px 0; }
	.teamWrap {
		display: flex;
		column-gap: 30px;
	}
	.teamInfoWrap { width: calc(50% + 125px); }
	.teamImg { margin: 0; }
	.teamInfo {
		display: none;
    flex-direction: row-reverse;
    column-gap: 30px;
	}
	.teamInfo.active { display: flex; }
	.teamCont, .teamListWrap { flex: 1; }
}

@media screen and (min-width: 1350px) {
	.teamWrap { column-gap: 74px; }
	.teamInfo { column-gap: 50px; }
	.teamInfoWrap { width: calc(50% + 140px); }
	.teamImg { max-width: 280px; }
	.teamThumb { width: 90px; height: 90px; }
	.teamName { font-size: 40px; }
	.teamTitle { font-size: 30px; }
}

@media screen and (min-width: 1640px) {
	.sxn-team::after, .teamWrap::after { width: 45%; }
	.teamWrap::after { height: 50px; top: -20px; }
	.teamWrap { margin: 60px 0 0; }
	.teamInfoWrap { width: calc(50% + 157px); }
	.teamImg { max-width: 315px; }
	.teamThumb { width: 105px; height: 105px; }
	.teamName { font-size: 55px; margin: 0 0 15px;}
	.teamTitle { font-size: 40px; margin: 0 0 20px; }
	.teamBtn { max-width: 295px; }
	.teamListWrap { margin: 45px 0 0; padding: 0 48px 0 0; }
	.teamList { padding: 0 0 30px; margin: 0 0 35px; }
	.teamMem { margin: 0 0 0 10px; }

}

/* Blog Zone */
.sxn-blog {
	padding: 20px 20px 40px;
}
.hpblogList {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 30px;
	margin: 30px 0 0;
}
.hpblogList li {
	width: 300px;
	text-align: center;
}
.blogImg { 
  height: 165px;
  overflow: hidden;
	margin: 0 0 20px;
}
.blog-thumb {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.blogTtl {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	padding: 0 10px;
}
.blogMeta {
	color: #4A8AF4;
	font-size: 12px;
	padding: 12px 0;
	font-weight: 700;
}
.blogBtn {
	display: block;
	color: #fff;
	box-sizing: border-box;
	border-radius: 8px;
	background: #4A8AF4;
	font-weight: 700;
	padding: 14px 10px;
	margin: 0 auto;
	line-height: 1;
	width: 180px;
	transition: 0.4s;
	text-transform: uppercase;
}
.blogBtn:hover { background: #79ABFF; }

@media screen and (min-width: 1120px) {
	.hpblogList li { width: calc(33.33% - 20px); }
	.blogTtl { font-size: 28px; }
}
@media screen and (min-width: 1440px) {
	.blogImg { height: 250px; }
}
@media screen and (min-width: 1640px) {
	.sxn-blog { padding: 80px 0; }
	.hpblogList { gap: 0 52px; }
	.hpblogList li { width: calc(33.33% - 35px); }
	.hpblogList img { margin: 0 0 30px; }
	.blogImg { height:280px }
	.blogTtl { font-size: 36px;;}
	.blogMeta { font-size: 16px; }
	.blogCont p { line-height: 1.7; }
	.blogBtn { width: 214px; padding: 17px 10px;}
}

/* Contact Zone */
.sxn-contact {
	background-image: url(img/contact/bg-mob.webp);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding: 40px 0;
	position: relative;
	overflow: hidden;
}
.sxn-contact::before {
  content: '';
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  opacity: 0.75;
  width: 100%;
  height: 30%;
  top: 0;
  left: 0;
  z-index: 1;
}
.sxn-contact .sxn-wrap { position: relative; z-index: 2; }
.sxn-contact .sxn-head { color: #fff; }
.sxn-contact .subHead { text-align: center; color: #fff; padding: 20px 20px 0; }
.sxn-contact .subHead br { display: none; }
.contactImg { 
	max-width: 280px;
	margin: 40px auto 0;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 25px -5px, rgba(0, 0, 0, 0.25) 0px 10px 10px -5px;
	position: relative;
	z-index: 9;
}
.contactImg img { 
	display: block;
	width: 100%;
	height: auto;
 }
.contactForm {
 	background-color: rgba(255, 255, 255, 0.9);
 	padding: 80px 20px 40px;
 	margin: -40px 0 0;
 	position: relative;
 }
 .conForm {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.conForm .formBlockTop {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 15px;
}
.conForm .formBlockTop .formBlock { width: 100%; }
.conForm .formInput {
	border: 2px solid #4A8AF4;
	background: #fff;
}
.conForm .formInput input,
.conForm .formInput textarea {
	display: block;
	width: 100%;
	outline: none;
	border: none;
	background: transparent;
	height: 58px;
	resize: none;
	padding: 0 15px;
	box-sizing: border-box;
}
.conForm .formInput textarea { padding: 15px 15px 10px; height: 100px; }
.conForm .formInput input::placeholder,
.conForm .formInput textarea::placeholder {
  color: #000; 
}
.conForm .formTextBlock { 
	display: block; 
	width: 100%; 
}
.conForm .formButtonBlock {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px 50px;
}
.conForm .formSubmitBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px 25px;
}
.conForm .formRecaptcha { vertical-align: middle; height: 60px; margin: 0; }
.conForm .formSubmit {
	width: 295px;
	height: 60px;
  transition: .5s;
	line-height: 1;
	position: relative;
}
.conForm .formSubmit input {
	width: 100%;
	height: 100%;
	outline: 0;
	border: 0;
	border-radius: 8px;
	background-color: #4A8AF4;
	box-sizing: border-box;
	display: block;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	transition: 0.5s;
	line-height: 1;
}
.conForm .formSubmit:hover input { background: #79ABFF; }
.conForm .formRequiredBox {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5px 25px;
}
.conForm .formRequiredBox span {
	display: block;
	box-sizing: border-box;
	font-weight: 700;
	position: relative;
	font-size: 16px;
}
.conForm .formRequiredBox p {
	flex: 1;
	padding: 0;
	font-size: 14px;
}

@media screen and (min-width: 800px) {
	.sxn-contact { background-image: url(img/contact/bg.webp); }
  .conForm .formBlockTop .formBlock { width: calc(33.33% - 10px); }
  .conForm .formRequiredBox { flex-direction: row; }
  .sxn-contact .subHead br { display: block; }
}
@media screen and (min-width: 1100px) {
	.sxn-contact { padding: 60px 0 80px; }
	.contactForm { background-color: unset; padding: 60px 20px 60px 340px; margin: 0;}
  .contactForm::after {
    content: '';
    position: absolute;
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 25%);
    width: calc(100% + 1000px);
    height: 100%;
    top: 0;
    left: 150px;
    z-index: -1;
  }
  .contactWrap { margin: 65px 0 0; position: relative; }
  .contactImg {
  	position: absolute;
  	top: -65px;
  	left: 20px;
  	margin: 0;
    box-shadow: 8px 0 15px rgba(0,0,0,0.35), 0 8px 15px rgba(0,0,0,0.35); 
  }
  .conForm .formInput textarea { height: 130px; }
  .conForm .formSubmitBox { justify-content: flex-start; }
}
@media screen and (min-width: 1350px) {
	.contactImg { max-width: 320px; }
	.contactForm { padding: 60px 20px 60px 380px; }
}
@media screen and (min-width: 1640px) {
	.conForm { gap: 30px 0; }
	.contactImg { max-width: 394px; left: 0; }
	.contactForm { padding: 60px 0 60px 430px; }
	.contactForm::after { left: 240px; }
	.conForm .formBlockTop { column-gap: 25px; }
	.conForm .formInput input { height: 94px; padding: 0 25px; }
	.conForm .formBlockTop .formBlock { width: calc(33.33% - 17px); }
	.conForm .formInput textarea { height: 176px; padding: 25px 25px 10px; }
}


#mainFooter {
	overflow: hidden;
}
.mfTop {
	padding: 250px 0 0;
	background-image: url(img/footer/bg-mob-v2.webp);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: relative;
}
.mfTop::before {
  content: '';
  position: absolute;
  background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  opacity: 0.85;
  width: 100%;
  height: 100px;
  top: 0;
  left: 0;
}
.mfTopInner {
	border-top: 5px solid #4A8AF4;
	background-color: rgba(34, 44, 98, 0.85);
	padding: 40px 20px;
	position: relative;
	z-index: 1;
}
.mfTopInner::before {
  content: '';
  position: absolute;
  box-sizing: border-box;
  background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  opacity: 0.9;
  width: 100%;
  height: 45px;
  top: -50px;
  left: 0;
}
.mfTopInnerWrap {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	gap: 30px;
	max-width: 1600px;
	margin: 0 auto;
	position: relative;
	z-index: 99;
}
#logo-footer {
  display: block;
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
}
#logo-footer img {
  display: block;
  width: 100%;
  height: auto;
}
.mfAddress span,
.mfPhone {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	padding: 0 0 0 45px;
}
.mfAddress span { padding: 0 0 0 35px; }
.mfAddress span::before {
  content: '';
  position: absolute;
  background-image: url(img/icons/marker.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 31px;
  height: 43px;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scale(0.75);
}
.mfPhone::before {
  content: '';
  position: absolute;
  background-image: url(img/icons/phone.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 52px;
  height: 52px;
  top: 50%;
  left: 0;
  transform: translateY(-50%) scale(0.65);
}
.mfPhone:hover { text-decoration: underline; }
.mfRight {
  display: flex; 
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px; 
}
.mfSocial {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 15px;
}
.mfSocial a {
	display: block;
  width: 48px;
  height: 48px;
  transition: 300ms;
  border-radius: 50%;
  border: 2px solid #CDBB8F;
  position: relative;
  overflow: hidden;
}
.mfSocial a:hover {
  background-color: #CDBB8F;
}
.mfSocial a::before {
  position: absolute;
  content: '';
  height: 24px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(img/icons/social.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 0 0;
}
a.mfFacebook::before { width: 10px; }
a.mfX::before { width: 18px; background-position: -13px 0; }
a.mfYoutube::before { width: 26px; background-position: -33px 0; }

.mfBottom {
	padding: 40px 20px;
}
@media screen and (min-width: 800px) {
	.mfTop { background-image: url(img/footer/bg-v2.webp); }
}
@media screen and (min-width: 1100px) {
	.mfTopInnerWrap { flex-direction: row; }
	#logo-footer { margin: 0; order: 1; }
	.mfAddress { order: 0; text-align: right; }
	.mfRight { order: 2; justify-content: flex-start; }
	.mfAddress, .mfRight { flex: 1; }
}
@media screen and (min-width: 1350px) {
	.mfTopInner { border-top-width: 7px; }
	.mfTopInner::before { top: -52px; }
	.mfTopInnerWrap { column-gap: 70px; }
	#logo-footer { max-width: 246px; }
  .mfSocial a { width: 58px; height: 58px; }
  .mfRight { column-gap: 50px; }
}
@media screen and (min-width: 1640px) {
	.mfTop { padding: 350px 0 0; }
	.mfTopInner { padding: 60px 0; }
	.mfRight { column-gap: 75px; }
	.mfAddress span, .mfPhone { font-size: 28px; }
	.mfAddress span { padding: 0 0 0 45px; }
	.mfPhone { padding: 0 0 0 55px; }
	.mfAddress span::before { transform: translateY(-50%) scale(1); }
	.mfPhone::before { transform: translateY(-50%) scale(0.8); }
	.mfBottom  { padding: 60px 0; }
}

/* FLM Branding */
#flmBrandingWrapper {
  max-width: 1600px;
  margin: 0 auto;
  text-align:center;
  background:#fff
}
#flmBranding {
  max-width:1250px;
  width:100%;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px 0;
  font-size:12px;
  font-family:'DM Sans',sans-serif;
  line-height:1.8;
  font-weight:400;
  text-align:left;
  color:#000
}
#flmBranding p {
  padding:0 0 15px;
  text-align:center
}
#flmBranding a {
  color:#000
}
#flmBranding a:hover {
  text-decoration:underline
}
#flmBrandingLogo {
  display:block;
  width:200px;
  max-width:100%;
  filter:grayscale(1);
  opacity:.25;
  transition:.5s
}
#flmBrandingLogo:hover {
  filter:none;
  opacity:1
}
#logo-flm {
  display:block;
  width:100%;
  height:auto
}
.flmCopy {
  font-family:'DM Sans',sans-serif;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:5px 10px;
  text-align:center;
  line-height:1.4
}
.fNav {
  padding:0;
  text-align:center;
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}
.fNav li {
  padding:0;
  display:inline-block;
  list-style-type:none;
  list-style-position:outside;
  text-align:center;
  font-size:12px;
  font-family:'DM Sans',sans-serif
}
.fNav li:after {
  content:'|';
  color:#000
}
.fNav li:last-child:after {
  display:none
}
.fNav a {
  display:inline-block;
  padding:5px 10px;
  color:#000
}
.fNav a:hover {
  text-decoration:underline
}
.fNav li:first-child a {
  padding-left:0
}
.fNav li:last-child a {
  padding-right:0
}
@media screen and (min-width:800px) {
  #flmBranding {
    flex-direction:row-reverse;
    gap:20px 40px;
    align-items:flex-start;
    justify-content: space-between;
  }
  #flmBranding p {
    text-align:left
  }
  .flmBrandingInner {
    flex:1;
    order: 1;
    max-width: 850px;
  }
  .flmCopy {
    justify-content:flex-start
  }
}

@media screen and (min-width:1350px) {
	#flmBrandingLogo { width: 272px; }
}
@media screen and (min-width:1640px) {
  #flmBranding { gap: 40px 160px; }
}

/* 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: #558ECB;
	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 */
.blog-sidebar {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 20px;
  margin: 0 auto 20px;
}
.blog-sidebar .blogHead {
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	display: block;
	padding: 0 0 20px;
	line-height: 1.1;
}
.blog-sidebar a:hover { text-decoration: underline; }
.blog-sidebar > ul {
  padding: 0 0 40px 20px;
  font-style: normal;
  line-height: 1.6;
}
@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;
	}
}

/* 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:0 auto 20px
}

.vfActive {
    display: block
}

.vfFailedFullNamelValidationPrompt,
.vfFailedEmailValidationPrompt,
.vfFailedTelephoneValidationPrompt,
.vfFailedZipValidationPrompt {display: none;}
.vfFailedFullNamelValidation .vfFailedFullNamelValidationPrompt,
.vfFailedEmailValidation .vfFailedEmailValidationPrompt,
.vfFailedTelephoneValidation .vfFailedTelephoneValidationPrompt,
.vfFailedZipValidation .vfFailedZipValidationPrompt {display: block;}
/* Form Validation -- Ends */


/*  < youtube css >  */
.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 >  */

.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%);
}

/*  < navmm_scrollable v1.3 >  */
nav.mm_mob .navmm_scrollable .menu_more_indicator {
	display: none;
}
@media screen and (min-width: 800px) {
	nav.mm .navmm_scrollable .navmm_scroll_menu {
		z-index: 999;
		position: absolute;
		top: 100%;
		left: 0;
		width: 310px; /* modme */
/* 		background: #4B91E2; */ /* modme */
		transform-origin: top;
		-moz-transform: scaleY(0);
		-webkit-transform: scaleY(0);
		-ms-transform: scaleY(0);
		transform: scaleY(0);
		opacity: 0;
		transition: 300ms;
	}
	nav.mm .navmm_scrollable:hover .navmm_scroll_menu {
		-moz-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 1;
	}
	nav.mm .navmm_scrollable .navmm_scroll_menu > ul {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		max-height: calc( 65vh - 100px );
		overflow-y: auto;
	}
/*	nav.mm ul ul .navmm_scrollable .navmm_scroll_menu > ul {
		max-height: calc( 20rem - 140px );
	} */
	nav.mm ul ul .navmm_scrollable .navmm_scroll_menu {
		left: 100%;
		top: 0;
	}
	nav.mm ul ul .navmm_scrollable .navmm_scroll_menu ul {
		left: 0;
	}
	nav.mm .navmm_scrollable .navmm_scroll_menu > ul {
		-moz-transform: scaleY(1);
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1);
		opacity: 1;
	}
	nav.mm .navmm_scrollable .menu_more_indicator {
		display: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	nav.mm .navmm_scrollable:hover .menu_more_indicator {
		display: block;
		height: 42px;
		padding: 4px 8px;
		font-size: 18px;
		color: #fff;
		width: 100%;
		line-height: 1;
		font-style: normal;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		background: #222C62;
		border: 1px solid #222C62;
		
	}
	nav.mm .navmm_scrollable:hover .menu_more_indicator.js_inactive {
		display: none;
	}
	nav.mm .navmm_scrollable:hover .menu_more_indicator.js_scroll_inactive {
		display: none;
	}
	nav.mm .navmm_scrollable .menu_more_indicator .menu_more_indicator_label {
		display: inline-block;
		padding: 1px 0 0;
		vertical-align: middle;
	}
	nav.mm .navmm_scrollable .menu_more_indicator_icon {
		display: inline-block;
		margin: 0 0 0 10px;
		width: 19px;
		height: 31px;
		vertical-align: middle;
		background-image: url(img/mouse-scroll-animation.png);
	}
	nav.mm .navmm_scrollable:hover .navmm_scroll_menu > ul ul {
		opacity: 1;
		position: relative;
		top: 0;
		left: 0;
		box-sizing: border-box;
		display: block;
		width: 100%;
		border-left: 0;
		border-bottom: 0;
		transform: scaleY(1);
	}
/* 
	nav.mm .navmm_scrollable:hover .navmm_scroll_menu > ul > li > ul {
		margin: 0 0 0 20px;
		width: calc( 100% - 21px );
	}
 */
}
/*  </ navmm_scrollable v1.3 >  */

nav.mm .navmm_scrollable .navmm_scroll_menu ul {top: 0;}
nav.mm .navmm_scrollable .navmm_scroll_menu ul ul {padding: 0;}
nav.mm .navmm_scrollable .navmm_scroll_menu ul a { color: #fff; }
nav.mm .navmm_scrollable .navmm_scroll_menu ul ul li:first-child { border-top: 1px solid #fff;}
nav.mm .navmm_scrollable ul li:hover > a { background: #4A8AF4;} /* modme to match ul bg color */
nav.mm .navmm_scrollable ul li:hover > a:hover {background: #222C62;} /* modme to match hover bg color */
nav.mm .navmm_scrollable:hover .navmm_scroll_menu  ul ul a {padding-left: 30px;}
nav.mm .navmm_scrollable:hover .navmm_scroll_menu  ul ul ul a {padding-left: 60px;}
nav.mm .navmm_scrollable:hover .navmm_scroll_menu  ul ul ul ul a {padding-left: 90px;}
nav.mm .navmm_scrollable:hover .navmm_scroll_menu  ul ul ul ul ul a {padding-left: 120px;}

/* Attorneys Bio */
.attyImg {
	max-width: 230px;
	margin: 20px auto;
}
.attyImg img {
	display: block;
	width: 100%;
	height: auto;
}
.attyBadge {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px 30px;
	margin: 0 0 30px;
}
.attyBadge img {
	display: block;
	width: initial;
	max-width: 150px;
	height: auto;
}
@media screen and (min-width: 1120px) {
	.mcAtty { 
		position: relative;
		padding: 0 0 0 280px;
	}
	.attyImg { 
		margin: 0;
    position: absolute;
    left: 0;
    top: 8px;
  }
}
@media screen and (min-width: 1440px) {
	.mcAtty { padding: 0 0 0 360px; }
	.attyImg { max-width: 300px; }
	.attyBadge { column-gap: 50px; }
	.attyBadge img { max-width: 180px; }
}

/* Landing Form Page */
.conMap {
	margin: 20px auto 0;
}
.conMap iframe { width: 100%; }