/** 
	* Filename:     global.css
	* Version:      1.0.0 (2016-11-15)
					1.0.2 (2024-01-09)
	* Website:      https://www.zymphonies.com
	* Description:  Global Styles
	* Author:		support Team
					support@zymphonies.com
**/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }

.container { margin: 0 auto; width: 100%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
em {
    font-style: italic;
}

/*.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*/
.box-container {
	margin-bottom: 30px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19); background-color: rgb(255, 255, 255);}


.box-container a, .box-container a:visited, .box-container a:hover {
	color: #004875;
}

/*light blue h2 */
h2.tier_two  {
	margin: 0;padding: 10px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; background-color: rgb(8, 152, 215);
	text-transform: uppercase;
	
}


/*gray h2 */
h2.tier_three  {
	margin:0;padding: 10px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; background-color: rgb(85, 85, 85);
}

h2.tier_three_space  {
	margin:0;padding: 10px; text-align: center; color: rgb(255, 255, 255); font-size: 20px; background-color: rgb(85, 85, 85); margin-bottom: 10px;
}



h4.tier_four_space  {
	margin:0;padding: 5px; text-align: left; color: rgb(255, 255, 255); font-size: 16px; background-color: #5786b3; margin-bottom: 10px;
}

h4.tier_four  {
	margin:0;padding: 5px; text-align: left; font-size: 16px; margin-bottom: 10px;
}

/*Variables*/
/*Header*/
/*Menu Color*/
/*Mixins*/
/** @file Styles for system messages. */
.messages { background: no-repeat 10px 17px; /* LTR */ border: 1px solid; border-width: 1px 1px 1px 0; /* LTR */ border-radius: 2px; padding: 10px 20px 10px 20px; /* LTR */ word-wrap: break-word; overflow-wrap: break-word; margin: 5px 0px; }

.messages + .messages { margin-top: 1.538em; }

.messages__list { list-style: none; padding: 0; margin: 0; }

.messages__item + .messages__item { margin-top: 0.769em; }

