@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,400italic);

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.clear { clear: both; }

.row:after, .inside-padding:after { display: block; content: ''; clear: both; }

.inside-padding {
 max-width: 1400px;
 margin: 0px auto;
 padding: 10px;
}

.w-33 { width: 33.33334%; float: left; }
.w-66 { width: 66.66667%; float: left; }
.w-25 { width: 25%; float: left; }
.w-30 { width: 30%; float: left; }
.w-34 { width: 34%; float: left; }
.w-38 { width: 38%; float: left; }
.w-40 { width: 40%; float: left; }
.w-45 { width: 45%; float: left; }
.w-50 { width: 50%; float: left; }
.w-60 { width: 60%; float: left; }
.w-62 { width: 62%; float: left; }
.w-66whole { width: 66%; float: left; }
.w-70 { width: 70%; float: left; }

body {
 font-family: 'Open Sans', sans-serif;
 font-weight: normal;
 font-size: 16px;
-webkit-font-smoothing: antialiased;
}

p {
    line-height: 27px;
}

h2 {
    font-size: 25px;
    margin: 20px 0px 20px;
}













/*-- Header --*/

#header-right {
 width: 90%;
 float: right;
 position: relative;
}

#header-right h2 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 32px;
   letter-spacing: 1.5px;
}

#header-left {
 width: 10%;
 float: left;
 max-width: 190px;
 margin: 0 auto;
position: relative;
}

#header > .inside-padding {
    padding: 5px;
}


#header-left:before {

	content: "";
	position: absolute;
	left: 10%;
	top: 20px;
	background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_3585797/Templates/images/watermark.png') no-repeat;
	width: 500px;
	height: 130px;
      bottom: 0px;
z-index: 1;
    
}



#header {background-color: #2A7F9C;
-webkit-box-shadow: 0px 11px 14px -2px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 11px 14px -2px rgba(0,0,0,0.24);
box-shadow: 0px 11px 14px -2px rgba(0,0,0,0.24);


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d6993+0,2a7f9c+100 */
background: #0d6993; /* Old browsers */
background: -moz-linear-gradient(top, #0d6993 0%, #2a7f9c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0d6993 0%,#2a7f9c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0d6993 0%,#2a7f9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d6993', endColorstr='#2a7f9c',GradientType=0 ); /* IE6-9 */



}

a#logo { display: block; position: relative; z-index: 999; }

#logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
 z-index: 4;
}

#header-right .top ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#header-right .top ul li {
    display: inline;
    float: right;
}

a.contactBtn {
    color: #ffffff;
    background-color: #151515;
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 33px;
    display: block;
    text-decoration: none;
    font-size: 15px;
transition: all .2s ease-in-out;
}



a.loginBtn{
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 33px;
    color: #151515;
    text-decoration: none;
transition: all .2s ease-in-out;
}


a.contactBtn {
    color: #ffffff;
    background-color: #151515;
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 33px;
    display: block;
    text-decoration: none;
    font-size: 15px;
transition: all .2s ease-in-out;
}



a.news.btn {
    font-weight: 700;
    padding: 0px 14px 0px 15px;
    line-height: 75px;
    color: #151515;
    text-decoration: none;
transition: all .2s ease-in-out;
}

.media img {
 max-width: 50%;
 margin: 0px 15px 0px 0px;
}


a.news.btn:hover {
opacity: 0.8;
}

#newsTitle {
    float: left;
    display: inline-block;
    width: 60%;
}



#news-button {
    float: right;
    text-align: right;
    display: inline-block;
    width: 30%;
}

#bottom-section {
    background-color: #EAEAEA;
    padding: 0px 20px 20px 20px;
position: relative;
}

#bottom-section:before {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */background: linear-gradient(to top, rgba(0, 0, 0, 0.08) 0%,rgba(0,0,0,0) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */content: '';position: absolute;width: 100%;min-height: 20px;display: block;right: 0;z-index: 5;top: -20px;
}








a.contactBtn:hover, a.loginBtn:hover { opacity: 0.7; }

li.search {
    color: #C1C1C1;
    border: 1px solid #C1C1C1;
    padding: 0px 10px 0px 10px;
    line-height: 31px;
    display: block;
    text-decoration: none;
    font-size: 15px;
    width: 150px;
    margin-left: 15px;
}

#menubar {
    width: 100%;
}



/* VERTICAL TABS STYLING */
li.resp-tab-item.ver_1.resp-tab-active {
    border: none !important;
    background-color: #2A7F9C!important;
    color: #FFF;
position: relative;
}

