/**
 *
 * St. Maryâ€™s Ryken High School - default_17
 * @link http://ryken.redesign.finalsite.com
 * Site Template : 
 * Built By: St. Maryâ€™s Ryken High School
 * Project Manager: St. Maryâ€™s Ryken High School
 * Designer: St. Maryâ€™s Ryken High School
 * ==== Git Info ====
 * Branch Name: clients/ryken
 * Build version: 3.2.2
 * Git Tag: v3.0-93-g15180c8
 * Last build by: Tom Schisler
 *
 **/

@charset "UTF-8";
/*! helpers - functions v0.0.1 */
/*! helpers - utility v0.0.1 */
.compartment {
  position: relative;
  margin: 0 auto;
  max-width: 73.75em;
  max-width: 73.75rem; }

@media (min-width: 600px) {
  .col-4 {
    width: 50%;
    float: left; } }

@media (min-width: 900px) {
  .col-4 {
    width: 25%; } }

/*! helpers - box-model v0.0.1 */
.margin-x {
  margin-right: 1.25em;
  margin-left: 1.25em; }

.margin-x-2x {
  margin-right: 2.5em;
  margin-left: 2.5em; }

.margin-y {
  margin-top: 1.25em;
  margin-bottom: 1.25em; }

.margin-y-2x {
  margin-top: 2.5em;
  margin-bottom: 2.5em; }

.padding-x {
  padding-right: 1.25em;
  padding-left: 1.25em; }

.padding-x-2x {
  padding-right: 2.5em;
  padding-left: 2.5em; }

.padding-y {
  padding-top: 1.25em;
  padding-bottom: 1.25em; }

.padding-y-2x {
  padding-top: 2.5em;
  padding-bottom: 2.5em; }

.stretch-container {
  margin-right: -1.25em;
  margin-left: -1.25em; }

.cover {
  position: absolute;
  height: 100%;
  width: 100%; }

/*! helpers - presentational v0.0.1 */
/*! helpers - ui-pattern v0.0.1 */
/*
Example sites:
http://coderepo.demo.finalsite.com/stuff-by-al/dropdown-mixin
http://codepen.io/foxareld/pen/BNpWJm

Ex 1:
    <div class='parent'>
      <span class='sibling'>Dropdown</span>
      <ul class='dropdown'>
        <li>Link</li>
        <li>Link</li>
        <li>Link</li>
      </ul>
    </div>

Use:
    .parent {
        @include drop(".dropdown"); //this makes .dropdown drop on hover of .parent
    }

    //this makes .dropdown drop when .parent has class .drop-class, it was also have a transition
    .parent {
        @include drop(".dropdown", true, ".drop-class");
    }

    //this makes .dropdown drop when .sibling has class .drop-class, it will not have a transition
    .sibling {
        @include drop("+ .dropdown", false, ".drop-class");
    }

*/
/*! helpers - typography v0.0.1 */
@font-face {
  font-family: 'IcoMoon';
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#IcoMoon") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
	font-family: 'icomoon';
	src:url('../../../assets/fonts/icomoon.eot?-b3ebc2');
	src:url('../../../assets/fonts/icomoon.eot?#iefix-b3ebc2') format('embedded-opentype'),
		url('../../../assets/fonts/icomoon.ttf?-b3ebc2') format('truetype'),
		url('../../../assets/fonts/icomoon.woff?-b3ebc2') format('woff'),
		url('../../../assets/fonts/icomoon.svg?-b3ebc2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fsTitle, .fsFacebookFrom, .fsVimeoTitle, .fsYoutubeTitle {
  margin: 0;
  font-weight: bold;
  font-size: 1.1em; }


h1 {
	margin-bottom: 0px; 
	font-family: Montserrat, sans-serif; 
	font-weight: 900; 
	line-height: 1.1; 
	color: rgb(0, 86, 47); 
	font-size: 55px; 
	padding: 0px;
}
body.fsComposeMode .sub-page h1.fsPageTitle{
	min-height:175px !important;
}
.fsComposeMode .sub-page h1.fsPageTitle{
	min-height:175px !important;
}
body.fsComposeMode .fsBanner, body.fsComposeMode .fsElement {
    min-height:none;
}
h2 {
	font-family: Montserrat, sans-serif; 
	font-weight: normal;
    font-size: 32px; 
	line-height: 1.1; 
	color: rgb(0, 86, 47); 
	margin-top: 0;
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	font-size: 28px; 
	padding: 0px;}

h3 {
  margin-top: 0;
  font-weight: normal;
  font-size: 28px;
  line-height: 30px;
	color:#333;
  margin-bottom: 10px; }

h4 {
  margin-top: 0;
  font-weight: normal;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 10px; }

h5 {
  margin-top: 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 10px; }

h6 {
  margin-top: 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px; }

p {
  margin: 0 0 20px; }

hr {
  width: 90%;
    color: #333333;
    background-color: #333333;
    height: 1px;
    border: 0px;
    margin: 10px auto; 
}

hr .divider{
	border-right: 0px; 
	border-bottom: 0px; 
	border-left: 0px; 
	border-top-style: solid; border-top-color: initial; 
	border-image: initial; 
	margin: 20px 0px 30px; 
	padding: 0px; 
	color: rgb(220, 220, 220);
}

a {
  text-decoration: none;
  color: #00976c;
  -webkit-transition: background .3s, color .3s;
  transition: background .3s, color .3s; }
  
a:hover, a:focus {
    color: #005647; 
}

ul,
ol {
  margin-top: 0;
  padding-left: 1.25em; 
  padding-left:40px;}

.fsAthleticsEvent.fsTable .fsElementTable, .fsAthleticsRoster .fsElementTable,
table.styled {
  margin-bottom: 20px;
  width: 100%;
  overflow-x: auto; }

  .fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th, .fsAthleticsEvent.fsTable .fsElementTable td, .fsAthleticsRoster .fsElementTable td,
  table.styled th,
  table.styled td {
    vertical-align: top;
    border-bottom: 1px solid #fff; }
  .fsAthleticsEvent.fsTable .fsElementTable th, .fsAthleticsRoster .fsElementTable th,
  table.styled th {
    padding: 10px;
    text-align: left;
    background: #363636;
    color: #fff; }
  .fsAthleticsEvent.fsTable .fsElementTable td, .fsAthleticsRoster .fsElementTable td,
  table.styled td {
    padding: 10px;
    background: rgba(0, 0, 0, 0.05); }
    table.styled tr:nth-of-type(odd) td {
      background-color: rgba(0, 0, 0, 0.1); }

img,
canvas,
video,
svg {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0;
  max-width: 100%; }

/*! _main.scss - src/sass/modules/common/ - main common import */
/*! elements - common v0.0.1 */
/* Contains generic styles that apply to every element */
.fsElement {
  /* margin-bottom: 20px; removed 7/23/2019 */
	margin-bottom: 0px;
}
.fsElement:last-child {
    margin-bottom: 0; 
}
.fsElementTitle{
	font-weight:bold;
}
.fsElementHeaderContent {
  margin-bottom: 20px; }

.fsElementFooterContent {
  margin-top: 20px; }

.fsPanel {
  margin-bottom: 0; }

.fsDialogCloseButton {
  opacity: 1; }
  .fsDialogCloseButton:after, .fsDialogCloseButton:before {
    background: #1c1c1c; }
  .fsDialogCloseButton:focus:after, .fsDialogCloseButton:focus:before {
    background: #1c1c1c; }
  .fsDialogCloseButton:hover:after, .fsDialogCloseButton:hover:before {
    background: black; }

.fsElementDialog {
  color: #1c1c1c; }
.fsPostElement .fsElementEmpty{
	display:none;
}
/*! elements - common - list subtype v0.0.1 */
/* Contains generic styles that apply to every element with the class '.fsList' and the list subtype selected */
.fsList article {
  margin-bottom: 20px; }

/*! element - common - slideshow subtype v0.0.1 */
/* Contains generic styles that apply to every element slideshow subtype*/
.fsSlideshow.fsSlideshowVertical .fsElementSlideshow[data-slides-to-show="1"] article {
  padding-bottom: 0; }

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*="true"] {
  padding-top: 0;
  padding-bottom: 0; }

.fsSlideshow.fsSlideshowHorizontal article {
  padding-bottom: 0;
  padding-bottom:1em;
  text-align:left;
 }

.fsSlideshow .fsNextButton:before,
.fsSlideshow .fsPrevButton:before {
  color: #1c1c1c;
  font-size: 45px;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  display: inline-block;
  line-height: 1;
  width: auto;
  height: auto;
  opacity: .5;
  position: absolute; }

.fsSlideshow .fsNextButton.fsLeftArrow:before, .fsSlideshow .fsNextButton.fsRightArrow:before,
.fsSlideshow .fsPrevButton.fsLeftArrow:before,
.fsSlideshow .fsPrevButton.fsRightArrow:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.fsSlideshow .fsNextButton.fsLeftArrow:before,
.fsSlideshow .fsPrevButton.fsLeftArrow:before {
  left: 0; }

.fsSlideshow .fsNextButton.fsRightArrow:before,
.fsSlideshow .fsPrevButton.fsRightArrow:before {
  right: 0; }

.fsSlideshow .fsNextButton:hover:before,
.fsSlideshow .fsPrevButton:hover:before {
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }

.fsSlideshow .fsPager {
  margin-bottom: 0;
  margin-top: 20px; }
  .fsSlideshow .fsPager li {
    width: 12px;
    height: 12px;
    position: relative;
    vertical-align: middle; }
    .fsSlideshow .fsPager li button {
      width: 100%;
      height: 100%; }
      .fsSlideshow .fsPager li button:before {
        content: '';
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: #1c1c1c;
        -webkit-transition: .3s;
        transition: .3s; }
      .fsSlideshow .fsPager li button:hover:before {
        -webkit-transition: .3s;
        transition: .3s; }

.button {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #363636;
  color: #fff !important;
  border-radius: 0; 
}

.button:hover, .button:focus {
    background: #292929;
    color: #fff; 
}
  
.button em {
    display: block;
    font-style: normal; 
}

.color-button {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #163052;
  color: #fff;
  border-radius: 0; }
  .color-button:hover, .color-button:focus {
    background: #11243e;
    color: #fff; }
  .color-button em {
    display: block;
    font-style: normal; }

.hollow-button {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: transparent;
  color: #163052;
  border-radius: 0;
  border: 0.2em solid #163052; }
  .hollow-button:hover, .hollow-button:focus {
    background: transparent;
    color: #163052; }
  .hollow-button em {
    display: block;
    font-style: normal; }

.fsStyleDefaultButton {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #1c1c1c;
  color: #fff;
  border-radius: 0; }
  .fsStyleDefaultButton:hover, .fsStyleDefaultButton:focus {
    background: #0f0f0f;
    color: #fff; }
  .fsStyleDefaultButton em {
    display: block;
    font-style: normal; }
  .fsStyleDefaultButton.fsCategoryLink {
    margin-right: 5px; }
  .fsStyleDefaultButton.fsLoadMoreButton {
    margin-bottom: 0; }

.fsStyleUpdateButton {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #1c1c1c;
  color: #fff;
  border-radius: 0; }
  .fsStyleUpdateButton:hover, .fsStyleUpdateButton:focus {
    background: #0f0f0f;
    color: #fff; }
  .fsStyleUpdateButton em {
    display: block;
    font-style: normal; }
  .fsStyleUpdateButton.fsElementToolsSearchButton {
    margin-top: 20px;
    margin-bottom: 0; }
	

.lead-in {
  font-size: 1.25em;
  line-height: 1.2em; }

blockquote {
  position: relative;
  margin: 20px 0;
  font-size: 1em;
  line-height: 1.2em; }
  blockquote:before {
    position: absolute;
    right: 100%;
    top: 0;
    content: '\201C'; }

cite {
  display: block;
  margin: 0 0 20px;
  font-style: normal; }
  cite:before {
    content: '- '; }

.callout {
  padding: 20px;
  background: #363636;
  color: #fff; }
  .callout.left {
    float: left;
    margin-left: 20px; }
    @media (min-width: 500px) {
      .callout.left {
        width: 50%; } }
  .callout.right {
    float: right;
    margin-right: 20px; }
    @media (min-width: 500px) {
      .callout.right {
        width: 50%; } }

/*! ========  FS STRUCTURE - ACCOUNT BAR ========*/
	#fsAccountBar{
		bottom:0;
		top:inherit;
	}
	#fsAccountBar .fsAccountBarMenu{
		bottom:100%;
		top:inherit;
	}
	body.fsAccountBarVisible{margin-top:0px !important;}

/*! ========  FS STRUCTURE - PAGE POP NOTIFICATION========*/
#fsPagePopNotification {
    background-color: rgba(239,67,78,0.9);
	-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    border: 0;
    bottom: 0;
    color: #FFF;
    height: 60px;
    line-height: 0;
    margin: auto;
	margin: 0px auto;
    padding: 0;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    top: 0;
	left: calc(50% - 40px);
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    width: 80px;
    z-index: 16;
	cursor:pointer;
}
#fsPagePopNotification:hover{
	background-color: rgba(131,10,26,1);
}
#fsPagePopNotification:hover::before{
	opacity:1;
	background-color: rgba(131,10,26,1);
}
@media (max-width: 768px) {
    #fsPagePopNotification {
      top:50px;
	  height:50px;
	  width:65px;
	} 
}
#fsPagePopNotification[aria-label]{
	opacity:1;
}
#fsPagePopNotification[aria-label]:hover{
	background-color:rgba(131,10,26,1);
	opacity:1;
}
#fsPagePopNotification[aria-label]:hover::after{
	opacity:0;
}
#fsPagePopNotification::before{
	height: 25px;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    width: 20px;
    top: -9px;
    position: relative;
	background-color: transparent;
}
#fsPagePopNotification:hover::before{
	background-color:rgba(131,10,26,1);
	opacity:1;
}
#fsPagePopNotification:hover>span{
	opacity:0;
}
/*! ========  FS STRUCTURE - HEADER v0.0.1 ========*/ 
	#fsHeader {
	  padding: 0 20px; 
	  padding:0px;
	  
	  
	}

	#fsHeader .home{
	background: -moz-linear-gradient(top, rgba(21,21,21,0.95) 0%, rgba(21,21,21,0.75) 25%, rgba(21,21,21,0.5) 50%, rgba(21,21,21,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(21,21,21,0.95) 0%,rgba(21,21,21,0.75) 25%,rgba(21,21,21,0.5) 50%,rgba(21,21,21,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(21,21,21,0.95) 0%,rgba(21,21,21,0.75) 25%,rgba(21,21,21,0.5) 50%,rgba(21,21,21,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2151515', endColorstr='#00151515',GradientType=0 ); /* IE6-9 */
		height: calc(55vh + 50px);
		height: calc(55vh + 0px);
	}

	@media only screen and (min-width: 768px) {
		  #fsHeader .home{
			height:85vh;
			  /*height:100vh;*/
		  }
		}

	@media only screen and (min-width: 1200px) {
		  #fsHeader .home{
			height:100vh;
		  }
		}

	.site-info-container {
	  position: relative;
	  margin: 0 auto;
	  max-width: 73.75em;
	  max-width: 73.75rem;
	  padding: 20px 0;
	  /*overflow: hidden;
	  white-space: nowrap; */
	  float:left;
	  white-space: nowrap;
	  position: absolute;
      top: 0;
	  left: 0;
      z-index: 10;
	  transition: top 0.3s ease;
	}
	.athletics .site-info-container{
		padding:20px;
	}
	.site-info-container.admissions{

	}
@media only screen and (max-width: 768px) {
  .site-info-container {
    width: 50%;
  }

}
@media only screen and (max-width: 700px) {
  .home #fsHeader .site-info-container {
	  display:none;
  }
	.site-info-container{
	  width: 40%;
	  padding:25px 0;
	}
}
.site-info-container.fsElement{}
.site-info-container.fsElement img {
    display: block;
	height:auto;
	width:100%;
	max-width: 500px;
}
.athletics .site-info-container.fsElement img {
	max-width: 300px;
}
	#fsFooter {
	  padding: 60px 20px;
	  color: #fff; 
	  background-image: url(https://www.smrhs.org/uploaded/images/footer_bg_campus.jpg);
		background-repeat: no-repeat;
		background-color: #002F52;
		background-position: 50% center;
		margin: 0 auto;
		width: 100%;
		color: #fff;
		background-size:cover;
		position: relative;
    	z-index: 1;
	}
	  #fsFooter .fsBanner {
		position: relative;
		margin: 0 auto;
		max-width: 73.75em;
		max-width: 73.75rem;
		/*display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between; */
	}
		#fsFooter .fsBanner:after {
		  content: normal; }
		body.fsDraftMode #fsFooter .fsBanner {
		  -webkit-flex-flow: row wrap;
		  -ms-flex-flow: row wrap;
		  flex-flow: row wrap; }
		  body.fsDraftMode #fsFooter .fsBanner .fsElementActionButtonContainer {
			-webkit-box-flex: 0;
			-webkit-flex: 0 1 100%;
			-ms-flex: 0 1 100%;
			flex: 0 1 100%; }
	  
	.fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-1, .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-2 {
  width: 100%;
}
@media (min-width: 340px) {
  .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-1, .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-2 {
    min-width: 280px;
  }
}
@media (min-width: 400px) {
  .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-1, .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-2 {
    width: 50%;
    float: left;
  }
}
@media (min-width: 1000px) {
  .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-1, .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-2 {
    width: 33.33333%;
  }
}
.fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-1 {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 760px) {
  .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-1 {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-2 {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 760px) {
  .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-2 {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
.fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-3 {
  float: none;
  width: 100%;
  clear: both;
}
@media (min-width: 1000px) {
  .fsFooter > .fsThreeColumnLayout > .fsDiv.fsStyleColumn-3 {
    float: left;
    clear: none;
    width: 33.33333%;
  }
}

	 #fsFooter .nav-social {
		margin-bottom: 20px; 
		text-align: center;
	  }

	.school-details {
	  margin-bottom: 20px; }
	  .school-details [itemprop='name'] {
		/*margin-top: 0;
		font-weight: normal;
		font-size: 24px;
		line-height: 26px;
		margin-bottom: 10px;*/
		margin-top: 5px;
		color: #ffffff;
		font-family: Lusitana;
		text-align: center;
		font-weight: 300;
		font-size: 50px;
		  line-height:1.1;
	   }
	   .school-details [itemprop='description'] {
		font-family: Lusitana;
		font-weight: bold;
		color: #81ba52;
		text-align: center;
			font-size:17px;
	   }
	  .school-details [itemprop='streetAddress'] {
		display: block; }
	  .school-details a {
		color: inherit; }

	.footer-quicklinks {
	  padding-top: 13px;
	  text-align:center;
	}
@media (min-width: 400px) {
  .footer-quicklinks {
    /*-webkit-transform: translateX(11%);
    -ms-transform: translateX(11%);
    transform: translateX(11%);*/
  }
}
@media (min-width: 1000px) {
  .footer-quicklinks {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.footer-quicklinks ul, .footer-quicklinks li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-quicklinks ul {
  padding-left: calc(22% + 20px);
  padding-left:0px;
	padding-bottom:13px;
}
@media (min-width: 600px) {
  .footer-quicklinks ul {
    padding-left: 92px;
  }
}
@media (min-width: 900px) {
  .footer-quicklinks ul {
    padding-left: 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}
.footer-quicklinks a {
  display: block;
  padding: 5px 0;
  line-height: 20px;
  font-size: 17px;
  color: #ffffff !important;
}
.footer-quicklinks a:hover {
  color: #81ba52 !important;
}



/*! ========  FS STRUCTURE - LAYOUTS v0.0.1 ========*/ 
* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box;
  pointer-events: none; }

html {
  font-family: Roboto, "Lato", sans-serif;
  background: #f4f4f4;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-size: 17px;
  line-height: 22px;
  color: #242424; }

#fsPageWrapper {
  /**overflow: hidden;   * FIND A WAY TO ADD SO MENU DOESN"T SCROLL */
  position: relative; }

#fsPageBodyWrapper {
  padding-right: 1.25em;
  padding-left: 1.25em;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #fff; }

#fsPageBody {
  position: relative;
  margin: 0 auto;
  max-width: 73.75em;
  max-width: 73.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
}

  @media (min-width: 600px) {
    #fsPageBody {
      display: block; 
	} 
  }

  @media (min-width: 768px) {
    #fsPageBody {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; 
	} 
  }

#fsPageContent {
  width: 100%; }

#fsBannerLeft {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 700px) {
    #fsBannerLeft {
      padding-right: 40px;
      width: 280px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 0; } }
  @media (min-width: 600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      padding-right: 20px;
      width: 200px; } }
  @media (min-width: 700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
      padding-right: 40px;
      width: 280px; } }
  @media (min-width: 800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      padding-right: 20px;
      width: 200px; } }
  @media (min-width: 1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
      padding-right: 40px;
      width: 280px; } }

.fsHasRightBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%; }
  @media (min-width: 700px) {
    .fsHasRightBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 320px); } }

.fsHasLeftBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%; }


  @media (min-width: 768px) {
    .fsHasLeftBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 280px); 
	} 

  }

.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 20px;
  width: 100%; }
  @media (min-width: 600px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 200px); } }
  @media (min-width: 700px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
      width: calc(100% - 280px); } }
  @media (min-width: 800px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 440px);
      margin-bottom: 0; } }
  @media (min-width: 1000px) {
    .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
      width: calc(100% - 600px); } }

#fsBannerRight {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin-bottom: 20px; }
  @media (min-width: 700px) {
    #fsBannerRight {
      padding-left: 40px;
      width: 320px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      margin-bottom: 0; } }
  .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    width: 100%;
    padding: 0; }
    @media (min-width: 600px) {
      .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 200px); } }
    @media (min-width: 700px) {
      .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        width: calc(100% - 280px); } }
    @media (min-width: 800px) {
      .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 20px;
        width: 240px; } }
    @media (min-width: 1000px) {
      .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
        padding-left: 40px;
        width: 320px; } }

@media (min-width: 800px) {
  .fsLayout {
    /*margin-right: -20px;
    margin-left: -20px; */
	  margin-right:0px;
	  margin-left:0px;
	} 
}

.fsLayout .fsDiv {
  /*margin-bottom: 20px;*/
  width: 100%;
  float: none; }
  @media (min-width: 800px) {
    .fsLayout .fsDiv {
      float: left; } }
  @media (min-width: 800px) {
    .fsLayout .fsDiv {
      /*padding-right: 1.25em;
      padding-left: 1.25em;*/
		padding:0px;
	  } 
}

@media (min-width: 800px) {
  .fsTwoColumnLayout .fsDiv {
    width: 50%; padding:10px;} }

@media (min-width: 900px) {
  .fsThreeColumnLayout .fsDiv {
    width: 33.33333%; } }

@media (min-width: 800px) {
  .fsFourColumnLayout .fsDiv {
    width: 50%; } }

@media (min-width: 1000px) {
  .fsFourColumnLayout .fsDiv {
    width: 25%; } }

.fsLayout .fsStyleTwoThirds {
  width: 100%; }
  @media (min-width: 700px) {
    .fsLayout .fsStyleTwoThirds {
      width: 66.66667%; } }

.fsLayout .fsStyleOneThird {
  width: 100%; }
  @media (min-width: 700px) {
    .fsLayout .fsStyleOneThird {
      width: 33.33333%; } }