/* See .color-success in Seven's colors.css */
.messages--status { color: #325e1c; background-color: #f3faef; border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */ box-shadow: -8px 0 0 #77b259; /* LTR */ }

/* See .color-warning in Seven's colors.css */
.messages--warning { background-color: #fdf8ed; border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */ color: #734c00; box-shadow: -8px 0 0 #e09600; /* LTR */ }

/* See .color-error in Seven's colors.css */
.messages--error { background-color: #fcf4f2; color: #a51b00; border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */ box-shadow: -8px 0 0 #e62600; /* LTR */ }

.messages--error p.error { color: #a51b00; }

/*FORM*/
/** @file Visual styles for form components. */
form .field-multiple-table { margin: 0; }

form .field-multiple-table .field-multiple-drag { width: 30px; padding-right: 0; /*LTR*/ }

form .field-multiple-table .field-multiple-drag .tabledrag-handle { padding-right: .5em; /*LTR*/ }

form .field-add-more-submit { margin: .5em 0 0; }

/*TABS*/
div.tabs { margin: 1em 0; }

ul.tabs { list-style: none; margin: 0 0 0.5em; padding: 0; }

.tabs > li { display: inline-block; margin-right: 0.3em; /* LTR */ }

.tabs a { display: block; padding: 6px 10px; text-decoration: none; font-size: 13px; background: #e6e6e6; line-height: 100%; color: #444; }

.tabs a.is-active { background-color: #fd2626; color: #fff; }

.tabs a:focus, .tabs a:hover { background-color: #ea1616; color: #fff; }

/** @file Seven styles for Tables. */
table { width: 100%; margin: 0 0 10px; }

caption { text-align: left; /* LTR */ }

th { text-align: left; /* LTR */ padding: 10px 12px; font-weight:600}

thead th { background: #f5f5f2; border: solid #bfbfba; border-width: 1px 0; color: #333; text-transform: uppercase; }

tr { border-bottom: 1px solid #e6e4df; padding: 0.1em 0.6em; }

thead > tr { border-bottom: 1px solid #000; }

/*tbody tr:hover, tbody tr:focus { background: #f7fcff; }*/

/* See colors.css */
/*tbody tr.color-warning:hover, tbody tr.color-warning:focus { background: #fdf8ed; }

tbody tr.color-error:hover, tbody tr.color-error:focus { background: #fcf4f2; }*/

td, th { vertical-align: middle; }

td { padding: 10px 12px; text-align: left; /* LTR */ }

th > a { position: relative; display: block; }

/* 1. Must match negative bottom padding of the parent <th> */
th > a:after { content: ''; display: block; position: absolute; top: 0; bottom: -10px; /* 1. */ left: 0; right: 0; border-bottom: 2px solid transparent; -webkit-transition: all 0.1s; transition: all 0.1s; }

th.is-active > a { color: #004875; }

th.is-active img { position: absolute; right: 0; /* LTR */ top: 50%; }

th.is-active > a:after { border-bottom-color: #004875; }

/*th > a:hover, th > a:focus, th.is-active > a:hover, th.is-active > a:focus { color: #008ee6; text-decoration: none; }

th > a:hover:after, th > a:focus:after, th.is-active > a:hover:after, th.is-active > a:focus:after { border-bottom-color: #008ee6; }*/

td .item-list ul { margin: 0; }

td.is-active { background: none; }

/* Force browsers to calculate the width of a 'select all' TH element. */
th.select-all { width: 1px; }

/** Captions. */
.caption { margin-bottom: 1.2em; }

.field--label-inline .field__label { font-weight: bold }

.field--label-inline .field__label,.field--label-inline .field__items,.field--label-inline .field__item { display: inline-block }



/** Responsive tables. */
@media screen and (max-width: 37.5em) { /* 600px */
  th.priority-low, td.priority-low, th.priority-medium, td.priority-medium { display: none; } }
@media screen and (max-width: 60em) { /* 920px */
  th.priority-low, td.priority-low { display: none; } }
p { margin: 0 0 20px 0; }

h2.title {color:#000; font-size: 32px; font-weight: bolder;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { color: #000; font-weight: 500; margin-bottom: 15px; line-height: 150%; }

h1, .h1 { font-size: 1.6em; }

h2, .h2 { font-size: 1.3em; }

h3, .h3 { font-size: 1.280em; }
h3 {
 margin: 0 0 5px;
  color:#4569aa;
}

h4, .h4 { font-size: 1em; }

img { max-width: 100%; }

strong { font-weight: bold; }

a { color: #07648D; }
a:hover { color: #07648D; text-decoration: none; }

ol, ul { padding-left: 20px; margin-bottom: 20px; }
ol li, ul li { list-style: outside; }

ol li { list-style-type: decimal; }

.links{
	color: #000;
	font-weight: bold;
}


ul.links.inline { padding: 0; }
ul.links.inline li { list-style: none; }

.block { margin-bottom: 20px; }

/*body { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 160%; color: #444444; overflow-x: hidden; font-weight: 400; background: url("../images/body_bg.png") white; }*/

body { font-family: "Open Sans", sans-serif; font-size: 15px; line-height: 160%; color: #444444; overflow-x: hidden; font-weight: 400; background: white; }

/*Page title*/
.region-page-title h1 { margin: 20px 0; }

/*Footer Widget*/
.footerwidget { background: #000; color: #fff; padding: 20px 0; border-top: 1px solid #f7f7f7; }/*1C4C82*/



.footerwidget a {color:#fff}
.footerwidget h4 {color:#fff;font-weight:700}

.footerwidget h2.title { color: #fff; }
.footerwidget .left { float: left; margin: 10px 10px 0 0; }

.copyright { font-size: .65em; background: #000; color: #eee; text-align: center; }
.copyright p { margin-left: 33%; line-height:  100%; }
.copyright a { color: #fff;}

/*Google Map*/
.google_map p, .google_map .block { margin: 0; }
.google_map iframe { display: block; }

/*Credit Link*/
.credit-link { text-align: left; }

/*Social Media*/
.social-media { margin: 10px 0; overflow: hidden; float: left; }
.social-media a { width: 25px; height: 25px; color: #000; float: left; margin: 0 10px 0 0; text-align: center; line-height: 220%; font-size: 0.75em; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.social-media a:hover { color: #07648D; }

/*Form*/
input, button, select, textarea { padding: 6px; border: 1px solid #e3e3e3; }

.contact-message-form label { display: block; }

/*.btn, input[type="submit"] { background: #07648D; color: #fff; border: 0; padding: 10px 15px; line-height: 100%; border-radius: 0; }
*/

.btn, input[type="submit"] { background: #07648D; color: #fff; border: 0; padding: 10px 15px; line-height: 100%; border-radius: 3; font-weight:700;width:130px;cursor:pointer;}



.btn:hover, input[type="submit"]:hover { background: #07648D; color: #fff; }

/*Comment*/
.comment-wrap { overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #F5F5F5; }
.comment-wrap .author-details { float: left; width: 20%; }
.comment-wrap .author-comments { padding-left: 5px; float: left; width: 80%; }
.comment-wrap .author-comments h3 { margin-top: 10px; }
.comment-wrap .author-comments p { margin-bottom: 10px; }

.comment-submitted { padding: 5px 10px; border: 1px solid #eee; display: inline-block; line-height: 100%; }


#comment {
  display: none;
}

/*links Inline*/
ul.links.inline li { display: inline-block; padding-right: 10px; }

/*Sidebar Block*/
.sidebar .region h2.title { padding: 5px 0; margin: 0; }
.sidebar .region .content { padding: 10px 0; }

.region-content { min-height: 300px; }

.path-frontpage .region-content { min-height: auto; }

/*Markup generated by Form API.*/
.form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; }

tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; }

.form-composite > .fieldset-wrapper > .description, .form-item .description { font-size: 0.70em; line-height: 150%; }

label.option { display: inline; font-weight: normal; }

.form-composite > legend, .label { display: inline; font-size: inherit; font-weight: bold; margin: 0; padding: 0; }

.form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; }

.marker { color: #e00; }

abbr.tabledrag-changed, abbr.ajax-changed { border-bottom: none; }

.form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; }

/* Testimonials */
.testimonials-wrap { background: #fafafa; border-top: solid 1px #e3e3e3; border-bottom: solid 1px #e3e3e3; padding: 20px 0; text-align: center; font-size: 1em; line-height: 160%; }

.region-testimonials { max-width: 600px; margin: 0 auto; }

.testimonials-pic { width: 40px; height: 40px; display: inline-block; vertical-align: bottom; margin-right: 10px; }

.testimonials-pic img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.testimonials-author { padding: 0 5px; font-size: .75em; color: #555; }

/*Top Widget*/
.topwidget { text-align: center; }
.topwidget h2.title { margin: 20px 0; }
.topwidget .col-sm-4 { padding: 0; }
.topwidget .region { background: #fff; overflow: hidden; }

/*Front Page*/
.path-frontpage .feed-icon { display: none; }

.path-frontpage .content_layout { text-align: center; max-width: 750px; margin: 0 auto; /*padding: 20px 0*/ padding:0px; overflow: hidden; }

/*Region Homepage Message*/
.region-homepagemessage { padding: 20px 0; text-align: center; max-width: 750px; margin: 0 auto; }
.region-homepagemessage p, .region-homepagemessage .block { margin: 0; }

/*Address*/
.address-wrap { text-align: center; padding: 20px 0; background: url('../images/world-map.png?1475749338') gainsboro center no-repeat; }

/*Bottom Widgets*/
.bottom-widgets { text-align: center; margin: 0 auto; padding-bottom: 30px; background: #07648D; color: #b4dec6; }
.bottom-widgets .block h2.title { margin: 5px 0 10px 0; color: #fff; }
.bottom-widgets .row > div { border-right: 1px solid #2ec16c; }
.bottom-widgets .row > div:last-child { border: 0; }
.bottom-widgets .row > div a { color: #fff; }

.path-frontpage .bottom-widgets { padding: 20px 0; }

/*Header*/
/*background for header blue --ant*/
.main-header { background-size: cover; position: relative; background: #162e51; padding: 5px 0; border-bottom: 1px solid #f7f7f7; }
.main-header nav { background: none; border: 0; margin: 0; position: relative; min-height: auto; border-radius: 0; }
.main-header .region { position: relative; }
.main-header .block { margin: 0; }

/*Region Header*/
.site-branding { margin: 0; }

.brand.logo { margin-right: 3px;width:50% }

.region-header .brand { display: inline-block; vertical-align: middle; color: white; line-height: 120%; font-size: 1.3em; }
.region-header .brand a { color: white; }
.region-header .brand .site-branding__slogan { font-size: .7em; }

.region-contact-email .block { margin: 5px 0; }
.region-contact-email p { margin: 0; line-height: 120%; /*font-size: 2em;*/ }

/*Search Form*/
.search-block-form { margin: 0 auto; }

.region-search { clear: both; padding: 6px 0; }

#search-block-form { display: table; width: 100%; }
#search-block-form .form-item, #search-block-form .form-actions { display: table-cell; vertical-align: top; }
/*search form color for magnifying glass --ant */
#search-block-form input.form-submit { background: url('../images/search.png?1452238642') no-repeat center #ffbe2e; font-size: 0; width: 100%; height: 30px; vertical-align: top; }
#search-block-form input { width: 100%; height: 30px; border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

/*Breadcrumb*/
.breadcrumb { font-size: .85em; padding: 3px 10px; margin: 0; background: #fff; display: inline-block; }
.breadcrumb ul { padding: 0; margin: 0; }
.breadcrumb ul li { display: inline-block; }
.breadcrumb ul li:last-child span { display: none; }

/*Flexslider*/
.flexslider { border: 0; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.flexslider .slider-caption { display: none; position: absolute; top: 25%; right: 0; left: 4%; z-index: 999; width: 50%; text-align: left; font-size: 1em; line-height: 150%; padding: 0 15px; }
.flexslider h2 { font-weight: bold; font-size: 1.3em; display: inline-block; text-transform: uppercase; margin: 0; line-height: 100%;background-color:  rgba(7, 100, 141, 0.7);  /*background: #07648D;*/ padding: 10px; color: #fff;text-shadow: 1px 1px 2px black; }
.flexslider .slider-description { display: inline-block; clear: both; color: #000; padding: 10px; margin-bottom: 0px; background-color:  rgba(0, 0, 0, 0.7); color: #fff;text-shadow: 1px 1px 2px black; }
.flexslider .more-link { padding: 8px 10px; font-size: .9em; display: inline-block; font-weight: bold; text-transform: uppercase; color: #fff; }
.flexslider .slides li { position: relative; }
.flexslider .flex-direction-nav { display: none; position: absolute; top: 50%; width: 100%; }
.flexslider .flex-direction-nav li { list-style: none; }
.flexslider .flex-direction-nav a { font-size: 0; padding: 10px; }
.flexslider .flex-control-paging li a { width: 8px; height: 8px; display: block; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.flexslider .flex-control-nav { bottom: 0; }

/*Menu*/
.navbar-default .navbar-toggle { z-index: 999; border: 0; border-radius: 0; color: #000; background: none; padding: 6px 6px; display: none; margin-bottom: 15px; text-align: right;}
.navbar-default .navbar-toggle .icon-bar { display: block; width: 35px; height: 3px; border-radius: 1px; margin-bottom: 5px; background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; }

nav h2 { display: none; }

.menu-base-theme { background: none; width: 100%}
.menu-base-theme li a { color: #333333; background: #FBFBFB; border-bottom: 1px solid #EEF0F7; line-height: 100%; padding: 15px 20px;  font-size: .8em; }
.menu-base-theme li a:hover, .menu-base-theme li a:focus, .menu-base-theme li a:active, .menu-base-theme li a.highlighted { background: none; color: #ACC6D5; line-height: 100%; padding: 15px 20px; }
.menu-base-theme li a.sub-arrow { color: #999; font-size: 22px; padding: 5px; border-radius: 2px; border: 1px solid #DCDCDC; background: #EFEFEF; }
.menu-base-theme li a span.sub-arrow { line-height: 130%; font-size: 2em; }

.region-primary-menu { display: none; border-radius: 3px; width: 100%; }

/*Footer Menu*/
.footer-menu { margin: 0; border: 0; background: #f9f9f9; color: #fff; }

.region-footer-menu ul { margin: 10px 0; padding: 0; }
.region-footer-menu nav li { display: inline-block; }
.region-footer-menu nav li a { display: block; padding: 2px 15px 2px 0; }

/*Top Menu*/
.top-menu { padding: 10px 0; text-align: center; font-size: .75em; background: #f9f9f9; }

.region-top-menu ul { text-align: center; margin: 0; padding: 0; }
.region-top-menu nav li { display: inline-block; }
.region-top-menu nav li a { display: block; padding: 2px 10px; background: #3ad47b; color: #fff; text-transform: uppercase; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.region-top-menu nav li a:hover { background: #23b962; }
.region-top-menu nav li:last-child a { background: #f00; }
.region-top-menu nav li:last-child a:hover { background: #f11818; }

/*Demo Typography*/
.bd-example { position: relative; padding: 20px; border: 2px solid #f7f7f9; }

.highlight { padding: 20px; background-color: #f7f7f9; }
.highlight pre { border: 0; background: none; }

.bd-example-type h1, .bd-example-type h2, .bd-example-type h3, .bd-example-type h4, .bd-example-type h5, .bd-example-type h6 { margin: 0; }
.bd-example-type .table td { padding: 15px 0; border-color: #eee; }
.bd-example-type .table tr:first-child td { border-top: 0; }

/*----------------------------
	Contact page
-----------------------------*/
.contact-message-feedback-form { max-width: 650px; margin: 0 auto; border: 1px solid #E9E8ED; padding: 10px 20px; background: #FDFDFD; }

.contact-message-feedback-form .form-text, .contact-message-feedback-form .form-email, .contact-message-feedback-form .form-textarea { width: 100%; }

/*----------------------------
	User Login Form
-----------------------------*/
.user-login-form, .user-form, .user-pass { max-width: 500px; margin: 40px auto; border: 1px solid #e6e6e6; padding: 5px 20px; background: #fdfdfd; }
.user-login-form .form-text, .user-login-form .form-email, .user-form .form-text, .user-form .form-email, .user-pass .form-text, .user-pass .form-email { width: 100%; }

.form-composite > .fieldset-wrapper > .description, .form-item .description { color: #999; font-style: italic; }

/*----------------------------
	Maintainance
-----------------------------*/
.maintenance-page { background: url('../images/maintenance-bg.png?1451969854') #66cbff center no-repeat; color: #fff; text-align: center; padding-top: 220px; padding-bottom: 100px; color: #000; }
.maintenance-page .brand, .maintenance-page .name-and-slogan { display: inline-block; vertical-align: middle; }
.maintenance-page .site-name a { color: #404040; }
.maintenance-page .site-slogan, .maintenance-page .name-and-slogan { display: none; }

.maintenance-msg { margin: 20px 0; background: rgba(242, 244, 207, 0.88); padding: 20px 30px; display: inline-block; color: #404040; border: 1px solid #fff; box-shadow: 5px 5px 0px #fff; }
.maintenance-msg h1 { text-transform: uppercase; font-weight: bold; }

/*----------------------------
	Profile Page
-----------------------------*/
.path-user .profile > div { display: inline-block; }
.path-user .profile .label { display: block; color: #333; }

#prog_buttons {
	max-width: 1250px;
	margin: 0 auto;
    -moz-transition: -moz-transform 1s ease, opacity 1s ease;
    -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
    -ms-transition: -ms-transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease;
  list-style: none;
color:#fff;
 font-size:15px;
	text-shadow: 1px 0px #000;
font-weight:900;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	
}



#prog_buttons li{
	position: relative;
	color: #FFFFFF; 
	display: block;
	
}

#prog_buttons li a {
	display: block;
	position: relative;
	 color: #fff;
  text-decoration: none;
	 padding: 15px 10px;
   
}

#prog_buttons ul a {
	display: block;
	position: relative;
}

#prog_buttons li.closed a {
	color: #aaaaaa;
}

#prog_buttons li::before {
	content: '';
	text-align: center;
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: auto;
	color: #e99202;
	opacity: 0;
	font-size:12px;
	z-index: 1;
}

#prog_buttons li::after {
	content: '';
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: auto;
	color: #e99202;
	opacity: 0;
	font-size:12px;
	
}

#prog_buttons li:hover, #prog_buttons li:hover a {
  color: #000;
  background-color: #ffffff;
	text-shadow:none;
	box-shadow: 0px -2px 20px 0px rgba(0,0,0,.4) inset;
}
 
#prog_buttons li:hover::before {
	opacity: 1;
}

#prog_buttons li:hover::after {
	opacity: 1;
}
 
 #prog_buttons li.closed::before {
	content: '';
	text-align: center;
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;/*148bc4*/
	opacity: 0;
}

#prog_buttons li.closed::after {
	content: '';
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;/*148bc4*/
	opacity: 0;
	font-size: 12px;
} 
 

#prog_buttons li.closed:hover, #prog_buttons li.closed:hover a {
  color: #fff;
  background-color: #1C3562;
	text-shadow:none;
}
 
#prog_buttons li.closed:hover::before {
	opacity: 1;
}

#prog_buttons li.closed:hover::after {
	opacity: 1;
}

.dropdown {
  position: relative;
  display: inline-block;
	padding: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #000;
  min-width: 220px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block; color: #000;}

/*.dropdown:hover {background-color: #3e8e41;}*/

/* 9 box css */
.smallboxes {
    color: #000;
	height:0;
    /*margin: 0 0 20px;*/
	margin: 15px 15px 15px 15px;
	padding: 0;
    width: 100%;
    /*box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.2);*/
   padding-top: calc(9/16*100%);
	position: relative;
	
	/*overflow: hidden;*/
	
	
}
.smallboxes img {
	width: 100%;
}
.smallboxes h3  {
	font-size: 1.1em!important;
	margin: 20% auto 0% auto;
	/*margin: auto;*/
	color: #fff;
	padding: 5px 10px;
	z-index: 9;
	font-weight: bold;
}

.smallboxes a {
	color: #fff;
}

.smallboxes p {
	margin: 0;
}

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 {
	width: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	
}

.box1, .box3, .box5, .box7{
	padding: 10px;
}

.box1:hover h3, .box3:hover h3, .box7:hover h3, .box9:hover h3 {
	border: 3px solid #e99202;
	background-color: rgba(35,65,119,.8);
	height: 2em;
}

.box9::after {
	background-image: url(/themes/base_zymphonies_theme/images/faketwitter.jpg);
	content: "";
	background-position: 65% 50%;
	background-size:cover;
	background-repeat: no-repeat;
	/*background-blend-mode: overlay;*/
	opacity: 0;
	 top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	transition: opacity .2s ease-in-out;
}

.box9:hover::after {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}

.box1 {
	background-color: #234177;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box1::after {
	content: "";
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box1.jpg);
	background-position: 65% 50%;
	background-size:cover;
	background-repeat: no-repeat;
	/*background-blend-mode: overlay;*/
	opacity: 0;
	 top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	transition: opacity .2s ease-in-out;
}

.box1:hover::after {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}

.box2 {
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box2.jpg);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.box3 {
	background-color: #2565ac;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box3::after {
	content: "";
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box3_bg.jpg);
	background-position: 65% 50%;
	background-size:cover;
	background-repeat: no-repeat;
	/*background-blend-mode: overlay;*/
	opacity: 0;
	 top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	transition: opacity .2s ease-in-out;
}

.box3:hover::after {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}

.box4 {
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box4_image.jpg);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.box4 .home_pc {
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: rgba(0,0,0,.3);
	height: 100%;
	width: 100%;
	padding: 0 20px;
	font-weight: bold;
	font-size: 1.2em;
	opacity: 0;
	transition: opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.box4:hover .home_pc {
	opacity: 1;
	transition: opacity .2s ease-in-out;
	-webkit-transition:opacity .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out;
	-o-transition:opacity .2s ease-in-out;
}





.box5 {
	background-color: #d8a430;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box5::after {
	content: "";
	background-image: url(/themes/base_zymphonies_theme/images/homepage/critac_home.jpg);
	background-position: 50% 50%;
	background-size:cover;
	background-repeat: no-repeat;
	/*background-blend-mode: overlay;*/
	opacity: 0;
	 top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	transition: opacity .2s ease-in-out;
}


.box5:hover::after {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}













.box6 {
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box6_image.jpg);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.box8 {
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box8_image.jpg);
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
}



.box7 {
	background-color: #148bc4;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box7::after {
	content: "";
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box7_bg.jpg);
	background-position: 50% 50%;
	background-size:cover;
	background-repeat: no-repeat;
	/*background-blend-mode: overlay;*/
	opacity: 0;
	 top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	transition: opacity .2s ease-in-out;
}


.box7:hover::after {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}




.box9 {
	background-color: #555;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box9::after {
	content: "";
	background-image: url(/themes/base_zymphonies_theme/images/homepage/box9_bg.jpg);
	background-position: 50% 50%;
	background-size:cover;
	background-repeat: no-repeat;
	/*background-blend-mode: overlay;*/
	opacity: 0;
	 top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	transition: opacity .2s ease-in-out;
}


.box9:hover::after {
	opacity: 1;
	transition: opacity .2s ease-in-out;
}







#mobile {width: 30%; margin-left: 25%;}







@media screen and (max-width: 1280px) {
	.flexslider {max-height: 315px;}
	#mobile {width: 30%; margin-left: 25%; }
}


@media screen and (max-width: 768px) {
	#resources2{
	background-image: url("/themes/base_zymphonies_theme/images/homepage/phone_desktop.jpg"); }
	#mobile {width: 30%; margin-left: 25%;}
	
		#prog_buttons {flex-wrap: wrap;z-index: 10;}
	
	#prog_buttons li a {
		padding: 10px;
	}
	
	#prog_buttons li::before, li.closed::before {
	content: '';
		display: none!important;
	}

	#prog_buttons li::after, li.closed::before	{
		content: '';
		display: none!important;
	}
	
	#request {
		background-image: url(/themes/base_zymphonies_theme/images/critac/request_bg_lg.jpg);
		background-position: center;
	}
	
	#request .btn {
		width: 90%;
		font-size: 1.5em;
	}
}



@media screen and (max-width: 450px) {
	
	.flexslider {max-height: 130px;}
	#resources2{
	background-image: url("/themes/base_zymphonies_theme/images/homepage/phone_desktop.jpg"); }
	#mobile {width: 50%; margin-left: 15%;	}
}

@media (max-width:767px){.hidden-xs{display:none!important}}


.mobile2 {
	background-image: url("/themes/base_zymphonies_theme/images/homepage/phone_mobile.jpg"); 
    background-repeat: no-repeat; 
    background-position: center;
       
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:485px;
    width:100%;  
}   

.resources1_text {
		color:  #fff;
		padding: 0px 20px; 
		text-transform: uppercase; 
        font-family: 'Source Serif Pro', sans-serif;
   		font-size: 40px;
		/*letter-spacing: -2px;*/
		line-height: 0.9;
		font-weight: 600;
		text-align:center;
		margin: 0 0 30px;
		text-shadow: 2px 2px 8px #000000;
	}
	
	

.resources_text {
	margin: 0 0 30px;
}



.publications {padding: 40px 30px;
    background-image: url(/themes/base_zymphonies_theme/images/frontpage/backgroundcops1_trans.jpg);
    background-size: 100%;
    background-position: 50% 5%;
    transition: .6s;
    height: 300px;
}



.subscription {
    background: #2e2e2a;/*2565AC*/
    background-repeat: repeat;
    color: #fff;
    padding: 10px 0;
}	
	
.col-sm-4 #button-wrap-inner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.yellow_bar_top {height:1px;
                background-color:#ffbe2e;
				margin:1px;
                 }



#button-wrap-inner img {
    margin: 0 15px; 
     max-height: 44px; 
}
img {
     height: auto; 
     max-width: 100%; 
}
img {
    max-width: 100%;
    height: auto; 
}

.resources_text {
    color: white;
    text-shadow: 2px 2px 8px #000000;
    margin-top: 5px 
}

.resource_button {
    background-color: #555;
    border: none;
    color: white;
    /* padding: 15px 32px; */
    padding: 5px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}

a.resource_button, a.resource_button:hover {
    color: #fff;
    text-decoration: none;
}

a.btn_subscribe, a.btn_subscribe:hover {
    color: #fff;
    text-decoration: none;
}

.btn_subscribe {
    background-color: #555;
    color: #ffffff;
    /* font-size: 18px; */
    padding: 11px 32px;
    /* border: solid #1f628d 2px; */
    text-decoration: none;
}


.sub_header_picture {
background-image:url('https://cops.usdoj.gov/themes/base_zymphonies_theme/images/about_building.jpg');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 
	

/*NEWS PAGE*/
#news h2 {
	padding: 10px; color: rgb(255, 255, 255); font-size: 1.28em; margin-top: 5px; margin-bottom: 5px; background-color: rgb(8, 152, 215);
}


#news img.leader {
	max-width: 100%;
	max-height: auto;
	/*margin: .5em 0;*/
	margin-top: 65px;
}
 

#news .box-container {
	margin-bottom: 30px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19); background-color: rgb(255, 255, 255);
	
}

#news .container-fluid {
	padding: 0 15px;
}

#news .newsfeed h2 {
	padding: 10px; color: rgb(38, 59, 112); margin-bottom: 1px; background-color: rgb(255, 255, 255); text-transform: uppercase;
}

#news .newsfeed hr.contact_us_hr {
	margin: 0 0 10px;
}

#news .newsfeed p {
	border-width: 1px; border-color: rgb(221, 221, 221); padding: 10px 5px 0; margin-bottom: 10px; border-top-style: solid;
}

#news .newsfeed p:first-of-type {
	border: none;
}

#news .newsfeed img {
	width: 41px; height: 40px; float: left; margin: 0 1em 0 0!important;
}

#news .newsfeed strong {
	color: rgb(68, 68, 68);
}

#news .row {
	display: flex;
}

#news .row:first-of-type {
	margin-bottom: 10px;
}

#news .newsfeed, .podcast, .pressrelease, .wnib, .photog {
	padding: 10px;
	
}

#news .podcast h3 {
	color: rgb(14, 152, 214);
	font-size: 1em;
	margin: 0!important;
}

#news h4 {
	width: 100%;
	padding: 4px 10px;
	background-color: #d9e8f6;
	font-style: italic;
	margin-bottom: 15px;
}

#news .col-sm-6 {
	flex: 1;
}

#news .pressrelease p {
	border-width: 1px; border-color: rgb(221, 221, 221); padding: 5px; margin-bottom: 15px; border-bottom-style: solid;
}

#newscardsbottom{
	background-color: #d9e8f6;
	color: black;
	
}

.newscards {border: 2px solid #ccc;
	border-left: 8px solid #ffc139;
	/*padding: 20px;*/
	margin: 15px;
	
}

 .newscards h4 {
	width: 100%;
	padding: 4px 10px;
	background-color: #d9e8f6;
	font-style: italic;
	margin: 5px;
	 vertical-align:bottom;
	 font-weight: bolder;
}

 .newscards h3 {
	
	padding: 5px;
	 font-weight: bolder;
	
}

 .newsinnercard {
	
	padding: 4px 10px;
	
}



#newscardsbottom30{
	background-color: #d9e8f6;
	color: black;
	
}

.newscards30 {border: 1px solid #ccc;
	border-left: 5px solid #ffc139;
	/*padding: 20px;*/
	margin: 5px;
	height: auto;
	
}

 .newscards30 h4 {
	width: 100%;
	padding: 4px 10px;
	background-color: #d9e8f6;
	font-style: italic;
	margin: 5px;
	 vertical-align:bottom;
	 font-weight: bolder;
}

 .newscards30 h3 {
	
	padding: 5px;
	 font-weight: bolder;
	
}

 .newsinnercard30 {
	
	padding: 4px 10px;
	
}
/*---------------------------END OF NEWS PAGE ---------------------*/


/*headers for landing pages*/

.sub_header_picture {
background-image:url('/themes/base_zymphonies_theme/images/landing_pages_headers/about_building.jpg');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 


.news_header_picture {
background-image:url('/themes/base_zymphonies_theme/images/news/news1.jpg');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 


.resources_header_picture {
background-image:url('/themes/base_zymphonies_theme/images/resources/ResourcesBanner_blue.png');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 


img.resources_top {
	float: left;
	padding: 0;
	margin: 7px 20px 0px 0!important;
	width: 20%;
}

.rtecenter {
	border: 0px solid rgb(6, 116, 177); border-image: none; color: rgb(255, 255, 255); margin-bottom: 30px; background-color: rgb(8, 152, 215);
}

#resources_page .box-container {
	margin-bottom: 30px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19); background-color: rgb(255, 255, 255);
	
}

#resources_page .box-container h2 {
	padding: 10px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; background-color: rgb(66, 139, 202);
}
#resources_page .row {
	display: flex;
	margin-bottom: 15px;
}

#resources_page .col-sm-6, .col-med-12 {
	flex: 1;
}

#resources_page .cpt {
	padding: 0px 40px; background-color: rgb(255, 255, 255);
}

@media screen and (max-width: 767px) {
#resources_page .row {
	display: block;
}
}

	
.about_sub_title {font-weight: 600;
    color: #444;
    line-height: 1.4em;
    font-family: 'Helvetica Neue', Helvetica, Arial;
}	

/*Spotlight CSS */
.spotlight_bg {
    background-image: url(/themes/base_zymphonies_theme/images/front_spotlight/gradient_white5.jpg);
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center center;
    position: relative;
}
	
.spotlight {position:relative; 
border-bottom: none;
	border-left: none;
	border-right:none;
	/*border-top-color:#e99202;*/
   padding-top:40px;
   padding-bottom:60px;
   }

.spotlight_text {padding:5px;margin:-18px}

.spotlight h1 {
	text-align: center; color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 40px; text-shadow: 2px 2px 8px #000000; font-weight: 600;}

.spotlight h3 {
	color: #555;
}

.spotlight .col-sm-4 {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	height:auto;
}


.spotlight_button {
	box-shadow: 15px 15px 6px rgba(0,0,0,0.5);
	margin: 17px 0;
	position: relative;
	background:none;
}


#lt_toolkit a {
    color: #e99202;
}

.spotlight_button.bluealert {
	margin: 17px 0;
	/*box-shadow: -15px 15px 6px rgba(0,0,0,0.5);*/
}

.spotlight_button.training {
	padding: 0;
	
}


/*.spotlight_button:hover {
	border:5px solid rgba(233,146,2,1);
	box-shadow: 20px 20px 11px rgba(0,0,0,0.5);
}*/

.spotlight video {
	box-shadow: 15px 15px 6px rgba(0,0,0,0.5);
}
/*End Spotlight */

.fellowship button {
    background-image: none;
    background-color: #234177;
    /* width: 160px; */
    border: 0;
    border-radius: 0.3rem;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    outline: none;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    margin: 5px auto;
}

.general_title {color: #4569AA;
                font-size: 1.286em;
				font-weight:600}
				
				
.contact_us_hr {
    margin-top: 2px;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-style: solid;
    border-color: #000;
    /* border-width: 1px; */
}


.grid_background {
	 /*background-image: url("/themes/base_zymphonies_theme/images/frontpage/gradient_white5.jpg");*/
    background-attachment: fixed;
    background-repeat: repeat;
    background-position: center center;
}

.about_header_sub {
	font-size: 1.280em;
    margin: 0 0 5px;
    color: #4569aa;
	font-weight:600;
}

.contact_us_hr {
    margin-top: 2px;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-style: solid;
    border-color: #000;
    /* border-width: 1px; */
}

#about {
	background-color:#fff;
	/*padding:10px;*/
}

.aboutus1 {background-color:#fff;/*padding:40px;*/font-size:14px;margin-bottom: 10px;}
/* .aboutus1 p{margin: 0 0 5px;} */

.aboutus1 a:active, .aboutus1 a:hover, .aboutus1 a:visited, .aboutus1 a:focus {
	color: #004875;
}
.box-container {
	margin-bottom: 30px; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19); background-color: rgb(255, 255, 255);}
	
	

	
	.cops_anniversary_header {
background-image:url('/themes/base_zymphonies_theme/images/cops_anniversary/30th_banner.jpg');
	height:450px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	/*added by anthony*/
	margin-bottom:  -20px;
	} 
	



	.grants_new_block_header {
background-image:url('/themes/base_zymphonies_theme/images/grants/grants_banner.jpg');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	/*added by anthony*/
	margin-bottom:  -20px;
	} 
	
	.uvalde_header_picture {
background-image:url('/themes/base_zymphonies_theme/images/uvalde/uvalde_image_header.jpg');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 
	
	
	
	.the_beat_block_header {
background-image:url('/themes/base_zymphonies_theme/images/thebeat/the_beat_header.jpg');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 

.recruitment_header_picture {
background-image:url('/themes/base_zymphonies_theme/images/resources/the_recruitment_header.jpg');
	height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 




	
	
.the_block_block_header	{
background-image:url('/themes/base_zymphonies_theme/images/thebeat/thebeat_header.jpg');
height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 
	
	
.training_header_picture	{
background-image:url('/themes/base_zymphonies_theme/images/training/policecarlights_new.jpg');
height:300px;
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	/*opacity: 0.8;*/
    /*filter: alpha(opacity=20); /* For IE8 and earlier */
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	h2.tier_three {
    margin: 0;
    padding: 10px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    background-color: rgb(85, 85, 85);
}

.box-container {
    margin-bottom: 30px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19);
    background-color: rgb(255, 255, 255);
}

#grants .dark_div {
    padding: 20px;
    border: 2px solid rgb(0, 0, 0);
    border-image: none;
    background-color: rgb(38, 59, 112);
}

#grants .interior {
    padding: 20px;
    border: 2px solid rgb(0, 0, 0);
    border-image: none;
    background-color: rgb(255, 255, 255);
}
	
	
.portal {
        /* display: inline-block;
       padding: 15px 25px;
        font-size: 24px;background-color: #4CAF50;*/
       	background-color: #234177;
    width: 280px;
    border: 0;
    border-radius: 0.3rem;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.1rem;
	line-height: 1;
    outline: none;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
	margin-left: 35%;
        /* box-shadow: 0 9px #999;*/
    }

        .portal:hover {
            /* background-color: #e7e7e7;*/
    }

        .portal:active {
            /*background-color: #e7e7e7;
            box-shadow: 0 5px #666;*/
			color: white;
            transform: translateY(4px);
        }
	
	.portal a{
	color: #fff!important;
	text-decoration: none;
		font-weight: bold;
}
.table_header {
	background-color:#1b3668;
	color:#fff;
	box-shadow: 0 5px #666;
	text-shadow: 2 4px #ccc;
}



/*uvalde Page */

#uvalde {
	background-color: #fff;
	/*background-image: linear-gradient(-90deg, #fff 0%, #555 20%, #555 80%, #fff 100%);*/
}

#uvalde #header {
	width: 1000px;
}

#uvalde #content-wrap {
	margin: 0px auto;
	max-width: 100%;

}

#uvalde .site-main  {
	width: 100%;
	max-width: 100%;
}

#uvalde.uvalde {
	background: url(/themes/base_zymphonies_theme/images/uvalde/uvalde_bg_white.jpg);
    background-attachment: fixed;
    background-repeat:repeat;
	background-position: center center;
	max-width: 1920px;
	height: 100%;
	

	
   }

#uvalde .page-title_about_sub  {
	text-align: center;
	font-size: 5em;
	background-color: #fff!important;
	color: #000;
	text-transform: capitalize;
	margin-bottom: 50px;
}

#uvalde h1.uvalde_title  {
	font-size: 3em;
	text-shadow: 2px 2px #fff; 
	color: #263b70; 
	margin: 0px 10px;
	text-align:center; 
}


	
	 @media screen and (max-width: 1408px) {
	#uvalde.uvalde {
	background: url(/themes/base_zymphonies_theme/images/uvalde/uvalde_bg.jpg);
    background-attachment: fixed;
    background-repeat:repeat;
	background-position: center center;
	max-width: 1920px;
		height: 100%;}
}





/*==========================================================================  
     					* UVALDE Images Listed Below *
*==========================================================================*/


.block-1 {
	background-image:url('/themes/base_zymphonies_theme/images/uvalde/uvalde-report2.png');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position:center;
	max-width: 100%;
	
}





.block-2 {
	background-image:url('/themes/base_zymphonies_theme/images/uvalde/uvalde-report-sp2.png');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	position: relative;
	background-position:center;
}

.block-3 {
	background-image:url('/themes/base_zymphonies_theme/images/uvalde/school.png');
	/*background-size: cover; */
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	background-position:center;
	position: relative;
	/*border:1px solid #000;*/
	
}
.block-4 {
	background-image:url('/themes/base_zymphonies_theme/images/uvalde/uvalde-report-sp_es2.png');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	background-position:center;
	position: relative;
	/*border:1px solid #000;*/
}

.block-5 {
	background-image:url('/themes/base_zymphonies_theme/images/uvalde/uvalde-report_es2.png');
	background-size: cover; 
	background-repeat: no-repeat;
	height:300px;
	margin-top: 30px;
	background-position:center;
	position: relative;
	/*border:1px solid #000;*/
}
.box-container_uvalde {
    margin-bottom: 30px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19);
    background-color: rgb(255, 255, 255);
}