.resp-tabs-container {
    width: 79% !important;
    margin-left: 40px;
}


.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs ul.resp-tabs-list{
width: 17%;
}

h2.resp-tab-active span.resp-arrow{
  border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #FFF !important;
}



#parentVerticalTab-2  h2.resp-accordion.ver_1.resp-tab-active {
    background-color: #8E2537 !important;
}


#parentVerticalTab-3  h2.resp-accordion.ver_1.resp-tab-active {
    background-color: #C17121 !important;
}




h2.resp-accordion.ver_1.resp-tab-active {
    border: none !important;
    background-color: #2A7F9C !important;
    color: #FFF;
}

h2.resp-accordion.ver_1 em {
    display: none;
}


h2.resp-accordion.ver_1 {
    border: none;
    border-color: #FFF;
    border-bottom: 1px solid #000;
    background-color: #FFF !important;
}

li.resp-tab-item:hover {
    opacity: 0.8;
      transition: all .2s ease-in-out;

}

li.resp-tab-item:hover .fa{
    transform: scale(1.4);


}


li.resp-tab-item em {
    color: #2A7F9C;
    text-align: right;
    position: absolute;
    right: 20px;
font-size: 24px;
 transition: all .2s ease-in-out;
}

.resp-vtabs .resp-tabs-container {
    border: none !important;
}


li.resp-tab-item.ver_1.resp-tab-active:after {content:'';width: 0;height: 0;border-top: 25px solid transparent;border-left: 37px solid #2A7F9C;border-bottom: 27px solid transparent;position:absolute;right: -37px;top: 0;}


.resp-vtabs .resp-tabs-list li {
    border: none !important;
    background-color: #FFF !important;
    font-size: 17px;
    color: #808080;
    border-bottom: 2px solid #E6E6E6 !important;
   position: relative;
}



#tab-content-text .inside-padding {
    background-color: #FFF;
}

.tabInside h3.active {
    color: #2A7F9C;
    background-color: #FFF;
    padding: 20px;
}

.tabaccord1 > .tabInside h3 {
    background-color: #FFF;
}
.tabInside {
 color: #ffffff;
 background: #FFF;
 /* margin-top: 0px; */
 padding: 20px;
min-height: 350px;
}


.tabaccord1 > .inside-padding > h3 {
    background-color: #2A7F9C;
position: relative;
}


.tabaccord1 > .inside-padding > h3.active {
    background-color:#FFF ;
    color: #2A7F9C ;
}


.tabaccord2 > .inside-padding > h3 {
    background-color: #8E2537;
    color: #FFF;
}

.tabaccord2 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #8E2537;
}



.tabaccord3 > .inside-padding > h3 {
    background-color: #538234;
    color: #FFF;
}

.tabaccord3 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #538234;
}



.tabaccord4 > .inside-padding > h3 {
    background-color: #C17121;
    color: #FFF;
}

.tabaccord4 > .inside-padding > h3.active {
    background-color: #FFF;
    color: #C17121;
}






.tabaccord1 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 11px;

display: block;

right: 0;

z-index: 58;

top: 59px;
}






.tabaccord2 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 14px;

display: block;

right: 0;

z-index: 2;

top: 59px;
}



.tabaccord3 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 14px;

display: block;

right: 0;

z-index: 2;

top: 59px;
}




.tabaccord4 > .inside-padding > h3:after {


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, 0.42)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.42) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

content: '';

position: absolute;

width: 100%;

min-height: 10px;

display: block;

right: 0;

z-index: 2;

top: 61px;
}













/*-- SUBPAGE --*/


a.rfp-rss {
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-decoration: none;
}

div#rfp-table_wrapper {
    margin-top: 20px;
}

a.rfp-rss em {
    margin-right: 10px;
}

a.rfp-rss:hover {
    opacity: 0.8;
}


#theme.subpage #page {
    margin-top: 25px;
}

.sidebar {
 width: 25%;
 float: left;
}

.mainContent {
 width: 75%;
 float: left;
min-height: 600px;
}

.sidebar > .inside-padding {
 padding-right: 40px;
 padding-top: 0px;
}

.mainContent > .inside-padding {
 padding-left: 20px;
border-left: 1px solid #dfdfdf;
 min-height: 500px;
 padding-top: 0px;
}

h2.page-title {
    margin-top: 0px;
    padding-bottom: 15px;
    font-size: 30px;
   color: #2A7F9C ;
   text-transform: uppercase ;
width: 50%;
float: left;
}


#breadcrumbs {
    background: #8E2537;
    padding: 5px;
    color: #FFF;
}