div[class*="fsTwoColumnWide"] {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  div[class*="fsTwoColumnWide"] > .fsDiv {
    padding: 0;
    margin: 0;
    width: 100%;
    float: none;
    margin-bottom: 20px; }
    @media (min-width: 700px) {
      div[class*="fsTwoColumnWide"] > .fsDiv {
        margin-bottom: 0; } }
    div[class*="fsTwoColumnWide"] > .fsDiv:last-child {
      margin-bottom: 0; }

.fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 700px) {
    .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 280px); } }
  @media (min-width: 700px) {
    .fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
      width: 100%; } }
  @media (min-width: 1000px) {
    .fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 280px); } }
  .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 20px;
    width: 100%; }
    @media (min-width: 600px) {
      .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 200px); } }
    @media (min-width: 700px) {
      .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
        width: calc(100% - 280px); } }
    @media (min-width: 800px) {
      .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: calc(100% - 200px);
        margin-bottom: 0; } }
    @media (min-width: 1000px) {
      .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
        width: calc(100% - 280px); } }
  .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
    width: 100%; }
    @media (min-width: 1000px) {
      .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleTwoThirds {
        width: calc(100% - 200px); } }

.fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 700px) {
    .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: 280px;
      padding-right: 40px; } }
  @media (min-width: 700px) {
    .fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
      width: 100%;
      padding-right: 0;
      margin-bottom: 20px; } }
  @media (min-width: 1000px) {
    .fsHasLeftBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: 280px;
      padding-right: 40px;
      margin-bottom: 0; } }
  @media (min-width: 600px) {
    .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      padding-right: 20px;
      width: 200px; } }
  @media (min-width: 700px) {
    .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
      padding-right: 40px;
      width: 280px; } }
  @media (min-width: 800px) {
    .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      padding-right: 20px;
      width: 200px; } }
  @media (min-width: 1000px) {
    .fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
      padding-right: 40px;
      width: 280px; } }
  .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
    width: 100%; }
    @media (min-width: 1000px) {
      .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideRightLayout > .fsDiv.fsStyleOneThird {
        padding-right: 20px;
        width: 200px; } }

.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
  margin-bottom: 20px;
  width: 100%; }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
      width: calc(100% - 240px);
      margin-bottom: 0; } }
  @media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
      width: calc(100% - 320px); } }

.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
  width: 100%;
  padding: 0; }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
      padding-left: 20px;
      width: 240px; } }
  @media (min-width: 1000px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
      padding-left: 40px;
      width: 320px; } }

@media (min-width: 600px) {
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 20px;
    width: 200px; } }

@media (min-width: 700px) {
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px; } }

@media (min-width: 800px) {
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 20px;
    width: 200px; } }

@media (min-width: 1100px) {
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px; } }

.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
  margin-bottom: 20px;
  width: 100%; }
  @media (min-width: 600px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 200px); } }
  @media (min-width: 700px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 280px); } }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 440px);
      margin-bottom: 0; } }
  @media (min-width: 1100px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 600px); } }

.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
  width: 100%;
  padding: 0; }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
      padding-left: 20px;
      width: 240px; } }
  @media (min-width: 1100px) {
    .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
      padding-left: 40px;
      width: 320px; } }

.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 700px) {
    .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 320px); } }
  .fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
    margin-bottom: 20px;
    width: 100%; }
    @media (min-width: 800px) {
      .fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
        width: calc(100% - 240px);
        margin-bottom: 0; } }
    @media (min-width: 1000px) {
      .fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
        width: calc(100% - 320px); } }
  @media (min-width: 700px) {
    .fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
      width: 100%; } }
  @media (min-width: 1000px) {
    .fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
      width: calc(100% - 320px); } }
  .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
    width: 100%; }
    @media (min-width: 1000px) {
      .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleTwoThirds {
        width: calc(100% - 240px); } }

.fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }
  @media (min-width: 700px) {
    .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: 320px;
      padding-left: 40px; } }
  .fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
    width: 100%;
    padding: 0; }
    @media (min-width: 800px) {
      .fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
        padding-left: 20px;
        width: 240px; } }
    @media (min-width: 1000px) {
      .fsHasLeftBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
        padding-left: 40px;
        width: 320px; } }
  @media (min-width: 700px) {
    .fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
      width: 100%;
      padding-left: 0;
      margin-bottom: 20px; } }
  @media (min-width: 1000px) {
    .fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
      width: 320px;
      padding-left: 40px;
      margin-bottom: 0; } }
  .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
    width: 100%; }
    @media (min-width: 1000px) {
      .fsHasLeftBanner.fsHasRightBanner .fsTwoColumnWideLeftLayout > .fsDiv.fsStyleOneThird {
        padding-left: 20px;
        width: 240px; } }

.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 20px;
  width: 100%; }
  @media (min-width: 600px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 200px); } }
  @media (min-width: 700px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 280px); } }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 200px);
      margin-bottom: 0; } }
  @media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 280px); } }

.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
  width: 100%;
  padding: 0; }
  @media (min-width: 600px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      padding-right: 20px;
      width: 200px; } }
  @media (min-width: 700px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
      padding-right: 40px;
      width: 280px; } }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      padding-right: 20px;
      width: 200px; } }
  @media (min-width: 1000px) {
    .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
      padding-right: 40px;
      width: 280px; } }

@media (min-width: 600px) {
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 20px;
    width: 200px; } }

@media (min-width: 700px) {
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px; } }

@media (min-width: 800px) {
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 20px;
    width: 200px; } }

@media (min-width: 1100px) {
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px; } }

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 20px;
  width: 100%; }
  @media (min-width: 600px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 200px); } }
  @media (min-width: 700px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 280px); } }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      width: calc(100% - 440px);
      margin-bottom: 0; } }
  @media (min-width: 1100px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
      width: calc(100% - 600px); } }

.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
  width: 100%;
  padding: 0; }
  @media (min-width: 800px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      padding-left: 20px;
      width: 240px; } }
  @media (min-width: 1100px) {
    .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
      padding-left: 40px;
      width: 320px; } }

.fsElephantRightLayout,
.fsElephantLeftLayout {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .fsElephantRightLayout > div,
  .fsElephantLeftLayout > div {
    padding: 0;
    margin: 0;
    width: 100%;
    float: none;
    margin-bottom: 20px; }
    @media (min-width: 700px) {
      .fsElephantRightLayout > div,
      .fsElephantLeftLayout > div {
        margin-bottom: 0; } }
    .fsElephantRightLayout > div:last-child,
    .fsElephantLeftLayout > div:last-child {
      margin-bottom: 0; }

@media (min-width: 700px) {
  .fsElephantRightLayout > div.fsStyleTwoThirds {
    width: calc(100% - 320px); } }

.fsElephantRightLayout > div.fsStyleTwoThirds > .fsDiv {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 800px) {
  .fsElephantRightLayout > div.fsStyleTwoThirds > .fsTwoColumnLayout {
    margin-right: -20px;
    margin-left: -20px; } }

@media (min-width: 700px) {
  .fsHasLeftBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
    width: 100%; } }

@media (min-width: 1000px) {
  .fsHasLeftBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
    width: calc(100% - 320px); } }

@media (min-width: 700px) {
  .fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
    width: 100%; } }

@media (min-width: 1000px) {
  .fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
    width: calc(100% - 240px); } }

.fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
  width: 100%; }
  @media (min-width: 1200px) {
    .fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleTwoThirds {
      width: calc(100% - 240px); } }

@media (min-width: 700px) {
  .fsElephantRightLayout > div.fsStyleOneThird {
    width: 320px;
    padding-left: 40px;
    padding-right: 0; } }

@media (min-width: 700px) {
  .fsHasLeftBanner .fsElephantRightLayout > div.fsStyleOneThird {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px; } }

@media (min-width: 1000px) {
  .fsHasLeftBanner .fsElephantRightLayout > div.fsStyleOneThird {
    width: 320px;
    padding-left: 40px;
    margin-bottom: 0; } }

@media (min-width: 700px) {
  .fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px; } }

@media (min-width: 1000px) {
  .fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
    width: 240px;
    padding-left: 20px;
    margin-bottom: 0; } }

.fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
  width: 100%;
  padding-left: 0; }
  @media (min-width: 1200px) {
    .fsHasLeftBanner.fsHasRightBanner .fsElephantRightLayout > div.fsStyleOneThird {
      padding-left: 20px;
      width: 240px; } }

@media (min-width: 700px) {
  .fsElephantLeftLayout > div.fsStyleTwoThirds {
    width: calc(100% - 280px); } }

.fsElephantLeftLayout > div.fsStyleTwoThirds > .fsDiv {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 800px) {
  .fsElephantLeftLayout > div.fsStyleTwoThirds > .fsTwoColumnLayout {
    margin-right: -20px;
    margin-left: -20px; } }

@media (min-width: 700px) {
  .fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
    width: 100%; } }

@media (min-width: 1000px) {
  .fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
    width: calc(100% - 200px); } }


@media (min-width: 700px) {
  .fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
    width: 100%; } }

@media (min-width: 1000px) {
  .fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
    width: calc(100% - 280px); } }

.fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
  width: 100%; }
  @media (min-width: 1200px) {
    .fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleTwoThirds {
      width: calc(100% - 200px); } }

@media (min-width: 700px) {
  .fsElephantLeftLayout > div.fsStyleOneThird {
    width: 280px;
    padding-right: 40px;
    padding-left: 0; } }

@media (min-width: 700px) {
  .fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleOneThird {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px; } }

@media (min-width: 1000px) {
  .fsHasLeftBanner .fsElephantLeftLayout > div.fsStyleOneThird {
    width: 200px;
    padding-right: 20px;
    margin-bottom: 0; } }

@media (min-width: 700px) {
  .fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px; } }

@media (min-width: 1000px) {
  .fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
    width: 280px;
    padding-right: 40px;
    margin-bottom: 0; } }

.fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
  width: 100%;
  padding-left: 0; }
  @media (min-width: 1200px) {
    .fsHasLeftBanner.fsHasRightBanner .fsElephantLeftLayout > div.fsStyleOneThird {
      padding-right: 20px;
      width: 200px; } }

#fsPoweredByFinalsite {
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-width: 73.75em;
  max-width: 73.75rem; }

.fsBreadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.fsBreadcrumb li {
  display: inline-block; }