/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/* DEMO GENERAL ============================== */
.hover {
  overflow: hidden;
  position: relative;
  padding-bottom: 0%;
}

.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
}

.hover img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.hover-content {
  position: relative;
  z-index: 99;
}


/* DEMO 5 ============================== */
.hover-5::after {
  content: '';
  width: 100%;
  height: 10px;
  background: #e38e02;
  position: relative;
  bottom: -10px;
  left: 0;
  display: block;
  transition: all 0.3s;
  z-index: 999;
}

.hover-5 .hover-overlay {
  background: rgba(0, 0, 0, 0.1);
}

.hover-5-title {
  position: absolute;
	
  bottom: 1rem;
  left: 0;
  transition: all 0.3s;
  padding: 0rem 3rem;
  z-index: 99;
	text-shadow: 0px .4px #fff;
	font-weight: 600;
}

.hover-5-title span {
  transition: all 0.4s;
  opacity: 0;
  color: #47c650;
}

.hover-6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
  text-align:center;
}

.article-text {
	padding: 15px 25px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7); /* Background Opacity */
	width: 100%;
	height: 85px;
	position:absolute;
	bottom: 0; 		
	/*margin-left: 0px;
	overflow: hidden;*/
}
 
.article-text h2 {
	font-weight: 100;
}
.article-text p {
	font-weight: 600;
}
 
 .article-text h2 span{
	font-weight:900;
}
.article-text1 {
	padding: 15px 25px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.7); /* Background Opacity */
	width: 100%;
	height: 85px;
	position:relative;
	bottom: 0; 		
	margin-left: 0px;
	overflow: hidden;
	text-align:center;
}