#breadcrumbs, #breadcrumbs a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#breadcrumbs a {
    font-weight: normal;
transition: all .2s ease-in-out;
}

#breadcrumbs a:hover { opacity: 0.7; }

.sb-r ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline;
  cursor: pointer;
}

.sb-r ul li {
    display: inline;
}

.sb-r {
    float: right;
}




.subHero {
 height: 310px;
 background-size: cover;
 background-position: center;
 position: relative;
 opacity: 0;
}

.subHero.visible {
 opacity: 1;
  -webkit-animation-name: fade-in;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: 1;
}


.fontSize a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    color: #4D4D4D;
    text-align: center;
    font-size: 28px;
    text-decoration: none;
    margin-left: 10px;
    font-weight: bold;
transition: all .2s ease-in-out;
}

a.share.st_sharethis_large {
    font-size: 28px;
    color: #4d4d4d;
}


.sb-r a.print {
    color: #4D4D4D;
    font-size: 30px;
    line-height: 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    position: relative;
transition: all .2s ease-in-out;
}

#side-r ul li .fa.fa-share-square-o {
 top: 7px;
 cursor: pointer;
}

#side-r ul li a:hover .fa {
 opacity: 0.8;
}

.stButton .stLarge {
    display: none;
}

.stButton .stLarge {
display: none !important;
}


.sharePanel {
 position: absolute;
 top: -76px;
 left: 50%;
 margin-left: -117px;
 display: none;
 padding-bottom: 20px;
}

.sharePanel .inside {
 background: #3b3a3a;
 border: 2px solid #2b2b2b;
 border-radius: 5px;
 padding: 4px 5px 5px 5px;
 width: 220px;
 height: 49px;
 color: #ffffff;
}

.sharePanel .inside .share-icn {
 display: inline;
 width: 50%;
 float: left;
 text-align: center;
 line-height: 30px;
 line-height: 35px;
 font-size: 14px;
 cursor: pointer;
 width: 55px;
 font-family: 'Montserrat', sans-serif;
}

.sharePanel .inside .share-icn:hover {
 opacity: 0.8;
}

.sharePanel:after {
 content: '';
 display: block;
 position: absolute;
 bottom: 8px;
 width: 0;
 height: 0;
 border-style: solid;
 border-width: 12px 10px 0 10px;
 border-color: #2b2b2b transparent transparent transparent;
 left: 50%;
 margin-left: -10px;
}

#side-r ul li .fa.fa-share-square-o:hover .sharePanel {
 display: block
}

.sharePanel .fa {
  display: block;
  font-size: 19px;
}






.fontSize a:hover, .sb-r a.print:hover { opacity: 0.7; }

#page a.button {
    padding: 10px !important;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    line-height: 22px;
    max-width: 430px;
    margin: 0px auto 15px;
    background: #227dba;
    border: none;
    color: #ffffff;
    font-size: 16px;
    margin: 15px 0px 15px;
transition: all .2s ease-in-out;
}


#page a.content-button {
    padding: 10px !important;
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    line-height: 22px;
    margin: 0px auto 15px;
    background: #227dba;
    border: none;
    color: #ffffff;
    font-size: 16px;
    margin: 15px 0px 15px;
    transition: all .2s ease-in-out;
}

.btnWrapper { padding: 5px; box-sizing: border-box; display: block; }

#page a.content-button:hover {
 background: #3498db;
}

#page a.content-button em {
 font-size: 27px;
}

#page a.content-button em.fa.fa-caret-right {
 float: right;
}



#page a.button:hover {
 background: #3498db;
}

#page a.button em {
 font-size: 27px;
}

#page a.button em.fa.fa-caret-right {
 float: right;
}



/*-- SUBPAGE ACCORDION --*/


.acc_trigger a {
    font-size: 16px;
    color: #2B81BB;
    text-decoration: none;
    text-transform: inherit;
    line-height: 2.2em;
}

h3.acc_trigger {
    margin: 0px;
}

.acc_container .block {
    margin: 0px;
}

a.btn.acc_expand-all {
    background-color: #2B6BBF;
    padding: 8px 10px 8px 10px;
    display: inline-block;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a.btn.acc_expand-all:hover {
 opacity: 0.7;
} 


.contactBox {
    padding: 10px;
    background: #efefef;
    text-align: center;
   margin-bottom: 20px;
}

.contactBox strong {
    display: block;
}


#mobile-bar {
 display: none;
    background: #FFF;
    padding: 10px;
    color: #1C7497;
    text-decoration: none;
    font-weight: 700;
   z-index: 99999;
}