/*! ========  FS STRUCTURE - NAVIGATION MAIN MENU v0.0.1 ========*/ 
	#fsHeader .nav-main {
	  display: none; 
	}

	  @media (min-width: 769px) /* was 900 */{
	  	#fsHeader .nav-main {
			display: block; 
			margin-bottom: 0px;
			background-color: rgba(0,47,82, 0.96);
			
			/*position: absolute;
			width: 100%;
			z-index: 500;
			border-top: 1px solid #d3d3d3;
    		border-bottom: 1px solid #d3d3d3;*/
			
			display: block;
			margin-bottom: 0px;
			background-color: rgba(0,47,82, 0.96);
			position: relative;
			width: 100%;
			z-index: 11;
			border-top: 1px solid #d3d3d3;
			border-bottom: 1px solid #d3d3d3;
			top: 553px;
		}
		  
		  #fsHeader .nav-main:after {
			position: absolute;
			left: 0;
			bottom: -6px;
			content: '';
			width: 100%;
			height: 5px;
			background: rgba(255, 255, 255, 0.2);
		  }
		  #fsHeader .nav-main.is-fixed, .no-hero #fsHeader .nav-main {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
			-webkit-transition: .3s;
			transition: .3s;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1, .no-hero #fsHeader .nav-main .fsNavLevel1 {
			max-width: 1180px;
			padding: 0 20px;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 > a, .no-hero #fsHeader .nav-main .fsNavLevel1 > a {
			height: 74px;
			width: 50px;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 > a:before, .no-hero #fsHeader .nav-main .fsNavLevel1 > a:before {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			content: '';
			height: 50px;
			width: 50px;
			background: url(../images/monogram.png);
			background-size: cover;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .search-trigger-container, .no-hero #fsHeader .nav-main .fsNavLevel1 .search-trigger-container {
			margin-top: 15px;
			height: 44px;
			width: 44px;
			border: 1px solid #b1b2b4;
			border-radius: 50%;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .search-trigger-container:after, .no-hero #fsHeader .nav-main .fsNavLevel1 .search-trigger-container:after {
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			color: #78be20;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .top-search, .no-hero #fsHeader .nav-main .fsNavLevel1 .top-search {
			top: 74px;
			right: -20px;
			z-index: 9000;
		  }
		}

		@media (min-width: 750px) and (min-width: 1000px) {
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .top-search, .no-hero #fsHeader .nav-main .fsNavLevel1 .top-search {
			top: 75px;
		  }
		}

		@media (min-width: 750px) {
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .top-search form button, .no-hero #fsHeader .nav-main .fsNavLevel1 .top-search form button {
			top: -48px;
			right: 28px;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .top-search form button:after, .no-hero #fsHeader .nav-main .fsNavLevel1 .top-search form button:after {
			bottom: 0;
		  }
		}

		@media (min-width: 750px) and (min-width: 1000px) {
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .top-search form button, .no-hero #fsHeader .nav-main .fsNavLevel1 .top-search form button {
			top: -61px;
		  }
		  #fsHeader .nav-main.is-fixed .fsNavLevel1 .top-search form button:after, .no-hero #fsHeader .nav-main .fsNavLevel1 .top-search form button:after {
			bottom: -13px;
		  }
		}

		@media (min-width: 750px) {
		  #fsHeader .nav-main.is-fixed.fixed-account, .no-hero #fsHeader .nav-main.fixed-account {
			top: 45px;
		  }
		  .no-hero #fsHeader .nav-main {
			top: 93px !important;
		  }
		}

		@media (min-width: 750px) and (max-width: 1000px) {
		  .no-hero #fsHeader .nav-main {
			top: 80px;
		  }
		}


	.nav-main, .nav-main ul{
		margin: 0px;
		padding: 0px;
		list-style:none;
	}
	.nav-main .fsNavLevel1, .nav-main .fsNavLevel1 ul {
	  margin: 0;
	  padding: 0;
	  list-style: none; 
	}

	.nav-main li {
	  margin: 0;
	  padding: 0;
	}
	.nav-main .fsNavLevel1 li {
	  margin: 0;
	  padding: 0; 
	}

	@media (min-width: 769px) {
	  .nav-main .fsNavLevel1 {
		position: relative;
		margin: 0 auto;
		max-width: 73.75em;
		max-width: 73.75rem;
		max-width: 1280px; /* Added 1/30 */
		text-align: center;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap; }
		.no-flexbox .nav-main .fsNavLevel1 {
		  text-align: justify;
		  font-size: 0.1px; }
		  .no-flexbox .nav-main .fsNavLevel1 > li {
			display: inline-block; }
		  .no-flexbox .nav-main .fsNavLevel1:after {
			content: "";
			display: inline-block;
			width: 100%; } 
	}

	.nav-main .fsNavLevel1 > li {
	  /*padding: 25px 0;
	  position: relative;*/	
	}

	/*html.js .nav-main .fsNavLevel1 > li {
	   
	}
	html.js .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
		position: absolute;
		top: 100%;
		left: 0;
		max-height: 0;
		overflow: hidden; 
	}
	
	.menu-item-open html.js .nav-main .fsNavLevel1 > li > .fsNavPageInfo {
		max-height: 9999px; 
	}
	  
	html.js .nav-main .fsNavLevel1 > li.menu-item-open > .fsNavPageInfo {
		max-height: 9999px; 
	}

	html:not(.js)  .nav-main .fsNavLevel1 > li {
	  position: relative; 
	}
	html:not(.js)	.nav-main .fsNavLevel1 > li > .fsNavPageInfo {
		position: absolute;
		top: 100%;
		left: 0;
		max-height: 0;
		overflow: hidden; 
	}
	html:not(.js) .nav-main .fsNavLevel1 > li:hover > .fsNavPageInfo {
		max-height: 9999px; 
	}
	  @media (max-width: 599px) {
		html:not(.js) .nav-main .fsNavLevel1 > li:focus > .fsNavPageInfo {
		  max-height: 9999px; 
	  } 
	}
	*/

	@media (min-width: 769px) {
	  .nav-main .fsNavLevel1 > li {
		-webkit-box-flex: 1;
		-webkit-flex: 1 auto;
		-ms-flex: 1 auto;
		flex: 1 auto; 
	  } 
	}

	.nav-main .fsNavLevel1 > li > a {
	  padding: 1.25em;
	  color: #fff;
	  display: block; 
	}
	
	.nav-main .fsNavLevel1 > li > a:focus {
		background: #163052; 
	}

	.nav-main .fsNavLevel1 > li:hover > a {
	  background: #f4f4f4;
	  color: #00a67b;
      box-shadow: inset 0 6px 0 0 #002f52;
	}

	.nav-main .fsNavLevel1 > li[class*="fsNavCurrentPage"] > a {
	  background: #002f52; 
	}

	.nav-main .fsNavLevel1 > li > .fsNavPageInfo {
	  position: absolute;
	  top: 101%;
	  left: 48px;
	  width: 100%;
	  max-height: 0;
	  overflow: hidden;
	}
	.nav-main .fsNavLevel1 > li:hover > .fsNavPageInfo {
	  max-height: 9999px;
	}
	@media (max-width: 599px) {
	  .nav-main .fsNavLevel1 > li:focus > .fsNavPageInfo {
		max-height: 9999px;
	  }
	}
	.nav-main .fsNavLevel1 > li > .fsNavPageInfo {
	  z-index: 300;
	}

	.nav-main .fsNavPageInfo {
	  background: #f4f4f4;
	  text-align: left;
	  z-index: 300;
	  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.35);
	  display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}
	.nav-main .fsNavLevel1 > li:hover .fsNavPageInfo{
		padding:30px;
		left:0;
		max-width:1280px;
	}
	
	.nav-main .fsNavLevel1 > li:first-child .fsNavPageInfo {
		left: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none; 
	}
	.nav-main .fsNavLevel1 > li:last-child .fsNavPageInfo {
		right: 0;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none; 
	}

	@media (min-width: 769px) {
	  .nav-main .fsNavParentPage:hover .fsNavPageInfo {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		padding: 20px;
	  }	
	}

	
	.nav-main .fsNavPageDescription {
		margin-right: 60px;
		font-size: 15px;
		color: rgba(255, 255, 255, 0.7);
		
		  width: 27.5%;
		  text-align: center;
		  font-size: 13px;
		  line-height: 18px;
	}

	.nav-main .fsNavPageDescription a {
		color: #005647;
	}

	.nav-main .fsNavPageDescription strong, .nav-main .fsNavPageDescription a {
	  font-size: 17px;
	  line-height: 30px;
	  color: #78be20;
	  font-weight: 700;
	}

	.nav-main .fsNavPageThumbnail {
	  width: 27.5%;
	  text-align: center;
	}
	.nav-main .fsNavPageThumbnail .thumbnail-wrapper {
	  display: inline-block;
	  position: relative;
	}
	.nav-main .fsNavPageThumbnail .thumbnail-wrapper:before {
	  position: absolute;
	  left: 0;
	  height: 100%;
	  width: 10px;
	  content: '';
	  background: rgba(120, 190, 32, 0.6);
	}

	
	.nav-main .fsNavPageDescription img {
		width: 120px;
		position: absolute;
		left: 0;
		top: 5px;
		display: block;
  		max-height: 261px;
	}

	.nav-main .fsNavPageDescription li {
		position: relative;
		padding-left: 150px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.nav-main .fsNavPageDescription strong {
		display: inline-block;
		font-size: 20px;
		color: #333;
		margin-bottom: 20px;
	}
	.nav-main .fsNavLevel2 {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}

	.nav-main .fsNavLevel2 li{
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid-column;
	}

	.nav-main .fsNavLevel2 li:not(:last-child) {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}

	.nav-main .fsNavLevel2 li a {
	  padding: 0.625em;
	  color: #002f52;
	  display: block; 
	}
	
	.nav-main .fsNavLevel2 li a:hover, .nav-main .fsNavLevel2 li a:focus {
		background: #163052; 
	}

	.drawer-ribbon {
	  position: relative;
	  height: 50px;
		
	  right: 0px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  z-index: 10;
	  height: 50px;
	  width: 50px;
	}

	  @media (min-width: 769px) {
		.drawer-ribbon {
		  display: none; } }

	.drawer-trigger {
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  border: 0;

	  background: none;
	  outline: 0;
	  margin: 0;
	  padding: 0;
	  max-width: 50px; }
	  .drawer-trigger:before, .drawer-trigger:after {
		position: absolute;
		top: 50%;
		left: 50%;
		height: 2px;
		width: 50%;
		content: '';
		background: #fff; }
	  .drawer-trigger:before {
		margin-top: -0.25em;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: margin-top .3s, -webkit-transform .3s;
		transition: margin-top .3s, transform .3s; }
	  .drawer-trigger:after {
		box-shadow: 0 0.25em 0 0 #fff;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: box-shadow .3s, -webkit-transform .3s;
		transition: box-shadow .3s, transform .3s; }
	  .drawer-is-active .drawer-trigger:before {
		margin-top: 0;
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		-ms-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg); }
	  .drawer-is-active .drawer-trigger:after {
		box-shadow: none;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg); }

	.fsMenu {
	  position: absolute;
	  z-index: 500;
	  width: 100%;
	  pointer-events: none;
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
	  transition: opacity .3s, visibility .3s, transform .3s;
	  top: 0;
	  left: 0;
	  -webkit-transform: translate3d(-20%, 0, 0);
	  transform: translate3d(-20%, 0, 0);
	  -webkit-transform: translate(-20%, 0);
	  -ms-transform: translate(-20%, 0);
	  transform: translate(-20%, 0);
	  top: 3.75em;
	  min-height: 100%;
	  max-width: 37.5em;
	  /*background: #1c1c1c;*/
	}



	  .drawer-is-active .fsMenu {
		pointer-events: auto;
		opacity: 1;
		visibility: visible;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); 
		/*background-image: url('http://www.smrhs.org/uploaded/images/footer_bg_campus.jpg');*/
	  }
		

	.fsMenu .mobile-search {
	  background: #efeff0;
	  margin-bottom: 0;
	  padding: 27.5px 15px;
	  box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.3) inset;
	}
	.fsMenu .mobile-search button {
	  width: 25px;
	  height: 45px;
	  display: inline-block;
	  vertical-align: top;
	  padding-right: 0;
	  padding-left: 0;
	  background: none;
	  border: 0;
	  border-radius: 0px !important;
	}
	.fsMenu .mobile-search button:before {
	  content: "\e908";
	  font-family: IcoMoon;
	  font-size: 16px;
	  color: #78be20;
	}
	.fsMenu .mobile-search input {
	  width: 80%;
	  height: 45px;
	  background: none;
	  border: 0;
	  border-radius: 0px !important;
	  color: #2c2a29;
	}
	.fsMenu .mobile-search ::-webkit-input-placeholder {
	  font-size: 13px;
	  line-height: 18px;
	  color: #63666a;
	  text-transform: none;
	  font-weight: 500;
	}
	.fsMenu .mobile-nav {
	  display: block;
	  position: relative;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.3) inset;
	}
	.fsMenu .mobile-nav header {
	  display: none;
	}
	.fsMenu .mobile-nav ul {
	  padding-left: 0px;
	  list-style: none;
	  margin-bottom: 0px;
	}
	.fsMenu .mobile-nav ul li {
	  padding: 0;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage {
	  position: relative;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage.active > a {
	  color: #78be20;
	  background: #005c40;
	  box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.3) inset;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .fsNavPageInfo .fsNavPageDescription, .fsMenu .mobile-nav ul li.fsNavParentPage .fsNavPageInfo .fsNavPageThumbnail {
	  display: none;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .drop-trigger {
	  color: #f8f8f7;
	  cursor: pointer;
	  width: 43px;
	  height: 43px;
	  padding-top: 8px;
	  padding-right: 2px;
	  position: absolute;
	  right: 0;
	  top: 0;
	  text-align: left;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .drop-trigger:after {
	  content: '';
	  width: 2px;
	  height: 12px;
	  background: #fff;
	  display: block;
	  position: absolute;
	  -webkit-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	  transform: rotate(0deg);
	  right: 19px;
	  top: 16px;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .drop-trigger:before {
	  content: '';
	  width: 2px;
	  height: 12px;
	  background: #fff;
	  display: block;
	  position: absolute;
	  -webkit-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	  transform: rotate(90deg);
	  right: 19px;
	  top: 16px;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .drop-trigger.expanded {
	  background: #005c40;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .drop-trigger.expanded:before {
	  background: #acacac;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .drop-trigger.expanded:after {
	  display: none;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage .fsNavPageInfo {
	  display: none;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage > a {
	  position: relative;
	}
	.fsMenu .mobile-nav ul li.fsNavParentPage > a:after {
	  content: '';
	  position: absolute;
	  height: 100%;
	  width: 1px;
	  background: rgba(255, 255, 255, 0.2);
	  right: 0px;
	  top: 0;
	}
	.fsMenu .mobile-nav ul li.fsNavCurrentPage > a, .fsMenu .mobile-nav ul li.fsNavCurrentPageAncestor > a {
	  color: #78be20 !important;
	}
	.fsMenu .mobile-nav ul li.fsNavCurrentPage > .fsNavPageInfo, .fsMenu .mobile-nav ul li.fsNavCurrentPageAncestor > .fsNavPageInfo {
	  display: block;
	}
	.fsMenu .mobile-nav ul li > a {
	  display: block;
	  color: #fefefe;
	  margin-right: 40px;
	  font-size: 14px;
	  font-weight: 500;
	}
	.fsMenu .mobile-nav ul.fsNavLevel1 > li:not(:first-of-type) {
	  border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	.fsMenu .mobile-nav ul.fsNavLevel1 > li:last-child {
	  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.fsMenu .mobile-nav ul.fsNavLevel1 > li > a {
	  padding: 10px 0 10px 20px;
	  font-size: 13px;
	  font-weight: bold;
	  text-transform: uppercase;
	}
	.fsMenu .mobile-nav ul.fsNavLevel2 {
	  background: #005c40;
	  box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.3) inset;
	}
	.fsMenu .mobile-nav ul.fsNavLevel2 > li > a {
	  padding: 10px 0 10px 30px;
	  font-size: 14px;
	  color: #fff;
	  border-right: 1px solid rgba(255, 255, 255, 0.2);
	}
	.fsMenu .mobile-nav ul.fsNavLevel2 > li > a:after {
	  background: none;
	}
	.fsMenu .mobile-nav ul.fsNavLevel3 {
	  background: #005c40;
	  box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.3) inset;
	}
	.fsMenu .mobile-nav ul.fsNavLevel3 > li > a {
	  padding: 10px 0 10px 45px;
	  font-size: 14px;
	  color: #fff;
	  border-right: 1px solid rgba(255, 255, 255, 0.2);
	}
	.fsMenu .mobile-nav ul.fsNavLevel3 > li > a:after {
	  background: none;
	}
	.fsMenu .mobile-nav ul.fsNavLevel4 {
	  background: #005c40;
	  box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.3) inset;
	}
	.fsMenu .mobile-nav ul.fsNavLevel4 > li > a {
	  padding: 10px 0 10px 60px;
	  font-size: 14px;
	  color: #fff;
	  border-right: 1px solid rgba(255, 255, 255, 0.2);
	}
	.fsMenu .mobile-nav ul.fsNavLevel4 > li > a:after {
	  background: none;
	}
	.fsMenu .mobile-nav ul.fsNavLevel5 {
	  background: #005c40;
	  box-shadow: 10px 0 5px -2px rgba(0, 0, 0, 0.3) inset;
	}
	.fsMenu .mobile-nav ul.fsNavLevel5 > li > a {
	  font-size: 14px;
	  color: #fff;
	  border-right: 1px solid rgba(255, 255, 255, 0.2);
	}
	.fsMenu .mobile-nav ul.fsNavLevel5 > li > a:after {
	  background: none;
	}

	#fsHeader,
	#fsPageBodyWrapper,
	#fsFooter {
	  -webkit-transition: right .3s;
	  transition: right .3s;
	}

	.drawer-is-active #fsHeader,
	.drawer-is-active #fsPageBodyWrapper,
	.drawer-is-active #fsFooter {
	  /*position: relative;
	  right: 75%;*/
	}

	.fsMenu .mobile-utility .fsNavLevel1 > li > a {
	  font-size: 11px !important;
	  color: #ffe320;
	}

	.nav-sub, .nav-sub ul {
	  margin: 0;
	  padding: 0;
	  list-style: none; }

	.nav-sub li {
	  margin: 0;
	  padding: 0; }

	#fsHeader .nav-sub {
	  display: block;
	  padding: 0 20px;
	  background: #fff; }
	  @media (min-width: 768px) {
		#fsHeader .nav-sub {
		  display: none; } }

	#fsPageBody .nav-sub {
	  display: none; }
	  @media (min-width: 768px) {
		#fsPageBody .nav-sub {
		  	display: block;
			background-color: #efefef;
    		padding: 8px;
		} 
	  }

	.nav-sub.nav-sub-empty {
	  display: none !important; }

	@media (max-width: 767px) {
	  .nav-sub > .fsElementContent {
		height: auto;
		max-height: 0;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease; } }

	.nav-sub.active-nav > .fsElementContent {
	  max-height: 9999px;
	  visibility: visible;
	  opacity: 1;
	}

	.nav-sub.active-nav .section-title:after {
	  -webkit-transform: rotate(-90deg);
	  -ms-transform: rotate(-90deg);
	  transform: rotate(-90deg);
	}
	.nav-sub ul li.fsNavParentPage .fsNavPageInfo {
	  display: none;
	}

	.nav-sub ul li.fsNavCurrentPage > a, .nav-sub ul li.fsNavCurrentPageAncestor > a {
	  color: #363636; 
	}

	.nav-sub ul li.fsNavCurrentPage .fsNavPageInfo, .nav-sub ul li.fsNavCurrentPageAncestor .fsNavPageInfo {
	  display: block;
	  /*padding-left: 15px;*/
	}
	.nav-sub ul li.fsNavCurrentPage > a {
	  position: relative;
		padding-left:10px;
	}
	.nav-sub ul li.fsNavCurrentPage > a:before {
	  position: absolute;
	  top: 0;
	  left: -8px;
	  content: '';
	  width: 8px;
	  height: 100%;
	  background: #005647;
	}
	.nav-sub ul li.fsNavCurrentPage > a:after {
	  	content: "";
		font-family: "IcoMoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none;
		display: block;
		opacity: 1;
		transform:translatex(0);
		position: absolute;
		right: 0;
		top: 12px;
		color: #005647;
		font-size: 13px;
	}

	.nav-sub ul li a {
	  display: block;
	  padding: 10px 0;
	  color: #363636; }
	  .nav-sub ul li a:hover {
		color: #005647;
		  color: #00976c;
   	 	  transition: .25s ease-in-out;
    	  padding-left: 28px;
    	  /* background-color: #303030; */
    	  box-shadow: inset 8px 0 0 #005647;
	  }

	.nav-sub .fsNavLevel1 > li {
	  border-bottom: 1px solid #f4f4f4;
	  transition: .25s ease-in-out;
	}
	  .nav-sub .fsNavLevel1 > li:last-child {
		border-bottom: none; 
	  }

	.nav-sub > header {
	  display: block; 
	}
	
	@media (min-width: 800px) {
		.nav-sub > header {
		  /*display: none; */
			text-align:left;
			font-weight:bold;
		} 
	}
	
	.nav-sub > header > .fsElementTitle {
		margin-top: 0;
		font-weight: normal;
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 10px;
		position: relative;
		margin: 0;
		padding: 20px;
		cursor: pointer;
		text-align: center; }
		@media (min-width: 800px) {
		  .nav-sub > header > .fsElementTitle {
			cursor: default; } 
		}
		@media (max-width: 799px) {
		  .nav-sub > header > .fsElementTitle:after {
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
			width: 40px;
			line-height: 40px;
			text-align: center;
			margin-left: 8px;
			content: "ï…";
			font-family: "IcoMoon";
			font-smoothing: antialiased;
			font-weight: normal;
			speak: none; } 
		}
		@media (max-width: 799px) {
		  .nav-sub.active-nav > header > .fsElementTitle:after {
			content: "ï…‚";
			font-family: "IcoMoon";
			font-smoothing: antialiased;
			font-weight: normal;
			speak: none; } 
		}

	.nav-sub .section-title a {
	  font-size: 13px;
	  line-height: 15px;
	  font-weight: 700;
	  text-transform: uppercase;
	  color: #63666a;
	}

	.nav-sub .section-title:after {
	  content: "";
	  font-family: "IcoMoon";
	  font-smoothing: antialiased;
	  font-weight: normal;
	  speak: none;
	  position: absolute;
	  right: 15px;
	  font-size: 13px;
	  color: #63666a;
	  -webkit-transition: .3s;
	  transition: .3s;
	}

	.nav-social .fsNavLevel1 {
	  font-size: 0; }
	  .nav-social .fsNavLevel1, .nav-social .fsNavLevel1 ul {
		margin: 0;
		padding: 0;
		list-style: none; }
	  .nav-social .fsNavLevel1 li {
		margin: 0;
		padding: 0; }
	  .nav-social .fsNavLevel1 li {
		display: inline-block; }
		.nav-social .fsNavLevel1 li:not(:last-child) {
		  margin-right: 10px; }
	  .nav-social .fsNavLevel1 [href*='facebook']:before {
		content: "\e61f";
		font-family: "icomoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='instagram']:before {
		content: "\e63a";
		font-family: "icomoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='linkedin']:before {
		content: "ïƒ¡";
		font-family: "IcoMoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='pinterest']:before {
		content: "ïƒ’";
		font-family: "IcoMoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='tumblr']:before {
		content: "ï…³";
		font-family: "IcoMoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='twitter']:before {
		content: "\e6a4";
		font-family: "icomoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='vimeo']:before {
		content: "ï‰½";
		font-family: "IcoMoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='vine']:before {
		content: "ï‡Š";
		font-family: "IcoMoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='youtube']:before {
		content: "\e6b9";
		font-family: "icomoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='rss']:before {
		content: "ï‚ž";
		font-family: "IcoMoon";
		font-smoothing: antialiased;
		font-weight: normal;
		speak: none; }
	  .nav-social .fsNavLevel1 [href*='facebook']:hover {
		background: #3b5998;
		border-color: #3b5998; }
		.nav-social .fsNavLevel1 [href*='facebook']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='instagram']:hover {
		background: #3f729b;
		border-color: #3f729b; }
		.nav-social .fsNavLevel1 [href*='instagram']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='linkedin']:hover {
		background: #0077b5;
		border-color: #0077b5; }
		.nav-social .fsNavLevel1 [href*='linkedin']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='pinterest']:hover {
		background: #cc2127;
		border-color: #cc2127; }
		.nav-social .fsNavLevel1 [href*='pinterest']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='tumblr']:hover {
		background: #35465c;
		border-color: #35465c; }
		.nav-social .fsNavLevel1 [href*='tumblr']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='twitter']:hover {
		background: #55acee;
		border-color: #55acee; }
		.nav-social .fsNavLevel1 [href*='twitter']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='vimeo']:hover {
		background: #1ab7ea;
		border-color: #1ab7ea; }
		.nav-social .fsNavLevel1 [href*='vimeo']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='vine']:hover {
		background: #00b488;
		border-color: #00b488; }
		.nav-social .fsNavLevel1 [href*='vine']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='youtube']:hover {
		background: #cd201f;
		border-color: #cd201f; }
		.nav-social .fsNavLevel1 [href*='youtube']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 [href*='rss']:hover {
		background: #f26522;
		border-color: #f26522; }
		.nav-social .fsNavLevel1 [href*='rss']:hover:before {
		  color: #fff; }
	  .nav-social .fsNavLevel1 a {
		display: block;
		position: relative;
		border: 1px solid #002f52;
		background: #transparent;
		height: 50px;
		width: 50px;
		border-radius: 100%; }
		.nav-social .fsNavLevel1 a:before {
		  color: #fff;
		  font-size: 52px;
		  -webkit-transition: 0.3s all;
		  transition: 0.3s all;
		  display: block;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -webkit-transform: translate(-50%, -50%);
		  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%); }

	.nav-utility-footer .fsNavLevel1, .nav-utility-footer .fsNavLevel1 ul {
	  margin: 0;
	  padding: 0;
	  list-style: none; }

	/*.nav-utility-header {
	  display: none;
	  float: right;
	}
	@media (min-width: 750px) {
	  .nav-utility-header {
		display: block;
	  }
	}*/
	.nav-utility-header {
		display: block;
		display:inline-block;
	  }
	
	.nav-utility-header .fsNavLevel1 {
	  position: relative;
	  list-style: none;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  margin-bottom: 0;
	}
	.nav-utility-header .fsNavLevel1 > li {
	  position: relative;
	  /*margin-right: 25px;*/
	  margin-right:0px;
	}
	.nav-utility-header .fsNavLevel1 > li > .fsNavPageInfo {
	  position: absolute;
	  top: 101%;
	  left: 48px;
	  width: 93%;
	  max-height: 0;
	  overflow: hidden;
	}
	.nav-utility-header .fsNavLevel1 > li:hover > .fsNavPageInfo {
	  max-height: 9999px;
	}
	@media (max-width: 599px) {
	  .nav-utility-header .fsNavLevel1 > li:focus > .fsNavPageInfo {
		max-height: 9999px;
	  }
	}
	.nav-utility-header .fsNavLevel1 > li > a {
	  width: 100%;
	  font-size: 12px;
	  font-weight: 500;
	  text-transform: uppercase;
	  letter-spacing: .75px;
	  display:inline-table;
	}
	



@media (min-width: 1020px) { }
	  .nav-utility-header .fsNavLevel1 > li > a {
		font-size: 13px;
	  }
		.nav-utility-header .fsNavLevel1 > li > a > i {
			font-size:17px;
	}

@media (max-width: 758px) {	
	.nav-utility-header .fsNavLevel1 > li > a > i {
		font-size:17px;
		display: block !important;
		line-height: 1.5;
		width: 30px;
	}
}
/*@media (max-width: 480px) {	
	.nav-utility-header .fsNavLevel1{padding-left:0px;}
	.nav-utility-header .fsNavLevel1 > li > a{letter-spacing:12px;}
	
	.nav-utility-header .fsNavLevel1 > li > a > i {
		font-size:21px;
		width:50px;
	}
}*/


	.nav-utility-header .fsNavLevel1 > li.fsNavParentPage > a:after {
	  /*content: "";
	  font-family: "IcoMoon";
	  font-smoothing: antialiased;
	  font-weight: normal;
	  speak: none;
	  margin-left: 5px;
	  font-size: 11px;
	  line-height: 13px;
	  color: #ffffff;*/
	}
	.nav-utility-header .fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo {
	  top: 99%;
	  width: 250%;
	  max-width: 293px;
	  z-index: 11;
	  padding: 0px;
	  background: #fff;
	  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.35), -1px 0 7px rgba(0, 0, 0, 0.35);
		text-align:left;
		transition: .15s ease-in-out;
	}
	.nav-utility-header .fsNavLevel1 > li:nth-child(n-2) .fsNavPageInfo {
	  left: 0;
	}
	
	.nav-utility-header .fsNavLevel1 > li:nth-child(n+3) .fsNavPageInfo {
	  left: auto;
	  right: 0;
	}
	.nav-utility-header .fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo .fsNavLevel2 {
	  list-style: none;
	  padding: 20px 0 10px 0;
	}
	@media (max-width: 768px){
		.nav-utility-header .fsNavLevel1 > li:nth-child(n-2) .fsNavPageInfo {
			left: -150px;
			width:200px;	
		}
		.nav-utility-header .fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo .fsNavLevel2 {
		  list-style: none;
		  padding: 40px 0 20px 0px;
		}
	}
	.nav-utility-header .fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo .fsNavLevel2 li {
	  /*line-height: 26px;
	  margin-bottom: 15px;*/
		transition: .15s ease-in-out;
		margin-bottom:1em;
	}
	.nav-utility-header .fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo .fsNavLevel2 a {
	  font-size: 16px;
	  line-height: 21px;
	  font-weight: 500;
	  color: #63666a;
		padding:1em;
	}
	.nav-utility-header .fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo .fsNavLevel2 a:hover {
		color: #00976c;
		transition: .15s ease-in-out;
		padding-left: 28px;
		/*background-color: #303030;*/
		box-shadow: inset 5px 0 0 #005647;
	}
	.nav-utility-header .fsNavLevel1 > li.fsNavParentPage .fsNavPageInfo .fsNavLevel2 a:hover:after {
	  display: none;
	}
	
	.nav-utility-header .fsNavLevel1 > li:hover {
	  background-color:rgba(0,59,49,1);
	}
	.athletics .nav-utility-header .fsNavLevel1 > li:hover {
	  background-color:rgba(48,104,179,1);
	}
	.nav-utility-header .fsNavLevel1 > li:hover > a:before {
	  /*position: absolute;
	  left: 0;
	  bottom: -18px;
	  width: 100%;
	  height: 10px;
	  content: '';
	  background: #ffe320;*/
	}
	.nav-utility-header .fsNavLevel1 > li:hover > a:after {
	  /*position: relative;*/
	  background: none;
	  
	}

	.nav-utility-footer .fsNavLevel1 li {
	  margin: 0;
	  padding: 0; 
	  list-style: none;
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-pack: start;
	  -webkit-justify-content: flex-start;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	  padding-left: 0;
	}
		@media (min-width: 650px) {
		  .nav-utility-footer .fsNavLevel1 {
			-webkit-box-pack: end;
			-webkit-justify-content: flex-end;
			-ms-flex-pack: end;
			justify-content: flex-end;
		 }
	}


/*! ========  FS STRUCTURE - LAYOUT NAVIGATION SITE MAP v0.0.1 ========*/ 
.nav-site-map .fsElementContent nav ul {
  margin: 0 0 0 20px;
  padding: 0; }
  .nav-site-map .fsElementContent nav ul li {
    margin: 0;
    padding: 0;
    font-weight: 400; }
  .nav-site-map .fsElementContent nav ul.fsNavLevel1 {
    margin-left: 0;
    list-style: none; }
    @media (min-width: 600px) {
      .nav-site-map .fsElementContent nav ul.fsNavLevel1 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-column-rule: 0;
        -moz-column-rule: 0;
        column-rule: 0;
        min-height: initial; }
        .nav-site-map .fsElementContent nav ul.fsNavLevel1 li {
          -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
          break-inside: avoid-column; }
        .no-csscolumns .nav-site-map .fsElementContent nav ul.fsNavLevel1 li {
          float: left;
          display: block;
          width: 100%;
          vertical-align: top; } }
    .nav-site-map .fsElementContent nav ul.fsNavLevel1 > li {
      margin-bottom: 20px;
      font-weight: 700; }
  .nav-site-map .fsElementContent nav ul.fsNavLevel2 {
    list-style: disc; }
  .nav-site-map .fsElementContent nav ul.fsNavLevel3 {
    list-style: circle; }
  .nav-site-map .fsElementContent nav ul.fsNavLevel4 {
    list-style: square; }
  .nav-site-map .fsElementContent nav ul.fsNavLevel5 {
    list-style: disc; }

/*! elements - constituent main */
/*! elements - constituent default layout */
.fsConstituent {
  word-break: break-word; }
  .fsConstituent .fsElementPagination {
    margin: 20px 0; }
  .fsConstituent .fsPhoto[style*="background-image"],
  .fsConstituent .fsProfileImage[style*="background-image"] {
    background-size: cover;
    background-position: center;
    display: inline-block; }
    .fsConstituent .fsPhoto[style*="background-image"] > img,
    .fsConstituent .fsProfileImage[style*="background-image"] > img {
      opacity: 0;
      visibility: hidden; }
  .fsConstituent[class*="fsThumbnailAlign"] .fsPhoto img,
  .fsConstituent[class*="fsThumbnailAlign"] .fsProfileImage img {
    float: none;
    margin: 0; }
  .fsConstituent.fsThumbnailAlignLeft .fsPhoto,
  .fsConstituent.fsThumbnailAlignLeft .fsProfileImage {
    float: left;
    padding-right: 0; }
  .fsConstituent.fsThumbnailAlignRight .fsPhoto,
  .fsConstituent.fsThumbnailAlignRight .fsProfileImage {
    float: right;
    padding-left: 0; }

.fsConstituentProfile {
  position: relative; }
  .fsConstituentProfile > div,
  .fsConstituentProfile > h3 {
    margin-bottom: 20px; }
  .fsConstituentProfile > div > strong {
    display: block; }

/*! elements - constituent default layout */
.fsConstituent .fsConstituentItem {
  float: none;
  width: calc(100% - 20px);
  margin: 0 auto 40px; }

.fsConstituent.fsThumbnailAlignLeft .fsPhoto {
  margin-right: 10px;
  margin-bottom: 10px; }

.fsConstituent.fsThumbnailAlignRight .fsPhoto {
  margin-left: 10px;
  margin-bottom: 10px; }

.fsConstituentItem {
  padding-left: 10px;
  padding-right: 10px; }
  .fsConstituentItem > h3,
  .fsConstituentItem > div {
    margin-bottom: 10px; }
    .fsConstituentItem > h3:last-child,
    .fsConstituentItem > div:last-child {
      margin-bottom: 0; }
  .fsConstituentItem .fsPhoto img {
    display: block; }

div[class^="fsConstituentColumnLayout"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px; }

@media (min-width: 600px) {
  .fsConstituentColumnLayout_2 .fsConstituentItem,
  .fsConstituentColumnLayout_3 .fsConstituentItem,
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px; } }

@media (min-width: 800px) {
  .fsConstituentColumnLayout_3 .fsConstituentItem,
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: calc(33.33% - 20px); } }

@media (min-width: 1000px) {
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: calc(25% - 20px); } }

/*! elements - constituent profile */
.fsConstituent.fsProfile .fsFullName {
  margin-bottom: 20px; }

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
  margin: 0 0 20px 0;
  padding: 0;
  float: none; }

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
  float: none;
  width: 100%; }
  @media (min-width: 800px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
    .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
      padding: 0; } }

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3:first-child, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3:first-child {
  padding: 0; }

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
  float: none; }
  @media (min-width: 600px) {
    .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage {
      max-width: 40%; } }

@media (min-width: 1000px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto .fsProfileImage {
    max-width: 512px; } }

@media (min-width: 600px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
    max-width: 25%; } }

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto .fsProfileImage {
    max-width: 128px; } }

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after {
  display: none; }

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData {
  float: none;
  display: block;
  width: 100%; }
  .fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData > div {
    clear: none; }

@media (min-width: 600px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
    margin-right: 20px;
    float: left; } }

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3 {
    padding-left: calc(40% + 20px); } }

@media (min-width: 1000px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 {
    padding-left: 532px; } }

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3 {
    padding-left: calc(25% + 20px); } }

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 {
    padding-left: 148px; } }

@media (min-width: 600px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto .fsProfileImage, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto .fsProfileImage {
    margin-left: 20px;
    float: right; } }

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge .fsHasPhoto > h3 {
    padding-right: calc(40% + 20px); } }

@media (min-width: 1000px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle .fsHasPhoto > h3 {
    padding-right: 532px; } }

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall .fsHasPhoto > h3 {
    padding-right: calc(25% + 20px); } }

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsHasPhoto > h3, .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsHasPhoto > h3 {
    padding-right: 148px; } }