.hover-6-title {
  position: absolute;
	color:#000;
  bottom: 1rem;
  left: 0;
  transition: all 0.3s;
  padding: 0rem 3rem;
  z-index: 99;
}

.hover-6-title span {
  transition: all 0.4s;
  opacity: 0;
  color: #47c650;
}















.hover-5:hover .hover-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.hover-5:hover .hover-5-title {
  bottom: 0;
}

.hover-5:hover .hover-5-title span {
  opacity: 1;
}

.hover-5:hover::after {
  bottom: 0;
}


.zoom {      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: -webkit-zoom-in;      
cursor: -moz-zoom-in;      
cursor: zoom-in;  
}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.1);    
-moz-transform: scale(1.1);  
-webkit-transform: scale(1.1);  
-o-transform: scale(1.1);  
transform: scale(1.1);    
position:relative;      
z-index:100;  
}


#bTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #26447a;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#bTop:hover {
  background-color: #555;
}





p.bluealert {
    background-color: #234177;
    /* width: 160px; */
    border: 0;
    border-radius: 0.3rem;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    outline: none;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
}
.bluealert {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.bluealert a {
    color: #fff!important;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    /* height: auto; */
    /* max-width: 100%; */
}

#content-wrap img {
    border: 1px solid #CCCCCC; 
    padding: 6px; 
    height: auto; 
    max-width: 97.4%; 
    max-width: 100%; 
    margin: 0.5em 1em 0.5em 0; 
}

