html { overflow-y: scroll; }

body {  }

p { 
	color:black;
 }

P:first-child
{
	padding-top:20px;
}

h1, h2, h3, h4, h5, h6 {  }

ul, li { list-style-type: none; padding: 0; margin: 0; }
	main ol, ol li { list-style-type: decimal; }
	main ol {  }
	main ol li, main ul li {  }

	main ul.list li { position: relative; padding-left: 1em; margin-bottom: 0.4em; color:black; }
	main ul.list li:last-child { margin-bottom: 0; }
	main ul.list li:before { font-family: "FontAwesome"; content: "\f105"; position: absolute; font-size: 18px; left: 2px; top: -2px; }

.text-info { color: #4997bd; }

a { color: #4a70b2; }
a { transition: color 300ms, background-color 300ms; }
a:hover { text-decoration: none; color: #334e7d; }
a:focus { outline: none; }

h1 { font-size: 46px; line-height: 1.043em; }
@media screen and (max-width: 767px) {
	h1 { font-size: 30px; }
}
h2 { color: #64676d; position: relative; padding-bottom: 0.533em; margin-bottom: 0.7em; text-transform: uppercase;
	letter-spacing: 0.15em; font-size: 30px; line-height: 1.6em; }
@media screen and (max-width: 767px) {
	h2 { font-size: 24px; }
}
h2:after { position: absolute; display: block; content: " "; width: 100px; height: 3px; background-color: #43bcbb; bottom: 0px; left: 50%; margin-left: -50px; }

h3 { font-size: 20px; }

h4 { text-align: center; color: black; font-size: 20px; font-family: Rubik,"Helvetica Neue",Helvetica,Arial,sans-serif;}

.column h4
{
	font-size: 18pt;
	margin-bottom: 20px;
}

h6 { color: #64676d; position: relative; padding-bottom: 0.533em; margin-bottom: -0.9em; text-transform: uppercase;
	letter-spacing: 0.15em; font-size: 30px; line-height: 1.6em; }
@media screen and (max-width: 767px) {
	h6 { font-size: 24px; }
}
h6:after { position: absolute; display: block; content: " "; width: 85%; height: 2px; background-color: #010101; top: -10px; left: 50%; margin-left: -500px; }





main { min-height: calc(100vh - 95px); background-color: #ecedef; }


footer { background-color: #484a53; height: 95px; line-height: 95px; color: white; }
footer p { display: inline-block; width: 100%; margin: 0; line-height: 20px; color: white;}


.header-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #0257A2; }
.header-bg-home { background-image: url("../images/bg___home.jpg"); min-height: 650px; }
.header-info p { color: #ffffff; }
.inner-page .header-info h1 { color: #ffffff; }


/*New Website Revamp*/
.header-bg1 { background-color: #0257A2; padding-top: 130px;}
.header-text h1 {text-align: center; color:White !important; font-family: "Rubik"; font-weight: 500;}
.header-text h4 {text-align: center; color:White !important; font-family: "Rubik"; font-weight: 500;}
.bluefont h1 {color:#0257A2 !important; font-family: "Rubik"; font-weight: 500;text-align: center;}
.bluefont-left h1 {color:#0257A2 !important; font-family: "Rubik"; font-weight: 500;text-align: left;}
.bluefont-left h4 {color:#0257A2 !important; font-family: "Rubik"; font-weight: 500;text-align: left;}
.bluefont p {color:#0257A2 !important; font-family: "Rubik"; font-weight: 500;text-align: center;}
.bluefontdash h1{color:#0257A2 !important; font-family: "Rubik"; font-weight: 500;text-align: left;}

/*---------------------------*/

@media screen and (min-width: 992px) {
	.header-info { margin-top: 100px; }
	.inner-page .header-info { margin-top: 20px;  margin-bottom: 90px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.header-info { margin-top: 0; }
	.header-bg-home { min-height: 0; padding-top: 158px; padding-bottom: 100px; }
	.inner-page .header-info { margin-top: 20px;  margin-bottom: 90px;}
}
@media screen and (max-width: 767px) {
	.header-info { margin-top: 0px; }
	.header-bg-home { min-height: 0; padding-top: 100px; padding-bottom: 40px; }

	.inner-page .header-bg { padding-bottom: 25px; padding-top: 105px; }
}

/* navbar */
.navbar-brand { display: inline-block; width: 168px; padding: 0; height: auto; }
.navbar-brand img { max-width: 100%; display: inline-block; }

/* nav */
#main-nav { background-color: transparent; border: 0; padding: 15px; transition: background 300ms; }

p.p20 { font-size: 20px; line-height: 1.5em; }
@media screen and (max-width: 767px) {
	p.p20 { font-size: 18px; }
}


/*@media screen and (min-width: 768px) {*/
	#main-nav { padding: 24px 40px; }
	#main-nav a { color: #ffffff; transition: background-color 300ms, color 300ms; font-family: 'Roboto Condensed', sans-serif;  font-weight: 700;
	-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-smoothing: antialiased; }
	#main-nav a:hover {  }

	#main-nav .nav-side a { padding-left: 17px; padding-right: 17px; }
	@media screen and (min-width: 1300px) {
		#main-nav .nav-side a { padding-left: 23px; padding-right: 23px; }

	}
	#main-nav .nav-side a:hover { background-color: rgba(255,255,255,0.1); }
	#main-nav .navbar-nav>.active>a  { background-color: rgba(255,255,255,0.09) !important; }

	.side_nav { display: block; position: absolute; width: 350px; background-color: #0257A2; z-index: 2; height: 100vh !important;
					padding-left: 35px; padding-right: 35px; right: 0; top: 0; padding-top: 90px; padding-bottom: 35px;}
	.side_nav li { width: 100%; font-weight: 500;  }
	#main-nav .side_nav li a { padding-left: 22px; padding-right: 22px; border-bottom: 1px solid #ffffff; font-size: 20px; line-height: 1.1em;}
	#main-nav .side_nav li:last-child a { border-bottom: 0; }
	#main-nav .side_nav li a:hover { background-color: #026dcb; }



	.nav_toggle_sw { padding: 10px 23px; color: #ffffff; cursor: pointer; display: inline-block; transition: background-color 300ms; overflow: hidden; }

	.nav_toggle_sw:after { content: "Menu"; font-size: 16px; display: block; position: absolute; left: 0; right: 0; width: 100%; text-align: center; top: 0; line-height: 50px;
							transition: opacity 300ms, transform 300ms; transform: scale(1);  font-family: 'Roboto Condensed', sans-serif;  font-weight: 700;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;
							font-smoothing: antialiased; }
	.nav_toggle_sw[aria-expanded="true"]:after { opacity: 0; }
	.nav_toggle_sw:hover { background-color: rgba(255,255,255,0.1); }
	.nav_toggle_sw:hover:after { opacity: 0;   transform: scale(0.5); }
	.nav_toggle_sw .fa-bars { opacity: 0; }
	.nav_toggle_sw:hover .fa-bars { opacity: 1; }
	.toggle-page-nav { position: relative; z-index: 4; }

@media screen and (min-width: 1131px) {
	.navbar-right a { font-size: 18px; }
}

@media screen and (min-width: 992px) and (max-width: 1130px) {
	.navbar-right a { font-size: 13px; padding-left: 15px; padding-right: 15px; }
}
@media screen and (min-width: 992px) {
	.in.side_nav { transform: translateX(100%) !important; }
}


	@media screen and (min-width: 768px) {
		.nav-side { z-index: 4; position: relative; }
	}
	.toggle-page-nav i { width: 18px; transition: opacity 400ms; }
	.toggle-page-nav .ion-android-close { opacity: 0; position: absolute; top: 4px; left: 50%; margin-left: -9px; }
		.nav_toggle_sw[aria-expanded="true"] > .ion-android-close { opacity: 1; }
		.nav_toggle_sw[aria-expanded="true"] > .fa-bars { opacity: 0; }
		.in.side_nav { transform: translateX(0); }

	body #main-nav { background-color: rgba(57,59,69,0.3); }
	body.bodyScrolled #main-nav { background-color: rgba(57,59,69,0.9); }

	.side_nav { transform: translateX(100%); transition: all 300ms; }
/*}*/
@media screen and (max-width: 767px) {
	.toggle-page-nav { right: -22px; }
	.nav-side { display: inline-block; position: absolute; width: 64px; right: 38px; top: 20px; margin: 0; }
	.ion-android-close { top: 4px !important; }
	.side_nav  { margin: 0 !important; padding-left: 20px; padding-right: 20px; width: 300px; }
}


.bg-white { background-color: #ffffff; }
.sec-spaced:last-child {padding-bottom: 50px;}
.sec-spaced { padding-top: 40px; padding-bottom: 20px; }
@media screen and (min-width: 768px) and (max-width: 991px) {
	.sec-spaced { padding-top: 60px; padding-bottom: 60px; }
}
@media screen and (max-width: 767px) {
	.sec-spaced { padding-top: 40px; padding-bottom: 40px; }
}

.panel, .panel-heading { border-radius: 0; border: 0; box-shadow: none; }
.service-boxes {  }
.service-boxes .panel-heading { line-height: 1.3em; padding-top: 1.3em; padding-bottom: 1.2em; }
.service-boxes .service-box { padding-left: 0px; padding-right: 0px; }
@media screen and (min-width: 992px) {
	/*.service-boxes .service-box:nth-child(2) { padding-left: 1px; padding-right: 1px; }*/
	.service-boxes .panel-primary .panel-heading { position: relative; }
	/*.service-boxes .panel-primary .panel-heading:before { position: absolute; width: 100%; height: 20px; background-color: #43bcbb; content: " "; top: -20px; left: 0; right: 0; }*/
}
.service-boxes .panel-default {  }
.service-boxes .panel-body { padding-left: 40px; padding-right: 40px; padding-bottom: 40px; }
.service-boxes .panel-default .panel-body { background-color: #f8f8f9; }
@media screen and (max-width: 767px) {
	.service-boxes .panel-body { padding-left: 15px; padding-right: 15px; padding-bottom: 25px; }
	/*.service-boxes { padding-left: 15px; padding-right: 15px; }*/
}
.service-boxes ul { margin-bottom: 1em; }
.service-boxes ul li { display: block; border-top: 1px solid #ecedef; padding: 0.5em 0; }
.service-boxes ul li:first-child { border-top: 0; }
.service-boxes .panel-default>.panel-heading { background-color: #aeafb3; color: #ffffff; }

.btn { text-transform: uppercase; letter-spacing: 0.15em; font-weight: 500; border: 0; font-size: 14px; line-height: 1.1em; padding: 1.1em 1.857em 1em; background-color: #0257A2; }
.btn-primary 
{
	background-color: #0257A2;
}
a .btn
{
	background-color: #0257A2;
}


.dpss-services-collapse .panel-heading { padding-right: 85px; position: relative; padding-left: 158px; background-color: white;
										padding-top: 0; padding-bottom: 0; transition: background-color 300ms; cursor: pointer;
										background-repeat: no-repeat; background-size: 50px 50px; background-position: 49px center; }/*Colors the bg on the resources page expandable boxes */ 
.dpss-services-collapse .panel-heading:hover { background-color: #dce1f0; } /*Colors the hover over on the resources page */
.dpss-services-collapse .panel-heading h3 { color: #4a70b2; font-weight: 500; padding-top: 1.8em; padding-bottom: 1.7em; }/*Text on the Resources page expand box*/
.dpss-services-collapse .panel-body { padding-left: 158px;  border-top: 0 !important; padding-top: 0; }
.dpss-services-collapse .panel-group { margin-bottom: 2px; }/*Space between the expandable boxes*/
.dpss-services-collapse .panel-heading[aria-expanded="true"],
.dpss-services-collapse .panel-heading:not(.collapsed) { background-color: #dce1f0; }/*Background color once the resource box is expanded*/
.dpss-services-collapse .panel-heading:after { position: absolute; top: 34px; right: 42px; content: "\f078"; font-family: "FontAwesome";
												color: #0257A2; font-size: 16px; line-height: 1em; transform: rotate(0); transition: transform 300ms;
												transform-origin: center center; }
.dpss-services-collapse [aria-expanded="true"]:after,
.dpss-services-collapse .panel-heading:not(.collapsed):after { transform: rotate(180deg); }
@media screen and (max-width: 767px) {
	.dpss-services-collapse .panel-heading h3 	{  padding-top: 0.8em; padding-bottom: 0.6em; }
	.dpss-services-collapse .panel-heading 		{ padding-left: 20px; padding-right: 40px; background-image: none !important; }
	.dpss-services-collapse .panel-body 		{ padding-left: 20px; }
	.dpss-services-collapse .panel-heading:after  		{ font-size: 15px; top: 16px; right: 15px; }
}

.resources-row > div { margin-bottom: 30px;  }
.resource-inner { padding: 27px 25px; background-color: #ecedef; position: relative; padding-bottom: 80px; }
.resource-icon { display: inline-block; vertical-align: middle; width: 45px; height: auto; }
	.resource-inner hr { border-color: #dddddf; margin-top: 15px; margin-bottom: 15px; }
	.resource-inner .presentation_url { font-size: 12px; color: #a8a9ab; display: inline-block; position: absolute; left: 27px; bottom: 25px;
										padding-left: 33px; line-height: 1.1em; transition: color 300ms; }
	.resource-inner .presentation_url:hover { color: #48bdbc; }
	.resource-inner .presentation_url:before { font-family: "FontAwesome"; color: #48bdbc; content: "\f019"; position: absolute; bottom: 4px; left: 0; font-size: 22px; }
	.resource-inner .read_more { display: inline-block; position: absolute; right: 27px; bottom: 27px; font-weight: 500; }
	.resource-inner h3 { margin-top: 10px; }
	@media screen and (max-width: 767px) {
		.resource-inner h3 br { display: none; }
	}
	.resource-inner p { margin-bottom: 0; }


.details-resources 		{  }
.details-resources li 	{ border-top: 1px solid #ecedef; padding-top: 16px; padding-bottom: 0px; }
.details-resources h5 	{ margin-bottom: 3px;  }
.details-resources p  	{ font-size: 14px; line-height: 1.571em; }

.resources-list 			{  }
.resources-list li 			{  }
.resources-list li > a 		{ display: block; position: relative; padding-left: 22px;  }
.resources-list li > a i 	{ position: absolute; left: 0; top: 1px; color: #43bcbb !important; }

.resources-list li > a h5 { transition: color 500ms; }
.resources-list li > a h5:hover { color: #369696; } 

@media screen and (max-width: 767px) {
	.presentation-details {  }
	.presentation-details > div { position: relative; float: none; width: 100%; max-width: 100%; display: block; padding-left: 0; }
}

.body.modal-open { padding-right: 0 !important; }

.modal  { padding-right: 0 !important; }
.modal-content { border-radius: 0; border: 0 !important; }
.modal button.close { color: #ffffff; opacity: 0.7; transition: opacity 300ms; margin: 0; margin: 0; position: absolute; top: 18px; right: 25px; font-size: 30px; }
.modal button.close:hover { color: #ffffff; opacity: 1; }
.modal-header { padding: 24px 15px; }
.modal-header h4 { line-height: 1.3em; padding: 0px 30px; }
@media screen and (max-width: 767px) {
	.modal button.close { top: 16px; right: 25px; }
	.modal-header { padding: 18px 15px; }
}
.modal-body { background-color: #ecedef; }
.modal-body-inner { padding-left: 27px; padding-right: 27px; padding-top: 15px; padding-bottom: 15px; }
@media screen and (max-width: 767px) {
	.modal-body-inner { padding-left: 15px; padding-right: 15px; }
}


/* dashboard */

body.dashboard {  }
body.dashboard main { background-color: #ffffff; }
body.dashboard #main-nav { background-color: rgba(57,59,69,0.9); }
body.dashboard .header-bg { padding-top: 98px !important; padding-bottom: 0 !important; background-image: none; background-color: transparent; }
body.dashboard .resource-inner { padding: 27px 25px 40px 25px !important; }
body.dashboard .resource-inner p { margin-bottom: 12px; }
body.dashboard .resource-icon { width: 52px; }

.resource-list 		{  }
.resource-list li 	{ display: block; padding-left: 35px; position: relative; border-bottom: 1px solid #dddddf; font-size: 14px; padding-bottom: 14px; margin-bottom: 14px; line-height: 1.5em; }
.resource-list li:before 	{ display: inline-block; color: #babcc0; content: "\f054"; font-family: "FontAwesome"; font-size: 14px; position: absolute; top: 1px; left: 14px; }
.resource-list li:last-child 	{ border-bottom: 0; padding-bottom: 0; }
.resource-list a 	{ font-size: 16px; display: block; font-weight: 500; }


.table-custom, .table-custom table {
    border: none !important;
}
.table-custom table {
    border: none !important;
}
.table-custom td {
    border-color: transparent !important;
    vertical-align: middle !important;
}
.table-custom td img {
    max-width: 145px;
    display: inline-block;
    margin-right: 20px;
}

tr:nth-child(2n)
{
	background-color: #dce1f0;
}

tr:nth-child(2n + 1)
{
	background-color: #ffffff;
}

.screen-reader-response { display: none; }
.wpcf7-response-output { transition: padding 200ms; }
.wpcf7-response-output.wpcf7-display-none { padding: 0 !important; }
.wpcf7-submit { margin-top: 15px; }
.modal-body { padding-bottom: 0;  }

.wpcf7-mail-sent-ok { color: #28a72b; }
.wpcf7-response-output:not(.wpcf7-mail-sent-ok),
.wpcf7-not-valid-tip { color: red; }

form #search::placeholder { color: #000000; }
form #search::-webkit-input-placeholder { color: #000000; }
form #search::-moz-placeholder { color: #000000; }
form #search { border-color: #c1c1c1 !important; }


.modal_optional_custom .optional_services_checkbox { display: block !important; }

#navtabs {  }
#navtabs .nav-tabs { border: 0 !important; margin-bottom: 3px; }
#navtabs .nav-tabs a { display: inline-block; line-height: 1.1em; font-family: "Rubik"; color: #ffffff !important; font-weight: 500;
						padding-left: 22px; padding-right: 75px; position: relative; border: 0 !important; border-radius: 0 !important; }
		@media screen and (max-width: 991px) {
			#navtabs .nav-tabs a,
			#navtabs .nav-tabs li { width: 100%; margin-right: 0 !important; display: block; }
			#navtabs .nav-tabs a { margin-bottom: 2px; padding-top: 20px; padding-bottom: 20px; }
			#navtabs .nav-tabs a img { display: none; }
			#navtabs .nav-tabs { margin-bottom: 0; }
		}

#navtabs .panel-heading { padding: 0; border: 0; box-shadow: none;  }
#navtabs .panel-heading a { display: block;  line-height: 1.1em; font-family: "Rubik"; color: #ffffff !important; font-weight: 500; padding-top: 20px; padding-bottom: 18px;
						padding-left: 22px; padding-right: 75px; position: relative; border: 0 !important; border-radius: 0 !important; text-decoration: none !important; }
#navtabs .panel-body,
#navtabs .tab-pane { background-color: #ecedef; }
#navtabs .nav-tabs li { cursor: pointer; }

#navtabs .tab-pane hr 	{ display: none; }
#navtabs .tab-pane h3 	{ font-size: 20px !important; color: #4c4e56; margin-bottom: 11px; }
#navtabs .tab-pane  	{ padding: 22px; padding-top: 30px; }

#navtabs .panel-body hr { display: none; }

#navtabs .panel-body h3 { display: none; color: black; }

#navtabs .resource-list { height: auto !important; }
#navtabs h3 + hr + ul { padding-top: 10px; }

@media screen and (min-width: 992px) {
	#navtabs .nav-tabs li a { padding-top: 16px; padding-bottom: 14px; padding-left: 15px; padding-right: 72px; }
	#navtabs .nav-tabs li a:after { position: absolute; height: 2px !important; background-color: inherit; display: block;
							bottom: -2px; left: 0; right: 0; width: 100%; transition: opacity 300ms; content: " "; opacity: 0; }
	#navtabs .nav-tabs li.active a:after { opacity: 1; }
	.nav-tabs { z-index: 1; }
	.tab-content { z-index: 2; position: relative; }

	#navtabs .nav-tabs img { max-height: 31px; position: absolute; right: 20px; top: 17px; }
}
@media screen and (max-width: 991px) {
	#navtabs .panel-title img { max-height: 36px; position: absolute; top: 20px; right: 25px; }
}
@media screen and (max-width: 767px) {
	#navtabs .panel-title img { max-height: 28px; position: absolute; top: 15px; right: 18px; }
}
#navtabs li a img { opacity: 0.5; transition: opacity 500ms; }
#navtabs li.active a img,
#navtabs li:hover a img { opacity: 1; }
#navtabs .panel-title img { opacity: 0.5; transition: opacity 500ms; }
#navtabs [aria-expanded="true"] img,
#navtabs a:hover img { opacity: 1; }

.panel-body
{
	color: black;
}

.column {
  width: 30%;
  padding: 1.5%;
  text-align: center;
}

.longColumn 
{
  width: 45%;
  padding: 1.5%;
  text-align: center;
}

.column p
{
	font-family: Rubik,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.row
{
	display: flex; justify-content: space-evenly;
}

footer a
{
	color: #3169e0;
}

@media screen and (max-width: 1200px) {
	  .column {
	  width: 80%;
	  padding: 5%;
	  text-align: center;
	  margin-left: 10%;
	  margin-right: 0;
	}
	
	.longColumn {
	  width: 80%;
	  padding: 5%;
	  text-align: center;
	  margin-left: 10%;
	  margin-right: 0;
	}
	
	.row
	{
		flex-direction: column;
		justify-content: center;
	}
}

#descCloser:hover
{
	background-color: #7d7d7d;
	transition: 0.5s;
}