.fsProfileImage {
  margin-bottom: 20px; }
  .fsProfileImage img {
    display: block; }

.fsProfileSection {
  margin-bottom: 20px; }
  .fsProfileSection h4 {
    margin: 0 0 1rem 0; }

.fsProfileSectionData {
  margin-bottom: 1em; }
  .fsProfileSectionData:last-child {
    margin-bottom: 0; }
  .fsProfileSectionData.fsTitle {
    font-weight: inherit;
    font-size: 16px;
    line-height: 22px; }
  .fsProfileSectionData > div {
    width: auto;
    float: none;
    display: block; }
  .fsProfileSectionData.fsStyleHalf {
    width: 100%; }
    @media (min-width: 600px) {
      .fsProfileSectionData.fsStyleHalf {
        width: 50%; } }

.fsProfileSectionSpecialData > div {
  width: auto;
  float: none;
  display: block; }

.fsProfileSectionSpecialData div[id^="fsEmail"] {
  display: inline-block; }

.fsProfileSectionFieldName,
.fsEmail > div:first-child {
  font-weight: 700; }

/*! elements - constituent search */
.fsConstituent.fsSearch {
  overflow: hidden; }
  .fsConstituent.fsSearch + .fsConstituent {
    border-top: solid 1px #bbbbbb;
    margin-top: 20px;
    padding-top: 20px; }

.fsConstituentSearchForm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .fsConstituentSearchForm > label {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .fsConstituentSearchForm > label > span {
      margin-bottom: 2px; }
    .fsConstituentSearchForm > label > select,
    .fsConstituentSearchForm > label > input {
      border: solid 1px #bbbbbb;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .fsConstituentSearchForm > label > select {
      height: 32px;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
  .fsConstituentSearchForm [type*='submit'] {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 10px;
    width: 100%; }
    @media (min-width: 600px) {
      .fsConstituentSearchForm [type*='submit'] {
        width: auto; } }

/*! elements - constituent default layout */
.fsConstituent.fsElementDialog .fsProfileImage:first-child {
  margin-top: 1em; }

.fsConstituent.fsElementDialog .fsProfileImage img {
  float: none;
  margin: 0; }

.fsConstituent .fsDialogContent {
  padding-top: 45px; }

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
  margin: 0 0 20px 0;
  padding: 0;
  float: none; }

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
  float: none;
  width: 100%; }
  @media (min-width: 800px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
      padding: 0; } }

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3:first-child, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3:first-child {
  padding: 0; }

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
  float: none; }
  @media (min-width: 600px) {
    .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage {
      max-width: 40%; } }

@media (min-width: 600px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
    max-width: 25%; } }

@media (min-width: 800px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle .fsProfileImage {
    max-width: 128px; } }

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after {
  display: none; }

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData {
  float: none;
  display: block;
  width: 100%; }
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData > div, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData > div {
    clear: none; }

@media (min-width: 600px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall .fsProfileImage {
    margin-right: 20px;
    float: left; } }

@media (min-width: 800px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3 {
    padding-left: calc(40% + 20px); } }

@media (min-width: 800px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3 {
    padding-left: calc(25% + 20px); } }

@media (min-width: 800px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle > h3 {
    padding-left: 148px; } }

@media (min-width: 600px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge .fsProfileImage, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall .fsProfileImage {
    margin-left: 20px;
    float: right; } }

@media (min-width: 800px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3 {
    padding-right: calc(40% + 20px); } }

@media (min-width: 800px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
    padding-right: calc(25% + 20px); } }

@media (min-width: 800px) {
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare > h3, .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle > h3 {
    padding-right: 148px; } }

/*! elements - accordion */
.fsAccordion .fsPanel > header, .fsTabs .fsPanel > header {
  cursor: pointer;
  background: #363636;
  -webkit-transition: .3s;
  transition: .3s; }
.fsAccordion .fsPanel > header{background-color: #00976c;}

    .fsAccordion .fsPanel > header h2, .fsTabs .fsPanel > header h2 {
		margin-top: 0;
		font-weight: normal;
		font-size: 32px;
		line-height: 34px;
		margin-bottom: 16px;
		margin-bottom: 2px;
		display: block;
		font-size: 21px;
		padding: 13.33333px;
		color: #eee;
		-webkit-transition: .3s;
		transition: .3s;
		position: relative; 
    }
	.fsAccordion .fsPanel > header h2{
		font-family: Roboto;
		font-weight: 100;
	}

    .fsAccordion .fsPanel > header h2 a, .fsTabs .fsPanel > header h2 a {
      -webkit-transition: none;
      transition: none; }
  .fsAccordion .fsPanel > header:hover, .fsTabs .fsPanel > header:hover {
    background: dimgray;
	  background:#00a67b;
    -webkit-transition: .3s;
    transition: .3s; 
  }
    .fsAccordion .fsPanel > header:hover h2, .fsTabs .fsPanel > header:hover h2 {
      color: #eee;
      -webkit-transition: .3s;
      transition: .3s; }

.fsAccordion .fsPanel.fsStateOpen > header, .fsTabs .fsPanel.fsStateOpen > header {
  background: #163052; }
  .fsAccordion .fsPanel.fsStateOpen > header h2, .fsTabs .fsPanel.fsStateOpen > header h2 {
    color: #eee; }
    .fsAccordion .fsPanel.fsStateOpen > header h2:before, .fsTabs .fsPanel.fsStateOpen > header h2:before {
      content: "-"; }

.fsPanelIconAfter.fsAccordion .fsPanel > header h2::after, .fsPanelIconAfter.fsTabs .fsPanel > header h2::after, .fsPanelIconBefore.fsAccordion .fsPanel > header h2::before, .fsPanelIconBefore.fsTabs .fsPanel > header h2::before {
  content: '';
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  margin: 0;
  top: 13.33333px;
  content: "+"; }

.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen > header h2::before, .fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen > header h2::before, .fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen > header h2::after, .fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen > header h2::after {
  content: '';
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  margin: 0;
  top: 13.33333px;
  content: "-";
  transform: rotate(-90deg);
    font-family: icomoon;
    content: '\e65c';
  }

.fsPanelIconBefore.fsAccordion .fsPanel > header h2, .fsPanelIconBefore.fsTabs .fsPanel > header h2 {
  padding-left: 40px; }
  .fsPanelIconBefore.fsAccordion .fsPanel > header h2:before, .fsPanelIconBefore.fsTabs .fsPanel > header h2:before {
    left: 13.33333px;
	font-size: 25px;
    color: #24e499;
	font-family: icomoon;
    content: '\e65c';
  }

.fsPanelIconAfter.fsAccordion .fsPanel > header h2, .fsPanelIconAfter.fsTabs .fsPanel > header h2 {
  padding-right: 40px; }
  .fsPanelIconAfter.fsAccordion .fsPanel > header h2:before, .fsPanelIconAfter.fsTabs .fsPanel > header h2:before {
    display: none; }
  .fsPanelIconAfter.fsAccordion .fsPanel > header h2:after, .fsPanelIconAfter.fsTabs .fsPanel > header h2:after {
    right: 13.33333px; }

.fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before, .fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before {
  content: ''; }

.fsAccordion {
  margin-bottom: 20px; }

		
		
		
/*! elements - athletics main */
/*! elements - athletics events */
.fsAthleticsEvent > .fsElementContent {
  width: 100%; }

.fsAthleticsEvent .fsAlertFeeds {
  margin-bottom: 10px; }

.fsAthleticsEvent .fsElementEventIcon {
  display: inline-block;
  max-width: 100%; }

.fsAthleticsEvent .fsTitle {
  display: inline-block;
  color: #363636;
  margin-bottom: 0; }
  .fsAthleticsEvent .fsTitle a {
    color: inherit; }

/*! elements - athletics events - list subtype */
.fsAthleticsEvent.fsList .fsTitle {
  display: inline-block;
  margin-bottom: 0; }

.fsAthleticsEvent.fsList .fsElementEventIcon {
  margin-right: 10px; }

.fsAthleticsEvent.fsList .fsAthleticsEventDetailLink {
  outline: 0; }

.fsAthleticsEvent.fsList .fsAlertIcon {
  margin-left: 5px;
  margin-bottom: -3px; }

.fsAthleticsEvent.fsList .fsAthleticsOpponents {
  display: inline; }

.fsAthleticsEvent.fsList .fsAthleticsOpponentNames {
  display: inline; }

/*! elements - athletics events */
/*! elements - athletics events - table*/
@media (max-width: 800px) {
  .fsAthleticsEvent.fsTable .fsElementTable thead {
    display: none; } }

@media (max-width: 800px) {
  .fsAthleticsEvent.fsTable .fsElementTable td {
    display: inline-block;
    width: 100%;
    padding: 0 10px; }
    .fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) {
      border: 0; }
    .fsAthleticsEvent.fsTable .fsElementTable td:first-of-type {
      padding-top: 10px; }
    .fsAthleticsEvent.fsTable .fsElementTable td:last-of-type {
      padding-bottom: 10px; }
    .fsAthleticsEvent.fsTable .fsElementTable td:before {
      display: inline-block;
      font-weight: 700;
      color: #163052; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before {
      content: 'Team: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents {
      display: inline-block; }
      .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsVs {
        display: inline-block; }
      .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents .fsAthleticsOpponentNames {
        display: inline-block; }
      .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before {
        content: 'Opponent: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime {
      display: inline-block; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before {
      content: 'Date: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime {
      display: inline-block; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before {
      content: 'Time: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before {
      content: 'Location: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before {
      content: 'Advantage: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before {
      content: 'Type: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before {
      content: 'Details: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before {
      content: 'Result: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before {
      content: 'Score: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before {
      content: 'Alerts: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before {
      content: 'Dismissal: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before {
      content: 'Departure: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before {
      content: 'Return Time: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before {
      content: 'Pickup Time: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before {
      content: 'Recap: '; }
    .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before {
      content: 'Status: '; } }

/*! elements - athletics popup modal */
.fsAthleticsEvent.fsDialog {
  margin: auto; }

/*! elements - athletics roster */
.fsAthleticsRoster .fsElementTable td:before, .fsAthleticsRosterList li > div:before {
  margin-right: 5px;
  display: inline-block;
  font-weight: 700;
  color: #163052; }

.fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before, .fsAthleticsRosterList li > div.fsRosterPlayerNumber:before {
  content: 'Number: '; }

.fsAthleticsRoster .fsElementTable td.fsRosterName:before, .fsAthleticsRosterList li > div.fsRosterName:before {
  content: 'Name: '; }

.fsAthleticsRoster .fsElementTable td.fsRosterPosition:before, .fsAthleticsRosterList li > div.fsRosterPosition:before {
  content: 'Position: '; }

.fsAthleticsRoster .fsElementTable td.fsRosterClass:before, .fsAthleticsRosterList li > div.fsRosterClass:before {
  content: 'Class: '; }

.fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before, .fsAthleticsRosterList li > div.fsRosterGradeLevel:before {
  content: 'Grade: '; }

.fsAthleticsRoster .fsElementTable td.fsRosterHometown:before, .fsAthleticsRosterList li > div.fsRosterHometown:before {
  content: 'Hometown: '; }

.fsAthleticsRoster .fsElementTable td.fsRosterHeight:before, .fsAthleticsRosterList li > div.fsRosterHeight:before {
  content: 'Height: '; }

.fsAthleticsRoster .fsElementTable td.fsRosterWeight:before, .fsAthleticsRosterList li > div.fsRosterWeight:before {
  content: 'Weight: '; }

@media (max-width: 800px) {
  .fsAthleticsRoster .fsElementTable thead {
    display: none; } }

@media (min-width: 800px) {
  .fsAthleticsRoster .fsElementTable td:before {
    display: none; } }

@media (max-width: 800px) {
  .fsAthleticsRoster .fsElementTable td {
    display: inline-block;
    width: 100%;
    padding: 0 10px; }
    .fsAthleticsRoster .fsElementTable td:not(:last-child) {
      border: 0; }
    .fsAthleticsRoster .fsElementTable td:first-of-type {
      padding-top: 10px; }
    .fsAthleticsRoster .fsElementTable td:last-of-type {
      padding-bottom: 10px; } }

.fsAthleticsRosterContent {
  margin-bottom: 20px; }
  .fsAthleticsRosterContent p:last-child {
    margin-bottom: 0; }
  .fsAthleticsRosterContent:empty {
    margin-bottom: 0; }

.fsAthleticsRosterList, .fsAthleticsRosterList ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.fsAthleticsRosterList li {
  margin: 0;
  padding: 0; }

.fsAthleticsRosterList li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #eee; }
  .fsAthleticsRosterList li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }
  .fsAthleticsRosterList li > div {
    margin-bottom: 10px; }
    .fsAthleticsRosterList li > div:last-child {
      margin-bottom: 0; }

/*! elements - athletics teams */
.fsAthleticsTeamDirectory {
  max-width: 100%;
  margin-bottom: 20px; }
  .fsAthleticsTeamDirectory, .fsAthleticsTeamDirectory ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .fsAthleticsTeamDirectory li {
    margin: 0;
    padding: 0; }
  .fsAthleticsTeamDirectory > li {
    margin-bottom: 10px; }
  .fsAthleticsTeamDirectory .fsAthleticsTeamIcon {
    display: inline-block; }

.fsAthleticsTeamIcon {
  margin-right: 10px; }

.fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
  float: none; }
  @media (min-width: 600px) {
    .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
      float: left; } }

.fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
  float: none; }
  @media (min-width: 600px) {
    .fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
      float: right; } }

		
		
		
/*! _main.scss - src/sass/modules/calendar/ - main calendar import */
/*! _all.scss - src/sass/modules/calendar/list.scss - calendar each article style */
.fsCalendar article {
  position: relative;
  padding-left: 100px;
  min-height: 80px;
  padding-top: 0; }
  .fsCalendar article .fsElementEventColorIcon {
    width: 12px;
    height: 12px; }

.fsCalendar .fsElementTitle{
	color:#00b4f1;
	font-weight:bold;
	margin-bottom:20px;
}
.fsCalendar .fsDate {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 90px;
  width: 80px;
  color: #fff;
  background: #002f52;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; 
  border: 1px #ccc solid;
  line-height:1;
}
		
  .fsCalendar .fsDate > span {
    display: block; }
  .fsCalendar .fsDate .fsDayName{
		/*font-size: 0.8vw;*/
  }
  .fsCalendar .fsDate .fsMonth{

  }		
  .fsCalendar .fsDate .fsDay{
	font-size:34px;
	color: #00b4f1;
	  font-family:Montserrat;
	  font-weight:bold;
  }
  .fsCalendar .fsTitle {
    margin-bottom: 10px;
  }

.fsCalendar .fsNotes p:last-child, .fsCalendar .fsDescription p:last-child {
  margin-bottom: 0; }

/*! _list.scss - src/sass/modules/calendar/list.scss - calendar event */
.fsCalendar.fsList .fsListItems + button {
  margin-top: 0; }

/*! _grid.scss - src/sass/modules/calendar/grid.scss - calendar grid */
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div {
  margin-bottom: 5px; }
  .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div:last-child {
    margin-bottom: 0; }

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle {
  font-size: 1.1em;
  font-weight: bold;
  outline: 0;     white-space: normal;}
  .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle + div {
    margin-top: 5px; }

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
  line-height: 1; }

@media (min-width: 800px) {
  .flexbox .fsCalendarEventGrid .fsCalendarRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
  .flexbox .fsCalendarEventGrid .fsCalendarDaybox {
    height: auto !important; } }

.fsCalendar.fsGrid .fsCalendarGridControlBar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .fsCalendar.fsGrid .fsCalendarGridControlBar:after {
    display: none; }
  .fsCalendar.fsGrid .fsCalendarGridControlBar > div {
    margin: 0; }
  .fsCalendar.fsGrid .fsCalendarGridControlBar .fsDisplayNavigation {
    margin-right: 10px; }
  .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
    width: 100%; }
    @media (min-width: 600px) {
      .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
        width: auto; } }
  .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
    margin: 10px 0; }
    @media (min-width: 600px) {
      .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin: 0; } }
  .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthYearPicker:not(.fsStateHidden) {
    z-index: 1; }

@media screen and (max-width: 799px) {
  .fsCalendar.fsGrid .fsCalendarEventGrid {
    width: 100%;
    margin: 0 auto; }
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarMonthBrowser {
      margin: 20px 0; }
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow {
      width: auto;
      display: inline; }
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox {
      width: 14.28% !important;
      height: 45px !important;
      float: left;
      overflow: hidden !important;
      cursor: pointer;
      min-height: 0;
      position: relative;
      padding: 0;
      margin: 0;
      border: none; }
      .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
        background-color: rgba(54, 54, 54, 0.15); }
      .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
        background-color: rgba(54, 54, 54, 0.05); }
      .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox {
        border: none; }
        .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div {
          position: relative;
          min-height: 0;
          height: 25px;
          border: 1px solid #EDEDED; }
          .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div.selected {
            background-color: rgba(54, 54, 54, 0.25); }
      .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
        background-color: rgba(54, 54, 54, 0.25); }
      .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 1;
        font-size: 15px;
        margin-bottom: 0; }
    .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo {
      display: none; }
    .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow {
      border-left: 1px solid #EDEDED;
      border-right: 1px solid #EDEDED;
      zoom: 1;
      display: block; }
      .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:after {
        display: table;
        clear: both;
        content: ''; }
      .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:first-child {
        border-top: 1px solid #EDEDED; }
      .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarRow:last-child {
        border-bottom: 1px solid #EDEDED; }
    .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox {
      width: 16.666% !important;
      height: 50px !important;
      border: 1px solid #EDEDED; }
      .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarWeekendDayBox {
        border: none; }
      .fsCalendar.fsGrid .fsCalendarEventGrid.fsCalendarCombineWeekendDays .fsCalendarDaybox.fsCalendarOutOfRange {
        display: block; } }

#event-view {
  padding: 20px;
  margin: 20px auto 0; }
  #event-view .fsCalendarDaybox {
    height: auto !important; }
    #event-view .fsCalendarDaybox > div {
      margin-bottom: 20px; }
  #event-view .fsCalendarEventTitle {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px; }
  @media screen and (min-width: 800px) {
    #event-view {
      display: none; } }