#one {
  /*background-color: gray;*/
  float:left; 
  margin-right:15px;
  width:160px;
  /*border-right:2px solid #000;*/
}

#two { 
  background-color: white;
  overflow:hidden;
  margin:10px;
  /*border:2px dashed #ccc;*/
  /*min-height:170px;*/
  /*width:300px;*/
}

.blue_alert #one {
	width: 150px;
	text-align: center;
	margin-left: 5px;
	padding: 0 10px 10px;
}

.blue_alert #two {
	padding: 0 10px 10px;
}

.blue_alert #one img {
	margin: 0 auto;
	padding: 0;
}

.partners #one {
	margin-right: 0;
	width: auto;
	height: auto;
}


@media screen and (max-width: 400px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:2px solid #000;    
  }
	
	
	
	.col-sm-4 #button-wrap-inner {
		margin: 10px auto;
	}
	
}

	

.responsive {
  max-width: 15%;
  height: auto;
}


	
/*----- Accordion -----*/
.accordion,
.accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	/*box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19);
	border-radius:3px;
	background:#f7f7f7;*/
}




/*----- Section Titles -----*/
 .accordion-section-title {
    width: 100%;
    padding: 15px 10px;
    display: inline-block;
    border: 2px solid #263b70;
	 border-left: 5px solid #ffbe2e;
	/* border-top: none;
	 border-left: none;
	 border-right: none;*/
    transition: all linear 0.15s;
    color: #fff;
	 font-weight: bold;
	 background-color: #fff;
 
	
}

.accordion-section:last-child .accordion-section-title {
	/*border-bottom:none;*/
}
/*a:focus, a:hover {color:rgb(8, 152, 215);}
*/


#subset {background-color:#263b70;}	
	
a.accordion-section-title, a.accordion-section-title:visited, a.accordion-section-title:hover, a.accordion-section-title:focus {color:#000!important}

*::after {
	box-sizing: inherit;
}

a.accordion-section-title {
	position: relative;
}
a.accordion-section-title::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	/*border-bottom-width: 0;*/
	/*border-top-style: solid;*/
	border-color: #FFf transparent transparent;
	position: absolute;
	/*top: 50%;*/
	margin-top: -14px;
	right: 1rem;
}






 /*----- Accordion -----*/
.accordion1,
.accordion1 * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion1 {
	overflow:hidden;
	/*box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19);
	border-radius:3px;
	background:#f7f7f7;*/
}




/*----- Section Titles -----*/
 .accordion-section-title1 {
    width: 100%;
    padding: 5px 10px;
    display: inline-block;
    border: 2px solid #fff;
	 border-top: none;
	 border-left: none;
	 border-right: none;
    transition: all linear 0.15s;
    color: #fff;
	 font-weight: bold;
	 background-color: #263b70;
 
	
}

.accordion-section1:last-child .accordion-section-title1 {
	border-bottom:none;
}
/*a:focus, a:hover {color:rgb(8, 152, 215);}
*/


#subset {background-color:#263b70;}	
	
a.accordion-section-title1, a.accordion-section-title1:visited, a.accordion-section-title1:hover, a.accordion-section-title1:focus {color:#fff!important}

*::after {
	box-sizing: inherit;
}

a.accordion-section-title1 {
	position: relative;
}
a.accordion-section-title1::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #FFf transparent transparent;
	position: absolute;
	/*top: 50%;*/
	margin-top: -14px;
	right: 1rem;
}

a.accordion-section-title1.active::after {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}




.accordion-section-title1.link,
.accordion-section-title1.active,
.accordion-section-title1:hover {
	/*background:#4c4c4c;*/
	/*background:#e3e3e3;*/
	/* Type */
	text-decoration:none;
	color:yellow;
}

.accordion-section:last-child .accordion-section-title1:last-child {
	/*border-bottom:none;*/
}




























a.accordion-section-title.active::after {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}





.accordion-section-title.link,
.accordion-section-title.active,
.accordion-section-title:hover {
	/*background:#4c4c4c;*/
	/*background:#e3e3e3;*/
	/* Type */
	text-decoration:none;
	color:yellow;
}

.accordion-section:last-child .accordion-section-title:last-child {
	/*border-bottom:none;*/
}

/*----- Section Content -----*/
.accordion-section-content {
	/*padding:70px;*/
	padding:35px;
	display:none;
	/*background-color:#f3ead2;*/
	background-color:#fff;
}

/* CRITAC Accordion Customization */

#areas .accordion {
	box-shadow: none;
	background-color: transparent;
	margin-top: 30px;
	padding: 0 0px;
}

#areas .row {
	margin-left: 0;
	margin-right:0;
}

#areas .accordion-section {
	border: 2px solid rgba(85,85,85,0.3);
	border-left: 2px solid #ffbe2e;
}

#areas .accordion-section-title {
	padding: 20px 10px;
	border:none;
	background-color:rgba(255,255,255,0);
	font-size: 1.3em;
	color:#555!important;
}

#areas .accordion-section-title::after {
	border-color: #e99202 transparent transparent;
}

#areas .accordion-section-content {
	background-color: rgba(255,255,255,0.1);
	padding: 0 0px 0px;
}

	#areas .accordion {
		padding: 0 10px;
	}
	
	#areas .accordion-section-content {
		padding: 10px;
	}

/*Tribal policing*/
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

#tribal_training .text1 {
	padding: 5px 10px;
	margin: 0 auto 30px;
}

#tribal_training .grants_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/grants_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#tribal_training .grants {
	padding: 10px 10px 25px;
	margin: 10px auto 30px;
	background-color: rgba(255,255,255, .86);
}

#tribal_training .grants h2 {
	color: #1b3668;
	font-size: 30px;
	font-weight: 700;
}

#tribal_training .trainings {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/training_bg2.jpg);
	background-repeat: none;
	background-position: center;
	padding: 10px 15px 25px;
	margin: 10px auto 30px;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

#tribal_training .trainings h2, #tribal_training .trainings p, #tribal_trainings .podcast  h2 {
	color: #fff;
	
}

#tribal_training .trainings h2{
	font-size: 30px;
	font-weight: 700;
}

#tribal_training .trainings strong {
	color: #fff;
	font-size: 1.2em;
}

#tribal_training .row {
	display: flex;
}
#tribal_training .trainings .col-sm-6, #tribal_training .dispatch .col-sm-5, #tribal_training .podcast .col-sm-4, #tribal_training .pubs .col-lg-3 {
	flex: 1;
	
}

#tribal_training .trainings .desc {
	padding: 15px 15px 0;
}

#tribal_training .trainings .desc .button {
	display: none;
}
#row3 .desc {
	border-top: 2px solid #fff;
}

#tribal_training .trainings .button {
	padding: 0 15px 25px;
}

#row4 .button {
	padding-bottom: 10px!important;
}

#tribal_training .dispatch_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/dispatch_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#tribal_training .dispatch {
	padding: 10px 10px 25px;
	margin: 10px auto 30px;
	background-color: rgba(255,255,255, .8);

}

#tribal_training .dispatch h2 {
	color: #1b3668;
	font-size: 30px;
	font-weight: 700;
}
#tribal_training .pubs {
	padding: 10px 0 25px;
	margin: 10px auto 30px;
	color: #fff;
	background-color: #1b3668;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

#tribal_training .pubs h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
}

#tribal_training .popup .content p {
	color: #000;
}
#pubs .row {
	margin-right: 0;
	margin-left: 0;
}

#pubs img {
	max-height: 250px;
	margin: 20px auto!important;
}

.default-link{
  /* all rules required to make the whole div clickable */ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  cursor: default;
  z-index: 1;
  /* this is a fix for IE7-9 */
  background-color:#ffffff;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
  filter: alpha(opacity=0);  
  opacity:0;  
}

#tribal_training .wnib_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/wnib_bg.png);
	background-position: center;
	background-repeat: repeat;
	background-attachment: fixed;
}

#tribal_training .wnib {
	padding:10px 10px 15px;
	margin: 10px auto 30px;
	background-color: rgba(255,255,255, .8);
}

#tribal_training .wnib h2 {
		color: #1b3668;
font-size: 30px;
	font-weight: 700;
}

#tribal_training .wnib button {
	width: 40%;
}


#tribal_training .webinar {
	background-color: #234177;
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/webinar_bg.jpg);
	background-repeat: none;
	background-position: 20%;
	padding: 10px 15px 25px;
	margin: 10px auto 30px;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

#tribal_training .webinar h2, #tribal_training .webinar p {
	color: #fff;
	
}

#tribal_training .webinar h2{
	font-size: 30px;
	font-weight: 700;
}

#tribal_training .webinar li {
	color: #fff!important;
}

#tribal_training .webinar strong {
	color: #fff;
	font-size: 1.2em;
}

#tribal_training .webinar .video-container {
position: relative;
padding-bottom: 50%;
padding-top: 30px; height: 0; overflow: hidden;
}

#tribal_training .webinar .video-container iframe,
#tribal_training .webinar .video-container object,
#tribal_training .webinar .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.podcast_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/the_beat.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	/*text-align: center;*/
	color: #000;
}

#tribal_training .podcast {
	padding: 10px 10px 25px;
	margin: 10px auto 30px;
	color: #fff;
	background-color: rgba(255,255,255,0.8);
	/*box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);*/
}




#tribal_training .podcast h2 {
	color: #234177;
	font-size: 30px;
	font-weight: 700;
}

#tribal_training .podcast .row {
	margin-right: 0;
	margin-left: 0;
}

.pod_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/the_beat.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-color: #fff;
}


.pods {
	background-color: rgba(255,255,255,0.8);
	padding: 15px;
	text-align: center;
	border:5px solid #e64a19;
}

#tribal_training .podcast .pods p {
	color: #1b3668;
}

#tribal_training .podcast .pods strong {
	font-size: 1.2em;
}

#tribal_training .podcast .pods:hover {
	border:8px solid #e64a19;
	padding: 10px;
}


#tribal_training .video_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/video_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#tribal_training .video {
	padding: 10px 10px 25px;
	margin: 10px auto 30px;
	background-color: rgba(255,255,255, .8);

}

#tribal_training .video h2 {
		color: #1b3668;
	font-size: 30px;
	font-weight: 700;
}

#tribal_training .tap_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/TAP_BG.jpg);
	background-repeat: none;
	background-position: center;
}

