/*** Font Face ***/
/*** Font Face ***/
/*** Font Face ***/
@font-face {
    font-family: 'OswaldRegular';
    src: url('/_resources/fonts/OswaldRegular/OswaldRegular.eot');
    src: url('/_resources/fonts/OswaldRegular/OswaldRegular.eot') format('embedded-opentype'),
         url('/_resources/fonts/OswaldRegular/OswaldRegular.woff2') format('woff2'),
         url('/_resources/fonts/OswaldRegular/OswaldRegular.woff') format('woff'),
         url('/_resources/fonts/OswaldRegular/OswaldRegular.ttf') format('truetype'),
         url('/_resources/fonts/OswaldRegular/OswaldRegular.svg') format('svg');
}
@font-face {
	font-family: 'Lato-Regular';
	src: url('/_resources/fonts/Lato-Regular/Lato-Regular.eot');
	src: url('/_resources/fonts/Lato-Regular/Lato-Regular.woff2') format('woff2'),
	     url('/_resources/fonts/Lato-Regular/Lato-Regular.woff') format('woff'),
	     url('/_resources/fonts/Lato-Regular/Lato-Regular.ttf') format('truetype'),
	     url('/_resources/fonts/Lato-Regular/Lato-Regular.svg') format('svg'),
	     url('/_resources/fonts/Lato-Regular/Lato-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
    font-family: 'optima';
    src: url('/_resources/fonts/optima/optima.eot');
    src: url('/_resources/fonts/optima/optima.eot') format('embedded-opentype'),
         url('/_resources/fonts/optima/optima.woff2') format('woff2'),
         url('/_resources/fonts/optima/optima.woff') format('woff'),
         url('/_resources/fonts/optima/optima.ttf') format('truetype'),
         url('/_resources/fonts/optima/optima.svg') format('svg');
}
/*** Font Face ***/
/*** Font Face ***/
/*** Font Face ***/

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
 color:#fff !important;
}

body{
	font-family: 'Lato-Regular';
	font-size: 17px;
	background: #ffffff;
	color: #555555;
	
	
}

/*** moved z index of ADA complience button because of chatbot, need the chatbot to be higher ****/

body .userway {
z-index:10 !important;
}

.wow {

visibility: hidden;

}

.talignC {text-align:center;}
.mt15 {margin-top:15px;}

p { line-height: 175%; margin-bottom: calc(1.5 * (1em + .1vw));}

p > b, p > strong, strong {
  font-weight: 900;
	font-family:sans-serif;
  
}