.scroll-up {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px; }
  .scroll-up span {
    display: inline-block;
    border: 0;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #1c1c1c;
    color: #fff;
    border-radius: 0;
    padding: 10px 20px; }
    .scroll-up span:hover, .scroll-up span:focus {
      background: #0f0f0f;
      color: #fff; }
    .scroll-up span em {
      display: block;
      font-style: normal; }
  .scroll-up + .fsCalendarLegend {
    margin-top: 20px !important; }
  @media screen and (min-width: 800px) {
    .scroll-up {
      display: none; } }

.fsElementEventColorIcon {
  display: inline-block; }

.fsCalendar.fsGrid .fsCalendarEventGrid + .fsCalendarLegend {
  margin-top: 40px; }

.fsCalendar.fsGrid .fsCalendarLegend, .fsCalendar.fsGrid .fsCalendarLegend ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.fsCalendar.fsGrid .fsCalendarLegend li {
  margin: 0;
  padding: 0; }

.fsCalendar.fsGrid .fsCalendarLegend h4 {
  margin-bottom: 20px; }

@media (min-width: 600px) {
  .fsCalendar.fsGrid .fsCalendarLegend > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

.fsCalendar.fsGrid .fsCalendarLegend > ul > li {
  margin-left: 0; }
  @media (min-width: 600px) {
    .fsCalendar.fsGrid .fsCalendarLegend > ul > li {
      width: 49%; } }

/*! _slideshow.scss - src/sass/modules/calendar/slideshow.scss - calendar slideshow */
.fsCalendar.fsSlideshow .fsAlertFeeds {
  float: none; }

.fsCalendar.fsSlideshowHorizontal {
  border-bottom:solid 1px #ccc;}

.fsCalendar.fsSlideshowVertical .fsElementSlideshow {
  padding-left: 45px;
  padding-top: 45px;
  padding-bottom: 45px; }

		.fsCalendar.fsSlideshowVertical .fsElementSlideshow .fsTitle{
		  /*color:#f4f4f4;*/
		}
		.fsCalendar.fsSlideshowVertical .fsElementSlideshow .fsTitle .fsCalendarEventLink{
		  /*color:#f4f4f4;*/
		}
		.fsTitle .fsCalendarEventLink{/*color:#f4f4f4;*/}
		.fsTitle .fsCalendarEventLink:hover{color:#00b4f1;}
		
/*== FS NEWS & POSTS -- GRID CUSTOMIZATION ==*/

.fsNews.fsGrid .fsListItems>article,
.fsPostElement.fsGrid .fsListItems>article{
    margin-bottom: 15px;
	/*margin-left:5px;
	margin-right:5px; */
    padding: 15px 15px;
    background-color: rgba(244,244,244, 0.0);-webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s;
}
.news1.fsPostElement.fsGrid .fsListItems>article{
    position:relative;
	margin-bottom:0px;
}
.fsNews.fsGrid .fsListItems>article:hover,
.fsPostElement.fsGrid .fsListItems>article:hover{
    background-color: rgba(244,244,244, 0.4);
}

.fsThumbnailSmall.fsThumbnailRectangle .fsThumbnail, .fsThumbnailSmall.fsThumbnailSquare .fsThumbnail, .fsThumbnailSmall.fsLocationElement .fsThumbnail, .fsThumbnailSmall.fsPostElement .fsThumbnail, .fsThumbnailSmall.fsBoardElement .fsThumbnail, .fsThumbnailSmall.fsIssueElement .fsThumbnail {
    margin:0px auto;
}

.news1.fsPostElement.fsGrid .fsListItems>article ul.fsCategories{
    position: absolute;
    top: 0px;
    padding: 10px 25px 10px 10px;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}
.news1.fsPostElement.fsGrid .fsListItems>article ul.fsCategories:after{
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 67%, 90% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 67%, 90% 100%);
    background: #005647;
    content: '';
    position: absolute;
    left: 0;
    top: -88%;
    right: 0;
    height: 100%;
    display: block;
    z-index: 1;
}
.news1.fsPostElement .fsCategory{
	color:#005647;
}
.news1.fsThumbnailLarge.fsThumbnailSquare .fsThumbnail{
	overflow: hidden;
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    background-color: #005647;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.news1.fsThumbnailLarge.fsThumbnailSquare article:before{
	/*content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 24px;
    width: 100%;
    background-image: url(sliced-lines-blue.png);
    background-size: auto;
    background-repeat: repeat-x;
    background-position: bottom center;*/
}

.news1.fsThumbnailSquare .fsCroppedImage{
	transition:transform .2s ease-out;
}
.news1.fsThumbnailSquare a:hover .fsCroppedImage{
	transform: scale(1.2);
}
.news1.fsPostElement .fsStyleDefaultButton.fsLoadMoreButton{
	display: inline-block;
    text-align: center;
    /* white-space: nowrap; */
    white-space: normal;
    vertical-align: middle;
    position: relative;
    padding: 12px 30px;
    margin: 0.3125rem 1px;
    font-weight: 400;
    line-height: 1.428571;
    text-decoration: none;
    letter-spacing: 0;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: 0.2rem;
    outline: 0;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 0 0px 15px;
	
	background-color: #005647;
    border-color: #005647;
    box-shadow: 0 2px 2px 0 rgba(0, 86, 71, 0.14), 0 3px 1px -2px rgba(0, 86, 71, 0.2), 0 1px 5px 0 rgba(0, 86, 71, 0.12);
	backface-visibility: hidden;
    position: relative;
    transition: 0.5s color ease;
    text-decoration: none;
}
.news1.fsPostElement .fsStyleDefaultButton.fsLoadMoreButton:hover{
	background-color: #005647;
    box-shadow: 0 14px 26px -12px rgba(0, 86, 71, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 86, 71, 0.2);
}

@media only screen and (max-width: 600px){
	.news1.fsThumbnailLarge.fsThumbnailSquare .fsThumbnail {
		overflow: hidden;
		/* position: relative; */
		/* width: 100%; */
		/* display: inline-block; */
		margin-bottom: 10px;
		background-color: #005647;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		float: left;
	}
	.news1.fsPostElement.fsGrid .fsListItems>article ul.fsCategories {
		position: absolute;
		top: 0px;
		padding: 5px 25px 5px 5px;
		background-color: #fff;
		clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
	}
	.news1.fsPostElement .fsCategory {
		font-size: .775em;
		font-weight: bold;
		text-transform: uppercase;
	}
	.news1.fsPostElement .fsStyleInlineList li {
		display: inline-block;
		margin: 1px 0;
		padding: .2em .2em;
	}
	.news1.fsPostElement .fsTitle, .news1.fsPostElement .fsFacebookFrom, .news1.fsPostElement .fsVimeoTitle, .news1.fsPostElement .fsYoutubeTitle {
		margin: 0;
		font-weight: bold;
		font-size: 1.0em;
		/* float: left; */
		/* display: inline-block; */
		padding-left: 170px;
		line-height: 17px;
	}
	.news1.fsPostElement.fsThumbnailLarge.fsThumbnailRectangle .fsThumbnail, 
	.news1.fsPostElement.fsThumbnailLarge.fsThumbnailSquare .fsThumbnail, 
	.news1.fsPostElement.fsThumbnailLarge.fsLocationElement .fsThumbnail, 
	.news1.fsPostElement.fsThumbnailLarge.fsPostElement .fsThumbnail, 
	.news1.fsPostElement.fsThumbnailLarge.fsBoardElement .fsThumbnail, 
	.news1.fsPostElement.fsThumbnailLarge.fsIssueElement .fsThumbnail {
		max-width: 160px;
	}
	.news1.fsPostElement .fsStyleInlineList {
		margin: 0em 0 0em -.5em;
	}
}

@media only screen and (min-width: 800px){
 .fsNews.fsGrid .fsStyleThreeColumns > article {
    width: calc(33.33% - 10px);
}
}
.fsNews.fsGrid.news-grid > .fsElementContent article:first-of-type,
.fsElement.fsGrid.news-grid >.fsElementContent article:first-of-type{
    width: calc(66.66% - 10px);
}
@media only screen and (max-width: 799px){
 .fsNews.fsGrid > .fsElementContent article:first-of-type,
 .fsElement.fsGrid >.fsElementContent article:first-of-type{
    width: 50%;
	}
}
@media only screen and (max-width: 600px){
 .fsNews.fsGrid > .fsElementContent article:first-of-type,
 .fsElement.fsGrid >.fsElementContent article:first-of-type{
    width: 100%;
	}
}
.fsNews.fsGrid > .fsElementContent article:first-of-type img,
.fsElement.fsGrid >.fsElementContent article:first-of-type img{
	width: 100%;
	height:auto;
}

.fsNews .fsElementTitle, .fsNewsTools .fsElementTitle,
.fsPostToolsElement .fsElementTitle{
	color:#00b4f1;
	font-weight:bold;
	margin-bottom:20px;
}
.fsNewsTools .fsElementToolsKeyword,
.fsElementToolsSearch .fsStyleSearchField{
	width:80%;float:left;
}
.fsNewsTools .fsStyleUpdateButton.fsElementToolsSearchButton,
.fsElementToolsSearch .fsStyleUpdateButton.fsElementToolsSearchButton{
	margin-top:0px; height:36px; padding:6px 20px; background-color:#005647;
}
.fsElementToolsSearch .fsElementToolsKeyword .fsButtonClear {
	right: 125px;
    top: 37px;
}
.fsNewsTools .fsButtonClear>span,
.fsElementToolsSearch .fsElementToolsKeyword .fsButtonClear>span{display:none;}

.eventList1.fsList article{
	position: relative;
    padding-left: 100px;
    min-height: 90px;
    padding-top: 0;
	margin-bottom:10px;
}
.eventList1.fsList article:nth-child(odd){
	background-color:#f2f2f2;
}
.eventList1.fsList time.fsDate{
	position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    height: 90px;
    width: 80px;
    color: #fff;
    background: #002f52;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 10px #005647 solid;
    line-height: 1;
}
.eventList1.fsList time.fsDate .fsDay{
	font-size: 40px;
    color: #00b4f1;
    font-family: AgencyFB, Agency FB, smrknights, Montserrat;
    font-weight: bold;
}
.eventList1.fsList time.fsTime,
.eventList1.fsList .fsDateTime .fsStartTimeToBeDetermined{
	float:right;
	padding: 5px 10px;
}
.eventList1.fsAthleticsEvent.fsList .fsTitle {
	display: flex;
    align-items: center;
}
.eventList1.fsAthleticsEvent.fsList .fsAthleticsOpponents,
.eventList1.fsAthleticsEvent.fsList .fsAthleticsAdvantage,
.eventList1.fsAthleticsEvent.fsList .fsAthleticsLocations,
.eventList1.fsAthleticsEvent.fsList .fsAthleticsEventType{
	display: block;
    padding-left: 45px;
	max-width: 800px;
}

.eventList1.fsAthleticsEvents.fsList .fsAthleticsOpponents{
	font-weight:bold;
}
.eventList1.fsAthleticsEvent.fsList .fsAthleticsEventType{
}
.eventList1.fsAthleticsEvent.fsList .fsAthleticsResult,
.eventList1.fsAthleticsEvent.fsList .fsAthleticsScore{
	text-align:center;
	display:block;
}
.eventList1.fsAthleticsEvent.fsList .fsAthleticsAdvantage{
	display: inline-block;
    position: absolute;
    right: 0px;
    top: 30px;
    padding: 0px 10px;
}
.eventList1.fsAthleticsEvent.fsList .fsAthleticsLocations{
	position: absolute;
    right: 0px;
    top: 53px;
    padding: 0px 10px;
}

@media only screen and (max-width: 768px){
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsOpponents,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsAdvantage,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsLocations,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsEventType{
		max-width: 300px;
	}
}
@media only screen and (max-width: 600px){
	.eventList1.fsList article{
		padding: 0px 0px 20px;
	}
	.eventList1.fsList time.fsDate{
		width:100%;
		position:relative;
		border-left:none;
		border-top:10px solid #005647;
		height:65px;
		display:inline-block;
		padding:10px 0px;
	}
	
	.eventList1.fsList time.fsDate .fsDayName,
	.eventList1.fsList time.fsDate .fsMonth{
		padding:5px;
		font-size:21px;
	}
	.eventList1.fsList time.fsDate .fsDayName{padding:5px 0px;}
	.eventList1.fsList time.fsDate .fsDay{
		padding:5px 0px;
		font-size:30px;
	}
	.eventList1.fsList time.fsTime,
	.eventList1.fsList .fsDateTime .fsStartTimeToBeDetermined{
		float: none;
		text-align: left;
		display: block;
	}
	.eventList1.fsAthleticsEvent.fsList .fsTitle,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsResult,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsScore{
		text-align:center;
		display:block;
	}
	.eventList1.fsAthleticsEvent.fsList .fsElementEventIcon{
		display:block;
	}
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsOpponents,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsAdvantage,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsLocations,
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsEventType{
		display: block;
		padding-left: 0px;
		max-width: none;
		text-align:center;
	}
	.eventList1.fsAthleticsEvents.fsList .fsAthleticsOpponentName{
		font-weight:bold;
	}
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsEventType{
	}
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsAdvantage{
		display:none;
	}
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsLocations{
		position: absolute;
		right: 0px;
		top: 70px;
		padding: 0px 10px;
	}
}
.scoreboard.fsList article{
	text-align:center;
}

.scoreboard.fsAthleticsEvent.fsList .fsAthleticsOpponents{
	display:inline-flex !important;
	width:100% !important;
	position:relative;
	padding-left:0px;
}
.scoreboard .fsAthleticsOpponents::before{
	content: "";
    background-color: transparent;
    background-image: url(https://www.smrhs.org/uploaded/images/athletics/team-smr-200x200.png);
    background-repeat: no-repeat;
    background-position: 50%, center;
    height: 100px;
    display: flex;
    align-items: center;
    width: 50%;
}
.scoreboard .fsAthleticsAdvantage{
	
}
.scoreboard .fsAthleticsOpponentNames{
	width:50%;
}
.scoreboard .fsAthleticsOpponentName.fsAthleticsCustomOpponent,
.scoreboard .fsAthleticsSeparator{
	display:none;
}
.scoreboard .fsAthleticsOpponents .fsAthleticsVs{
	position: absolute;
    left: 50%;
	top:-1px;
    width: 33px;
    background-color: #fff;
    height: 102px;
    display: flex;
    align-items: center;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    justify-content: center;
	display:none;
}
.scoreboard .teamLogo{
	width:100%;
	display:inline;
	text-align: right;
    float: right;
}
.scoreboard .teamLogo::before{
	content: "";
	background-repeat:no-repeat;
	padding-left:150px;
	background-position:50%, center;
	height:100px;
	display:flex;
	align-items:center;
	width:100%;
}
.teamLogo::after{
	
}


.teamLogo.teamLogo-BOC::before{
	background-color: #fff;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-boconnell-200x200.png");
}
.teamLogo.teamLogo-BOC::after{
	
}
.teamLogo.teamLogo-GoodCounsel::before{
	background-color: #0c233f;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-goodcounsel2019-200x200.png");
}
.teamLogo.teamLogo-GoodCounsel::after{
	
}
.teamLogo.teamLogo-PaulVI::before{
	background-color: #212121;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-pvi-200x200.png");
}
.teamLogo.teamLogo-PaulVI::after{
	
}
.teamLogo.teamLogo-SJC::before{
	background-color: #bbb;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-stjohnscollege-200x200.png");
}
.teamLogo.teamLogo-SJC::after{
	
}
.teamLogo.teamLogo-MSJ::before{
	background-color: #221759;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-mtstjoseph2-white-200x200.png");
}
.teamLogo.teamLogo-MSJ::after{
	
}
.teamLogo.teamLogo-BishopIreton::before{
	background-color: #870619;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-bishopireton-200x200.png");
}
.teamLogo.teamLogo-BishopIreton::after{
	
}
.teamLogo.teamLogo-DeMatha::before{
	background-color: #f2f2f2;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-dematha-200x200.png");
}
.teamLogo.teamLogo-DeMatha::after{
	
}
.teamLogo.teamLogo-Gonzaga::before{
	background-color: #562a99;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-gonzaga-white-200x200.png");
}
.teamLogo.teamLogo-Gonzaga::after{
	
}
.teamLogo.teamLogo-ArchbishopCarroll::before{
	background-color: #005500;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-archcarroll-200x200.png");
}
.teamLogo.teamLogo-ArchbishopCarroll::after{
	
}
.teamLogo.teamLogo-HolyCross::before{
	background-color: #674fa3;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-holycross-200x200.png");
}
.teamLogo.teamLogo-HolyCross::after{
	
}
.teamLogo.teamLogo-SSSA::before{
	background-color: #f2f2f2;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-sssa-200x200.png");
}
.teamLogo.teamLogo-SSSA::after{
	
}
.teamLogo.teamLogo-Calverton::before{
	background-color: #020334;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-calverton-white-200x200.png");
}
.teamLogo.teamLogo-Calverton::after{
	
}
.teamLogo.teamLogo-Broadneck::before{
	background-color: #550000;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-broadneck-200x200.png");
}
.teamLogo.teamLogo-Broadneck::after{
	
}
.teamLogo.teamLogo-GreatMills::before{
	background-color: #245c1b;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-greatmills-200x200.png");
}
.teamLogo.teamLogo-GreatMills::after{
	
}
.teamLogo.teamLogo-EastRidgeFL::before{
	background-color: #111111;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-eastridge-FL-200x200.png");
}
.teamLogo.teamLogo-EastRidgeFL::after{
	
}
.teamLogo.teamLogo-RolandPark::before{
	background-color: #da0032;
	background-image:url("https://www.smrhs.org/uploaded/images/athletics/team-rolandpark-200x200.png");
}
.teamLogo.teamLogo-RolandPark::after{
	
}

.scoreboard .fsAthleticsOpponentName.teamLogo-BOC,
.scoreboard .fsAthleticsOpponentName.teamLogo-GoodCounsel,
.scoreboard .fsAthleticsOpponentName.teamLogo-PaulVI,
.scoreboard .fsAthleticsOpponentName.teamLogo-SJC,
.scoreboard .fsAthleticsOpponentName.teamLogo-MSJ,
.scoreboard .fsAthleticsOpponentName.teamLogo-BishopIreton,
.scoreboard .fsAthleticsOpponentName.teamLogo-DeMatha,
.scoreboard .fsAthleticsOpponentName.teamLogo-Gonzaga,
.scoreboard .fsAthleticsOpponentName.teamLogo-HolyCross,
.scoreboard .fsAthleticsOpponentName.teamLogo-EastRidgeFL{
	display:inline;
}

.scoreboard .fsAthleticsResultWrapper{
	position: absolute;
    top: 30%;
    max-width: 800px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
    background-color: transparent;
	    /*padding-left: 45px;
	left: 46.6%;*/
	
	display: inline-flex !important;
    width: 100% !important;
    position: relative;
    padding-left: 0px;
    max-width: 800px;
    margin-left: -85px;
    top: -105px;
    margin-bottom: -105px;
}
.scoreboard .fsAthleticsResult{
	font-weight:bold; 
	font-size:21px;
	background-color: #fff;
    min-width: 100px;
}
.scoreboard .fsAthleticsScore{
	font-family:Agency FB, AgencyFB, smrknights, Montserrat, Roboto;
	font-weight:bold; 
	font-size:40px;
	line-height:1;
	box-shadow: 0px 6px 0px -1px rgba(0,86,71,1);
    background-color: #fff;
    min-width: 100px;
}

/* ATHLETICS CALENDAR */
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox {
	flex-basis: 0;
	flex-grow: 1;
	min-height:170px;
	border: 1px solid #dadada;
	position:relative;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarToday{
	
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo{
	background-color:transparent;
	position:relative;
	height:25px;
	margin-bottom:2px;
	height:40px;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo:hover{

}
.eventGrid1.fsCalendar.fsGrid .fsCalendarDate{
	text-align:left;
	font-family: Agency FB, AgencyFB, smrknights, Montserrat;
	font-weight:bold;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo .fsElementEventIcon{
	position:absolute;
	z-index:1;
	max-width:30px;
	max-height:20px;
	padding-left:10px;
	padding-top:2px;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo:hover .fsElementEventIcon{
	z-index:3;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo .fsCalendarEventTitle{
	font-weight:bold;
	outline:0;
	border-left:9px solid #005647;
	line-height:23px;
	padding:2px 10px 0 25px;
	max-width:100%;
	min-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-color:#eee;
	font-size:10px;
	display:block;
	text-decoration:none;
	transition: .3s;
	height:40px;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo a.fsCalendarEventTitle:hover{
	border-color:#00976c;
	background-color:#005647;
	color:#fff;
	position:absolute;
	max-width:200%;
	z-index:2;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:last-child .fsCalendarInfo a.fsCalendarEventTitle:hover{
	right:0px;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:last-child .fsCalendarInfo:hover .fsElementEventIcon{
	position: absolute;
    top: 20px;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo a.fsCalendarEventTitle[data-ath-id~="8370"]{
	border-left:9px solid #002f52;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo .fsTimeRange{
	font-size:10px;
	color:#005647;
	font-weight:bold;
	position:absolute;
	top:22px;
	left:40px;
	z-index:1;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo:hover .fsTimeRange{
	color:#fff;
	z-index:3;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo .fsLocation{
	display:none;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo .fsElementEventColorIcon {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 10px;
    height: 40px;
    border-radius: 0px;
}
.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo:hover .fsElementEventColorIcon {
    z-index: 3;
}

.ath-directory.fsDirectory.fsThumbnailSmall .fsConstituentItem{
	position:relative;
	max-width:600px;

	
}

.ath-directory.fsDirectory.fsThumbnailSmall .fsConstituentItem .fsPhoto img, 
.ath-directory.fsDirectory.fsThumbnailSmall .fsConstituentItem .fsProfileImage img {
    border-radius: 0%;
	text-align: center;
    display: inline;
}
.ath-directory.fsDirectory.fsThumbnailSmall .fsConstituentItem h3.fsFullName {
    /*position: absolute;
    top: 200px;*/
    padding: 10px 60px 10px 10px;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
    z-index: 2;
	
	display: flex;
    width: 100%;
    max-width: 300px;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    text-align: center;
    justify-content: center;
    position: relative;
    margin-top: -15px;
	    font-family: smrknights, AgencyFB, Montserrat, Roboto;
	height: 60px;
}
.ath-directory.fsDirectory.fsThumbnailSmall .fsConstituentItem > h3.fsFullName:after {
    /*-webkit-clip-path: polygon(0 100%, 0 0, 100% 67%, 90% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 67%, 90% 100%);*/
	-webkit-clip-path: polygon(0 0, 98% 0, 94% 100%, 0% 100%);
	clip-path: polygon(0 0, 98% 0, 94% 100%, 0% 100%);
    background: #005647;
    content: '';
    position: absolute;
    left: 0;
    top: -88%;
    right: 0;
    height: 100%;
    display: block;
    z-index: 1;
	
	    background: #005647;
    content: '';
    position: absolute;
    left: 0;
    top: 6%;
    right: 0;
    height: 6px;
    display: block;
    z-index: 1;
}

.ath-directory.fsDirectory.fsThumbnailSmall .fsConstituentItem > div.fsTitles{
    /*position: absolute;
    top: 210px;*/
    padding: 10px 10px 10px 40px;
    background-color: #002f52;
    clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);
    z-index: 1;
    width: 100%;
    max-width: 280px;
    padding-top: 40px;
    color: #fff;
    text-align: right;
    margin: 0px auto;
    right: 0;
    MARGIN-TOP: -41PX;
    width: 100%;
    max-width: 280px;
	margin-bottom:5px;
}
.fsCoaches .fsAthleticsRosterList li{
	positioN: relative;
    max-width: 600px;
    text-align: center;
	
}
.fsCoaches .fsAthleticsRoster .fsElementTable td.fsRosterName:before, 
.fsCoaches .fsAthleticsRosterList li > div.fsRosterName:before {
    display:none;
}
.fsCoaches .fsAthleticsRosterList li > div.fsRosterName {
    display: flex;
    justify-content: center;
	flex-direction: column;
    align-content: center;
    align-items: center;
    margin: 0px auto;
    text-align: center;
    position: relative;
	z-index:2;
	    font-family: smrknights, AgencyFB, Montserrat, Roboto;
	
	    background-color: #fff;
    line-height: 2;
    font-size: 21px;
    color: #005647;
	width: fit-content;
}
.fsCoaches .fsAthleticsRosterList li > div.fsRosterName .fsConstituentProfileLink,
.fsCoaches .fsAthleticsRosterList li > div.fsRosterName {
	background-color:#fff;
	line-height: 2;
	font-size:21px;
}
.fsCoaches .fsAthleticsRosterList li > div.fsRosterName .fsCoachImage{
	display: flex;
	justify-content:center;
}
.fsCoaches .fsAthleticsRosterList li > div.fsRosterTitle{
	padding: 10px 10px 10px 40px;
    background-color: #002f52;
    clip-path: polygon(25% 0, 100% 0%, 100% 100%, 0% 100%);
    z-index: 1;
    width: 100%;
    max-width: 280px;
    padding-top: 25px;
    color: #fff;
    text-align: right;
    margin: 0px auto;
    right: 0;
    MARGIN-TOP: -20PX;
    width: 100%;
    max-width: 280px;
	margin-bottom:5px;
}

.fsPlayers .fsAthleticsRosterList li{
	position: relative;
    min-height: 225px;
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterName,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterPlayerNumber,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterPosition,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterGradeLevel,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterClass,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterHometown{
	position: relative;
    left: 225px;
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterName:before,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterPlayerNumber:before,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterPosition:before,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterGradeLevel:before,
.fsPlayers .fsAthleticsRosterList li > div.fsRosterHometown:before{
	display:none;
	font-weight:inherit;
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterName{
	position: absolute;
    top: 0px;
    left: 295px;
    background: #fff;
    padding: 5px 20px;
    font-family: smrknights, AgencyFB, Montserrat, Roboto;
    font-size: 60px;
    /* height: 100px; */
    line-height: 1;
    color: #002f52;
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterPlayerNumber{
	position: absolute;
    top: 0px;
    left: 200px;
    background: #002f52;
    padding: 5px 30px 0px 20px;
    font-family: smrknights, AgencyFB, Montserrat, Roboto;
    font-size: 60px;
    /* height: 100px; */
    line-height: 1;
    color: #fff;
	clip-path: polygon(0px 0px, 100% 0%, 75% 100%, 0% 100%);
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterPosition{
	position: relative;
    top: 75px;
    left: 295px;
    /* float: right; */
    padding: 5px 20px;
	width: fit-content;
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterClass{
	position: relative;
	/*top:33px;*/
    top: 55px;
	/*left:400px;*/
    left: 295px;
    padding: 5px 20px;
		width: fit-content;
}

.fsPlayers .fsAthleticsRosterList li > div.fsRosterHometown{
	
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterClass:before{
	content:'Class of ';
	font-weight:inherit;
}
.fsPlayers .fsAthleticsRosterList li > div.fsRosterBio{
	position: absolute;
    top:0;
}


@media screen and (max-width: 1028px){
	.eventList1.fsAthleticsEvent.fsList .fsAthleticsOpponents, .eventList1.fsAthleticsEvent.fsList .fsAthleticsAdvantage, .eventList1.fsAthleticsEvent.fsList .fsAthleticsLocations, .eventList1.fsAthleticsEvent.fsList .fsAthleticsEventType {
		max-width: 700px;
	}
	
	.scoreboard .fsAthleticsResultWrapper{
		max-width: 700px;
	}
}
@media screen and (max-width: 799px){
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox{
		width:100% !important;
		position: relative;
		display: inline-block;
		min-height: 45px;
		height: auto !important;
		color: #89898B;
		padding: 10px 0px;
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarOutOfRange {
		display:none;
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents{
		color:inherit;
		padding-bottom:20px;
		padding-top: 0px;
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
    	position: relative;
    	left: inherit;
		top:inherit;
		-webkit-transform: none;
		line-height:inherit;
    	-ms-transform: none;
    	transform: none;
    	line-height:inherit;
    	font-size:inherit;
    	margin-bottom:inherit;
		padding: 0px 10px;
		text-align: center;
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsStateHasEvents .fsCalendarDate{
		padding: 10px 0px;
		background-color: #002f52;
		border-top: 5px solid #005647;
    	color: #fff;	
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDay, 
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarMonth {
		display:inline;
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo {
		display:block;
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo a.fsCalendarEventTitle:hover {
		position:relative;
	}
	.eventGrid1.fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox:last-child .fsCalendarInfo:hover .fsElementEventIcon{
		top:initial;
	}
	
}


@media only screen and (max-width:600px){
	.scoreboard.fsAthleticsEvent.fsList .fsElementEventIcon {
		margin-top:10px;	
	}
	
	.scoreboard .fsAthleticsResultWrapper{
		max-width: 600px;
		margin-left:0px;
		top: inherit;
   		margin-bottom: initial;
	}
	.scoreboard .teamLogo {
		font-size:14px;
		line-height:1;
	}
	.scoreboard .fsAthleticsOpponents .fsAthleticsVs {
		display:none;
	}
	.scoreboard.fsList time.fsTime, .scoreboard.fsList .fsDateTime .fsStartTimeToBeDetermined {
		display:none;
	}
	.fsPlayers .fsAthleticsRosterList li > div.fsRosterPlayerNumber {
		font-size:48px;
		padding: 5px 20px 0px 10px;
		left:130px;
	}
	.fsPlayers .fsAthleticsRosterList li > div.fsRosterName {
		font-size:28px;
		left:185px;
		padding-top:0px;
	}
	.fsPlayers .fsAthleticsRosterList li > div.fsRosterPosition,
	.fsPlayers .fsAthleticsRosterList li > div.fsRosterGradeLevel,
	.fsPlayers .fsAthleticsRosterList li > div.fsRosterClass,
	.fsPlayers .fsAthleticsRosterList li > div.fsRosterHometown{
		left: 120px;
	}
	
	.fsPlayers .fsAthleticsRosterList li > div.fsRosterBio {
    	width: 130px;
	}
}
	
	    
}



/*! _event.scss - src/sass/modules/calendar/event.scss - calendar event */
/*! elements - forms */
textarea,
input,
select {
  padding: 5px;
  max-width: 100%; }

.fsComposerFormEmbed {
  background: none; }
  .fsComposerFormEmbed body {
    margin: 0; }
  .fsComposerFormEmbed form {
    zoom: 1; }
    .fsComposerFormEmbed form:after {
      display: table;
      clear: both;
      content: ''; }
    .fsComposerFormEmbed form input {
      border: solid 1px #ccc; }
      .fsComposerFormEmbed form input.fileUploader {
        padding: 0;
        width: 100%;
        border: none; }
    .fsComposerFormEmbed form fieldset {
      padding: 0; }
    .fsComposerFormEmbed form textarea {
      max-width: 100%;
      width: 100%;
      border: solid 1px #ccc; }
    .fsComposerFormEmbed form .mainGroupSub {
      max-width: 100%;
      width: 100% !important; }
    .fsComposerFormEmbed form .formPage {
      margin-bottom: 20px; }
    .fsComposerFormEmbed form .elementRow {
      max-width: 100%;
      margin: 0; }
      .fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child {
        margin-bottom: 0; }
    .fsComposerFormEmbed form .elementContainer {
      margin: 0 0 20px;
      padding: 0; }
      @media screen and (max-width: 599px) {
        .fsComposerFormEmbed form .elementContainer {
          width: 100%; } }
      .fsComposerFormEmbed form .elementContainer label {
        margin-bottom: 2px; }
        .fsComposerFormEmbed form .elementContainer label.horizontal {
          white-space: normal;
          margin-right: 10px !important; }
          .fsComposerFormEmbed form .elementContainer label.horizontal:last-child {
            margin-right: 0; }
      .fsComposerFormEmbed form .elementContainer hr {
        margin: 0 auto; }
      .fsComposerFormEmbed form .elementContainer p:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 599px) {
      .fsComposerFormEmbed form .elementBody > input {
        width: 100%; } }
    .fsComposerFormEmbed form .elementBody > .descText {
      margin-bottom: 10px; }
    .fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: left;
      float: none; }
      @media (min-width: 600px) {
        .fsComposerFormEmbed form .labelLeft .elementContainer label, .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
          width: 20%;
          padding-right: 10px;
          text-align: right;
          float: left; } }
    @media (min-width: 600px) {
      .fsComposerFormEmbed form .labelLeft .elementContainer > label {
        padding: 5px 10px 5px 5px; } }
    .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label {
      width: 100%; }
    .fsComposerFormEmbed form .labelLeft .elementContainer fieldset label {
      width: auto; }
    .fsComposerFormEmbed form .labelLeft .elementBody {
      margin: 0;
      width: 100%;
      float: none; }
      @media (min-width: 600px) {
        .fsComposerFormEmbed form .labelLeft .elementBody {
          width: 80%;
          float: left; } }
    .fsComposerFormEmbed form .linkLike {
      color: #36c;
      margin-right: 10px;
      cursor: pointer;
      -webkit-transition: .3s;
      transition: .3s; }
      .fsComposerFormEmbed form .linkLike:hover {
        color: #039; }
    .fsComposerFormEmbed form .required {
      color: #363636; }
    .fsComposerFormEmbed form .pageControls {
      padding: 10px 0 !important;
      margin-bottom: 10px; }
      .fsComposerFormEmbed form .pageControls .userConfirmation {
        margin-bottom: 0; }
    .fsComposerFormEmbed form .userConfirmation {
      margin-bottom: 20px; }
      .fsComposerFormEmbed form .userConfirmation .userConfirmationToggle {
        margin-right: 5px; }
      .fsComposerFormEmbed form .userConfirmation > label {
        display: block; }
    .fsComposerFormEmbed form .elementColumn {
      zoom: 1;
      margin-bottom: 20px;
      max-width: 100%; }
      .fsComposerFormEmbed form .elementColumn:after {
        display: table;
        clear: both;
        content: ''; }
      @media screen and (max-width: 599px) {
        .fsComposerFormEmbed form .elementColumn {
          float: none !important;
          width: 100% !important; } }
      .fsComposerFormEmbed form .elementColumn .elementContainer {
        margin-bottom: 0; }
      .fsComposerFormEmbed form .elementColumn .elementBody > input {
        width: 100%; }
    .fsComposerFormEmbed form .pageBreak {
      zoom: 1; }
      .fsComposerFormEmbed form .pageBreak:after {
        display: table;
        clear: both;
        content: ''; }
      .fsComposerFormEmbed form .pageBreak .nextPage, .fsComposerFormEmbed form .pageBreak .prevPage {
        background: none;
        border: none;
        color: #36c;
        -webkit-transition: .3s;
        transition: .3s;
        outline: 0;
        float: left;
        padding: 0;
        line-height: 1;
        padding: 10px 0; }
        .fsComposerFormEmbed form .pageBreak .nextPage:hover, .fsComposerFormEmbed form .pageBreak .prevPage:hover {
          color: #039;
          -webkit-transition: .3s;
          transition: .3s; }
      .fsComposerFormEmbed form .pageBreak .prevPage {
        margin-right: 10px; }
      .fsComposerFormEmbed form .pageBreak .pagenum {
        display: inline-block;
        float: left;
        line-height: 1;
        margin-right: 10px;
        padding: 10px 0; }
        .fsComposerFormEmbed form .pageBreak .pagenum:empty {
          margin: 0; }
    .fsComposerFormEmbed form .submitBtn {
      border: 0;
      margin: 0;
      padding: 10px 20px;
      outline: 0;
      background: #363636 !important;
      text-shadow: none;
      font-size: inherit;
      border: none !important;
      float: left;
      line-height: 1; }
      .fsComposerFormEmbed form .submitBtn:hover {
        -webkit-transition: .3s;
        transition: .3s;
        color: #fff !important;
        background: #163052 !important; }
  .fsComposerFormEmbed .ui-widget {
    font-family: "Lato", sans-serif;
    max-width: 100%; }
  .fsComposerFormEmbed .ui-datepicker:empty {
    display: none; }
  .fsComposerFormEmbed .ui-datepicker .ui-datepicker-header {
    background: none;
    border: none; }
  .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next {
    background: none;
    border: none;
    text-align: center;
    font-size: 20px;
    cursor: pointer; }
    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev span, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next span {
      display: none; }
    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
      content: '';
      font-weight: bold;
      -webkit-transition: .3s;
      transition: .3s; }
    .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:hover:before, .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:hover:before {
      -webkit-transition: .3s;
      transition: .3s;
      opacity: .5; }
  .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
    content: '\203A'; }
  .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before {
    content: '\2039'; }
  .fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover {
    right: 2px;
    top: 2px; }
  .fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover {
    left: 2px;
    top: 2px; }
  .fsComposerFormEmbed .ui-datepicker .ui-state-default {
    background: rgba(0, 0, 0, 0.05);
    text-align: center; }
  .fsComposerFormEmbed .ui-datepicker .ui-state-active {
    background: rgba(0, 0, 0, 0.1); }
  .fsComposerFormEmbed .ui-datepicker .ui-state-highlight {
    border: solid 1px #d3d3d3;
    background-color: #d3d3d3; }

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5); }

::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5); }

:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5); }

.fsRequestEventControl {
    background-color: #35ab7c;
    border-radius: 3px;
    display: inline-block;
    float: right;
    height: 30px;
    margin: 0 5px 0 0;
    text-align: center;
    width: 165px;
}
.fsRequestEventControl::before {
    height: 22px;
    margin: 4px 0 0;
    vertical-align: top;
    width: 15px;
}
.fsButtonClear>span, .fsStyleSROnly {
    -webkit-clip-path:none;
	clip-path:none;
	color:white;
	position: relative;
    top: 3px;
}
.fsStyleSROnly { display:none;}

/*! elements - login */
.fsLogin .fsLoginMainView,
.fsLogin .fsLoginForgotView,
.fsLogin .fsLoginNewView,
.fsLogin .fsResetPasswordView, .fsAccount .fsLoginMainView,
.fsAccount .fsLoginForgotView,
.fsAccount .fsLoginNewView,
.fsAccount .fsResetPasswordView {
  zoom: 1; }
  .fsLogin .fsLoginMainView:after,
  .fsLogin .fsLoginForgotView:after,
  .fsLogin .fsLoginNewView:after,
  .fsLogin .fsResetPasswordView:after, .fsAccount .fsLoginMainView:after,
  .fsAccount .fsLoginForgotView:after,
  .fsAccount .fsLoginNewView:after,
  .fsAccount .fsResetPasswordView:after {
    display: table;
    clear: both;
    content: ''; }
  .fsLogin .fsLoginMainView h3,
  .fsLogin .fsLoginForgotView h3,
  .fsLogin .fsLoginNewView h3,
  .fsLogin .fsResetPasswordView h3, .fsAccount .fsLoginMainView h3,
  .fsAccount .fsLoginForgotView h3,
  .fsAccount .fsLoginNewView h3,
  .fsAccount .fsResetPasswordView h3 {
    margin-bottom: 20px; }
  .fsLogin .fsLoginMainView span,
  .fsLogin .fsLoginForgotView span,
  .fsLogin .fsLoginNewView span,
  .fsLogin .fsResetPasswordView span, .fsAccount .fsLoginMainView span,
  .fsAccount .fsLoginForgotView span,
  .fsAccount .fsLoginNewView span,
  .fsAccount .fsResetPasswordView span {
    margin-bottom: 2px; }
  .fsLogin .fsLoginMainView .fsLoginSubmit,
  .fsLogin .fsLoginMainView button,
  .fsLogin .fsLoginForgotView .fsLoginSubmit,
  .fsLogin .fsLoginForgotView button,
  .fsLogin .fsLoginNewView .fsLoginSubmit,
  .fsLogin .fsLoginNewView button,
  .fsLogin .fsResetPasswordView .fsLoginSubmit,
  .fsLogin .fsResetPasswordView button, .fsAccount .fsLoginMainView .fsLoginSubmit,
  .fsAccount .fsLoginMainView button,
  .fsAccount .fsLoginForgotView .fsLoginSubmit,
  .fsAccount .fsLoginForgotView button,
  .fsAccount .fsLoginNewView .fsLoginSubmit,
  .fsAccount .fsLoginNewView button,
  .fsAccount .fsResetPasswordView .fsLoginSubmit,
  .fsAccount .fsResetPasswordView button {
    display: inline-block;
    border: 0;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #1c1c1c;
    color: #fff;
    border-radius: 0; }
    .fsLogin .fsLoginMainView .fsLoginSubmit:hover, .fsLogin .fsLoginMainView .fsLoginSubmit:focus,
    .fsLogin .fsLoginMainView button:hover,
    .fsLogin .fsLoginMainView button:focus,
    .fsLogin .fsLoginForgotView .fsLoginSubmit:hover,
    .fsLogin .fsLoginForgotView .fsLoginSubmit:focus,
    .fsLogin .fsLoginForgotView button:hover,
    .fsLogin .fsLoginForgotView button:focus,
    .fsLogin .fsLoginNewView .fsLoginSubmit:hover,
    .fsLogin .fsLoginNewView .fsLoginSubmit:focus,
    .fsLogin .fsLoginNewView button:hover,
    .fsLogin .fsLoginNewView button:focus,
    .fsLogin .fsResetPasswordView .fsLoginSubmit:hover,
    .fsLogin .fsResetPasswordView .fsLoginSubmit:focus,
    .fsLogin .fsResetPasswordView button:hover,
    .fsLogin .fsResetPasswordView button:focus, .fsAccount .fsLoginMainView .fsLoginSubmit:hover, .fsAccount .fsLoginMainView .fsLoginSubmit:focus,
    .fsAccount .fsLoginMainView button:hover,
    .fsAccount .fsLoginMainView button:focus,
    .fsAccount .fsLoginForgotView .fsLoginSubmit:hover,
    .fsAccount .fsLoginForgotView .fsLoginSubmit:focus,
    .fsAccount .fsLoginForgotView button:hover,
    .fsAccount .fsLoginForgotView button:focus,
    .fsAccount .fsLoginNewView .fsLoginSubmit:hover,
    .fsAccount .fsLoginNewView .fsLoginSubmit:focus,
    .fsAccount .fsLoginNewView button:hover,
    .fsAccount .fsLoginNewView button:focus,
    .fsAccount .fsResetPasswordView .fsLoginSubmit:hover,
    .fsAccount .fsResetPasswordView .fsLoginSubmit:focus,
    .fsAccount .fsResetPasswordView button:hover,
    .fsAccount .fsResetPasswordView button:focus {
      background: #0f0f0f;
      color: #fff; }
    .fsLogin .fsLoginMainView .fsLoginSubmit em,
    .fsLogin .fsLoginMainView button em,
    .fsLogin .fsLoginForgotView .fsLoginSubmit em,
    .fsLogin .fsLoginForgotView button em,
    .fsLogin .fsLoginNewView .fsLoginSubmit em,
    .fsLogin .fsLoginNewView button em,
    .fsLogin .fsResetPasswordView .fsLoginSubmit em,
    .fsLogin .fsResetPasswordView button em, .fsAccount .fsLoginMainView .fsLoginSubmit em,
    .fsAccount .fsLoginMainView button em,
    .fsAccount .fsLoginForgotView .fsLoginSubmit em,
    .fsAccount .fsLoginForgotView button em,
    .fsAccount .fsLoginNewView .fsLoginSubmit em,
    .fsAccount .fsLoginNewView button em,
    .fsAccount .fsResetPasswordView .fsLoginSubmit em,
    .fsAccount .fsResetPasswordView button em {
      display: block;
      font-style: normal; }
    .fsLogin .fsLoginMainView .fsLoginSubmit + button,
    .fsLogin .fsLoginMainView button + button,
    .fsLogin .fsLoginForgotView .fsLoginSubmit + button,
    .fsLogin .fsLoginForgotView button + button,
    .fsLogin .fsLoginNewView .fsLoginSubmit + button,
    .fsLogin .fsLoginNewView button + button,
    .fsLogin .fsResetPasswordView .fsLoginSubmit + button,
    .fsLogin .fsResetPasswordView button + button, .fsAccount .fsLoginMainView .fsLoginSubmit + button,
    .fsAccount .fsLoginMainView button + button,
    .fsAccount .fsLoginForgotView .fsLoginSubmit + button,
    .fsAccount .fsLoginForgotView button + button,
    .fsAccount .fsLoginNewView .fsLoginSubmit + button,
    .fsAccount .fsLoginNewView button + button,
    .fsAccount .fsResetPasswordView .fsLoginSubmit + button,
    .fsAccount .fsResetPasswordView button + button {
      margin-left: 10px; }
  .fsLogin .fsLoginMainView .fsLoginSubmit,
  .fsLogin .fsLoginForgotView .fsLoginSubmit,
  .fsLogin .fsLoginNewView .fsLoginSubmit,
  .fsLogin .fsResetPasswordView .fsLoginSubmit, .fsAccount .fsLoginMainView .fsLoginSubmit,
  .fsAccount .fsLoginForgotView .fsLoginSubmit,
  .fsAccount .fsLoginNewView .fsLoginSubmit,
  .fsAccount .fsResetPasswordView .fsLoginSubmit {
    display: block; }
  .fsLogin .fsLoginMainView .fsLoginForgotPasswordLink,
  .fsLogin .fsLoginMainView .fsLoginNewAccountLink,
  .fsLogin .fsLoginForgotView .fsLoginForgotPasswordLink,
  .fsLogin .fsLoginForgotView .fsLoginNewAccountLink,
  .fsLogin .fsLoginNewView .fsLoginForgotPasswordLink,
  .fsLogin .fsLoginNewView .fsLoginNewAccountLink,
  .fsLogin .fsResetPasswordView .fsLoginForgotPasswordLink,
  .fsLogin .fsResetPasswordView .fsLoginNewAccountLink, .fsAccount .fsLoginMainView .fsLoginForgotPasswordLink,
  .fsAccount .fsLoginMainView .fsLoginNewAccountLink,
  .fsAccount .fsLoginForgotView .fsLoginForgotPasswordLink,
  .fsAccount .fsLoginForgotView .fsLoginNewAccountLink,
  .fsAccount .fsLoginNewView .fsLoginForgotPasswordLink,
  .fsAccount .fsLoginNewView .fsLoginNewAccountLink,
  .fsAccount .fsResetPasswordView .fsLoginForgotPasswordLink,
  .fsAccount .fsResetPasswordView .fsLoginNewAccountLink {
    margin-bottom: 10px; }

.fsLogin .fsLoginForgotView .fsLoginForgotEmail, .fsAccount .fsLoginForgotView .fsLoginForgotEmail {
  display: block; }

.fsLogin .fsLoginNewFields .fsLoginNewCaptcha, .fsAccount .fsLoginNewFields .fsLoginNewCaptcha {
  margin-bottom: 20px; }
  .fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area,
  .fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table, .fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area,
  .fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table {
    max-width: 100%; }
  @media screen and (max-width: 599px) {
    .fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div, .fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div {
      overflow: hidden;
      border-radius: 5px; } }

.fsLogin .fsLoginNewSuccess button, .fsAccount .fsLoginNewSuccess button {
  margin-top: 20px; }

.fsLogin .fsResetPasswordFields > div, .fsAccount .fsResetPasswordFields > div {
  margin-bottom: 20px; }
  .fsLogin .fsResetPasswordFields > div:last-child, .fsAccount .fsResetPasswordFields > div:last-child {
    margin-bottom: 0; }

.fsLogin .fsResetPasswordFields label > span, .fsAccount .fsResetPasswordFields label > span {
  display: block; }

.fsLogin .fsResetPasswordFields label > input, .fsAccount .fsResetPasswordFields label > input {
  margin-bottom: 20px; }

.fsAccount .fsAccountGreeting {
  margin-bottom: 20px; }

.fsAccount .fsAccountLinks {
  margin: 0; }

.fsAccount .fsAccountLogout {
  display: block;
  margin-top: 20px; }
  .fsAccount .fsAccountLogout a {
    display: inline-block;
    border: 0;
    margin: 0 0 20px;
    padding: 10px 20px;
    background: #1c1c1c;
    color: #fff;
    border-radius: 0; }
    .fsAccount .fsAccountLogout a:hover, .fsAccount .fsAccountLogout a:focus {
      background: #0f0f0f;
      color: #fff; }
    .fsAccount .fsAccountLogout a em {
      display: block;
      font-style: normal; }

.fsMediaCustomPlayer {
  background: none;
  position: relative;
  color: #1c1c1c;
  font-family: "Lato", sans-serif; }
  .fsMediaCustomPlayer article {
    position: relative; }

.fsCustomSlider .fsElement {
  margin-bottom: 0; }

.fsCustomSlider .slick-next, .fsCustomSlider .slick-prev {
  background: none;
  border: none;
  color: transparent;
  height: 40px;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  z-index: 2; }
  .fsCustomSlider .slick-next:before, .fsCustomSlider .slick-prev:before {
    color: #fff;
    display: block;
    font-size: 50px;
    font-weight: normal;
    height: 100%;
    left: 0;
    line-height: 30px;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center; }

.fsCustomSlider .slick-next {
  left: auto;
  right: 0; }
  .fsCustomSlider .slick-next:before {
    content: '\203A'; }

.fsCustomSlider .slick-prev {
  left: 0;
  right: auto; }
  .fsCustomSlider .slick-prev:before {
    content: '\2039'; }

.fsCustomSlider .slider-play-btn {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #163052;
  font-size: 0;
  width: 30px;
  height: 30px;
  border: 0;
  padding: 0;
  z-index: 1;
  line-height: 42px; }
  .fsCustomSlider .slider-play-btn:before {
    content: "";
    color: #fff;
    font-size: 16px;
    font-family: "Droid Serif", Georgia, serif; }

.fsCustomSlider.slider-paused .slider-play-btn:before {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 13px solid #fff;
  border-bottom: 7px solid transparent;
  display: inline-block; }

.fsCustomSlider.slider-playing .slider-play-btn:before, .fsCustomSlider.slider-playing .slider-play-btn:after {
  content: "";
  width: 3px;
  height: 18px;
  background-color: #fff;
  display: inline-block;
  margin: 6px 2px 0; }

.fsCustomSlider .slick-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
  .fsCustomSlider .slick-dots, .fsCustomSlider .slick-dots ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .fsCustomSlider .slick-dots li {
    margin: 0;
    padding: 0; }
  .fsCustomSlider .slick-dots li {
    display: inline-block; }
  .fsCustomSlider .slick-dots li + li {
    margin-left: 6px; }
  .fsCustomSlider .slick-dots button {
    border: 0;
    background-color: transparent;
    padding: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 100%;
    font-size: 0; }
  .fsCustomSlider .slick-dots .slick-active button {
    background-color: #fff; }

.fsCustomSlider .caption-wrapper {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  line-height: 22px;
  width: 100%;
  background-color: #163052;
  color: #fff; }
  .fsCustomSlider .caption-wrapper .caption-inner {
    padding: 10px 10px 30px; }
  @media (min-width: 800px) {
    .fsCustomSlider .caption-wrapper {
      padding: 30px 20px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-color: rgba(22, 48, 82, 0.5); } }
  .fsCustomSlider .caption-wrapper a {
    color: rgba(255, 255, 255, 0.5); }
    .fsCustomSlider .caption-wrapper a:hover {
      text-decoration: underline; }
  .fsCustomSlider .caption-wrapper.is-empty {
    display: none; }

@media (min-width: 800px) {
  .fsCustomSlider .caption-title {
    margin-top: 0;
    font-weight: normal;
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 16px;
    color: #fff;
    margin-bottom: 0; } }

@media (min-width: 800px) {
  .fsCustomSlider .caption-desc {
    display: block; } }

.fsCustomSlider .caption-desc p:last-child {
  margin-bottom: 0; }

.fsCustomSlider .caption-desc:empty {
  display: none; }

.fsNews.fsThumbnailAlignLeft .fsThumbnail {
  float: none; }
  @media (min-width: 600px) {
    .fsNews.fsThumbnailAlignLeft .fsThumbnail {
		/*float: left; } */}
  }

.fsNews.fsThumbnailAlignRight .fsThumbnail {
  float: none; }
  @media (min-width: 600px) {
    .fsNews.fsThumbnailAlignRight .fsThumbnail {
      float: right; } }

.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
  float: none; }
  @media (min-width: 600px) {
    .fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
      float: left; } }

.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
  float: none; }
  @media (min-width: 600px) {
    .fsPostElement.fsThumbnailAlignRight .fsThumbnail {
      float: right; } }

/*! _main.scss - src/sass/modules/search/ - main search import */
.fsSearch form.gsc-search-box-tools {
  margin-bottom: 0;
  overflow: hidden;
  font-size: inherit; }
  .fsSearch form.gsc-search-box-tools table {
    border: 0; }
  .fsSearch form.gsc-search-box-tools > table.gsc-search-box {
    margin-bottom: 0;
    position: relative; }
  .fsSearch form.gsc-search-box-tools td.gsib_a {
    padding: 0; }
  .fsSearch form.gsc-search-box-tools td.gsib_b {
    display: none !important; }
  .fsSearch form.gsc-search-box-tools table.gsc-branding {
    display: none; }

/*! _custom.scss - src/sass/modules/search/ - custom site search, design based */
.fsSearch.site-search {
  margin-bottom: 20px; }
  .fsSearch.site-search form.gsc-search-box-tools {
    width: 400px; }
    .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input {
      padding: 0; }
      .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box {
        border: 0;
        height: 100%; }
        .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box input.gsc-input {
          background: #163052 !important;
          background-image: none !important;
          width: 100%;
          height: 50px !important;
          color: #eee;
          padding-left: 10px !important;
          padding-right: 85px !important;
          margin: 0 !important;
          border-radius: 0 !important;
          font-size: 16px;
          font-family: "Lato", sans-serif; }
    .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
      padding: 0;
      overflow: hidden;
      height: 50px;
      width: 75px;
      background: #363636;
      position: absolute;
      right: 0;
      top: 0;
      -webkit-transition: .3s;
      transition: .3s; }
      .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:after {
        content: "Search";
        color: #fff;
        font-family: "Lato", sans-serif;
        opacity: 1;
        display: block;
        position: absolute;
        text-align: center;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        line-height: 50px;
        font-size: 16px; }
      .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
        background: black;
        -webkit-transition: .3s;
        transition: .3s; }
      .fsSearch.site-search form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button input.gsc-search-button {
        border: 0;
        height: 100%;
        width: 100%;
        color: transparent;
        opacity: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        margin: 0; }

/*! _search-box.scss - src/sass/modules/search/ - sitewide search box */
.fsSearch:not(.site-search) {
  margin-bottom: 20px; }
  .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input {
    padding: 0; }
    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box {
      border: 0;
      height: 100%;
      border: solid 1px #1c1c1c; }
      .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-input div.gsc-input-box input.gsc-input {
        background: #fff !important;
        background-image: none !important;
        width: 100%;
        height: 50px !important;
        color: #1c1c1c;
        padding-left: 10px !important;
        padding-right: 85px !important;
        margin: 0 !important;
        border-radius: 0 !important;
        font-size: 16px;
        font-family: "Lato", sans-serif; }
  .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button {
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 75px;
    background: #1c1c1c;
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    right: 0;
    top: 0; }
    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:after {
      content: "Search";
      color: #fff;
      opacity: 1;
      display: block;
      position: absolute;
      text-align: center;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      line-height: 50px;
      font-size: 16px;
      font-family: "Lato", sans-serif; }
    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button:hover {
      background: black;
      -webkit-transition: .3s;
      transition: .3s; }
    .fsSearch:not(.site-search) form.gsc-search-box-tools > table.gsc-search-box td.gsc-search-button input.gsc-search-button {
      border: 0;
      height: 100%;
      width: 100%;
      color: transparent;
      opacity: 0;
      padding: 0;
      position: absolute;
      top: 0;
      left: 0;
      margin: 0; }

/*! _search-results.scss - src/sass/modules/search/ - sitewide search results */
.fsSearchResults form.gsc-search-box-tools, .fsSearchFieldWithResults form.gsc-search-box-tools {
  margin-bottom: 20px; }

.fsSearchResults .gsc-control-cse, .fsSearchFieldWithResults .gsc-control-cse {
  padding: 0;
  font-family: "Lato", sans-serif;
  font-size: 16px; }

.fsSearchResults .gsc-results, .fsSearchFieldWithResults .gsc-results {
  width: 100%; }

.fsSearchResults .gsc-webResult .gsc-result, .fsSearchFieldWithResults .gsc-webResult .gsc-result {
  margin-bottom: 20px;
  border-bottom: solid 1px #ccc !important;
  padding: 0 0 20px; }
  .fsSearchResults .gsc-webResult .gsc-result .gs-result .gs-snippet, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-result .gs-snippet {
    color: #1c1c1c; }
  .fsSearchResults .gsc-webResult .gsc-result .gs-webResult div.gs-visibleUrl, .fsSearchResults .gsc-webResult .gsc-result .gs-imageResult div.gs-visibleUrl, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-webResult div.gs-visibleUrl, .fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-imageResult div.gs-visibleUrl {
    color: #163052; }

.fsSearchResults .gsc-table-result, .fsSearchResults .gsc-thumbnail-inside, .fsSearchResults .gsc-url-top, .fsSearchFieldWithResults .gsc-table-result, .fsSearchFieldWithResults .gsc-thumbnail-inside, .fsSearchFieldWithResults .gsc-url-top {
  padding: 0; }

.fsSearchResults div.gs-title, .fsSearchFieldWithResults div.gs-title {
  margin-bottom: 10px; }

.fsSearchResults a.gs-title, .fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page, .fsSearchFieldWithResults a.gs-title, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #36c !important;
  outline: transparent; }
  .fsSearchResults a.gs-title:hover, .fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover, .fsSearchFieldWithResults a.gs-title:hover, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    color: #039 !important; }

.fsSearchResults .gsc-control-cse .gs-spelling, .fsSearchResults .gsc-control-cse .gs-result .gs-title, .fsSearchResults .gsc-control-cse .gs-result .gs-title *, .fsSearchFieldWithResults .gsc-control-cse .gs-spelling, .fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title, .fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title * {
  font-size: 16px; }

.fsSearchResults .gsc-results .gsc-cursor-box, .fsSearchFieldWithResults .gsc-results .gsc-cursor-box {
  margin: 10px 0; }

/*! elements - social main */
/*! elements - social facebook */
.fsFacebook {
  margin-bottom: 20px; }

.fsFacebookList, .fsFacebookList ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.fsFacebookList li {
  margin: 0;
  padding: 0; }

.fsFacebookList .fsFacebookListItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #dddedf; }

.fsFacebookExtras {
  margin-top: 10px; }
  .fsFacebookExtras .fsFacebookThumb {
    margin-bottom: 10px;
    display: block; }
  .fsFacebookExtras .fsFacebookTitle[href*="https://www.facebook.com/finalsite/photos"] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block; }

.fsFacebookFollow {
  margin-top: 20px; }

/*! elements - social twitter */
.fsTwitter {
  margin-bottom: 20px; }

/*! elements - social vimeo */
.fsVimeo {
  margin-bottom: 20px; }
  .fsVimeo iframe.fsSocialVideoFrame {
    margin-bottom: 20px; }

.fsVimeoList, .fsVimeoList ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.fsVimeoList li {
  margin: 0;
  padding: 0; }

.fsVimeoList .fsVimeoListItem {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #dddedf;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: .6;
  cursor: pointer; }
  .fsVimeoList .fsVimeoListItem:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }
  .fsVimeoList .fsVimeoListItem:hover {
    border: none;
    border-bottom: solid 1px #dddedf;
    padding: 0;
    padding-bottom: 20px;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s; }
    .fsVimeoList .fsVimeoListItem:hover:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }

.fsVimeoThumb {
  margin-bottom: 10px;
  margin-right: 20px; }
  @media (min-width: 600px) {
    .fsVimeoThumb {
      float: left;
      margin-bottom: 0; } }

.vimeo_view_link a {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #1c1c1c;
  color: #fff;
  border-radius: 0; }
  .vimeo_view_link a:hover, .vimeo_view_link a:focus {
    background: #0f0f0f;
    color: #fff; }
  .vimeo_view_link a em {
    display: block;
    font-style: normal; }

/*! elements - social youtube */
.fsYoutube {
  margin-bottom: 20px; }
  .fsYoutube .fsSocialVideoFrame {
    margin-bottom: 20px; }

.fsYoutubeList, .fsYoutubeList ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.fsYoutubeList li {
  margin: 0;
  padding: 0; }

.fsYoutubeList .fsYoutubeListItem {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #dddedf;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  opacity: .6; }
  .fsYoutubeList .fsYoutubeListItem:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none; }
  .fsYoutubeList .fsYoutubeListItem:hover {
    border: none;
    border-bottom: solid 1px #dddedf;
    padding: 0;
    padding-bottom: 20px;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s; }
    .fsYoutubeList .fsYoutubeListItem:hover:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }

.fsYoutubeThumb {
  margin-bottom: 10px;
  margin-right: 20px;
  float: none; }
  @media (min-width: 600px) {
    .fsYoutubeThumb {
      float: left;
      margin-bottom: 0; } }

.Youtube_view_link a {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #1c1c1c;
  color: #fff;
  border-radius: 0; }
  .Youtube_view_link a:hover, .Youtube_view_link a:focus {
    background: #0f0f0f;
    color: #fff; }
  .Youtube_view_link a em {
    display: block;
    font-style: normal; }

/*! elements - tabs 
.fsTabs {
  padding: 0;
  background: none;
  border: 0;
  margin-bottom: 20px; 
}
.fsTabs .fsTabsNav {
    margin: 0;
    padding: 0;
    display: none; 
}

@media (min-width: 600px) {
      .fsTabs .fsTabsNav {
        display: block; 
	  } 
}
.fsTabs .fsTabsNav li {
      margin-right: 2px; 
}*/
.fsTabs li{
	position:relative;
}
/*
.fsTabs .fsTabsNav li a {
        display: block;
        margin-top: 0;
        font-weight: normal;
        font-size: 32px;
        line-height: 34px;
        margin-bottom: 16px;
        margin-bottom: 2px;
        display: block;
        font-size: 21px;
        padding: 13.33333px;
        color: #eee;
        -webkit-transition: .3s;
        transition: .3s;
        background: #363636;
        color: #eee; 
}
.fsTabs .fsTabsNav li a:hover {
          background: dimgray;
          color: #eee; 
}
.fsTabs .fsTabsNav li.fsStateSelected a {
        background: #163052;
        color: #eee; 
}

.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer,
.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
  display: block; 
}
  @media (min-width: 600px) {
    .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer,
    .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
		display: none; 
	} 
}*/

.fsPanelGroup.tabs-summerassignments,
.fsPanelGroup.tabs-courses,
.fsPanelGroup.tabs-apcourses{margin-top:30px;}

.fsPanelGroup.tabs-portal{margin-top:2px;}

.fsPanelGroup.tabs-custom{ }

.tabs-portal.stick{
	/*display: flex;
    justify-content: space-between;*/
}

.fsTabsNavItem{
	transition: top .2s;
	top:15px;
}

.tabs-custom .fsTabsNavItem{
	top:0px;
}

.fsTabsNavItem a{
	text-align: center;
    padding:15px 0;
    background-color: #eee;
	box-shadow: 0 0 0 1px #ddd;
	/*top:15px;*/
	top:-15px;
    transition: top .2s;
}
.tabs-custom .fsTabsNavItem a{
	box-shadow:none;
}

.fsTabsNavItem.fsStateSelected,
.fsTabsNavItem.fsStateSelected a{
  top:0;
  transition:top .2s;
}

.whiteBlock {
  display:none;
}

.fsTabsNavItem.fsStateSelected a.whiteBlock {
  display:block;
  height:2px;
  bottom:-2px;
  background-color:#fff;
  width:99%;
  position:absolute;
  z-index:1;
}

.fsTabsNavItem a {
	font-family: 'Roboto';
	/*font-size:1.65em;*/
	font-weight:300;
  transition:.2s;
  color:#333;
}

.fsPanelGroup .fsTabsNav,
.tabs-summerassignments .fsTabsNav,
.tabs-courses .fsTabsNav,
.tabs-portal .fsTabsNav,
.tabs-apcourses .fsTabsNav{
	border-bottom:2px solid #ddd;
  	margin: 0px;
}


.tabs-summerassignments .fsTabsNav,
.tabs-courses .fsTabsNav,
.tabs-portal .fsTabsNav,
.tabs-apcourses .fsTabsNav{
	border-bottom:2px solid #ddd;
  	margin: 15px 0 0;
}

.tabs-custom .fsTabsNav{
	border-bottom:none;
  	margin: 0px;
}

.tabs-portal section .fsTabsNav{margin:0px;}

.tabs-portal:first-of-type .fsTabsNav{
	/*width:100px;
	top: 50px;*/
	width:72px;
	position:relative;
	z-index:2;
	float:left;
	position: sticky; 
	top: 40px;
    margin: 0px;
	background-color: #f9f9f9;
}
.tabs-portal section .fsTabs .fsTabsNav{
	width:inherit;
	position:inherit;
	float:inherit;
}

.fsPanelGroup .fsPanel,
.tabs-summerassignments .fsPanel,
.tabs-groups .fsPanel,
.tabs-portal .fsPanel,
.tabs-apcourses .fsPanel,
.tabs-custom .fsPanel,{
  border-color: transparent;
  box-shadow: 0 -2px 0 -1px #fff, 0 0 0 1px #ddd;
  /*padding: 30px 15px 15px;*/
	padding:15px;
  position:relative;
  background-color:#fff;
}

.tabs-portal .fsPanel{
	padding-top:5px;
	box-shadow: none;
	position: relative;
    z-index: 1;
    padding-left: 75px;
	max-width:1400px;
	margin:0px auto;
}

.tabs-portal .fsPanel > section{
	padding-top:5px;
	box-shadow: none;
	position: relative;
    z-index: 1;
    padding-left: 128px;
}
.tabs-portal section .fsPanel {
	padding-top:0px;
	box-shadow: none;
	position: relative;
    z-index: 1;
    padding-left: 0px;
	box-shadow:0 -2px 0 -1px #fff, 0 0 0 1px #ddd;
}

.fsTabsNav > li.fsTabsNavItem.fsStateSelected > a, 
.fsTabsNav > li.fsTabsNavItem.fsStateSelected > a:focus,
.fsTabsNav > li.fsTabsNavItem.fsStateSelected > a:hover {
	border-width:0;
}


/*! elements - tabs */
/*.fsTabs .fsPanel > header {
  cursor: pointer;
  background: #fff;
  transition: .3s;
}
.fsTabs .fsPanel > header h2 {
  margin-top: 0;
  font-weight: normal;
  color: #000000;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-bottom: 0px;
  display: block;
  font-size: 16px;
  padding: 13.33333px;
  color: #5c5c5c;
  transition: .3s;
  box-shadow: 0 -1px 0 0 #364157;
  position: relative;
}
.fsPanel:last-of-type > header h2 {
  box-shadow: 0 -1px 0 0 #005647, 0 1px 0 0 #005647;
}
.fsTabs .fsPanel > header:hover {
  background: #fff;
  transition: .3s;
  box-shadow: 0 -1px 0 0 #005647, inset 4px 0 0 #00976c;
}
.fsTabs .fsPanel > header:hover h2 {
  color: #005647;
  transition: .3s;
}
.fsTabs .fsPanel.fsStateOpen {
  box-shadow: inset 4px 0 0 rgba(13, 112, 181, 0.2);
}
.fsTabs .fsPanel.fsStateOpen > header {
  background: #fff;
  box-shadow: 0 -1px 0 0 #364157, inset 4px 0 0 #0d70b5;
}
.fsTabs .fsPanel.fsStateOpen > header h2 {
  color: #202a44;
  box-shadow: none;
}
.fsTabs .fsPanel.fsStateOpen > header h2:before {
  content: "";
}
.fsPanelIconAfter.fsTabs .fsPanel > header h2::after,
.fsPanelIconBefore.fsTabs .fsPanel > header h2::before {
  content: '';
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  margin: 0;
  top: 13.33333px;
  content: "";
}
.fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen > header h2::before,
.fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen > header h2::after {
  content: '';
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  margin: 0;
  top: 13.33333px;
  content: "";
}
.fsPanelIconAfter.fsTabs .fsPanel > header h2:before {
  display: none;
}
.fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter) .fsPanel > header h2:before {
  content: '';
}

.fsAccordion {
  margin-bottom: 20px;
}*/

/*! elements - tabs */
/*.fsTabs {
  padding: 0;
  background: none;
  border: 0;
  margin-bottom: 20px;
}
.fsTabs .fsTabsNav {
  margin: 0;
  padding: 0;
  display: none;
}
@media (min-width: 600px) {
  .fsTabs .fsTabsNav {
    display: block;
  }
}
.fsTabs .fsTabsNav li {
  margin-right: 2px;
}
.fsTabs .fsTabsNav li a {
  display: block;
  margin-top: 0;
  font-weight: normal;
  color: #000000;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-bottom: 0px;
  display: block;
  font-size: 16px;
  padding: 13.33333px;
  color: #5c5c5c;
  transition: .3s;
  box-shadow: 0 -1px 0 0 #364157;
  font-size: 15px;
  background: #fff;
  color: #676363;
  box-shadow: none;
}
.fsPanel:last-of-type > header h2 {
  box-shadow: 0 -1px 0 0 #364157, 0 1px 0 0 #364157;
}
.fsTabs .fsTabsNav li a:hover {
  background: #fff;
  color: #002f52;
}
.fsTabs .fsTabsNav li.fsStateSelected a {
  background: #fff;
  color: #002f52;
  box-shadow: inset 0 -4px 0 #8a2333;
}
.fsTabs .fsPanel {
  box-shadow: none;
}
.fsTabs .fsPanel.fsStateOpen {
  box-shadow: none;
}

.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer,
.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
  display: block;
}
@media (min-width: 600px) {
  .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > .fsElementActionButtonContainer,
  .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header, .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
    display: none;
  }
}*/



.fsTabsNav > li.fsTabsNavItem a:hover {
	background-color:#f9f9f9;
	box-shadow: 0 0 0 1px #ddd;
	color:#313131;
}
.tabs-custom .fsTabsNav > li.fsTabsNavItem a:hover {
	background-color:#fff;
	box-shadow: none;
	color:#313131;
}
.fsTabsNav > li.fsTabsNavItem.fsStateSelected a:hover {
  background-color:#fff;
  box-shadow: 1px 1px 0 1px #fff, 0 0px 0 1px #ddd, -1px 1px 0 0px #ddd inset;
}
.fsTabsNav > li.fsTabsNavItem:hover a {
	border-color:transparent;
}
.fsTabsNav > li.fsTabsNavItem:hover a {
  /*border-right: 1px solid transparent;*/
}
.fsTabsNav > li.fsTabsNavItem > a {
    margin-right: 0;
    border-top: 0;
    padding-bottom: 30px;
    margin-bottom:0px;
    width: 100%;
    background-color: #eee;
    padding: 0px 0px 30px 0px;
    transition: top .2s;
    padding: 15px 15px;
}
.tabs-summerassignments .fsTabsNav > li.fsTabsNavItem > a,
.tabs-courses .fsTabsNav > li.fsTabsNavItem > a,
.tabs-apcourses .fsTabsNav > li.fsTabsNavItem > a,
.tabs-portal .fsTabsNav > li.fsTabsNavItem > a,
.tabs-custom .fsTabsNav > li.fsTabsNavItem > a{
	margin-right:0;
	border-top:0;
    padding-bottom: 30px;
    margin-bottom: -30px;
    width: 100%;
	background-color: #eee;
	padding:0px 0px 30px 0px;
}
.tabs-custom .fsTabsNav > li.fsTabsNavItem > a{
	background-color:#fff;
	font-size:17px;
}

.tabs-portal .fsTabsNav > li.fsTabsNavItem > a{
	margin-bottom:0px;
}    

.tabs-courses .fsTabsNav > li.fsTabsNavItem > a{
	position: absolute;
}

.fsTabsNav > li.fsTabsNavItem {
	margin-right:0;
	margin-bottom:0;
}

.tabs-portal .fsTabsNav > li.fsTabsNavItem {
	display:block;
	/*top:0px;*/
}
.tabs-portal section .fsTabs .fsTabsNav > li.fsTabsNavItem{
	display:inline-block;
	/*top:15px;*/
}
.tabs-portal section .fsTabs .fsTabsNav > li.fsTabsNavItem a{
	padding:15px;
	font-size:initial;
}
.fsTabsNav > li.fsTabsNavItem:last-child a {
  border-right: 1px solid transparent;
}

.fsTabsNav > li.fsTabsNavItem.fsStateSelected:last-child {
    border-right: 0px solid #ddd;
	box-shadow: 0px 2px 0 0px #fff, 0px 0px 0 1px #ddd;
}
.tabs-custom .fsTabsNav > li.fsTabsNavItem.fsStateSelected:last-child {
    border-right: none;
	box-shadow: none;
}
.fsTabsNavItem:last-child {
  /*box-shadow: 0 0 0 1px #ddd;*/
}

.tabs-summerassignments .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-courses .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-portal .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-apcourses .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-custom .fsTabsNav li.fsTabsNavItem.fsStateSelected a{
	box-shadow:none;
    /*top:0;*/
	top:-20px;
}
.tabs-portal .fsTabsNav li.fsTabsNavItem.fsStateSelected a{
	top:-15px;
	top:0px;
}
.tabs-summerassignments .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-courses .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-portal .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-apcourses .fsTabsNav li.fsTabsNavItem.fsStateSelected a,
.tabs-custom .fsTabsNav li.fsTabsNavItem.fsStateSelected a{
    background: #fff;
	box-shadow: 1px 1px 0 1px #fff, 0 0px 0 1px #ddd, -1px 1px 0 0px #ddd inset;
    padding-bottom:30px;
	color: initial;
}
.tabs-custom .fsTabsNav li.fsTabsNavItem.fsStateSelected a{
	box-shadow: none;
}
.tabs-summerassignments ul.fsTabsNav li:before,
.tabs-courses ul.fsTabsNav li:before,
.tabs-portal ul.fsTabsNav li:before,
.tabs-apcourses ul.fsTabsNav li:before,
.tabs-custom ul.fsTabsNav li:before{
	display:none;
  	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 22px solid #ddd;
	position: absolute;
	top: -1px;
	left: calc(50% - 20px);
}
.tabs-summerassignments ul.fsTabsNav li.fsStateSelected:before,
.tabs-courses ul.fsTabsNav li.fsStateSelected:before,
.tabs-portal ul.fsTabsNav li.fsStateSelected:before,
.tabs-apcourses ul.fsTabsNav li.fsStateSelected:before,
.tabs-custom ul.fsTabsNav li.fsStateSelected:before{
  display: block;
}



.tabs-summerassignments ul li.fsTabsNavItem{}

.tabs-summerassignments ul.fsTabsNav li a,
.tabs-courses ul.fsTabsNav li a,
.tabs-portal ul.fsTabsNav li a,
.tabs-apcourses ul.fsTabsNav li a,
.tabs-custom ul.fsTabsNav li a{
	font-size:13px;
}

.tabs-portal ul.fsTabsNav li a{height:80px !important;    line-height: 1;}
.tabs-portal section ul.fsTabsNav li a{height:inherit !important; line-height:inherit;}

/* TABS Custom - SMR */

.tabs-smr .fsTabsNav{
	border-bottom: 1px solid #ddd;
	text-align: center;
	border-bottom:none;
}
.tabs-smr .fsTabs li {
    transition: none;
    top: initial;
}
.tabs-smr .fsTabsNav li.fsTabsNavItem a {
	box-shadow:none;
	background-color:transparent;
	color:#ddd;
	transition: .3s;
}
.tabs-smr .fsTabsNavItem.fsStateSelected, .fsTabsNavItem.fsStateSelected a {
    top:inherit;
    transition:none;
}
.tabs-smr .fsTabsNav > li.fsTabsNavItem.fsStateSelected > a{
	background-color:#fff;
	height:55px !important;
}
.tabs-smr .fsTabsNav > li.fsTabsNavItem > a{
	color: #89898B;
	box-shadow:none;
	background-color:transparent;
	font-weight:bold;
}
.tabs-smr .fsTabsNav > li.fsTabsNavItem > a:focus,
.tabs-smr .fsTabsNav > li.fsTabsNavItem > a:hover {
	box-shadow:none;
	background-color:transparent;
}
.tabs-smr .fsTabsNav > li.fsTabsNavItem.fsStateSelected > a, 
.tabs-smr .fsTabsNav > li.fsTabsNavItem.fsStateSelected > a:focus,
.tabs-smr .fsTabsNav > li.fsTabsNavItem.fsStateSelected > a:hover {
	color: #002f52;
    box-shadow: inset 0 -4px 0 #002f52;
}
.tabs-smr .fsTabsNav > li.fsTabsNavItem.fsStateSelected:last-child {
    border-right: none;
    box-shadow: none;
}

.tabs-courses .fsPanel.fsStateOpen>header ~ .fsElementContent{
	padding-top: 170px;
}


@media screen and (max-width: 767px) {
	.tabs-summerassignments ul.fsTabsNav li a,
	.tabs-courses ul.fsTabsNav li a,
	.tabs-portal ul.fsTabsNav li a,
	.tabs-apcourses ul.fsTabsNav li a,
	.tabs-custom ul.fsTabsNav li a{
		font-size:10px;
	}
}
@media screen and (max-width: 600px) {
	.tabs-summerassignments ul.fsTabsNav li a,
	.tabs-courses ul.fsTabsNav li a,
	.tabs-portal ul.fsTabsNav li a,
	.tabs-apcourses ul.fsTabsNav li a,
	.tabs-custom ul.fsTabsNav li a{
		font-size:0px !important;
	}
	.tabs-courses .fsPanel.fsStateOpen>header ~ .fsElementContent{
		padding-top: 130px;
	}
	.tabs-courses .fsTabsNav > li.fsTabsNavItem > a {
		height: 100px !important;
	}

}
.tabs-summerassignments ul.fsTabsNav li a:before,
.tabs-apcourses ul.fsTabsNav li a:before,
.tabs-courses ul.fsTabsNav li a:before,
.tabs-custom ul.fsTabsNav li a:before{    
	display: block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    /*margin: 0.5em auto 0.5em auto;*/
	padding: 30px 0 5px;
    font-size: 36px;
	text-align: center;
	-webkit-transition: font-size .5s ease;
  -moz-transition: font-size .5s ease;
  -o-transition: font-size .5s ease;
  transition: font-size .5s ease;
}

.tabs-portal ul.fsTabsNav li a:before{    
	display: block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    /*margin: 0.5em auto 0.5em auto;*/
	padding: 20px 0 0px;
    font-size: 21px;
	font-family:icomoon;
	text-align: center;
}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(1) a:before{content: "\e679";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(1):hover a {background-color:#002f52;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(1).fsStateSelected a {color:#002f52;}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(2) a:before{content: "\e605";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(2):hover a {background-color:#cbdb2a;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(2).fsStateSelected a {color:#cbdb2a;}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(3) a:before{content: "\e69a";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(3):hover a {background-color:#f7961e;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(3).fsStateSelected a {color:#f7961e;}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(4) a:before{content: "\e633";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(4):hover a {background-color:#00b4f1;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(4).fsStateSelected a {color:#00b4f1;}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(5) a:before{content: "\e630";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(5):hover a {background-color:#b590ad;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(5).fsStateSelected a {color:#b590ad;}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(6) a:before{content: "\e60d";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(6):hover a {background-color:#81ba52;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(6).fsStateSelected a {color:#81ba52;}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(7) a:before{content: "\e616";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(7):hover a {background-color:#00a67b;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(7).fsStateSelected a {color:#00a67b;}

.tabs-summerassignments ul.fsTabsNav li:nth-of-type(8) a:before{content: "\e61a";}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(8):hover a {background-color:#f05d64;}
.tabs-summerassignments ul.fsTabsNav li:nth-of-type(8).fsStateSelected a {color:#f05d64;}

.tabs-summerassignments.summeronline ul.fsTabsNav li:nth-of-type(1) a:before{content: "\e605";}
.tabs-summerassignments.summeronline ul.fsTabsNav li:nth-of-type(2) a:before{content: "\e679";}
.tabs-summerassignments.summeronline ul.fsTabsNav li:nth-of-type(3) a:before{content: "\e69a";}
.tabs-summerassignments.summeronline ul.fsTabsNav li:nth-of-type(4) a:before{content: "\e906";}
.tabs-summerassignments.summeronline ul.fsTabsNav li:nth-of-type(5) a:before{content: "\e672";}

.tabs-courses ul.fsTabsNav li:nth-of-type(1) a:before{content: "\e679";}
.tabs-courses ul.fsTabsNav li:nth-of-type(1):hover a {background-color:#002f52;}
.tabs-courses ul.fsTabsNav li:nth-of-type(1).fsStateSelected a {color:#002f52;}

.tabs-courses ul.fsTabsNav li:nth-of-type(2) a:before{content: "\e605";}
.tabs-courses ul.fsTabsNav li:nth-of-type(2):hover a {background-color:#cbdb2a;}
.tabs-courses ul.fsTabsNav li:nth-of-type(2).fsStateSelected a {color:#cbdb2a;}

.tabs-courses ul.fsTabsNav li:nth-of-type(3) a:before{content: "\e69a";}
.tabs-courses ul.fsTabsNav li:nth-of-type(3):hover a {background-color:#f7961e;}
.tabs-courses ul.fsTabsNav li:nth-of-type(3).fsStateSelected a {color:#f7961e;}

.tabs-courses ul.fsTabsNav li:nth-of-type(4) a:before{content: "\e633";}
.tabs-courses ul.fsTabsNav li:nth-of-type(4):hover a {background-color:#00b4f1;}
.tabs-courses ul.fsTabsNav li:nth-of-type(4).fsStateSelected a {color:#00b4f1;}

.tabs-courses ul.fsTabsNav li:nth-of-type(5) a:before{content: "\e630";}
.tabs-courses ul.fsTabsNav li:nth-of-type(5):hover a {background-color:#b590ad;}
.tabs-courses ul.fsTabsNav li:nth-of-type(5).fsStateSelected a {color:#b590ad;}

.tabs-courses ul.fsTabsNav li:nth-of-type(6) a:before{content: "\e60d";}
.tabs-courses ul.fsTabsNav li:nth-of-type(6):hover a {background-color:#81ba52;}
.tabs-courses ul.fsTabsNav li:nth-of-type(6).fsStateSelected a {color:#81ba52;}

.tabs-courses ul.fsTabsNav li:nth-of-type(7) a:before{content: "\e906";}
.tabs-courses ul.fsTabsNav li:nth-of-type(7):hover a {background-color:#00a67b;}
.tabs-courses ul.fsTabsNav li:nth-of-type(7).fsStateSelected a {color:#00a67b;}

.tabs-courses ul.fsTabsNav li:nth-of-type(8) a:before{content: "\e61a";}
.tabs-courses ul.fsTabsNav li:nth-of-type(8):hover a {background-color:#f05d64;}
.tabs-courses ul.fsTabsNav li:nth-of-type(8).fsStateSelected a {color:#f05d64;}

.tabs-courses ul.fsTabsNav li:nth-of-type(9) a:before{content: "\e672";}
.tabs-courses ul.fsTabsNav li:nth-of-type(9):hover a {background-color:#006db0;}
.tabs-courses ul.fsTabsNav li:nth-of-type(9).fsStateSelected a {color:#006db0;}


.tabs-portal ul.fsTabsNav li:nth-of-type(1) a:before{content: "\e907";}
.tabs-portal ul.fsTabsNav li:nth-of-type(1):hover a {background-color:#002f52;color:#f2f2f2}
.tabs-portal ul.fsTabsNav li:nth-of-type(1).fsStateSelected a {color:#002f52;}

.tabs-portal ul.fsTabsNav li:nth-of-type(2) a:before{content: "\e90a";}
.tabs-portal ul.fsTabsNav li:nth-of-type(2):hover a {background-color:#002f52;color:#f2f2f2}
.tabs-portal ul.fsTabsNav li:nth-of-type(2).fsStateSelected a {color:#002f52;}

.tabs-portal ul.fsTabsNav li:nth-of-type(3) a:before{content: "\e90f";}
.tabs-portal ul.fsTabsNav li:nth-of-type(3):hover a {background-color:#002f52;color:#f2f2f2}

.tabs-portal ul.fsTabsNav li:nth-of-type(3).fsStateSelected a {color:#002f52;}

.tabs-portal ul.fsTabsNav li:nth-of-type(4) a:before{content: "\e619";}
.tabs-portal.students ul.fsTabsNav li:nth-of-type(4) a:before{content: "\e62e";}
.tabs-portal.parents ul.fsTabsNav li:nth-of-type(4) a:before{content: "\e604";}
.tabs-portal ul.fsTabsNav li:nth-of-type(4):hover a {background-color:#002f52;color:#f2f2f2}
.tabs-portal ul.fsTabsNav li:nth-of-type(4).fsStateSelected a {color:#002f52;}

.tabs-portal ul.fsTabsNav li:nth-of-type(5) a:before{content: "\e910";}
.tabs-portal.parents ul.fsTabsNav li:nth-of-type(5) a:before{content: "\e62e";}
.tabs-portal ul.fsTabsNav li:nth-of-type(5):hover a {background-color:#002f52;color:#f2f2f2}
.tabs-portal ul.fsTabsNav li:nth-of-type(5).fsStateSelected a {color:#002f52;}

.tabs-portal ul.fsTabsNav li:nth-of-type(6) a:before{content: "\e60a";}
.tabs-portal ul.fsTabsNav li:nth-of-type(6):hover a {background-color:#002f52;color:#f2f2f2}
.tabs-portal ul.fsTabsNav li:nth-of-type(6).fsStateSelected a {color:#002f52;}

.tabs-portal ul.fsTabsNav li:nth-of-type(7) a:before{content: "\e90d";}
.tabs-portal ul.fsTabsNav li:nth-of-type(7):hover a {background-color:#002f52;color:#f2f2f2}
.tabs-portal ul.fsTabsNav li:nth-of-type(7).fsStateSelected a {color:#002f52;}

.tabs-portal ul.fsTabsNav li:nth-of-type(8) a:before{content: "\e60a";}
.tabs-portal ul.fsTabsNav li:nth-of-type(8):hover a {background-color:#002f52;color:#f2f2f2}
.tabs-portal ul.fsTabsNav li:nth-of-type(8).fsStateSelected a {color:#002f52;}

.tabs-custom ul.fsTabsNav li a:before{font-size: 65px;}
.tabs-custom ul.fsTabsNav li:hover a:before {font-size:80px;}
.tabs-custom ul.fsTabsNav li.fsStateSelected a:before{font-size:80px;}

.tabs-custom ul.fsTabsNav li:nth-of-type(1) a:before{content: "\e697";}
.tabs-custom ul.fsTabsNav li:nth-of-type(1):hover a {background-color:#fff; color:#e4a014;}
.tabs-custom ul.fsTabsNav li:nth-of-type(1).fsStateSelected a {color:#e4a014; border-bottom: 3px solid #e4a014;}
.tabs-custom ul.fsTabsNav li:nth-of-type(1) a {color:#e4a014;}

.tabs-custom ul.fsTabsNav li:nth-of-type(2) a:before{content: "\e666";}
.tabs-custom ul.fsTabsNav li:nth-of-type(2):hover a {background-color:#fff; color:#005847;}
.tabs-custom ul.fsTabsNav li:nth-of-type(2).fsStateSelected a {color:#005847; border-bottom: 3px solid #005847;}
.tabs-custom ul.fsTabsNav li:nth-of-type(2) a {color:#005847;}

.tabs-custom ul.fsTabsNav li:nth-of-type(3) a:before{content: "\e672";}
.tabs-custom ul.fsTabsNav li:nth-of-type(3):hover a:before {background-color:#fff; color:#005095;}
.tabs-custom ul.fsTabsNav li:nth-of-type(3).fsStateSelected a {color:#005095; border-bottom: 3px solid #005095;}
.tabs-custom ul.fsTabsNav li:nth-of-type(3) a {color:#005095;}

.tabs-custom .fsPanel .fsElementContent{padding:0px;}
body.home-sk #fsPageBodyWrapper .fsPageBody .tabs-custom .fsElementContent{padding: 2em 2em;}
body.home-sk #fsPageBodyWrapper .fsPageBody .tabs-custom .fsElementContent .fsElementContent{padding: 1em 0px 0px 0px;}


.tabs-summerassignments ul.fsTabsNav li.fsStateSelected:hover a,
.tabs-portal ul.fsTabsNav li.fsStateSelected:hover a,
.tabs-courses ul.fsTabsNav li.fsStateSelected:hover a,
.tabs-custom ul.fsTabsNav li.fsStateSelected:hover a{background-color:#fff;}

.tabs-portal section ul.fsTabsNav li a:before{content:none !important;}

.tabs-courses .arrow-down,
.tabs-summerassignments .arrow-down,{
	display:none;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 22px solid #ddd;
  position: absolute;
  top: -1px;
  left: calc(50% - 20px);
	z-index:1;
	transition:top .2s;
}

.tabs-courses .arrow-down-inner,
.tabs-summerassignments .arrow-down-inner{
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 12px solid #fff;
  position: absolute;
  top: -22px;
  left: -18px;
	transition:top .2s;
}

.tabs-courses .fsTabsNavItem.fsStateSelected .arrow-down,
.tabs-summerassignments .fsTabsNavItem.fsStateSelected .arrow-down {
  display: block;
	top:-21px;
	transition:top .2s;
}

.tabs-custom .arrow-down {
	display:none;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 22px solid #ddd;
  position: absolute;
  bottom: 0px;
  left: calc(50% - 20px);
	z-index:1;
	transition:top .2s;
}

.tabs-custom .arrow-down-inner {
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-top: 12px solid #fff;
  position: absolute;
  top: -22px;
  left: -18px;
	transition:top .2s;
}

.tabs-custom .fsTabsNavItem.fsStateSelected .arrow-down {
  display: none;
}

.tabs-portal .arrow-down {
	display:none;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #ddd;
  position: absolute;
  top: calc(50% - 10px);
  right: 22px;
	z-index:1;
	transition:top .2s;
}

.tabs-portal .arrow-down-inner {
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-right: 12px solid #fff;
  position: absolute;
  top: -18px;
  right: -18px;
	transition:top .2s;
}

.tabs-portal .fsTabsNavItem.fsStateSelected .arrow-down {
  display: block;
	right:0px;
	transition:top .2s;
}

.tabs-portal section .fsTabsNavItem.fsStateSelected .arrow-down{
	display:none;
}
@media screen and (max-width: 600px) {
	.tabs-portal:first-of-type .fsTabsNav{
		position: fixed;
		bottom: 0;
		width: 100%;
		top: inherit;
	}
	.tabs-portal .fsTabsNav > li.fsTabsNavItem{
		width: 16.65%;
		height: 60px;
		float: left;
	}
	.tabs-portal .fsPanel {
		padding-left:0px;
	}
	.tabs-portal .fsPanel h2{
    	font-size: 21px;
		font-weight:bold;
	}
	#fsAccountBar {
		display:none;	
	}
	.tabs-portal .fsTabsNavItem.fsStateSelected .arrow-down {
		top: 0;
		left: calc(50% - 11px);
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-top: 12px solid #ddd;
	}
	.tabs-portal .arrow-down-inner {
		display:none;
	}
	.tabs-portal section .fsTabs .fsTabsNav {
		position:relative;
		top:0px;
	}
	.tabs-portal section .fsTabs .fsTabsNav > li.fsTabsNavItem a {
		font-size: 17px !important;
	}
	    
}

body.fsComposeMode .tabs-portal .fsTabsNavItem .fsElementActionButtonContainer {
    top: -44px;
}

body.fsComposeMode .tabs-portal .fsPanel.fsStateOpen>header ~ .fsElementContent{
	width:100%;
}
body.fsComposeMode .tabs-portal .fsElement.fsStateEditable.fsPanel {
    border: 0;
    outline: 0;
    position: relative;
    z-index: 1;
    padding-left: 0px;
    display: flex;
    padding: 0px;
}
body.fsComposeMode .tabs-portal.fsPanelGroup .fsTabsNav {

    width: 125px;
    position: relative;
    z-index: 2;
    float: left;
}

/*! pages - home v0.0.1 */
.ta .fsTwoColumnWideRightLayout > .fsDiv > .fsElement + .fsElement {
  margin-top: 2em; }

/*! pages - style-guide v0.0.1 */
.style-guide-page .fsPageTitle {
  margin-bottom: 1.875em;
  padding: 1.25em;
  background: rgba(0, 0, 0, 0.1); }

.colors ol {
  zoom: 1;
  margin-bottom: 2.5em;
  padding: 0;
  list-style: none; }
  .colors ol:after {
    display: table;
    clear: both;
    content: ''; }
  .colors ol li {
    position: relative;
    float: left;
    margin-bottom: 2em;
    height: 4em;
    width: 80%; }
    @media (min-width: 600px) {
      .colors ol li {
        width: 40%; } }
    @media (min-width: 1180px) {
      .colors ol li {
        margin-bottom: 0;
        width: 20%; } }
    .colors ol li:after {
      position: absolute;
      top: 100%;
      left: 0; }
    .colors ol li:nth-of-type(1) {
      background: #1c1c1c;
      color: #1c1c1c; }
      .colors ol li:nth-of-type(1):after {
        content: "#1c1c1c"; }
    .colors ol li:nth-of-type(2) {
      background: #363636;
      color: #363636; }
      .colors ol li:nth-of-type(2):after {
        content: "#363636"; }
    .colors ol li:nth-of-type(3) {
      background: #002f52;
      color: #002f52; }
      .colors ol li:nth-of-type(3):after {
        content: "#002f52"; }
    .colors ol li:nth-of-type(4) {
      background: #eee;
      color: #eee; }
      .colors ol li:nth-of-type(4):after {
        content: "#eee"; }
    .colors ol li:nth-of-type(5) {
      background: #333;
      color: #333; }
      .colors ol li:nth-of-type(5):after {
        content: "#333"; }

.fonts ol {
  zoom: 1;
  margin-bottom: 2.5em;
  padding: 0;
  list-style: none; }
  .fonts ol:after {
    display: table;
    clear: both;
    content: ''; }
  .fonts ol li {
    margin-bottom: 0.3125em;
    padding: 0.3125em; }
    .fonts ol li:nth-of-type(1) {
      font-family: "Droid Serif", Georgia, serif; }
      .fonts ol li:nth-of-type(1):after {
        content: "Droid Serif, Georgia, serif"; }
    .fonts ol li:nth-of-type(2):after {
      content: ""; }
    .fonts ol li:nth-of-type(3) {
      font-family: "Lato", sans-serif; }
      .fonts ol li:nth-of-type(3):after {
        content: "Lato, sans-serif"; }
    .fonts ol li:nth-of-type(2):after {
      content: ""; }
    .fonts ol li:nth-of-type(5) {
      font-family: "IcoMoon"; }
      .fonts ol li:nth-of-type(5):after {
        content: "IcoMoon"; }
    .fonts ol li:nth-of-type(6) {
      font-family: "FontAwesome"; }
      .fonts ol li:nth-of-type(6):after {
        content: "FontAwesome"; }
    .fonts ol li:nth-of-type(7) {
      font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
      .fonts ol li:nth-of-type(7):after {
        content: "Menlo, Monaco, Consolas, Courier New, monospace"; }

.headers h1:after {
  content: " size: 36px / line: 38px"; }

.headers h2:after {
  content: " size: 32px / line: 34px"; }

.headers h3:after {
  content: " size: 28px / line: 30px"; }

.headers h4:after {
  content: " size: 24px / line: 26px"; }

.headers h5:after {
  content: " size: 20px / line: 22px"; }

.headers h6:after {
  content: " size: 16px / line: 18px"; }

@media print {
  .nav-main,
  .nav-sub,
  .nav-social,
  .nav-utility-header,
  .nav-utility-footer,
  #fsMenu,
  #fsFooter,
  .fsThumbnail {
    display: none !important; }
  #fsPageContent,
  #fsBannerLeft,
  #fsBannerRight {
    width: 100%; }
  html {
    font-size: 100%;
    /* for IE */ }
  body {
    font-size: 62.5%; }
  #fsHeader {
    border-bottom: 2px solid #000; }
    #fsHeader .site-name {
      margin-top: 0;
      font-weight: normal;
      font-size: 36px;
      line-height: 38px;
      margin-bottom: 16px; }
  * {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: auto !important;
    height: auto !important; }
  a, a:visited {
    text-decoration: underline; }
  dl dd {
    margin-left: 0; }
  div, dl, li {
    height: auto !important;
    height: 1%; }
  thead {
    display: table-header-group; }
  tr, img, h2, h3, pre, blockquote {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; } }


.btn, .fs_style_1, .fs_style_2{
	display: inline-block;
    text-align: center;
    /*white-space: nowrap;*/
	white-space:normal;
    vertical-align: middle;
	position: relative;
    padding: 12px 30px;
    margin: 0.3125rem 1px;
    font-weight: 400;
    line-height: 1.428571;
    text-decoration: none;
    letter-spacing: 0;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: 0.2rem;
    outline: 0;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	
	margin: 0 0px 15px;
}

.btn.btn-primary, .fs_style_1{
	color: #fff;
    background-color: #005647;
    border-color: #005647;
    box-shadow: 0 2px 2px 0 rgba(0, 86, 71, 0.14), 0 3px 1px -2px rgba(0, 86, 71, 0.2), 0 1px 5px 0 rgba(0, 86, 71, 0.12);	
}
.btn.btn-primary:hover, .fs_style_1:hover{
	color: #fff;
    background-color: #005647;
	box-shadow: 0 14px 26px -12px rgba(0, 86, 71, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 86, 71, 0.2);
}

.fs_style_2 /* Navy */ {
	color: #fff;
    background-color: #002f52;
    border-color: #002f52;
    box-shadow: 0 2px 2px 0 rgba(0, 47, 82, 0.14), 0 3px 1px -2px rgba(0, 47, 82, 0.2), 0 1px 5px 0 rgba(0, 47, 82, 0.12);
}

.fs_style_2:hover{
	color: #fff;
    background-color: #002f52;
	box-shadow: 0 14px 26px -12px rgba(0, 47, 82, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 47, 82, 0.2);
}
.fs_style_17, .stylename_highlight{
	background-color:yellow;
}

.fs_style_1 a,
.fs_style_2 a{
	color:#fff !important;
}

@media (max-width: 600px) {
	.fs_style_4{font-size:17px;}
}
.post-list2 article{text-align:center;}	
.post-list .fsTitle,
.post-list2 .fsTitle{
     color: #006db0;
    font-size: 36px;
    line-height: 1;
text-align:left;
}
.post-list2 .fsTitle{
    font-family: Roboto Condensed;
    font-weight: bold;
	position: relative;
    left: 5px;
}
.post-list2 .fsSummary{
	    padding-Left: 135px;
text-align:left;
}
.post-list2 a.fsPostLink.fsReadMoreLink{
         display: inline-block;
    text-align: center;
width:fit-content;
    background-color: #005647;
    color: #fff!important;
padding: 12px 30px;

}
@media (max-width: 600px) {
    .post-list .fsTitle,
	.post-list2 .fsTitle{
        font-size: 27px;
		left:0;
    }
	.post-list2 .fsSummary{
	    padding-Left: 0px;
}
}