#tribal_training .tap {
	padding: 10px 10px 25px;
	margin: 10px auto 30px;
	color: #fff;
	background-color: rgba(27,54,104, .7);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}
#tribal_training .tap h2 {
	color: #fff;
		font-size: 30px;
	font-weight: 700;
}

 #tribal_training .tap p {
	 color: #fff;
}

#tribal_training .tap button {
	width: 70%;
}

#tribal_training .contact_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/contact_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#tribal_training .contact {
	padding: 10px 10px 25px;
	margin: 10px auto 30px;
	background-color: rgba(255,255,255, .8);

}

#tribal_training .contact h2 {
		color: #1b3668;
	font-size: 30px;
	font-weight: 700;
}


@media screen and (max-width:1024px){
	#tribal_training .tap_bg {
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/tap_bg_tall.jpg);
		background-position: right;
	}
}

@media screen and (max-width: 768px) {
	
	#tribal_training .row {
	display: block;
}

	#tribal_training button, #tribal_training .wnib button {
		width: 80%;
	}	
	
	
}

@media screen and (max-width: 425px){
#tribal_training .row {
	display: block;
}
	
	#tribal_training .trainings #row2, #tribal_training .trainings #row4 {
		display: none;
	}
	
	#tribal_training .trainings .desc .button {
	display:block;
}
	
	#row1 .desc {
		border-top: 2px solid #fff;
	}
	
	#tribal_training .dispatch .col-sm-2 {
		display: none;
	}
}

#tribal_training a {
		color: #e64a19;
}

#tribal_training h2 {
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}

#tribal_training button{
	background-image: none;
	background-color: #e64a19;
	color: #fff;
	border: 1px solid #fff;
	width: 25%;
	font-size: 1em;
	font-weight: normal;
	text-shadow: none;
	box-shadow: none;
	margin: 10px auto;
}

#tribal_training button:hover {
	background-color: #fff;
	color:#e64a19;
	border: 1px solid #e64a19;
}

.ht_webinar {
	/*background-image: linear-gradient(90deg, #fff 0%, #234177 4%, #234177 96%, #fff 100%);*/
	background-image: url(/themes/base_zymphonies_theme/images/tribal_training/webinar_bg.jpg);
	background-repeat: none;
	background-position: 20%;
	margin: 0px 0;
	padding: 40px 80px;
	border-bottom: 5px solid #000;
}
/*End Tribal training Page */

/*<!--CRITAC-->*/
#critachdr {
	height: 8px;
	background-image: url(/themes/base_zymphonies_theme/images/header_frontpage_lightblue_bk.png);
	margin-bottom: 0;
}
.sub_header_technical_picture, .sub_header_technical_critac_picture {	
background-image:url('/themes/base_zymphonies_theme/images/policecarlights_new.jpg');/*policecarlights*/
	height:300px;
	
	-webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
	border-top-style:solid;
	border-top-color:#e99202;
	border-width:2px;
	border-bottom: 2px solid #e99202;
	} 	



body.node-type-technical-assistance-critac .container {
	width: 1200px;
	max-width: 1200px;
}

.critac_container {
	background-color: rgba(255,255,255,0.9);
	padding: 10px 0 20px;
}

#critac.critac {
	background: url(/themes/base_zymphonies_theme/images/critac/shield_bg.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
	background-position: center center;
	
   }

.critac_offset {
  display: none;
}
#critac  {
	font-size: 1.2em;
}

#critac p {
}
#critac h1 {
	color: #e99202;
	font-size: 2em;
	text-align: center;
	margin: 0 auto;
	font-weight: 700;
}

#partners h1 {
	margin-bottom: 15px;
}

#critac-nav {
	
}

#critac-nav #navbar > ul li { display: block; float: left; height: 40px; line-height: 40px;}

#critac #navbar > ul,
#critac #navbar > ul * { list-style: none; }

#critac #navbar > ul li { position: relative }

#critac #navbar > ul ul { position: absolute; display: none; top: 100%; left: 0; z-index: 10001; }

#critac #navbar > ul > li { float: left }

#critac #navbar > ul li:hover > ul,
#critac #navbar > ul li.sfHover > ul { display: block }

#critac #navbar > ul a { display: block; position: relative; color: #fff; }

#critac #navbar > ul ul ul { top: 0; left: 100%; }

#critac #navbar > ul { float: left }

#critac #navbar > ul ul { min-width: 160px; *width: 160px; }

#critac #navbar > ul a { zoom: 1 }

#critac #navbar > ul li { position: relative; white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }

#critac #navbar > ul li:hover,
#critac #navbar > ul li.sfHover { -webkit-transition: none; transition: none; }

#critac #navbar > ul .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
#critac #navbar > ul li:hover > .sf-mega,
#critac #navbar > ul li.sfHover > .sf-mega { display: block }


#critac #navbar {
	overflow: hidden;
	
	margin: 0 auto;
	z-index: 999;
}



#critac .sticky {
	width: 1200px;
}

#critac .stickyB {
	width: 1500px;
}

#critac .nav_menu {
	text-align: center;
	margin: 0px auto 50px;
	background-color: #e99202;
	width: 100%;
	padding: 0;
	display: flex;
justify-content:space-around;
	
}


#critac .nav_menu_rp {
	text-align: center;
	margin: 0px 0px 2% 10%;
	background-color: #243d69;
	width: 80%;
	color: white;
	padding: 10px;
	/*display: flex;*/
/*justify-content:space-around;*/
	
}

#critac .nav_menu_rp li {
display: inline;
	padding: 10px;
}

#critac .nav_menu_rp a {
color: white;
}

#critac #critac-nav #navbar ul li {
	/*margin: 0 16px;*/
}

	
.unhide {
  display: block;
}

#top_text, #middle_text, #bottom_text {
	margin: 0 auto 50px;
}

#banner, #annual_reports, #partners, #areas, #faq, #cresources {
	margin-bottom: 50px;
}

#critac .col-lg-6 img {
	box-shadow: 0px 4px 8px 0px rgba(42,100,150,.3), 0px 6px 20px 0px rgba(0,0,0,0.19);
	margin: 0 auto;
}

#top_text img:hover {
	box-shadow: 0px 0px 10px 4px rgba(179,29,56,.5);
}

#critac .video {
	position: relative;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	margin: 0 auto 60px;
	height: auto;
}

#critac video {
	align-self: center;
	width: 100%;
	background-color: #e99202;
	/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,.7) inset;*/
	padding: 5px;
}

/*#critac .video h3 {
	background-color: #ab1d38;
	color: #ffffff;
	padding: 5px 0;
	font-size:2em;
	font-weight: 600;
	
}

#critac .video h3:hover {
	background-color: #ffffff;
	color: #ab1d38;
}*/


#critac .video .btn {
	text-align: center;
	width: 100%;
	cursor: pointer;
	margin: 10px auto 0;
	font-size: 2em;
	font-variant-caps: small-caps;
	color: #fff;
}

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

#critac .video a {
	color:inherit /*rgb(233,146,2)*/;
	text-decoration: none;
}

#critac .video a:hover {
	color:#ab1d38;
}



#request {
  background-image: url(/themes/base_zymphonies_theme/images/critac/request_bg.jpg);
  width: 100%;
  height: 100%;
	padding: 10px 25px 0;
  overflow: hidden;
  margin: 10px auto 50px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
	font-size: 1em;
  /*font-family: 'Open Sans Condensed', sans-serif;*/
}

#annual_reports #title {
	 background-image: url(images/critac/ar_bg.jpg);
	
	width: 100%;
}

#faq.accordion {
	box-shadow: none;
	background-color: transparent;
	margin-top: 30px;
	padding: 0 40px;
}

#faq .row {
	margin-left: 0;
	margin-right:0;
}

#faq .accordion-section {
	border-bottom: 1px solid rgba(85,85,85,0.3);
}

#faq .accordion-section-title {
	padding: 20px 10px;
	border:none;
	background-color:rgba(255,255,255,0);
	font-size: 1.3em;
	color:#555!important;
}

#faq .accordion-section-title::after {
	border-color: #e99202 transparent transparent;
}

#faq .accordion-section-content {
	background-color: rgba(255,255,255,0.1);
}


#cresources.accordion {
	box-shadow: none;
	background-color: transparent;
	margin-top: 30px;
	padding: 0 40px;
}

#cresources .row {
	margin-left: 0;
	margin-right:0;
}

#cresources .accordion-section {
	border-bottom: 1px solid rgba(85,85,85,0.3);
}

#cresources .accordion-section-title {
	padding: 20px 10px;
	border:none;
	background-color:rgba(255,255,255,0);
	font-size: 1.3em;
	color:#555!important;
}

#cresources .accordion-section-title::after {
	border-color: #e99202 transparent transparent;
}

#cresources .accordion-section-content {
	background-color: rgba(255,255,255,0.1);
}

/* End CRITAC Accordion--*/

/* CRI-TAC responsive CSS */

@media screen and (max-width: 1024px) {
	#critac .nav_menu {
		width: 100%;
		padding: 0;
	}
	
	.sticky {
		width: 940px;
	}
	.stickyB {
		width: 940px;
	}
	
	#critac #critac-nav #navbar ul li {
		
	}
	
	#alaska_page .resource p::after {
		background-size: contain;
		
	}
}

@media screen and (max-width: 768px) {
	
	#critac p {
		padding: 0 20px;
	}
	/*#critac .sticky {
		width: 480px;
	}*/
	#critac .nav_menu {
		/*width: 100%;*/
		display: block;
	}
	
	#critac #critac-nav #navbar ul li {
		margin: 0 8px;
	}
	
	#request {
		background-image: url(/themes/base_zymphonies_theme/images/critac/request_bg_lg.jpg);
		background-position: center;
	}
	
	#request .btn {
		width: 90%;
		font-size: 1.5em;
	}
	
	#alaska_page .resource {
background: rgba(0,0,0,.00);
	padding-left: 0;}
	
	#alaska_page .resource p::after {
		width: 100%;
		background-position: center;
		margin-top: 0;
	}
}

@media screen and (max-width: 420px) {
	#critac .sticky {
		width: 372.59px;
	}
	
	#critac .stickyB {
		width: 372.59px;
	}
	
	#request {
		background-image: url(/themes/base_zymphonies_theme/images/critac/request_bg_lg.jpg);
		background-position: center;
	}
	
	
	#request .btn {
		width: 100%;
		font-size: 1.3em;
	}
	
	#request p.disclaimer {
		padding: 0;
	}
	
}

@media screen and (max-width: 400px) {
	
	#critac p {
		padding: 0 10px;
	}
	
	#critac .sticky {
		width: 337.5px;
	}
	
	#critac .stickyB {
		width: 337.5px;
	}
	
	#top_text, #middle_text, #bottom_text {
	margin: 0 auto 20px;
	}

	#banner, #buttons, #partners, #areas {
	margin-bottom: 20px;
	}
	
	#buttons .col-lg-6 {
		margin: 20px auto;
	}
	
	
}

@media screen and (max-width: 360px) {
	#critac .sticky {
		width: 324px;
	}
	
	#critac .stickyB {
		width: 324px;
	}
	
	
}