.funfactO {  color: #efb310; font-size: 36px; font-family: OswaldRegular; font-weight: 500; line-height: 1.1; margin-bottom:20px;}
.funfactW { color: #ffffff;  font-size: 24px; font-family: OswaldRegular; font-weight: 500; line-height: 1.1; }



a{
	color: #ee7f1f;
}
a:hover{
	color: #ee7f1f;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'OswaldRegular';
	color: #02014b;
	margin:0px 0px 20px 0px;
	
}

h3 { font-size:24px;}

h4 { color:#3e3c3c;}

h1.maintitle {
	margin:0;
}

.wrapper-header-search h5 {
	font-family: 'OswaldRegular';
	color: #02014b;
	font-size: 23px;
}
hr{
	margin-top: 40px;
	margin-bottom: 40px;
	border-width: 2px;
}

ul {margin-bottom:20px;}

.standout { line-height:1.2em; font-weight: bolder; color: #000000; }

.smallerp {  line-height:1.3em; font-size:14px;      }

/* overriding selection text color JP */

::selection {
  background: #3e135f;;
	color:#fff; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #3e135f;;
	color:#fff;/* Gecko Browsers */
}

/* jp */
.zoom { transition: transform .9s; }
.zoom:hover {transform: scale(1.05); }

a.bigtxt { font-family: 'OswaldRegular'; margin: 0px 0px 20px 0px; font-size: 24px; font-weight: 500; line-height: 1.1;  }

/* jp trying to change the box menu header instead of using h3 for ADA issues */
    p.boxInfoTitleJP { font-size: 24px;font-family: 'OswaldRegular'; font-weight: 500;
line-height: 1.1;}


/* Round Corners Hover Effect*/
.hvr-round-corners, .button-blue, .button-orange {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active, .button-blue:hover, .button-orange:hover {
  border-radius: .5em;
}



/*  orange button */
.button-orange{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #ffffff !important;
	background: #ee7f1f;
	padding: 10px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-orange:hover{
	text-decoration: none;
	color: #ffffff !important;
	background: #02014b;
}


/*  blue button */
.button-blue{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #ffffff !important;
	background: #02014b;
	padding: 10px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-blue:hover{
	text-decoration: none;
	color: #ffffff;
	background: #ee7f1f;
}

/*  light blue button */
.button-lightblue{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #ffffff;
	background: #6d8ca0;
	padding: 10px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-lightblue:hover{
	text-decoration: none;
	color: #ffffff;
	background: #02014b;
}

/*  grey button */
.button-gray{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #02014b;
	background: #cecdcd;
	padding: 10px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-gray:hover{
	text-decoration: none;
	color: #ffffff;
	background: #02014b;
}

/*  dark grey button */
.button-darkgray{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #ffffff;
	background: #464646;
	padding: 10px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-darkgray:hover{
	text-decoration: none;
	color: #ffffff;
	background: #02014b;
}

/****new type of button with animation and bigger sqaure JP*/

div[class*=boxJ] {
	height: 200px;
	width: 100%;
	margin:5px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/** background color**/

.cbkBl { box-shadow: inset 0 0 0 1000px rgba(2, 1, 75, 0.4);  }
/*** background image**/
/** use this code in header of page you are making the button but change the class name**/ /**.boxJBKNDimage1 {    background:url(/continuingeducation/images/Computer.jpg) no-repeat; background-size:cover;  }       /**/
.boxJBlue { background-color: #02014b; }
.boxJSemiLightBlue { background-color: #030268; }
.boxJLightBlue { background-color: #6d8ca0; }
        
.btnj {
	
	height: 100px;
	text-align: center;
	width: 240px;
	cursor: pointer;
	padding:35px 0;
}
    

.btn-cool {
	color: #FFF;
	transition: all 0.3s;
	position: relative;
}

a.btn-cool span {
	color: #FFF;
	font-size:21px;
	z-index:2;
	position:inherit;
	
}

a.btn-cool:hover {
	text-decoration:none;
	
}

.btn-cool span {
	transition: all 0.3s;
	
}
.btn-cool::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(255,255,255,0.5);
	border-bottom-color: rgba(255,255,255,0.5);
	transform: scale(0.1, 1);
}
.btn-cool:hover span {
	letter-spacing: 2px;
	color:#fff;
	
}
.btn-cool:hover::before {
	opacity: 1;	
	transform: scale(1, 1);	
}
.btn-cool::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.3s;
	background-color: rgba(2, 1, 75,0.3);
}
.btn-cool:hover::after {
	opacity: 0;	
	transform: scale(0.1, 1);
}
 
    





/****end bigger sqaure button JP*/


.wrapper-website{
	float: left;
	width: 100%;
}
.wrapper-header{
	float: left;
	width: 100%;
}
.wrapper-header-top-menu{
	float: left;
	width: 100%;
	/*background: #3e135f;*/
	background: #ffffff;
	color: #ffffff;
	border-bottom: 1px solid #2d2d2d;
}
/**background: #3d264d;**/
.top-menu{
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.top-menu li{
	float: left;
	margin:0;
	position:relative;
}
.top-menu li a{
	color: #02014b;
	font-size: 14px;
	padding: 7px;
	color:#02014b;
	display: block;
}
.top-menu li a:hover{
	text-decoration: none;
	background: #02014b;
	color:#ffffff;
}

.top-menu li:not(:nth-last-child(-n+2))::after{
  content:""; 
  border:1px solid #e2e2e2;
  border-width: 1px 1px 0 0;
  position:absolute; 
  top:9px; 
  height:50%;
}

.top-menu .button-blue,
.top-menu .button-orange{
	font-family: 'Lato-Regular';
}
.wrapper-header-logo{
	float: left;
	width: 100%;
	background: #02014b;
	border-top: 1px solid #2e2d6a;
	border-bottom: 2px solid #010123;
	padding: 8px 0px;
}
.wrapper-header-logo .logo{
	display: inline-block;
	margin: auto;
}
.wrapper-header-logo .logo img{
	display: block;
}
.wrapper-header-menu{
	float: left;
	width: 100%;
	background: #02014b;
	border-top: 2px solid #232262;
}
.wrapper-header-search{
	float: left;
	width: 100%;
	background: #020125;
	color: #ffffff;
	padding: 15px 0px 10px 0px;
	display: none;
}
.content_search_post{
	display: none;
}
.wrapper-header-search h1,
.wrapper-header-search h2,
.wrapper-header-search h3,
.wrapper-header-search h4,
.wrapper-header-search h5,
.wrapper-header-search h6{
	color: #ffffff;
	margin: 2px auto;
}

/** JP add top section above main menu special buttons for mobile only - Hidding them here rest of css is on responsive file /



.MOSB {
	  display: none;
	  text-align: center;
	  background-color: #02014b;
	  margin: 0;
	}
	.MOSB > ul.MobileOnlySpecialBut {
	  display: inline-block;
	  margin: 0;
	  padding: 0;
	  list-style-type: none;
	  width:100%;

	}

	ul.MobileOnlySpecialBut > li{
	float: left;
	margin: 0;
	width:50%;


	}

	ul.MobileOnlySpecialBut > li:last-child {
	  border-left: 1px solid #ffffff;
	}

	ul.MobileOnlySpecialBut > li a {
	text-decoration: none;
	display: block;
	color: #ffffff;
	height:60px;
	margin: 0;
	line-height: 60px;
	text-align: center;

	}

	ul.MobileOnlySpecialBut > li a:hover {
	color: #ffffff;
	background: #ee7f1f;


	}


/** end ***/

#main-menu{
	margin-bottom: 0px;
	border-radius: 0px;
	border: 0px;
	background: none;
	float: left;
	width: 100%;
}

/**jp for ada complience**/
#main-menu.navbar-index .navbar-nav > li > a:focus {
	background: #ee7f1f;
}

#main-menu.navbar-index .navbar-nav > li > a{
	font-family: 'optima';
	font-size: 12px;
	text-transform: uppercase;
	color: #e7e7e7;
	padding: 10px 11px;
	transition: ease all 0.3s;
}
#main-menu.navbar-index .navbar-nav > .active > a,
#main-menu.navbar-index .navbar-nav > a:focus, 
#main-menu.navbar-index .navbar-nav > .active > a:focus,
#main-menu.navbar-index .navbar-nav > li > a:hover,
#main-menu.navbar-index .navbar-nav > .active > a:hover,
#main-menu.navbar-index .navbar-nav > .open > a, 
#main-menu.navbar-index .navbar-nav > .open > a:focus, 
#main-menu.navbar-index .navbar-nav > .open > a:hover{
	background: #ee7f1f;
}


/*** JP adding border color for each dropdown/

.dropGreen {
	border-top:3px solid #01956d;
}


/** JP add top section of Header for emergency information /

.topMessage {
	width:100%;
	background:#6d8ca0;
	padding:5px 0 10px 0;
	
}

.topMessage p.title {
	font-weight: bold;
	font-size: 21px;
	border-left: 0px;
	margin-bottom: 0px;
	color:#ffffff;
}

.topMessage p {
	font-weight: normal;
	font-size: 16px;
	border-left: 0px;
	margin-left: 0rem;
	padding-left: 0.3rem;
	margin-bottom: 3px;
	color:#ffffff;
}

.topMessage a {
	color:#ffffff;
	text-decoration:underline;
}

.topMessage a:hover {
	color:#3e135f;
	
}


/** end ***/




#main-menu.navbar-index .dropdown-menu > li > a{
	color: #03034b;
}
#main-menu.navbar-index .dropdown-menu > li > a:focus, 
#main-menu.navbar-index .dropdown-menu > li > a:hover{
	color: #ee7f1f;
}
#main-menu.navbar-index .dropdown.big-submenu{
	position: static;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu{
	position: absolute;
	left: 0px;
	right: 0px;
	top: auto;
	border-radius: 0px;
	z-index: 9000;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu > li{
	width: 100%;
	padding: 25px 10px;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu > li .container{
	padding-right: 50px;
	padding-left: 50px;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent{
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent > li{
	float: left;
	width: 20%;
	padding: 0px 15px;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent > li.item-content{
	width: 35%;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent > li .menu-title{
	font-family: 'OswaldRegular';
	font-size: 21px;
	margin-bottom: 10px;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent > li ul{
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent > li ul li{
	float: left;
	width: 100%;
	margin-bottom: 6px;
}

#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li img{
	 width: auto;
	max-width: 100%;
}


#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent > li ul li a{
	color: #03034b;
	font-size: 16px;
}
#main-menu.navbar-index .dropdown.big-submenu ul.dropdown-menu li ul.big-menu-parent > li ul li a:hover{
	color: #ed7f1e;
}
#main-menu.navbar-index .navbar-nav.secondary-menu > li{
	border-bottom: 0px;
}
#main-menu.navbar-index .navbar-nav.secondary-menu > li > a{
	padding: 8px 11px;
	text-transform: none;
}
.big-submenu-static{
	position: static;
	min-height: 0;
}
.menu-search-form .search-field{
	width: 160px;
	border-radius: 0px;
	border: 0px;
	background: none;
	color: #ffffff;
}
.menu-search-form .submit-button{
	color: #ffffff;
	border-radius: 0px;
	background: none !important;
	border: 0px;
	
}

.menu-search-form .submit-button:focus{
	
	background: #ee7f1f !important;
	border: 0px;
	
}
.content_search_post{
	position: relative;
	float: right;
	border: none;
	border: 0px;
	clear: both;
}
.menu-search-post .search-field{
	width: 160px;
	border-radius: 0px;
	border: 0px;
	background: none;
	color: #ffffff;
}
.menu-search-post .submit-button{
	color: #ffffff;
	border-radius: 0px;
	background: none !important;
	border: 0px;
}
.form-search-box{
	float: left;
	width: 100%;
	position: relative;
}
.form-search-box .search-field{
	float: left;
	width: 100%;
	border-radius: 0px;
	border: 0px;
	background: none;
	color: #ffffff !important;
	box-shadow: none;
	padding-right: 50px;
	font-family: "OswaldRegular";
	margin-bottom: 8px;
	padding-left: 10px !important;
}
.form-search-box .submit-button{
	position: absolute;
	right: 2px;
	z-index: 100;
	border-radius: 0px;
	border: 0px;
	color: #ffffff;
	background: none;
	font-weight: bold;
	font-size: 19px;
	line-height: 14px;
}
.menu-search-form .submit-button i{
	font-size: 19px;
	line-height: 10px;
}
.wrapper-slider{
	float: left;
	width: 100%;
}
.slider-content{
	float: left;
	width: 100%;
	position: relative;
}
.slider-content .cycle-slideshow{
	position: relative;
	float: left;
	width: 100%;
}
.slider-content .item-slide{
	float: left;
	width: 100%;
	position: relative;
}
.slider-content .item-slide img{
	float: left;
	width: 100%;
}
.slider-content .item-slide .slider-layer-box{
	position: absolute;
	width: 100%;
	max-width: 490px;
	top: 100px;
	left: 155px;
	background: #ee7f1f;
	color: #ffffff;
	padding-bottom:25px;
}
.slider-content .item-slide .slider-layer-box.left-layer{
	left: 155px;
	right: auto;
}
.slider-content .item-slide .slider-layer-box.right-layer{
	right: 90px;
	left: auto;
}
.slider-content .item-slide .slider-layer-box .layer-title{
	padding: 6px 14px;
	font-family: 'OswaldRegular';
	font-size: 25px;
	text-transform: uppercase;
	border-bottom: 3px solid #ffffff;
}
.slider-content .item-slide .slider-layer-box .layer-description{
	padding: 8px 14px;
}
.slider-content .item-slide .slider-layer-box .button-blue{
    position: absolute;
    bottom: -35px;
    right: 16px;	
}
.slider-content .slider-btn-control{
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 36px;
	height: 60px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1000;
	opacity:.7;
}
.slider-content .slider-prev{
	left: 30px;
	background-image: url('/_resources/img/prev-btn.png');
}
.slider-content .slider-next{
	right: 30px;
	background-image: url('/_resources/img/next-btn.png');
}
.options-box-slider{
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 1000;
}
.options-box-slider .slider-pager{
	float: left;
	width: 100%;
	text-align: center;
}
.options-box-slider .slider-pager span{
	display: inline-block;
	width: 53px;
	height: 17px;
	background: #ee7f1f;
	font-size: 0px;
	margin: 0px 6px;
	cursor: pointer;
}
.options-box-slider .slider-pager span.cycle-pager-active{
	background: #ffffff;
	border-top: 5px solid #ee7f1f;
	height: 22px;
}
.option-slider-item label{
	color: #ffffff;
	display: block;
	font-size: 30px;
	font-weight: bold;
}
.option-slider-item select{
	width: 100%;
}
.options-content{
	float: left;
	width: 100%;
	padding: 17px 0px;
	background-image: url('/_resources/img/bg-blue-options.png');
	background-repeat: repeat;
	background-position: center;
	z-index:10000;
}
.bar-detail{
	float: left;
	width: 100%;
}
.bar-detail .bar-item{
	float: left;
	width: 50%;
	height: 12px;
}
.bar-detail .bar-item.bar-blue{
	background: #02014b;
}
.bar-detail .bar-item.bar-orange{
	background: #ee7f1f;
}
.wrapper-content{
	float: left;
	width: 100%;
	padding: 50px 0px;
}
.wrapper-white-detail{
	background-color: #ffffff;
	background-image: url('/_resources/img/bg-white-content.jpg');
	background-position: center;
	background-repeat: repeat;
}


.wrapper-steelblue strong, .wrapper-NCCblue strong, .wrapper-orange strong, .box-steelblue strong   {
  font-weight: 900;
  color:#ffffff;
}


.wrapper-steelblue{
	background: #6d8ca0;
	color: #ffffff;
}

.wrapper-padding {
	padding:5px;
}

.wrapper-NCCblue {
	background: #02014b;
	color: #ffffff;
}

.wrapper-steelblue a, .wrapper-NCCblue a {
	color: #f9d191;
}
.wrapper-steelblue h1,
.wrapper-NCCblue h1,
.wrapper-steelblue h2,
.wrapper-NCCblue h2,
.wrapper-steelblue h3,
.wrapper-NCCblue h3,
.wrapper-steelblue h4,
.wrapper-NCCblue h4,
.wrapper-steelblue h5,
.wrapper-NCCblue h5,
.wrapper-steelblue h6,
.wrapper-NCCblue h6 {
	color: #ffffff;
}
.wrapper-orange{
	background: #dd7923;
	color: #ffffff;
}
.wrapper-orange a{
	color: #02014b;
	font-weight: bold;
}
.wrapper-orange p{
	margin-bottom: 20px;
}
.wrapper-orange h1,
.wrapper-orange h2,
.wrapper-orange h3,
.wrapper-orange h4,
.wrapper-orange h5,
.wrapper-orange h6{
	color: #ffffff;
}

.wrapper-orange .box-service .title {  
color: #ffffff;

}
.wrapper-white{
	background: #ffffff;
}
.box-info-gray{
	float: left;
	width: 100%;
	padding: 21px;
	background-image: url('/_resources/img/gray-bg-info.png');
	background-position: center;
	background-repeat: repeat;
}
.box-info-gray h3{
	font-size: 30px;
	margin: 0px auto 5px auto;
}
.box-info-gray .box-info-item{
	float: left;
	width: 100%;
	padding: 10px 0px;
	border-bottom: 1px dotted #ee8a33;
}
.box-info-gray .box-info-item h4{
	font-size: 21px;
	color: #ee7f1f;
	margin: 0px auto 5px auto;
}
.box-info-gray .box-info-item p{
	margin: 0px auto 5px auto;
}
.box-info-gray .more-button{
	margin-top: 12px;
	font-size: 15px;
}
.wrapper-footer{
	float: left;
	width: 100%;
	color: #ffffff;
	/**background-image:url('	/_resources/img/footerbknd.jpg'); **/
	background-repeat: no-repeat;
	/** background-color: #02014b; */
	background: rgb(40,39,100);
    background: linear-gradient(0deg, rgba(40,39,100,1) 4%, rgba(2,1,75,1) 65%);
}
.wrapper-footer-menu{
	float: left;
	width: 100%;
	border-bottom: 2px solid #010123;
	padding: 30px 0px 12px 0px;
}
.wrapper-footer-menu .footer-menu-text{
	font-size: 14px;
	text-align: center;
	margin-top: 40px;
}
.wrapper-footer-copyright{
	float: left;
	width: 100%;
	border-top: 2px solid #1d1c5e;
	padding: 30px 0px 8px 0px;
}



.copyright{
	text-align: center;
	font-size: 14px;
}
.footer-social-links{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	margin-bottom: 12px;
}
.footer-social-links li{
	display: inline-block;
	margin: 0px 5px;
}
.footer-social-links li a{
	background: #343358;
	color: #ffffff;
	width: 43px;
	height: 43px;
	border-radius: 43px;
	display: block;
	transition: ease all 0.3s;
	font-size: 25px;
}
.footer-social-links li a:hover{
	background: #ee7f1f;
}
.footer-social-links li a i{
	position: relative;
	top: 3px;
}
.logo-footer{
	display: inline-block;
	margin: auto;
}


.SUNYlogo-footer{
	display: inline-block;
	margin: auto;
	margin-left:200px;
}
.logo-footer img{
	display: block;
}
.footer-menu{
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}
.footer-menu{
	float: left;
	width: 100%;
}
.footer-menu li{
	margin: 10px auto;
}
.footer-menu li a{
	font-size: 16px;
	color: #ffffff;
}
.footer-menu li a:hover{
	color: #ffffff;
}
.footer-menu.footer-menu-left{
	border-right: 1px solid #343358;
	padding-right: 18px;
}
.footer-menu.footer-menu-left li{
	text-align: right;
}
.footer-menu.footer-menu-right{
	border-left: 1px solid #343358;
	padding-left: 18px;
}
.footer-menu.footer-menu-right li{
	text-align: left;
}
.title-underline{
	text-align: center;
	border-bottom: 4px solid;
	padding-bottom: 11px;
	margin-bottom: 25px;
}
.featured-event{
	float: left;
	width: 100%;
}
.featured-event img{
	width: 100%;
}
.featured-event h3{
	color: #02014b;
}
.view-more{
	margin-top: 20px;
	display: inline-block;
	font-size: 22px;
	font-family: 'OswaldRegular';
	color: #02014b;
}
.view-more:hover{
    color: #02014b;	
}
.staff-item{
	float: left;
	width: 100%;
}
.staff-item img{
	width: 100%;
}

.social-links{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
	padding-bottom: 25px;
}
.social-links li{
	display: inline-block;
	margin: 0px 5px;
}
.social-links li a{
	background: #02014b;
	color: #ffffff;
	width: 43px;
	height: 43px;
	border-radius: 43px;
	display: block;
	transition: ease all 0.3s;
	font-size: 25px;
	text-align: center;
}
.social-links li a:hover{
	background: #ee7f1f;
}
.social-links li a i{
	position: relative;
	top: 3px;
}
.social-box{
	float: left;
	width: 100%;
	border: 4px solid #02014b;
	padding: 15px;
}

.social-box-middle-image{
	float: left;
	width: 100%;
	border: 4px solid #02014b;
	padding:0;
}

.social-box .social-box-icon{
	float: left;
	width: 100%;
	padding-top: 5px;
	text-align: right;
}
.social-box .social-box-icon img{
	display: inline-block;
}
.social-box .item-social{
	float: left;
	width: 100%;
	padding: 10px 0px 7px 0px;
	border-bottom: 1px dotted #ef862a;
}
.social-box .item-social h3{
	font-size: 16px;
	color: #6f6f6f;
	margin: 0px auto 2px auto;
}
.item-social-facebook img{
	width: 100%;
}
.instagram-feed{
	float: left;
	width: 100%;
    height:350px;
    overflow-y: scroll;
    overflow-x: hidden;
    white-space:nowarp;
}
.instagram-feed .instagram-item{
	float: left;
	width: 33.3%;
	padding: 1px;
}
.instagram-feed .instagram-item img{
	width: 100%;
}
.menu-trio{
	float: left;
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 11px solid #02014b;
	list-style: none;
}
.menu-trio li{
	float: left;
	width: 31%;
	margin: 0px 1.1%;
	border-top: 11px solid #02014b;
	padding-top: 4px;
}
.menu-trio li a{
	display: flex;
	text-align: center;
	font-family: 'OswaldRegular';
	font-size: 20px;
	font-weight: bold;
	color: #02014b;
	padding: 5px 6px;
	line-height:20px;
	height: 95px;
	justify-content: center;
	align-items: center;
	transition-property: transform, background;
transition: .5s, .5s;
}
.menu-trio li:hover{
	border-color: #ee7f1f;
}
.menu-trio li:hover a, 
.menu-trio li a:hover,
.menu-trio li a:active{
	background: #ee7f1f;
	color: #ffffff;
	text-decoration: none;
}
.owl-theme.navigation-inside .owl-controls .owl-page span{
	width: 20px;
	height: 20px;
	opacity: 1;
	background: #ffffff;
}
.owl-theme.navigation-inside .owl-controls .owl-page.active span{
	background: #ee7f1f;
}
.owl-theme.navigation-inside .owl-controls{
    margin-top: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 4px;
    text-align: center;
    background-image: url("/_resources/img/bg-blue-options.png");
    background-position: center;
    background-repeat: repeat;
}
.owl-theme.navigation-inside-transparent .owl-controls .owl-page span{
	width: 20px;
	height: 20px;
	opacity: 1;
	background: #ffffff;
}
.owl-theme.navigation-inside-transparent .owl-controls .owl-page.active span{
	background: #ee7f1f;
}
.owl-theme.navigation-inside-transparent .owl-controls{
    margin-top: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    padding-top: 4px;
    text-align: center;
}
.navbar-toggle{
	border-radius: 0px;
	background: none !important;
	color: #ffffff;
	margin-top: 26px;
	border: 0px;
}
.navbar-toggle span.icon-bar{
	background: #ffffff !important;
	width: 28px;
	height: 4px;
}
.navbar-toggle .menu-icon-title{
	font-family: 'Lato-Regular';
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	margin-right: 5px;
	position: relative;
	top: -1px;
}
.navbar-toggle .icon-bar-box{
	display: inline-block;
}
.wrapper-page-title{
	float: left;
	width: 100%;
	padding: 30px 0px 10px 0px;
	background: #6d8ca0;
	color: #ffffff;
}

.wrapper-page-title:after {
  content: "";
  display: table;
  clear: both;
}


.wrapper-page-wotitle{
	float: left;
	width: 100%;
	padding: 6px 0px 5px 0px;
	background: #6d8ca0;
	color: #ffffff;

}
.wrapper-page-title h1,
.wrapper-page-title h2,
.wrapper-page-title h3,
.wrapper-page-title h4,
.wrapper-page-title h5,
.wrapper-page-title h6{
	color: #ffffff;
}
.breadcrumbs{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}
.breadcrumbs li{
    float: left;
    margin-right: 5px;
	
}
.breadcrumbs li a{
	color: #ffffff;
	
}
.accordion-box{
	float: left;
	width: 100%;
	background: #ffffff;
}
.accordion-box ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.accordion-box ul li{
	margin-bottom: 2px;
}
.accordion-box ul li a{
	display: block;
	width: 100%;
	color: #4a4a4a;
	background: #d7d7d7;
	padding: 9px 15px;
}


.accordion-box ul li a:hover{
	text-decoration: none;
	background: #cecdcd;
}
.accordion-box .accordion-item{
	display: block;
	width: 100%;
	color: #4a4a4a;
	background: #d7d7d7;
	padding: 9px 15px;
	cursor: pointer;
	text-align: left;
}

.accordion-box .accordion-item:after {
	font-family: 'FontAwesome';
	content: "\f078";
	background: #6d8ca0;
	border: 0px;
	border-radius: 2px;
	font-family: 'FontAwesome';
	font-size: 13px;
	color: #ffffff;
	padding: 4px 6px;
	line-height: 0.5em;
	float: right;
	
}

.accordion-item:hover {
	background: #cecdcd;
}
.accordion-box .accordion-item span{
	float: left;
}


.accordion-box .accordion-item .caret {
	
display: none;
}



/**.accordion-box .accordion-item .caret{

	width: auto;
	height: auto;
	background: #6d8ca0;
	border: 0px;
	border-radius: 2px;
	font-family: 'FontAwesome';
	font-size: 10px;
	color: #ffffff;
	padding: 1px 5px;
	float: right;
	cursor: auto;
	
}**/
.accordion-box .accordion-item .caret:before {
    content: "\f078";
}
.accordion-box li ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.accordion-box li ul li a{
	display: block;
	width: 100%;
	color: #ffffff;
	background: #6d8ca0;
	padding: 11px 12px;
}

.accordion-box li ul li a:hover {
	background:#5c798b ;
}
.menu-left-box{
	float: left;
	width: 100%;
	background: #02014b;
	padding-bottom: 2px;
	margin-bottom: 25px;
}
.menu-left-box .menu-title-box{
	float: left;
	width: 100%;
	padding: 8px 12px;
	color: #ffffff;
	font-size: 19px;
}
.button-fullwidth{
	width: 100%;
	display: block;
	clear:both;
}
.blue-heading{
	font-family: 'OswaldRegular';
	font-size: 28px;
	font-weight: bold;
	display: block;
	width: 100%;
	color: #ffffff;
	background: #02014b;
	text-align: center;
	padding: 10px 6px;
	margin: 0px;
	margin-bottom:30px;
}
.xs-separation{
	margin: 4px auto !important;
}
.sm-separation{
	margin: 7px auto !important;
}
.md-separation{
	margin: 10px auto !important;
}


/* animated button with sliding color */


/* steel blue */

.menu-steelblue{
	float: left;
	width: 100%;
    margin: 0px 0px 25px 0px;
    padding: 0px;
    list-style: none;
}
.menu-steelblue li{
	float: left;
	width: 100%;
	border: 3px solid #02014b;
	margin: 0px auto 15px auto;
	color: #02014b;
	text-align: center;
	padding: 10px 6px;
	font-size: 15px;
	background-image: url('/_resources/img/border-detail-menu.jpg');
	background-color:#fff;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 15px 100%;
	transition: ease all 0.4s;
}
.menu-steelblue li:hover{
	background-size: 100% 100%;
	color: #ffffff;
}
.menu-steelblue li:hover a{
	color: #ffffff;
}
.menu-steelblue li:last-child{
	margin-bottom: 0px;
}
.menu-steelblue li a{
	float: left;
	width: 100%;
	color: #02014b;
}
.menu-steelblue li a:hover{
	text-decoration: none;
}


/* img icons that have a nice rollover action JP */

.imgIcon:hover { background:#d6d8d9; transition:ease all 1.0s; }

/* orange sliding color button */

.menu-steelorange{
	float: left;
	width: 100%;
    margin: 0px 0px 25px 0px;
    padding: 0px;
    list-style: none;
}
.menu-steelorange li{
	float: left;
	width: 100%;
	border: 3px solid #02014b;
	margin: 0px auto 15px auto;
	color: #02014b;
	text-align: center;
	padding: 10px 6px;
	font-size: 15px;
	background-image: url('/_resources/img/border-detail-menuOrange.jpg');
	background-repeat: no-repeat;
	background-position: left;
	background-size: 15px 100%;
	transition: ease all 0.4s;
}
.menu-steelorange li:hover{
	background-size: 100% 100%;
	color: #ffffff;
}
.menu-steelorange li:hover a{
	color: #ffffff;
}
.menu-steelorange li:last-child{
	margin-bottom: 0px;
}
.menu-steelorange li a{
	float: left;
	width: 100%;
	color: #02014b;
}
.menu-steelorange li a:hover{
	text-decoration: none;
}


.box-type{
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.box-type img{
	float: left;
	width: 100%;
}
.box-type .box-type-title{
	float: left;
	width: 100%;
	font-family: 'OswaldRegular';
	font-weight: bold;
	width: 100%;
	color: #ffffff;
	background: #02014b;
	text-align: center;
	padding: 10px 6px;
	margin: 0px 0px 4px 0px;
	
}

h3.box-type-title  { font-size:25px;}

.box-type ul{
	float: left;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-top: 4px solid #02014b;
	border-bottom: 4px solid #02014b;
}
.box-type ul li{
	position: relative;
	float: left;
	width: 100%;
	background: #ee7f1f;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	padding: 2px 3px;
	font-size: 12px;
	margin:0;
	align-items: center;
    display: flex;
    font-weight: bold;
    min-height: 60px;
    justify-content: center;
    text-align: center;
}
.box-type ul li a{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #ee7f1f;
	color: #ffffff;
	font-size: 14px;
	transition: ease all 0.4s;

	align-items: center;
    display: flex;
    font-weight: bold;
    justify-content: center;
    text-align: center;
}
.box-type ul li a:hover{
	background: #02014B;
	text-decoration: none;
}
.box-type ul li:first-child{
	border-left: 0px !important;
}
.box-type ul li:last-child{
	border-right: 0px !important;
}
.box-type ul.two-options li{
	width: 50%;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.box-type ul.three-options li{
	width: 33.33%;
}
.button-white-border{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #ffffff !important;
	background: none;
	border: 2px solid #ffffff;
	padding: 8px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-white-border:hover{
	text-decoration: none;
	color: #ffffff;
	background: #ee7f1f;
	border-color: #ee7f1f;
}
.button-orange-border{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #ee7f1f !important;
	background: none;
	border: 2px solid #ee7f1f;
	padding: 8px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-orange-border:hover{
	text-decoration: none;
	color: #ffffff !important;
	background: #ee7f1f;
	border-color: #ee7f1f;
}
.button-blue-border{
	display: inline-block;
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #02014b !important;
	background: none;
	border: 2px solid #02014b;
	padding: 8px 32px;
	transition: ease all 0.4s;
	text-align: center;
}
.button-blue-border:hover{
	text-decoration: none;
	color: #ffffff !important;
	background: #02014b;
	border-color: #02014b;
}
.buttons-group a{
	margin: 20px 10px;
}
.warning-box{
	float: left;
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	padding: 15px 30px 0px 75px;
	min-height: 80px;
	margin-bottom: 20px;
	background-color: #02014b;
	background-image: url('/_resources/img/warning.png');
	background-repeat: no-repeat;
	background-position: 20px center;
}

.warning-box::after {
	clear:both;
}
.warning-box label{
	color: #ee7f1f;
}
.warning-box h1,
.warning-box h2,
.warning-box h3,
.warning-box h4,
.warning-box h5,
.warning-box h6{
	color: #ffffff;
	margin: 8px auto;
}
.question-box{
	/*float: left;*/
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	padding: 15px 15px 10px 75px;
	min-height: 80px;
	margin-bottom: 20px;
	background-color: #02014b;
	background-image: url('/_resources/img/question.png');
	background-repeat: no-repeat;
	background-position: 15px center;
}
.question-box label{
	color: #ee7f1f;
}
.question-box h1,
.question-box h2,
.question-box h3,
.question-box h4,
.question-box h5,
.question-box h6{
	color: #ffffff;
	margin: 8px auto;
}
.color-orange{
	color: #ee7f1f;
}
.color-blue{
	color: #02014b;
}

.question-box.lightblue a{
	color:#f9b242;
	
}
.box-information{

	width: 100%;
	margin-bottom: 25px;
}
.box-information .box-information-title{
	
	width: 100%;
	font-size: 25px;
	color: #ffffff;
	background: #ee7f1f;
	padding: 15px 5px;
	text-align: center;
	margin: 0px;
}
.box-information .box-information-content{

	width: 100%;
	padding: 20px;
	color: #ffffff;
	background: #02014b;
}

.box-noMargin {
	margin:0 !important;
	margin-bottom:15px !important;
}
.box-information .box-information-content label{
	color: #ee7f1f;
}
.box-number-option{
	position: relative;
	float: left;
	width: 100%;
	border: 2px dashed #02014b;
	padding: 24px 30px 10px 30px;
	margin: 10px auto 20px auto;
}
.col-md-3 .box-number-option{
	min-height: 370px;
}
.box-number-option .number{
	font-family: 'OswaldRegular';
	font-size: 60px;
	font-weight: bold;
	color: #02014b;
	position: absolute;
	width: 80px;
	top: 0px;
	left: -43px;
	text-align: center;
}
.box-number-option .box-number-title{
	font-family: 'OswaldRegular';
	font-size: 25px;
	font-weight: bold;
	color: #02014b;
}
.box-number-option .box-number-content{
	color: #ffffff;
}
.box-information-steelblue{
	float: left;
	width: 100%;
	border: 2px solid #02014b;
	margin-bottom: 25px;
}
.box-information-steelblue .title{
	float: left;
	width: 100%;
	background: #6d8ca0;
	color: #ffffff;
	padding: 10px 12px;
	margin: 0px;
}
.box-information-steelblue .content{
	float: left;
	width: 100%;
	padding: 10px 12px;
}
.button-sidebar{
	margin-bottom: 25px;
}
.box-steelblue{
	width: 100%;
	background: #6d8ca0;
	color: #ffffff;
	padding: 15px 20px;
	margin: 15px auto;
}

.borderDashedB > .box-steelblue {
	
	color: #ffffff;
	
}

.box-steelblue a {
	color:#f9d191;
}
.box-steelblue h1,
.box-steelblue h2,
.box-steelblue h3,
.box-steelblue h4,
.box-steelblue h5,
.box-steelblue h6{
	color: #ffffff;
}
.box-service{
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
.box-service .title{
	float: left
	width: 100%;
	text-align: center;
	color: #ffffff;
	margin: 0px 0px 5px 0px;
	font-size:30px;
}
.box-service .content{
	float: left;
	width: 100%;
	padding: 10px 0px;
	min-height: 182px;
}
.box-service .button-white-border{
	margin-top: 10px;
	width: 100%;
}
.box-info-blue{
	float: left;
	width: 100%;
	background: #02014b;
	border-bottom: 7px solid #ee7f1f;
	padding: 8px;
	margin-bottom: 25px;
}
.box-info-blue .img-responsive{
	display: inline-block;
}

.service-list{
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0px;
	list-style: none;
}
.service-list li{
	float: left;
	width: 50%;
	padding: 0px 30px;
	margin-bottom: 25px;
}
.service-list li .title{
	color: #ee7f1f;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
}
.service-list li img{
	width: 100%;
	margin-bottom: 20px;
}
.service-list li .button-orange-border{
	margin-top: 15px;
	width: 100%;
}
.service-list li:nth-child(odd) {
	padding-left: 0px;
    background-image: url('/_resources/img/border-service.png');
    background-repeat: repeat-y;
    background-position: right;
}
.service-list li:nth-child(even) {
	padding-right: 0px;
}
.title-orange{
	color: #ffffff;
	background: #ee7f1f;
	margin-bottom: 20px;
	padding: 5px 8px;
}
.box-image{
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}
.box-image img{
	max-width: 100%;
	display: inline-block;
	margin: auto;
}
.menu-blue-options{
	float: left;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	list-style: none;
}
.menu-blue-options li{
	float: left;
	width: 50%;
	display: inline-block;
	padding: 15px;
}
.menu-blue-options li:nth-child(odd){
	clear: both;
}
.menu-blue-options li a{
	font-family: 'OswaldRegular';
	font-size: 21px;
	line-height: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	background: #02014b;
	transition: ease all 0.4s;
	text-align: center;
	padding: 8px 10px;
	min-height: 90px;
}
.menu-blue-options li a:hover{
    text-decoration: none;
	color: #ffffff;
	background: #ee7f1f;
}
ol{
	padding-left: 45px;
	margin-bottom: 25px; 
	
	
}

ol li { margin-bottom:10px;  counter-increment: item; padding-left:5px;}

ul li { margin-bottom:10px;  counter-increment: item; }



.slider-box{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
.slider-box .cycle-slideshow{
	position: relative;
	float: left;
	width: 100%;
}
.slider-box .item-slide{
	float: left;
	width: 100%;
	position: relative;
}
.slider-box .item-slide img{
	float: left;
	width: 100%;
}
.slider-box .item-slide .slider-layer-box{
	position: absolute;
	width: 100%;
	max-width: 490px;
	bottom: 90px;
	right: 24px;
	background: #ee7f1f;
	color: #ffffff;
}
.slider-box .item-slide .slider-layer-box .layer-title{
	padding: 6px 14px;
	font-family: 'OswaldRegular';
	font-size: 30px;
	text-transform: uppercase;
	border-bottom: 3px solid #ffffff;
}
.slider-box .item-slide .slider-layer-box .layer-description{
	padding: 8px 14px;
}
.slider-box .item-slide .slider-layer-box .button-blue{
    position: absolute;
    bottom: -35px;
    right: 16px;	
}
.slider-box .slider-btn-control{
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 36px;
	height: 60px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1000;
}
.slider-box .slider-pager{
	position: absolute;
	bottom: 20px;
	left: 0px;
	right: 0px;
	z-index: 100;
	text-align: center;
}
.slider-box .slider-pager span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background: #ffffff;
	font-size: 0px;
	cursor: pointer;
	overflow: hidden;
	margin: 0px 3px;
}
.slider-box .slider-pager span.cycle-pager-active{
	background: #ee7f1f;
}
.menu-social-links{
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 15px;
}
.menu-social-links li{
	display: inline-block;
	margin: 0px 5px;
}
.menu-social-links li a{
	background: #02014b;
	color: #ffffff;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	display: block;
	transition: ease all 0.3s;
	font-size: 16px;
	text-align: center;
}
.menu-social-links li a:hover{
	background: #ee7f1f;
}
.menu-social-links li a i{
	position: relative;
	top: 3px;
}
.wrapper-border-bottom-orange{
	border-bottom: 6px solid #ee7f1f;
}
.box-featured{
	float: left;
	width: 100%;
	margin-bottom: 25px;
}
.box-featured .title{
	float: left;
	width: 100%;
	color: #ffffff;
	background: #6d8ca0;
	margin: 0px 0px 4px 0px;
	padding: 10px 12px;
}
.box-featured .content{
	float: left;
	width: 100%;
	color: #ffffff;
	background: #6d8ca0;
	padding: 10px 12px;
}

.box-featured a {
	color:#fff;
}

.box-featured a:hover {
	color:#02014b;
}


.box-featured .content .item-featured{
	float: left;
	width: 100%;
	background-image: url('/_resources/img/border-bottom-white.png');
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 11px 0px;
}
.box-featured .content .item-featured:first-child{
	padding-top: 0px;
}
.box-featured .content .item-featured:last-child{
	padding-bottom: 0px;
	background: none;
}
.box-featured .content .item-featured h3{
	margin-bottom: 5px;
}
.box-featured .view-more{
	float: right;
	color: #02014b;
	font-family: 'OswaldRegular';
	font-size: 20px;
	margin-top: 8px;
}
.menu-blue-dotted{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.menu-blue-dotted li{
	font-family: 'OswaldRegular';
	font-size: 20px;
	color: #02014b;
	display: block;
	padding: 6px 4px;
    border-bottom: 1px dotted #02014b;	
	margin-bottom:0;
}
.menu-blue-dotted li:last-child{
	border-bottom: 0px;
}
.menu-blue-dotted li a{
	color: #02014b;
}
.box-number-circle{
	float: left;
	width: 100%;
	

    display: flex;
    align-items: center;
    justify-content: center;
}
.box-number{
	font-family: 'OswaldRegular';
	display: inline-block;
	color: #ffffff;
	background: #02014b;
	width: 190px;
	height: 190px;
	border-radius: 220px;
	overflow: hidden;
	text-align: center;
	border: 4px solid #ee7f1f;

	display: flex;
    align-items: center;
    justify-content: center;
}
.box-number .centered-content{
	position: relative;
	top: -5px;
}
.box-number span.number{
	font-size: 80px;
	line-height: 80px;
	display: block;
}
.box-number span.title{
	font-size: 40px;
	line-height: 40px;
	color: #6d8ca0;
	display: block;
}
.scroll-to-top{
    position: fixed;
    right: 17px;
    bottom: 70px;
    z-index: 10000;
    display: none;
    background-color: #EE7F1F;
	transition: all 1s;
   
    width: 50px;
    height: 50px;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
}

.scroll-to-top:hover {
background: #02014b;
transform: scale(1.5) rotate(15deg);	
}
.scroll-to-top i{
    font-size: 30px;
    color: #ffffff;
    position: relative;
    top: 7px;
}

img.questionMark { transition: all 1s;  }
img.questionMark:hover { transform:rotate(15deg);}

.wrapper-header-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.wrapper-header-search ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.wrapper-header-search :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.wrapper-header-search :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.margin-form-group-zero{
  margin: 0px !important;
}

.width100 { width: 100%; }

.scroll-to-top span {
	font-size: 30px;
	color: #ffffff;
	position: relative;
	top: 7px;
}

.footer-social-links li a span.sr-only, .menu-social-links li a span.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}


.menu-search-form .submit-button span {
	font-size: 19px;
	line-height: 10px;
}

.wrapper-header-search h2 {
	font-size: 23px;
}

h2.title {
	font-size: 24px;
}

.menu-social-links li a span {
	position: relative;
	top: 3px;
}

.font18 { font-size: 18px; }


/accordion animation list***/

 {
  box-sizing: border-box;
}



.heading-primary {
  font-size: 2em;
  padding: 2em;
  text-align: center;
}

.accordion dl,
.accordion-list {
  border: none;
}
.accordion dl:after,
.accordion-list:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  background-color: #02014b;
}

.accordion dd,
.accordion__panel {
  background-color: #f6f6f6;
  font-size: 1em;
  line-height: 1.5em;

}

.accordion dd p { color:#555555 !important;}




/*.accordion p, .accordion ol, .accordion ul {
  padding: 1em 2em 1em 2em;
}

.accordion {
  position: relative;
  background-color: #eee;
}
*/


/* white /


.accordionTitleW,
.accordion__Heading {
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight:400;
  padding: 1em;
  display: block;
  text-decoration: none;
  color: #02014b !important;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border:1px solid #e5e5e5;	
  border-bottom: 1px solid #6d8ca0;
}



.accordionTitleW:before,
.accordion__Heading:before {
  content: "+";
  font-size: 25px;
  line-height: 0.5em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitleW:hover,
.accordion__Heading:hover {
  background-color: #d7d7d7;
  color: #02014b;
  text-decoration: none;
}

.accordionTitleW:focus {
	color: #02014b !important;
	text-decoration: none;
}


.accordionTitleWActive,
.accordionTitleW.is-expanded {
  background-color: #6d8ca0;
  color: #fff !important;

}
.accordionTitleWActive:before,
.accordionTitleW.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}


/* white Q & A /
.accordionTitleWQ,
.accordion__Heading {
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight:400;
  padding: 1em;
  display: block;
  text-decoration: none;
  color: #02014b !important;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #6d8ca0;
}



.accordionTitleWQ:before,
.accordion__Heading:before {
  content: "Q";
  color: #fa8622 !important;
  font-size: 25px;
  line-height: 0.5em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitleWQ:hover,
.accordion__Heading:hover {
  background-color: #d7d7d7;
  color: #02014b !important;
  text-decoration: none;
}

.accordionTitleWQ:focus
 {
	color: #02014b !important;
	text-decoration: none;
}


.accordionTitleWQActive,
.accordionTitleWQ.is-expanded {
  background-color: #6d8ca0;
  color: #fff !important;

}
.accordionTitleWQActive:before,
.accordionTitleWQ.is-expanded:before {
  -webkit-transform: rotate(-360deg);
          transform: rotate(-360deg);
}




/**** blue ****/
.accordionTitle,
.accordion__Heading {
  background-color: #02014b;
  text-align: center;
  font-size: 16px;
  font-weight:400;
  padding: 1em;
  display: block;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
  border-bottom: 1px solid #6d8ca0;
}




.accordionTitle:before,
.accordion__Heading:before {
  content: "+";
  font-size: 25px;
  line-height: 0.5em;
  float: left;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #181662;
  color: #fff;
  text-decoration: none;
}

.accordionTitle:focus {
	color: #fff;
	text-decoration: none;
}


.accordionTitleActive,
.accordionTitle.is-expanded {
  background-color: #6d8ca0;

}
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
}

.accordionItem {
  height: auto;
  overflow: hidden;
  -webkit-transition: max-height 1s;
  transition: max-height 1s;
}

.accordionItem em {
	color:#fa8622;
	font-size: 25px;
	font-style:normal;
	padding: 5px;
}
@media screen and (min-width: 48em) {
  .accordionItem {
  
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
  }
}

.accordionItem.is-collapsed {
  max-height: 0;
}

.no-js .accordionItem.is-collapsed {
  max-height: auto;
}

.animateIn {
  -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
          animation: accordionIn 0.45s normal ease-in-out both 1;
}

.animateOut {
  -webkit-animation: accordionOut 0.45s alternate ease-in-out both 1;
          animation: accordionOut 0.45s alternate ease-in-out both 1;
}

@-webkit-keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes accordionIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}
@keyframes accordionOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9) rotateX(-60deg);
            transform: scale(0.9) rotateX(-60deg);
  }
}


/* color bknds OR TEXT */

.darkblue {
	background-color: #02014b;
}

.red {
	background-color:#d20303;
}

.gray {
	background-color:#464646;
}

.lightblue {
	background-color:#6d8ca0;
}

.green {
	background-color:#0bb733;
}

.borderDashedW {
	border: dashed 1px #ffffff;
	background-color:transparent !important;
}

.borderDashedB {
	border: dashed 2px #02014b;
	background-color:transparent !important;
	color:#555555;
}

.borderDashedB  a {
	color:#ee7f1f;
}

.borderDashedB p, .borderDashedB li{
	color:#555555;
}

.borderDashedB strong {
	color:#555555;
}

.borderDashedB h1, .borderDashedB h2, .borderDashedB h3 {
	color:#02014b !important;
}

/**** JP Some code to change styles of photo gallery**/

a.thumbnail:hover {
	background-color:#9dc3da;
	border-color:#6d8ca0;
}


.featherlight:last-of-type {
	background: rgba(2, 1, 30, .8)!important;
}


.featherlight .featherlight-close-icon {
	color: #02014b !important;
	
}
	.featherlight-next:hover, .featherlight-previous:hover {
		
	background: rgba(107, 140, 160, .50)!important;
}



/** trying to hide labels for accessiblity/



.btn-labelHide {
    font-size: 0;
    height: 1px;
    overflow: hidden;
    display: block;
}


/** jp added element for shadows /
.boxshadow {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.ssc_boxes {  min-height:525px; position:relative; margin-bottom:10px;}

.ssc_boxes_faq {position: absolute;
bottom: 0;}


/**** styles for apply checklists /

.checklist {
	border: 2px solid #ee7f1f; position: relative; margin: 10px 0 10px 0; padding: 15px; clear: both;
}


button.printChecklist { position:absolute; bottom:0; right:0; display:block; height:30px; background-color:#EE7F1F; color:#fff; font-size:13px; line-height:30px; padding:0 10px 0 10px; margin:0; text-align:center; border:none;}



button.printChecklist:hover { background-color:#02014B; text-decoration:none !important}

/** Added Code for making side menu responsive ****/
/** Added Code Collapse Button ****/
.toggle-accordion{
	display: none;
	float: right;
	width: 28px;
	border: 0px;
	padding: 4px 0px;
	background: none;
}
.toggle-accordion span{
	float: left;
	width: 100%;
	height: 4px;
	background: #fff;
	margin-bottom: 4px;
}
.toggle-accordion span:last-child{
	margin-bottom: 0px;
}
/** Added Code Collapse Button ****/
/** Added Code Collapse Button ****/

/** New Code (Play/Pause Slider) ****/
/** New Code (Play/Pause Slider) ****/
.options-box-slider .play-pause-button{
	margin: auto;
	display: inline-block;
	text-decoration: none !important;
	border: 1px solid #fff;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: rgba(146,142,156,0.7);

	transition: all ease 0.2s;
}
.options-box-slider .play-pause-button i{
	position: relative;
	top: 12px;
	left: 0;
	font-style: normal;
	font-size: 22px;
	line-height: 22px;
	color: #fff;
}
.options-box-slider.cycle-paused .play-pause-button i{
	left: 3px;
}
.options-box-slider .play-pause-button i:before{
	font-family: "FontAwesome";
	content: "\f04c";
}
.options-box-slider.cycle-paused .play-pause-button i:before{
	content: "\f04b";
}
/** New Code (Play/Pause Slider) ****/
/** New Code (Play/Pause Slider) ****/



/** New Code (Square larger links) ****/
/** New Code (Square larger links) ****/


/** note more code in @media for phone #196 /

 a.SQlinks { background: #46166b; padding: 10px;  width: 100%; min-height: 110px; display:block; color: #ffffff; font-size: 20px; line-height:22px;  transition: all 0.6s ease 0s; margin-bottom:15px; }
 a.SQlinks:hover {  background: #6d8ca0; width: 95%; text-decoration:none; min-height: 110px; display:block; color: #ffffff; font-size: 20px; line-height:22px;}

 a.SQlinksSpecial { background: #6d8ca0; padding: 10px; width: 100%; min-height: 110px; display:block; color: #ffffff; font-size: 20px; line-height:22px; transition: all 0.6s ease 0s; margin-bottom:15px; }
a.SQlinksSpecial:hover { background:#3d264d; width: 95%;  text-decoration:none;  min-height: 110px; display:block; color: #ffffff; font-size: 20px; line-height:22px;}

/** New Code for images with links and text (JP created snippet may need more adjusting) ****/



.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-img-top {
    width: 100%;
	min-height: 1px;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
	flex-shrink: 0;
	
}



*, ::after, ::before {
    box-sizing: border-box;
}
.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
	background: #fefefe;
}

.card-body p { line-height: 115%; font-size: .9em;}

*, ::after, ::before {
    box-sizing: border-box;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
*, ::after, ::before {
    box-sizing: border-box;
}






/** Style News Releases Landing Pg jp ****/
//

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: index;
  background-color: #3e135f;
  border-color: #3e135f;
}

.pagination li a {
  color:#3e135f;
}

pagination li a:hover {
  color:#547082;
}

 /** Buttons jp For MODAL ****/
//

.btn_blue { font-family: 'OswaldRegular'; background-color:#02014b; color:#fff; border-radius: 0px; transition: ease all 0.4s; font-size:20px; border:none; }
.btn_blue:hover { border-color:#ee7f1f; background-color:#ee7f1f; color:#ffffff;}

.btn_nostyle {
font-family: 'OswaldRegular';
border: none;
background-color: transparent;
border-radius: 0px;
transition: ease all 0.4s;
padding: 0 !important;
text-decoration:underline;
	
	
}

.w100 { width:100%;}

.btn_wBorder { font-family: 'OswaldRegular'; border-color:#ffffff; background-color:transparent; color:#fff; border-radius: 0px; transition: ease all 0.4s;   }
.btn_wBorder:hover { border-color:#ee7f1f; background-color:#ee7f1f; color:#ffffff; }


.btn { padding: 6px 15px; font-size:20px;   }
.btn:focus { color:inherit;}


.modal-content { background-color:#ffffff; top:90px;}

.modal-title { color: #02014b !important; font-size: 27px; }

.jpmodal p, .jpmodal ul, .jpmodal li, .jpmodal h4  { color:#02014b;}



 /** Cool Scroll Idicator JP ****/
//
  
/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 4px;
  background: #02014b;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 4px;
  background: #ee7f1f;
  width: 0%;
}



 /** buttons on top of images (created for Admissions pg) note: responsive code on responsive css for this ****/
//


.absolutebutton  { position:absolute; top:100px; right:0; z-index:1; width:300px;}
			
.relativehug { position:relative; display: inline-block;}

.txtLeftFull { text-align: left; }

 /** JP - new element with full bknd image and text on top - JP ****/
//

.jumbotron:before {
	clear:both;
}

.jumbotron {
  color: white;
  position:relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 650px;
	padding:0;
	margin:0;
	float:left;
	width:100%;
  
}

.jumbotron:before {
  clear: both;
}

.jumbotronTXT {
	position:absolute;
	width:500px;
	top: 180px;
	padding: 25px;
	text-align:center;
    
}

.jumbotronTXT h2 {
	color:#ffffff;
	
}

.jumbotronTXT p {
	font-size: 17px;
}

.jumboLEFT {
	left:120px;
}

.jumboRIGHTT {
    right:120px;
}

.jumboCenter {
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

 /** JP - new element Long Banner that changes image for mobile to Tall image - JP ****/
//

.LbannerHug{
  
  justify-content: inherit;
  align-items: inherit;
}

.Lbannerphoto img {
  width: 100%;
  display: block;
}


a.banner img:hover {border:2px solid #ffffff;}

/** JP - ADA compliance skip to main and others- JP ****/
//

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-11999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
	position:absolute;
    background-color:#02014b;
    left: -10px;
	width:20%;
    top: 30px;
    height: auto;
    overflow:auto;
    padding:5px;
    border-radius: 5px;
    border:2px #EE7F1F;
    text-align:center;
    font-size:.7em;
    z-index:999;
}


a.focusADA:focus  {
	outline: 4px dotted #ffffff;
	outline-offset: -10px;
}

/**search**/

input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}

input[type=text]:focus, textarea:focus {
 
  border: 1px solid #3e135f;
}


/***  FORMS /

.margbot10px {margin-bottom:10px;}
.btn-primary {background:#02014b; border-color: #02014b;}
.btn-primary:hover {background:#44474d; border-color: #44474d;}
.btn-secondary:hover {background:#6d8ca0;color:#ffffff;}

/*** PARALLAX ELEMENTS AND CHILD JP ***/

 .paralBKND {
  padding:50px;
  color: var(--color);
  width: 100%;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  background-image: url(/images/bknd/LaxBkndParalax.jpg);
  background-size: cover;
  justify-content: center;
  background-position: center;
/*  this is where the magic happens:  */
 background-attachment: fixed;
}

.JPCardsParallax {
  display: flex;
  margin-bottom:15px;
  padding:5px;
  background-color: rgb(255,255,255,0.8);
  flex-direction: column;
  align-items: center;
  border-radius: .5em;
  -webkit-box-shadow: 0px 29px 38px -15px rgba(0,0,0,0.43);
  -moz-box-shadow: 0px 29px 38px -15px rgba(0,0,0,0.43);
  box-shadow: 0px 29px 38px -15px rgba(0,0,0,0.43);
 
}	

.JPCardsParallax a {text-decoration:none;}
.JPCardsParallax a:hover {text-decoration:none;}
   .JPCardsParallax_Inner { min-height: 120px; display: flex; justify-content: center; align-content: center; flex-direction: column;}
   .JPCardsParallax_Inner h3.Big { font-size:46px; text-align:center; margin-bottom:5px;}
   .JPCardsParallax_Inner h3.md { font-size:21px; line-height:22px; text-align:center;  margin:0;}
   .JPCardsParallax_Inner h3.Small { font-size:19px; line-height:17px; text-align:center;  margin:0;}
   .JPCardsParallax_Inner > p {color:#02014b; text-align:center; font-size:16px; line-height:16px; margin:0;}
   .JPCardsParallax_Inner > p.sm {color:#02014b; font-size:14px; line-height:15px;}
   .JPCardsParallax_Inner > p.md {color:#02014b; font-size:16px; line-height:17px;}

h1.BigTextparalBKND {
	color:#ffffff;
	font-size:150px;
	font-weight:bold;
	text-align:center;
}

/**  5050 Showcase Sections ****/
		
.5050Showcase {
   padding:20px;
  width: 100%;
margin-bottom:0;
	display: flex;
		}
		
.img5050Show {
	overflow: hidden;
    height:550px;
    width: 580px;
    position: relative;
    cursor: pointer;
    
    transition: .5s;
    background-color: #555
		}

				
.img5050Show:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 800px;
    transform: translate(-140%, -50%);
    background-color: #ee7f1f;
    opacity: 0.6;
    border-radius: 50%;
    transition: .8s
}

.imgLBlue:after {
	background-color: #0662b7;	
		}
		
.img5050Show:hover:after {
    transform: translate(-50%, -50%)
}

.img5050Show:hover img {
    transform: translate(-50%, -50%) scale(1.3) rotate(20deg)
}

.img5050Show img {
    position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .8s
}

.img5050Show i {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-2000px, -50%);
    color: #fff;
    transition: .8s;
    transition-timing-function: ease-in
}

.img5050Show:hover i {
    transform: translate(-50%, -50%);
    transition-timing-function: ease
}

/*** text ***/

.Showcaseinner { padding:100px 100px 0 100px; }
.ShowcaseinnerRT { padding: 100px 30px 0 180px;}
.Showcaseinner_More { padding:100px 80px 0 10px; }
.ShowcaseinnerRT_More { padding: 100px 0 0 80px;}
.Showcaseinner_Programs { padding:5px 15px 40px 0; }
.Showcaseinner_Programs_More { padding:5px 0 40px 15px; }
		
h3.text-orange { color:#ee7f1f; letter-spacing: .3rem; font-size:20px; }
h3.text-orange::after {	
content: '';
width: 60px;
margin-top:20px;
display:block;
border:1px solid #ee7f1f;
}
		
h3.text-LBlue { color:#0662b7; letter-spacing: .3rem; font-size:20px; }
h3.text-LBlue::after {	
content: '';
width: 60px;
margin-top:20px;
display:block;
border:1px solid #0662b7;
}
		
a.LBlueButton {
background-color:#0662b7;
		}
a.LBlueButton:hover {
background-color:#02014b;
		}
		
p.ShowcaseBig {
font-size: 48px;
font-family: 'OswaldRegular';
line-height:47px;
color: #02014b;
letter-spacing: normal;
margin-bottom:0;
		}
		
p.ShowcaseBody {
font-size: 20px;
margin:0 0 55px 0;
color: #02014b;
		}


/*** SHOWCASE BUT DIFFERENT FOR PROGRAMS OF STUDY ***/

.stageBKNDGray {
	background-color:#f3f3f3;
	padding: 150px 0 60px 0;
    min-height: 820px;
}

.stageBKNDWhite {
	background-color:#ffffff;
	padding: 150px 0 60px 0;
    min-height: 820px;
}

.stageBKNDGreen {
	background-color:#516e5a;
	padding: 150px 0 60px 0;
    min-height: 820px;
}

.stageBKNDLBlue {
	background-color:#d2e0e9;
	padding: 150px 0 60px 0;
    min-height: 820px;
}

.stageBKNDOrange {
	background-color:#d77a29;
	padding: 150px 0 60px 0;
    min-height: 820px;
}

h2.text-ShowCaseBLUE { color:#02014b; font-size: 40px; font-weight: bold; }
h2.text-ShowCaseBLUE::after {	
content: '';
width: 120px;
margin-top:15px;
display:block;
border:1px solid #02014b;
}

h2.text-ShowCaseLBLUE { color:#0662b7; font-size: 40px; font-weight: bold; }
h2.text-ShowCaseLBLUE::after {	
content: '';
width: 120px;
margin-top:15px;
display:block;
border:1px solid #0662b7;
}

h2.text-ShowCaseLWhite { color:#ffffff; font-size: 40px; font-weight: bold; }
h2.text-ShowCaseLWhite::after {	
content: '';
width: 120px;
margin-top:15px;
display:block;
border:1px solid #ffffff;
}

p.Showcasetxt {
  font-size: 20px;
  color: #02014b;
  line-height:1.5;
}

h2.text-ShowCaseLOrange { color:#d77a29; font-size: 40px; font-weight: bold; }
h2.text-ShowCaseLOrange::after {	
content: '';
width: 120px;
margin-top:15px;
display:block;
border:1px solid #d77a29;
}

p.Showcasetxt {
  font-size: 20px;
  color: #02014b;
  line-height:1.5;
}

p.ShowBlue {
  color: #02014b;
}

p.ShowWhite {
  color: #ffffff;
}

ul.ShowcaseBlue, ul.ShowcaseWhite {
	font-size:20px;
}

ul.ShowcaseBlue li {
	margin-bottom: 2px;
	color:#02014b;
}

ul.ShowcaseWhite li {color:#ffffff; margin-bottom: 2px;}

/**  EVENTS CAL DESIGN EX HOMECOMING ****/

.homeEventsjp { 
position: relative;
margin:30px 0;
background-position: right top;
background-repeat: repeat-y;
}
.eventWrap {border: 1px solid #d9d9d9; min-height: 280px; width:95%}

.datejp { 
position: absolute;
left: -35px;
top: 10px;
text-align: center;
background-color: #02014b;
color: #fff;
min-width: 70px;
-moz-transform: skew(-30deg,0deg);
-webkit-transform: skew(-30deg,0deg);
-o-transform: skew(-30deg,0deg);
-ms-transform: skew(-30deg,0deg);
transform: skew(-30deg,0deg);
}

.homeEventsjp .datejp .monthjp	{
  font-size: .690em;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  font-family: input-sans-compressed,Arial,Helvetica,sans-serif;
}

.homeEventsjp .datejp .dateWrapjp {
  -moz-transform: skew(30deg,0deg);
  -webkit-transform: skew(30deg,0deg);
  -o-transform: skew(30deg,0deg);
  -ms-transform: skew(30deg,0deg);
  transform: skew(30deg,0deg);
  padding: 5px 0 10px;
}
		
.homeEventsjp .datejp .dayjp {
  text-align: center;
  font-size: 1.375em;
  font-family: input-sans-compressed,Arial,Helvetica,sans-serif;
  padding: 0;
  margin: 0;
  line-height: .7em;
  display: block;
}

.eventDescription {

padding: 1.25em 1.25em 1.25em 4em;

}

/* Events still but a little diff design for images added */

.homeEventsjp2 .imgwrap{
	position: relative;
}
.homeEventsjp2 {
margin:30px 0;

}

.homeEventsjp2 .imgwrap:after {
    clear: both !important;
}

.datejp2 {
position: absolute;
right: -25px;
bottom: 5px;
text-align: center;
background-color: #02014b;
color: #fff;
min-width:80px;
transform-origin: bottom left;
-moz-transform: skew(20deg,0deg);
-webkit-transform: skew(20deg,0deg);
-o-transform: skew(20deg,0deg);
-ms-transform: skew(20deg,0deg);
transform: skew(20deg,0deg);
animation: colorchange 60s infinite;
}



.homeEventsjp2 .datejp2 .monthjp	{
  font-size: .790em;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  font-family: input-sans-compressed,Arial,Helvetica,sans-serif;
}

.homeEventsjp2 .datejp2 .dayjp {
  text-align: center;
  font-size: 1.375em;
  font-family: input-sans-compressed,Arial,Helvetica,sans-serif;
  padding: 0;
  margin: 0;
  line-height: .7em;
  display: block;
}

.homeEventsjp2 .datejp2 .dateWrapjp {
  -moz-transform: skew(-20deg,0deg);
  -webkit-transform: skew(-20deg,0deg);
  -o-transform: skew(-20deg,0deg);
  -ms-transform: skew(-20deg,0deg);
  transform: skew(-20deg,0deg);
  padding: 5px 0 10px;
}

.eventDescription2 {padding: 1em 1em 1em 1em;}
		.homeEventsjp2 > .boxSh {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.15); transition: box-shadow .3s ease-in;}
		.homeEventsjp2 > .boxSh:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 8px 11px rgba(0, 0, 0, 0.2); }
		.homeEventsjp2 a { color: #555555;}
		.homeEventsjp2 a:hover { text-decoration: none; }
		.homeEventsjp2 .title h2 { margin-bottom: 4px;}
		.homeEventsjp2 a:hover .title h2 {color:#0662b7; transition: color .3s ease-out; }
		.homeEventsjp2 .time { margin-bottom: 15px;}
		.homeEventsjp2 a:hover .time {color:#0662b7; transition: color .3s ease-out; }
		.homeEventsjp2 img { position:relative;}
		.center { text-align:center;}


@keyframes colorchange {
  0% {
    background: #7AD8F5;
    color: white;
  }
  20% {
    background: #9342A6;
    color: white;
  }
  40% {
    background: #AA1A13;
    color: white;
  }
  60% {
    background: #FECF87;
  }
  61% {
    color: #333;
  }
  80% {
    background: #EE7F1F;
  }
  81% {
    color: white;
  }
  100% {
    background: #7AD8F5;
    color: white;
  }
}


/**  Programs LI and Search Function JP****/

#JPLISRCHInput {

  width: 100%;
  font-size: 20px;
  padding: 12px 20px 12px 20px;
  border: 2px solid #6d8ca0;
  border-radius: 5px;
  margin-bottom: 12px;
  height:80px;
}

#JPLISRCHInput:focus {
  border: 3px solid #ee7f1f;
	outline: none !important;
    box-shadow: none;
	color:#02014b;

}

#JPLISRCHUL {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap:0.5rem;
	

	
  
}
#JPLISRCHUL li {
  margin-bottom: 0px;
  display: grid;
}

#JPLISRCHUL li a {
  
 
  background-color: #f6f6f6;
  border-radius: 5px;
  padding: 14px;
  text-decoration: none;
  font-size: 22px;
  color: #ee7f1f;
  display: block
}

#JPLISRCHUL li a:hover:not(.header) {
  background-color: #eee;
	transition: all 0.4s;
}

/**  Brick Wall Style JP****/

.Brick {
height: 200px;
padding:5px;
margin-bottom:25px;
background: #8a4833;
background-image: url("/images/concrete-wall.png");
box-shadow: rgba(0, 0, 0, 0.06) 0px 8px 12px 0px inset;
border-radius: 5px;
text-align:center;
display: flex;
align-items: center;
justify-content: center;
color:#fff;
font-size: 25px;
}
			
.Brick > p {margin-bottom:0; line-height: 130%;}