/* FULL WIDTH PAGE */

.full-width .mainContent {
    width: 100%;
}

.full-width .mainContent > .inside-padding {
    border: none;
    padding-top: 20px;
}



/* DEPARTMENT PAGE */

#contact {
    background-color: #EFEFEF;
}

.departmentPage #events-button {
    display: none;
}

.departmentPage .w-30 > .inside-padding {
    border-left: 1px solid #DFDFDF;
    padding: 20px;
}




/*-- Footer --*/

#footer {
 background: #4D4D4D;
color: #EAEAEA;
 border-top: 6px solid #2A7F9C;
}


#footer > .inside-padding {
    padding: 20px 10px 20px 10px;
}

#footer-right {
 width: 20%;
 float: left;
 text-align: right;
}

#footer-right ul {
 
 float: right;
 list-style: none;
 margin: 0px;
 padding: 0px;
}




#footer-right ul li {
    display: inline-block;
    margin: 10px;
}

#footer-right ul li em {
    font-size: 26px;
    color: #EAEAEA;
}

#left {
    width: 20%;
    float: left;
}

#right {
    width: 80%;
    float: left;
}

#footer-left ul li {
    display: inline-block;
    padding: 2px;
}

#footer-left ul li a {
    color: #EAEAEA;
    text-decoration: none;
}

#footer-right iframe {
    max-width: 500px !important;
    width: 100% !important;
}

#footer-left {
 width: 80%;
 float: left;
 margin-bottom: 20px;
}

#footer-left ul {
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
}

ul#newsletter {
    text-align: right;
    margin: 0px;
    list-style: none;
margin-top: -10px;
margin-bottom: 20px;
}

ul#newsletter li a {
    color: #FFF;
    text-decoration: none;
    background-color: #2A7F9C;
    padding: 17px 25px 11px 24px;
   font-size: 17px;
}

ul#newsletter li a em {
    font-size: 22px;
    margin-right: 10px;
}

ul#newsletter li a:hover {
    background: #FFF;
    color: #2A7F9C;
       transition:all .3s ease-in-out;  
      -o-transition:all .3s ease-in-out;  
      -moz-transition:all .3s ease-in-out;  
      -webkit-transition:all .3s ease-in-out;
}



#footer-left ul li a:hover { color: #FFF; }

#footer h3 {
    margin: 0px 0px 10px;
    font-size: 25px;
   text-transform: uppercase;
}

#footer p {
    margin: 0px 0px 10px 0px;
}


.footerTop {
 background: #227dba;
 margin-top: 30px;
}

.footerTop div {
    list-style: none;
    padding: 0px;
    max-width: 1200px;
    margin: 0px auto 0px;
 display: table;
}

.footerTop a {
    margin: 0px;
    padding: 0px;
    color: #ffffff;
   text-transform: uppercase;
 font-size: 16px;
 text-decoration: none;
 font-weight: bold;
    display: table-cell;
 text-align: center;
 padding: 10px;
 cursor: pointer;
    vertical-align: middle;
}

.footerTop a:hover {
 background: #3498db;
}

@media screen and (max-width: 1120px) {
 /*#header-left { width: 22%; }
 #header-right { width: 78%; }*/
#header > .inside-padding {
    padding: 0px;
}
}

@media screen and (max-width: 1060px) {
.megamenu .level1 > a { font-size: 14px; }
}

@media screen and (max-width: 1000px) {
 #footer-left, #footer-right { width: 100%; float: none; }

#footer {
    text-align: center;
}

.resp-tabs-container {
margin-left: 0px;
}


 #footer-right ul { text-align: center; float: none; }

 #footer-right { text-align: center; }

#footer-right iframe { max-width: 100% !important; }

ul#newsletter {
    background-color: #2A7F9C;
    padding: 17px;
    text-align: center;
    width: 94.5%;
margin-top: -20px;
}

#footer > .inside-padding {
    padding-left: 0px;
}

#left {
    width: 100%;
    float: none;
}

#right {
    width: 100%;
    float: none;
}

}

@media screen and (max-width: 950px) {
 .RadMenu_PageControls, #divMenuOffset {
  display: none;
 }

 #header-left, #header-right { width: 100%; float: none; text-align: center; }

 #menubar { position: relative;  z-index: 99999; }

#header-right .row.top {  margin: 15px 0px; }

#header-right .top ul li { float: none; display: inline-block; }
#header-right .top ul li.search { float: none; display: inline-block; margin-left: 0px; margin-right: 15px; }

.sidebar {
 width: 30%;
 float: left;
}