.critac_bg1 {
	/*background-image: linear-gradient(90deg, #fff 0%, #234177 4%, #234177 96%, #fff 100%);*/
		background-image: url(/themes/base_zymphonies_theme/images/critac/blue_bg.jpg);
	background-repeat: none;
	background-position: 20%;
	margin: 0px 0;
	/*padding: 40px 80px;*/
	border-bottom: 5px solid #ab1d38;
}
/* End CRITAC Page */

/*TRAFFICK*/


.traffick button{
	background-image: none;
	background-color: #e64a19;
	color: #fff;
	border: 1px solid #fff;
	width: 100%;
	font-size: 1em;
	font-weight: normal;
	text-shadow: none;
	box-shadow: none;
	margin: 10px auto;
}

.traffick button:hover {
	background-color: #fff;
	color:#e64a19;
	border: 1px solid #e64a19;
}


/*Human Trafficking Page */

#trafficking {
	background-color: #555555;
	/*background-image: linear-gradient(-90deg, #fff 0%, #555 20%, #555 80%, #fff 100%);*/
}

#trafficking #header {
	width: 1000px;
}

#trafficking #content-wrap {
	margin: 0px auto;
	max-width: 100%;
}

#trafficking .site-main  {
	width: 100%;
	max-width: 100%;
}


.traffick {
	font-size: 1.0em;
	color: #fff;
	
}

#trafficking h1.page-title_about_sub  {
	text-align: center;
	font-size: 5em;
	background-color: #555!important;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 50px;
}

.traffick  h2 {
	text-align: center;
	font-size: 2em;
	background: none;
	color: #fff;
	/*text-transform: capitalize;*/
	margin: 0px auto 10px;
	font-weight: 700;
}

.traffick  h2.blue {
	text-align: center;
	font-size: 2em;
	background: none;
	color: #234177;
	text-transform: capitalize;
	margin: 0px auto 10px;
}



.traffick p.intro {
  width: 90%;
  margin: 10px auto 30px;
  max-width: 1600px;
	color: #000;
  /*border-bottom: 1px solid #fff;
	padding-bottom: 10px;*/
}
.traffick p.intro2 {
	width: 60%;
	margin: 10px auto 30px;
	max-width: 1600px;
	/*border-bottom: 1px solid #fff;*/
	padding-bottom: 10px;
}


.traffick .row {
	display: flex;
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
}

.traffick .col-lg-10, .traffick .col-lg-2 {
	flex: 1;
	padding: 0;
}

.traffick .col-lg-2 {
	max-width: 16.666666666666664%;
}


.bg1, .bg2, .bg3 {
	background-image: url(/themes/base_zymphonies_theme/images/human_trafficking/bg1.jpg);
	max-width: 1920px;
	height: 400px;
	position: relative;
	background-attachment: fixed;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
	border-top: 6px solid #000;
	border-bottom: 5px solid #000;

}

.bg2 {
	background-image: url(/themes/base_zymphonies_theme/images/human_trafficking/bg2.jpg);	
}


.ltbg1 {
	background-image: url(/themes/base_zymphonies_theme/images/labor_trafficking/ltbg1.jpg);
	max-width: 1920px;
	height: 400px;
	position: relative;
	background-attachment: fixed;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
	border-top: 6px solid #000;
	border-bottom: 5px solid #000;

}

.ltbg2 {
	background-image: url(/themes/base_zymphonies_theme/images/labor_trafficking/ltbg2.jpg);
	max-width: 1920px;
	height: 400px;
	position: relative;
	background-attachment: fixed;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
	border-top: 6px solid #000;
	border-bottom: 5px solid #000;

}

.cvibg1, .cvibg2, .cvibg3 {
	background-image: url(/themes/base_zymphonies_theme/images/cvi/cvi_bg1.jpg);
	max-width: 1920px;
	height: 400px;
	position: relative;
	background-attachment: fixed;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
	border-top: 6px solid #000;
	border-bottom: 5px solid #000;

}

.ht_resources {
	margin: 0 auto 0px;
	border-top: 5px solid #000;
	}



.ht_even, .ht_odd {
	/*background-image: linear-gradient(90deg, #fff 0%, #234177 4%, #234177 96%, #fff 100%);*/
	background-color: #234177;
	margin: 0px 0;
	padding: 40px 80px;
	border-bottom: 5px solid #000;
}
.ht_even.last {
	border-top: 5px solid #000;
	border-bottom: none;
}

.ht_even.last h2 {
		text-align: center;
	font-size: 2em;
	background: none;
	color: #fff;
	text-transform:none;
	margin: 0px auto 10px;
}

.ht_odd {
	/*background-image: linear-gradient(90deg, #fff 0%, #e08c54 4%, #e08c54 96%, #fff 100%);*/
	background-color: #fff;
	border-bottom: none;
}

.o_resources {
	background-color: #234177;
	margin: 0 auto 0px;
	padding: 30px 0;

}

/*Ribbon for recruitment and hiring page*/

#rhr_box {
	color: #fff;
	background-color: #e99202;
	position: fixed;
    width: 220px;
	height: auto;
    right: 0;
    top: 280px;
	padding: 10px 20px;
	border-radius: 10px 0 0 10px;
	box-shadow: -10px 0px 20px 0px rgba(1,1,1,.4);
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
	z-index: 1;
}

#rhr_box h4 {
	color: #fff;
	margin: 5px auto;
	font-size: 1.4em;
}

#rhr_box_inner {
	color: #fff;
	float: right;
    position: fixed;
	width: 380px;
	height: 320px;
    right:-380px;
    top: 330px;
    background-color: #234177;
    padding: 10px 30px 10px 10px;
    text-align: left;
    font-size: 1em;
    line-height: 1.2em;
	border-radius: 0px 0 0 20px;
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#rhr_box:hover {
  right: 0px;
	width: 380px;
}

#rhr_box:hover #rhr_box_inner {
right: 0;
box-shadow: -10px 0px 20px 0px rgba(0,0,0,.6)
}


.rhrbg1, .rhrbg2, .rhrbg3 {
	
	max-width: 1920px;
	height: 400px;
	position: relative;
	background-attachment: fixed;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
	border-top: 6px solid #000;
	border-bottom: 5px solid #000;

}

.rhrbg1 {
	background-image: url(/themes/base_zymphonies_theme/images/rhr/rhr_bg1.jpg);	
}

.rhrbg2 {
	background-image: url(/themes/base_zymphonies_theme/images/rhr/rhr_bg2.jpg);	
}

.rhrbg3 {
	background-image: url(/themes/base_zymphonies_theme/images/rhr/rhr_bg3.jpg);	
}

 /* END Ribbon for recruitment and hiring page*/

#t_box {
	color: #fff;
	background-color: #e99202;
	position: fixed;
    width: 190px;
	height: auto;
    right: 0;
    top: 350px;
	padding: 10px 20px;
	border-radius: 10px 0 0 10px;
	box-shadow: -10px 0px 20px 0px rgba(1,1,1,.4);
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
	z-index: 1;
}

#t_box h4 {
	color: #fff;
	margin: 5px auto;
	font-size: 1.2em;
}

#t_box_inner {
	color: #fff;
	float: right;
    position: fixed;
	width: 380px;
	height: 550px;
    right:-380px;
    top: 400px;
    background-color: #234177;
    padding: 10px 30px 10px 10px;
    text-align: right;
    font-size: 1.2em;
    line-height: 2em;
	border-radius: 0px 0 0 20px;
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#t_box:hover {
  right: 0px;
	width: 380px;
}

#t_box:hover #t_box_inner {
right: 0;
box-shadow: -10px 0px 20px 0px rgba(0,0,0,.6)
}

.t_resources {
	margin: 0px 0;
	padding: 40px 80px;
}

.t_resources ul {
	padding: 20px;
	font-weight: bold;
	list-style: none;
	
}

.t_resources li {
	padding: 10px;
	color: #fff;
}

.t_resources a, .t_resources a:visited {
	color: #fff;
}

.t_resources a:hover {
	color: #e99202;
}

.t_resources .col-lg-6 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.ht_text, .t_resources {
	font-size: 1.1em;
	color: #fff;
	padding: 0 20px;	
}

.ht_odd .ht_text {
	color: #000;
}

.ht_text p {
	margin: 0;
}

.ht_text h5 {
	margin: 0 0 15px;
	font-size: 1.2em;
	font-weight: bold;
 
}
.ht_text h5 a{
	margin: 0 0 15px;
	font-size: 1.2em;
	font-weight: bold;
	color:#0898d7;
 
}


.ht_text h3 {
	
	color:#0898d7;
 
}


.ht_image {
	padding: 0px;
	max-height: 300px;
	text-align: center;
}

.ht_image img {
	margin: 0!important;
	padding: 0;
	height: auto!important;
	max-height: 250px;
	width: auto;
}

.field-item
{
float: left;
padding-right: 10px;
}



#cvi_box {
	color: #fff;
	background-color: #e99202;
	position: fixed;
    width: 190px;
	height: auto;
    right: 0;
    top: 320px;
	padding: 5px 5px;
	border-radius: 10px 0 0 10px;
	box-shadow: -10px 0px 20px 0px rgba(1,1,1,.4);
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
	z-index: 1;
}

#cvi_box h4 {
	color: #fff;
	margin: 5px auto;
	font-size: 1.2em;
}

#cvi_box_inner {
	color: #fff;
	float: right;
    position: fixed;
	width: 380px;
	height: 450px;
    right:-380px;
    top: 150px;
    background-color: #234177;
    padding: 5px 15px 5px 5px;
    text-align: right;
    font-size: 1.2em;
    line-height: 2em;
	border-radius: 0px 0 0 20px;
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#cvi_box:hover {
  right: 0px;
	width: 380px;
}

#cvi_box:hover #cvi_box_inner {
right: 0;
box-shadow: -10px 0px 20px 0px rgba(0,0,0,.6)
}

.cards{

    transition: all 0.2s ease;
    cursor: pointer;
    border: 0;
  }
    


.cards:hover{

    box-shadow: 0px 0px 0px 0px #ffffff;
    transform: scale(1.1);
	border: 0;
}

.cards p {
	
	text-align: center;
	font-weight: 700;
}

.bigcards{

    transition: all 0.2s ease;
    cursor: pointer;
    border: 0;
  }
    


.bigcards:hover{

    box-shadow: 0px 0px 0px 0px #ffffff;
    transform: scale(2.1);
	border: 0;
}

.bigcards p {
	
	text-align: center;
	font-weight: 700;
}


.popup {
  margin: 50px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  top: 5%;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}


.popup .close {
  position: absolute;
  top: 0px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: red;
}
.popup .close:hover {
  color: #000;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}





.popup2 {
  margin: 50px auto;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  width: 80%;
  position: relative;
  top: 5%;
  transition: all 5s ease-in-out;
	color: #000;
	font-size: .8em;
}

.popup2 h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}


/*.popup2 .close {
  position: absolute;
  top: 0px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: red;
}*/
.popup2 .close:hover {
  color: #000;
}
.popup2 .content {
  max-height: 30%;
  overflow: auto;
}



#request {
  background-image: url(/themes/base_zymphonies_theme/images/critac/request_bg.jpg);
  width: 100%;
  height: 100%;
	padding: 10px 25px 0;
  overflow: hidden;
  margin: 10px auto 50px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
	font-size: 1em;
  /*font-family: 'Open Sans Condensed', sans-serif;*/
}

#request h2 {
	padding: 0 10px 10px;
	color: #fff;
	/*text-transform: uppercase;*/
	font-size: 1.5em;
	
}

#request p {
	color: #fff;
	font-size: 1em;
}

#request p.disclaimer {
	font-size: .7em;
	margin: 12px 0 15px;
	padding: 0 50px;
}


#request div[class*=box] {
  width: 100%; 
  /*display: flex;*/
  justify-content: center;
  align-items: center;
	margin: auto;
}

/*#request .box-1 { background-color: #FF6766; }
*/
#request .btn {
	text-align: center;
	width: 60%;
	cursor: pointer;
	margin: 15px auto;
	font-size: 2em;
	font-variant-caps: small-caps;
}

#request .btn-one {
	color: #e99202;
	transition: all 0.3s;
	position: relative;
	z-index: 1;
}
#request .btn-one span {
	transition: all 0.3s;
	color: #fff;
}
#request .btn-one::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(233,146,2,0.8);
	border-bottom-color: rgba(233,146,2,0.8);
	transform: scale(0.1, 1);
}
#request .btn-one:hover span {
	letter-spacing: 2px;
	color: #e99202;
}
#request .btn-one:hover::before {
	opacity: 1;	
	transform: scale(1, 1);	
}
#request .btn-one::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: all 0.3s;
	background-color: rgba(255,255,255,0.1);
}
#request .btn-one:hover::after {
	opacity: 0;	
	transform: scale(0.1, 1);
}

#request a {
	color:inherit /*rgb(233,146,2)*/;
	text-decoration: none;
}

#request a:hover {
	color:rgb(233,146,2);
}

#request span.mailto {
	display: none;
}

/**** End request assistance banner ****/

hr.small { border: solid #ccc; border-width: 1px 0 0; clear: both; height: 0; margin: 5px 0; }


.timeline { postion:relative; /*padding:25px 0 20px;*/ /*background-color:#263a70*/}

/*#timeline {background-color: #263a70;color:#fff}*/
.timeline li {
  list-style-type:none;
  margin: 0;

} 

.timeline_header {color:#000;font-weight:800;font-size:30px}



#howtoapply_box {
	color: #fff;
	background-color: #e99202;
	position: fixed;
    width: 170px;
	height: auto;
    right: 0;
    top: 350px;
	padding: 10px 10px;
	border-radius: 10px 0 0 10px;
	box-shadow: -10px 0px 20px 0px rgba(1,1,1,.4);
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
	z-index: 1;
}

#howtoapply_box h4 {
	color: #fff;
	margin: 5px auto;
	font-size: 1.2em;
}

#howtoapply_box_inner {
	color: #fff;
	float: right;
    position: fixed;
	width: 350px;
	height: 190px;
    right:-380px;
    top: 400px;
    background-color: #234177;
    padding: 10px 30px 10px 10px;
    text-align: left;
    font-size: 1.2em;
    line-height: 2em;
	border-radius: 0px 0 0 20px;
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#howtoapply_box:hover {
  right: 0px;
	width: 350px;
}

#howtoapply_box:hover #howtoapply_box_inner {
right: 0;
box-shadow: -10px 0px 20px 0px rgba(0,0,0,.6)
}




#howtoapply_boxOA {
	color: #fff;
	background-color: #e99202;
	position: fixed;
    width: 170px;
	height: auto;
    right: 0;
    top: 340px;
	padding: 10px 10px;
	border-radius: 10px 0 0 10px;
	box-shadow: -10px 0px 20px 0px rgba(1,1,1,.4);
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
	z-index: 1;
}

#howtoapply_boxOA h4 {
	color: #fff;
	margin: 5px auto;
	font-size: 1.2em;
}

#howtoapply_box_innerOA {
	color: #fff;
	float: right;
    position: fixed;
	width: 350px;
	height: 190px;
    right:-380px;
    top: 400px;
    background-color: #234177;
    padding: 10px 30px 10px 10px;
    text-align: left;
    font-size: 1.2em;
    line-height: 2em;
	border-radius: 0px 0 0 20px;
	-webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}

#howtoapply_boxOA:hover {
  right: 0px;
	width: 350px;
}

#howtoapply_boxOA:hover #howtoapply_box_innerOA {
right: 0;
box-shadow: -10px 0px 20px 0px rgba(0,0,0,.6)
}


p.solresources {
	background-color: #434343;
    width: 510px;
    border: 0;
    border-radius: 0.3rem;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.0rem;
	line-height: .5;
    outline: none;
    padding: .8rem 1rem;
    text-align: center;
    text-decoration: none;
	margin-left: 25%;
}

p.solresources:hover {
	background-color: #434343;
}
.solresources a{
	color: #fff!important;
	text-decoration: none;
}

.solresources a:hover {
	color: #fff;
}


/* ------  Grant Page FAQ Accordion Styles ------ */


#grantFAQ .is-accordion-submenu-parent {
	padding: .1em 0;
}

#grantFAQ .is-accordion-submenu-parent[aria-expanded='true']
{	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
	
}
#grantFAQ .is-accordion-submenu-parent > a {
	position: relative;
	margin: 5px 0;
}
#grantFAQ .is-accordion-submenu-parent > a::after {
	display: block;
	width: 0;
	height: 0;
	border: inset 6px;
	content: '';
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #2ba6cb transparent transparent;
	position: absolute;
	/*top: 50%;*/
	margin-top: -14px;
	left: 85rem;
}
#grantFAQ .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

#grantFAQ ul.list.submenu.is-accordion-submenu {
	display: block!important;
	margin: 0 0 10px 40px;
	padding-left: 0!important;
	list-style: disc;
}



#grantFAQ.accordion {
	padding-left: 0!important;
	margin-left: 0!important;
	background-color: #fff!important;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2), 0px 6px 20px 0px rgba(0,0,0,0.19)!important;
	list-style-type: none;
}

/*#grantFAQ .accordion-item:first-child > :first-child {
	border-radius: 3px 3px 0 0;
}
#grantFAQ .accordion-item:last-child > :last-child {
	border-radius: 0 0 3px 3px;
}*/
#grantFAQ .accordion-title {
	position: relative;
	display: block;
	padding: 1.25rem 1rem;
	/*border-bottom: 1px solid #e6e6e6;*/
	font-size: 1.4em;
	font-weight: 600;
	line-height: 1.4em;
	color: #fff;
	background-color: rgb(8, 152, 215);
	text-align: center;
	text-transform: uppercase;

}

#grantFAQ .accordion-title a, a:hover, a:focus {
	text-decoration: underline;
}

#grantFAQ ul.vertical.menu{
	padding-left: 0!important;
}

#grantFAQ :last-child:not(.is-active) > .accordion-title {
	border-bottom: none;
}
#grantFAQ .is-active > .accordion-title {
	color: #fff;
	background-color: rgb(8, 152, 215);
}
#grantFAQ .accordion-title:focus {
	background-color:  rgb(8, 152, 215);
	color: #fff;
}
#grantFAQ .accordion-title:hover {
	background-color: rgb(8, 152, 215);
	color: #fff;
}
#grantFAQ .accordion-title::before {
	position: absolute;
	top: 30%;
	right: 2rem;
	margin-top: -0.5rem;
	font-size: 1.5em;
	content: '+';
}
#grantFAQ .is-active > .accordion-title::before {
	content: '–';
}
#grantFAQ .accordion-content {
	display: none;
	padding: 1rem;
	/*border: 1px solid #e6e6e6;*/
	border-bottom: 0;
	background-color: #fefefe;
	color: #0a0a0a;
}

#grantFAQ li.is-submenu-item.is-accordion-submenu-item {
	padding: 5px 30px 5px 0px;
}

#grantFAQ .close {
	display: none!important;
}


#grantFAQ .closefaq .accordion-title {
	color: #fff;
	background-color: #fff;
	padding: .5em;
	font-size: 1em;
	text-align: center;
	font-weight: normal;
	border-top: 1px solid #e6e6e6;
	text-transform: none;
}

/*#grantFAQ .closefaq .accordion-title:focus {
	color: #2ba6cb;
	background-color: #fff
}*/
#grantFAQ .closefaq .accordion-title:hover {
	color: #2ba6cb;
	background-color: #fff;
	text-decoration: none;
}
#grantFAQ .closefaq .accordion-title::before {
	display: none;
}

#grantFAQ :last-child > .accordion-content:last-child {
	border-bottom: 1px solid #e6e6e6;
}

/* -- End Grant FAQ Accordion --- */

.portal {
    background-color: #234177;
    width: 280px;
    border: 0;
    border-radius: 0.3rem;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.1rem;
    line-height: 1;
    outline: none;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: none;
    color: #fff!important;
    text-decoration: none;
    font-weight: bold;
    /* margin-left: 35%; */
    /* box-shadow: 0 9px #999; */
}

.search_links {font-size:14px;color:#fff;}


 
 .human_traffic {color:#fff;}
 
 
 
 .view-your-view-name .views-field-title {color:#000fff;}


.viewcrap {color:#fff000}

.datetime {color:#fff000}

 .views-exposed-form bef-exposed-form {background-color:#000}
 
 label {font-weight:700;color:#07648d;padding:10px}
 
.pager__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    margin: var(--space-m) 0;
    list-style: none;
    text-align: center;
    font-weight: bold;
	justify-content:space-evenly;
}

#topBtn {
  display: none;
  position: fixed;
  bottom: 180px;
  right: 80px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #555;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
  background-color: #D0B529;
}


/*testing scrolling*/
.horizontal {
  padding: 60px 20px 120px;
  box-sizing: border-box;
}

.horizontal__container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.horizontal__list {
  display: flex;
  padding-left: calc(50vw - 600px / 2);
}

.horizontal__item {
  margin-left: 10vw;
  min-width: 60vw;
  height: 80vh;
  background: #EEE;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}

.horizontal__item h2 {
  width: 100%;
  text-align: center;
}

.horizontal__item:first-of-type {
  margin-left: 0;
}

.numbers {
  width: 100%;
  text-align: center;
  margin-bottom: 3rem;
}

.vertical,
footer {
  width: 100%;
  height: 20vh;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vertical {
  background: cyan;
}

/*footer {
  background: black;
}*/

.drag-proxy {
  visibility: hidden;
  position: absolute;
}

		.grantsschedule{
	box-sizing: border-box;
			height: 450px;
			overflow-y: scroll;
			
			margin-bottom: 4%;
			/*margin-top: 7%;*/
			border-bottom: .2px solid #a1a1a1;
	}

.grants h2 {
	color: #1b3668;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5%;
}

div .grants
{
	padding-top: 50px;
}

html,
body {
  scroll-behavior: auto !important;
}