.mainContent {
 width: 70%;
 float: left;
}

.inner-slide { height: 350px; }

}


@media screen and (max-width: 970px) {
.carousel-caption {
 display: none;
}
}

@media screen and (max-width: 850px) {
.w-33, .w-66 { width: 100%; float: none; }

.departmentPage .w-70 {
    width: 100%;
}


.w-40 { width: 100%; float: none; }
.w-60 { width: 100%; float: none; }
.w-33 { width: 100%; float: none; }
.w-66 { width: 100%; float: none; }
.w-25 {width: 100%; float: none; }
.w-30 { width: 100%; float: none; }
.w-34 { width: 100%; float: none; }
.w-38 { width: 100%; float: none; }
.w-40 { width: 100%; float: none; }
.w-45 { width: 100%; float: none; }
.w-50 { width: 100%; float: none; }
.w-60 { width: 100%; float: none; }
.w-62 { width: 100%; float: none; }
.w-66whole { width: 100%; float: none; }
.w-70 { width: 100%; float: none; }



.departmentPage .w-30 {
    width: 100%;
}


ul.rightLinks li {
   /* display: inline-block;
    width: 49%;*/
width:33%;
float: left;
}



iframe#twitter-widget-0 {
    display: block !important;
 margin: 0px auto 0px auto !important;
}


.capWrap h3 { font-size: 16px; }

.inner-slide { height: 250px; }

#main-slider .flex-control-nav { display: none; }



.capWrap {
    width: 92%; padding: 15px 4%;
   min-height: 50px;
}

.capWrap p { font-size: 15px; }

.link-w a { font-size: 13px; }

#theme.subpage #page { margin-top: 0px; }

.sidebar, .mainContent {
 width: 100%;
 float: none;
}

.sidebar > .inside-padding {
 padding-right: 10px;
 padding-top: 10px;
}

.mainContent > .inside-padding {
 padding-left: 10px;
border-left: none;
 min-height: auto;
 padding-top: 10px;
}

.sidebar .ptl_portlet_vertical:nth-child(2) { display: none; } 

}

@media screen and (max-width: 960px) {

.megamenu > ul { display: none; }

#mobile-bar { display: block; }

#header-left:before{ display: none;}
}


@media screen and (max-width: 960px) {

.resp-tabs-container {
    width: 100% !important;
    height: auto !important;
}

   ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

ul.rightLinks li {
    display: block;
    width: 100%;
}

 .tabInside { /*margin-bottom: 1px; */ padding: 0px; min-height: 0px;}

 .tabInside h3 {display: block;color: #FFF; padding: 20px; position: relative;}

 .tabs .tab { display: block; }

 .tabInside .row { display: none; }

 .tabsTop { display: none; }

 .tabInside .inside-padding { padding: 10px; }


}


@media screen and (max-width: 750px) {

 .footerTop a { display: block; font-size: 14px; }
ul.rightLinks li {
    display: block;
    width: 100%;
}


}

@media screen and (max-width: 650px) {
.tabInside .w-50 { width: 100%; float: none; display: block; }
}

@media screen and (max-width: 580px) {
.news-item > .add-padding { display: block; }
.newsImage { display: block; width: 100%; }
.newscontent { display: block; padding: 0px; margin-top: 20px; }
#header-right h2{ display: none;}
.inner-slide{ display: none;}
}

@media screen and (max-width: 500px) {
 #footer-left ul { width: 100%; float: left; }
}


a.allNews {
    float: right;
    font-size: 16px;
    color: #333333;
    text-decoration: none;
    transform: translate(0px,10px);
}

a.btn.iconButton {
    display: block;
    box-sizing: border-box;
    padding: 6px 10px 6px 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
    text-align: center;
    font-weight: 700;
}
a.btn.iconButton:hover { opacity: .8; }

a.btn.iconButton em {
    margin-right: 10px;
    font-size: 30px;
}

a.btn.iconButton span {
    -ms-transform: translate(0px,-3px);
    -webkit-transform: translate(0px,-3px);
    transform: translate(0px,-3px);
    display: inline-block;
}
.search input.gsc-search-button, .search input.gsc-search-button:hover, .search input.gsc-search-button:focus {
    border-color: #c17121 !important;
    background-color: #c17121 !important;
    border-radius: 5px;
    background-image: none;
    filter: none;
}
.search .cse .gsc-search-button input.gsc-search-button-v2, .search input.gsc-search-button-v2 {
    padding: 9px 12px !important;
}
.search .gsc-input-box {
    border: 1px solid #D9D9D9;
    background: #fff;
    height: 30px !important;
}

