/* GLOBAL */
:root {
  --color-1: #004292 ; 
  --color-2: #00408F;
  --color-3: #72C25C;
  --color-4: #FFF;
  --color-5: #004292;
  --text:    #111111;
  --invert-text: #FFFFFF;
  --bg-color: #F8F8F8; 
}

a:not(.btn) {
text-decoration: underline !important;
}

.btn {
    white-space:break-spaces;
}

  /* saved */
body { background-color: var(--bg-color); }
p { color: var(--text);}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { 
    background-color: var(--color-2) !important;
    border: 1px solid var(--color-2) !important;
    color: var(--invert-text) !important; }
.pagination > li > a, .pagination > li > span { 
    background-color: var(--bg-color) !important;
    border: 1px solid var(--color-2) !important;
    color: var(--text) !important; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { 
    background-color: var(--color-2) !important; }

#savecontent a:not(.btn):not(.ui-tabs-anchor) { color: var(--color-1); }
#savecontent a:hover:not(.btn):not(.ui-tabs-anchor) {color: var(--color-2);}

@media (min-width: 1px) AND (max-width: 767px){
    #navContainer ul li a:hover,.navbar-default .navbar-nav > li > a:hover {background-color: var(--color-2) !important;}
    .dropdown-menu { background-color: var(--bg-color); }
    .dropdown-toggle { background-color: var(--bg-color); }
}

@media (min-width: 768px) and (max-width: 991px){
		#navContainer ul li a:hover { 
		    color: var(--bg-color) !important;
		    background-color: var(--color-2); }
    .dropdown-menu > li > a { color: rgb(94, 94, 94) !important; }
    .dropdown-menu li a:hover { 
        color: var(--color-1) !important; 
        background-color: var(--color-2) !important; }

}

@media (min-width: 992px) and (max-width: 1199px){

	#navContainer ul li a:hover {
	    background-color: var(--color-2); }

    .dropdown-menu li a:hover {
        background-color: var(--color-2) !important; }
}

@media (min-width: 1200px){
		#navContainer ul li a:hover { background-color: var(--color-2); }
		
    .dropdown-menu > li > a {  color: var(--text) !important; }
    .dropdown-menu li a:hover { 
        color: var(--color-1) !important;
        background-color: var(--color-2) !important; }
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu { background-color: var(--bg-color) !important; color: var(--text) !important;}
    
}




/* ============ XL Media Queries ============ */
@media (min-width: 1580px) {
.col-xl-12 {width: 100%;}.col-xl-11 {width: 91.66666667%;}.col-xl-10 {width: 83.33333333%;}.col-xl-9 {width: 75%;}.col-xl-8 {width: 66.66666667%;}.col-xl-7 {width: 58.33333333%;}.col-xl-6 {width: 50%;}.col-xl-5 {width: 41.66666667%;}.col-xl-4 {width: 33.33333333%;}.col-xl-3 {width: 25%;}.col-xl-2 {width: 16.66666667%;}.col-xl-1 {width: 8.33333333%;}.col-xl-pull-12 {right: 100%;}.col-xl-pull-11 {right: 91.66666667%;}.col-xl-pull-10 {right: 83.33333333%;}.col-xl-pull-9 {right: 75%;}.col-xl-pull-8 {right: 66.66666667%;}.col-xl-pull-7 {right: 58.33333333%;}.col-xl-pull-6 {right: 50%;}.col-xl-pull-5 {right: 41.66666667%;}.col-xl-pull-4 {right: 33.33333333%;}.col-xl-pull-3 {right: 25%;}.col-xl-pull-2 {right: 16.66666667%;}.col-xl-pull-1 {right: 8.33333333%;}.col-xl-pull-0 {right: 0;}.col-xl-push-12 {left: 100%;}.col-xl-push-11 {left: 91.66666667%;}.col-xl-push-10 {left: 83.33333333%;}.col-xl-push-9 {left: 75%;}.col-xl-push-8 {left: 66.66666667%;}.col-xl-push-7 {left: 58.33333333%;}.col-xl-push-6 {left: 50%;}.col-xl-push-5 {left: 41.66666667%;}.col-xl-push-4 {left: 33.33333333%;}.col-xl-push-3 {left: 25%;}.col-xl-push-2 {left: 16.66666667%;}.col-xl-push-1 {left: 8.33333333%;}.col-xl-push-0 {left: 0;}.col-xl-offset-12 {margin-left: 100%;}.col-xl-offset-11 {margin-left: 91.66666667%;}.col-xl-offset-10 {margin-left: 83.33333333%;}.col-xl-offset-9 {margin-left: 75%;}.col-xl-offset-8 {margin-left: 66.66666667%;}.col-xl-offset-7 {margin-left: 58.33333333%;}.col-xl-offset-6 {margin-left: 50%;}.col-xl-offset-5 {margin-left: 41.66666667%;}.col-xl-offset-4 {margin-left: 33.33333333%;}.col-xl-offset-3 {margin-left: 25%;}.col-xl-offset-2 {margin-left: 16.66666667%;}.col-xl-offset-1 {margin-left: 8.33333333%;}.col-xl-offset-0 {margin-left: 0;}
    .visible-xl {display: block !important;}table.visible-xl {display: table;}tr.visible-xl {display: table-row !important;}th.visible-xl, td.visible-xl {display: table-cell !important;}.hidden-xl {display: none !important;}}
    @media (max-width: 1579px){.visible-xl {display: none !important;}}

/* ============ XXS Media Queries ============ */
@media (max-width: 439px) {
.col-xxs-12 {width: 100%;}.col-xxs-11 {width: 91.66666667%;}.col-xxs-10 {width: 83.33333333%;}.col-xxs-9 {width: 75%;}.col-xxs-8 {width: 66.66666667%;}.col-xxs-7 {width: 58.33333333%;}.col-xxs-6 {width: 50%;}.col-xxs-5 {width: 41.66666667%;}.col-xxs-4 {width: 33.33333333%;}.col-xxs-3 {width: 25%;}.col-xxs-2 {width: 16.66666667%;}.col-xxs-1 {width: 8.33333333%;}.col-xxs-pull-12 {right: 100%;}.col-xxs-pull-11 {right: 91.66666667%;}.col-xxs-pull-10 {right: 83.33333333%;}.col-xxs-pull-9 {right: 75%;}.col-xxs-pull-8 {right: 66.66666667%;}.col-xxs-pull-7 {right: 58.33333333%;}.col-xxs-pull-6 {right: 50%;}.col-xxs-pull-5 {right: 41.66666667%;}.col-xxs-pull-4 {right: 33.33333333%;}.col-xxs-pull-3 {right: 25%;}.col-xxs-pull-2 {right: 16.66666667%;}.col-xxs-pull-1 {right: 8.33333333%;}.col-xxs-pull-0 {right: 0;}.col-xxs-push-12 {left: 100%;}.col-xxs-push-11 {left: 91.66666667%;}.col-xxs-push-10 {left: 83.33333333%;}.col-xxs-push-9 {left: 75%;}.col-xxs-push-8 {left: 66.66666667%;}.col-xxs-push-7 {left: 58.33333333%;}.col-xxs-push-6 {left: 50%;}.col-xxs-push-5 {left: 41.66666667%;}.col-xxs-push-4 {left: 33.33333333%;}.col-xxs-push-3 {left: 25%;}.col-xxs-push-2 {left: 16.66666667%;}.col-xxs-push-1 {left: 8.33333333%;}.col-xxs-push-0 {left: 0;}.col-xxs-offset-12 {margin-left: 100%;}.col-xxs-offset-11 {margin-left: 91.66666667%;}.col-xxs-offset-10 {margin-left: 83.33333333%;}.col-xxs-offset-9 {margin-left: 75%;}.col-xxs-offset-8 {margin-left: 66.66666667%;}.col-xxs-offset-7 {margin-left: 58.33333333%;}.col-xxs-offset-6 {margin-left: 50%;}.col-xxs-offset-5 {margin-left: 41.66666667%;}.col-xxs-offset-4 {margin-left: 33.33333333%;}.col-xxs-offset-3 {margin-left: 25%;}.col-xxs-offset-2 {margin-left: 16.66666667%;}.col-xxs-offset-1 {margin-left: 8.33333333%;}.col-xxs-offset-0 {margin-left: 0;}
    .visible-xxs {display: block !important;}table.visible-xxs {display: table;}tr.visible-xxs {display: table-row !important;}th.visible-xxs, td.visible-xxs {display: table-cell !important;}.hidden-xxs {display: none !important;}}
    @media (min-width: 440px){.visible-xxs {display: none !important;}}

/* ============ Dynamic Paddings and Margins ============ */
@media (min-width: 1px){#savecontent{padding-top:20px; padding-bottom: 20px;}.margin-bottom{margin-bottom: 20px;}.margin-top{margin-top: 20px;}.negative-top-margin, .flush-with-nav{margin-top:-20px}.negative-bottom-margin{margin-bottom:-20px}.margin-top-bottom{margin-top: 20px; margin-bottom: 20px;}.padding-top{padding-top:20px;}.padding-bottom{padding-bottom:20px;}.padding-top-bottom, footer{padding-top: 20px; padding-bottom: 20px;}}
@media (min-width: 440px){#savecontent{padding-top:25px; padding-bottom: 25px;}.margin-bottom{margin-bottom: 25px;}.margin-top{margin-top: 25px;}.negative-top-margin, .flush-with-nav{margin-top:-25px}.negative-bottom-margin{margin-bottom:-25px}.margin-top-bottom{margin-top: 25px; margin-bottom: 25px;}.padding-top{padding-top:25px;}.padding-bottom{padding-bottom:25px;}.padding-top-bottom, footer{padding-top: 25px; padding-bottom: 25px;}}
@media (min-width: 768px){#savecontent{padding-top:30px; padding-bottom: 30px;}.margin-bottom{margin-bottom: 30px;}.margin-top{margin-top: 30px;}.negative-top-margin, .flush-with-nav{margin-top:-30px}.negative-bottom-margin{margin-bottom:-30px}.margin-top-bottom{margin-top: 30px; margin-bottom: 30px;}.padding-top{padding-top:30px;}.padding-bottom{padding-bottom:30px;}.padding-top-bottom, footer{padding-top: 30px; padding-bottom: 30px;}}
@media (min-width: 992px){#savecontent{padding-top:35px; padding-bottom: 35px;}.margin-bottom{margin-bottom: 35px;}.margin-top{margin-top: 35px;}.negative-top-margin, .flush-with-nav{margin-top:-35px}.negative-bottom-margin{margin-bottom:-35px}.margin-top-bottom{margin-top: 35px; margin-bottom: 35px;}.padding-top{padding-top:35px;}.padding-bottom{padding-bottom:35px;}.padding-top-bottom, footer{padding-top: 35px; padding-bottom: 35px;}}
@media (min-width: 1200px){#savecontent{padding-top:40px; padding-bottom: 40px;}.margin-bottom{margin-bottom: 40px;}.margin-top{margin-top: 40px;}.negative-top-margin, .flush-with-nav{margin-top:-40px}.negative-bottom-margin{margin-bottom:-40px}.margin-top-bottom{margin-top: 40px; margin-bottom: 40px;}.padding-top{padding-top:40px;}.padding-bottom{padding-bottom:40px;}.padding-top-bottom, footer{padding-top: 40px; padding-bottom: 40px;}}
@media (min-width: 1580px){#savecontent{padding-top:45px; padding-bottom: 45px;}.margin-bottom{margin-bottom: 45px;}.margin-top{margin-top: 45px;}.negative-top-margin, .flush-with-nav{margin-top:-45px}.negative-bottom-margin{margin-bottom:-45px}.margin-top-bottom{margin-top: 45px; margin-bottom: 45px;}.padding-top{padding-top:45px;}.padding-bottom{padding-bottom:45px;}.padding-top-bottom, footer{padding-top: 45px; padding-bottom: 45px;}}

/* ============ The Better Way to Size Containers ============ */
@media (min-width: 768px) {#savecontent .container-fluid {padding-left: 50px; padding-right: 50px;}
    footer .container-fluid {padding-left: 50px; padding-right: 50px;}}
@media (max-width: 767px) {#savecontent .container-fluid .container, #savecontent .container .container {width: 100%;}
    footer .container-fluid .container, footer .container .container {width: 100%;}}
@media (min-width: 768px) {#savecontent .container {width: 670px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 640px;}
    footer .container {width: 670px;} footer .container-fluid .container, footer .container .container {width: 640px;} .inner-header.container {width: 750px;}}
@media (min-width: 992px) {#savecontent .container {width: 890px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 860px;}
    footer .container {width: 890px;} footer .container-fluid .container, footer .container .container {width: 860px;} .inner-header.container {width: 970px;}}
@media (min-width: 1200px) {#savecontent .container {width: 1090px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1060px;}
    footer .container {width: 1090px;} footer .container-fluid .container, footer .container .container {width: 1060px;} .inner-header.container {width: 1170px;}}
@media (min-width: 1580px) {#savecontent .container {width: 1430px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1400px;}
    footer .container {width: 1430px;} footer .container-fluid .container, footer .container .container {width: 1400px;}
    #headerContainer .container, #navContainer .container {width: 1430px;}}

    
/*------------------------------------*\
  Simple Spacing, Padding & More Styles
\*------------------------------------*/ 
/* Quick Padding & Padding Clears */
.pl-5  {padding-left: 5px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pr-5  {padding-right: 5px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.ph-20 {padding-left: 20px; padding-right: 20px;}
.ph-30 {padding-left: 30px; padding-right: 30px;}
.ph-40 {padding-left: 40px; padding-right: 40px;}
.pv-10 {padding-top: 10px; padding-bottom: 10px;}
.pv-20 {padding-top: 20px; padding-bottom: 20px;}
.pv-30 {padding-top: 30px; padding-bottom: 30px;}
.pv-40 {padding-top: 40px; padding-bottom: 40px;}
.p-5   {padding: 5px;}
.p-10  {padding: 10px;}
.p-20  {padding: 20px;}
.clear-padding {padding: 0px !important;}
.padding-top-clear {padding-top: 0 !important;}
.padding-bottom-clear {padding-bottom: 0 !important;}
.padding-ver-clear {padding-bottom: 0 !important; padding-top: 0 !important;}
.padding-hor-clear {padding-right: 0 !important; padding-left: 0 !important;}
/* Quick Margins & Margin Clears */
.mt-5  {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mb-5  {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.margin-clear {margin-top: 0 !important; margin-bottom: 0 !important;}
.no-top-margin{margin-top:0;}
.no-bottom-margin{margin-bottom:0;}
/* Other Quick Styles */
.border-bottom-clear {border-bottom: none !important;}
.border-top-clear    {border-top: none !important;}
.border-clear        {border: none !important;}
.nopadding           {padding: 0 !important;  margin: 0 !important;  }
.quick-border        {border: 1px solid rgba(150,150,150,0.6);}



/* ============ Gallery Modifications and Enhancements ============ */
.Caption_Content a {color: white !important; text-decoration: none;}
.Caption_Content a:hover {text-decoration: underline;}.Collage img:hover {opacity: .9; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}

/* ============ Blog Modifications ============ */
@media (max-width: 991px){.blog .img-responsive {margin-bottom: 15px !important;}}
.blog .btn-primary {margin-top: -35px; margin-bottom: 15px;}
.blog-desc h5, .event-desc h5 {color: #999;}
.blog-item-content {
    max-height: 69px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-desc {
    background-color: rgba(255, 255, 255, 1.1);
    border-radius: 8px;
    padding:20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 24px 34px 0px;
    transition: background 200ms ease-in, box-shadow 200ms ease-in;
  }
  

/* ============ Calendar Modifications ============ */
.fc-event {border: 1px solid #444; background-color: #666; font-size: 12px; color: white !important;}
.fc-event:hover {border: 1px solid #444; background-color: #444; font-size: 12px; text-decoration: none !important;}
#eventsToDisplay h5 {font-size: 18px !important; margin-top: 10px;} #eventsToDisplay h3 {font-size: 24px !important;}
#eventsToDisplay {font-size: 15px !important;}
.event-desc .btn-primary {margin-top: 0 !important; margin-bottom: 10px !important;}


/* ======================================================================================================================= */
/* ======================================================================================================================= */
/*  TEMPLATE SPECIFIC CUSTOMIZATIONS  ==================================================================================== */
/* ======================================================================================================================= */
/* ======================================================================================================================= */
.btn {cursor:pointer !important;}
/*------------------------------------*\
  Very Random Stuff
\*------------------------------------*/ 
.navbar {min-height: 1px; height: 1px;}
.navbar-nav>li>.dropdown-menu {min-width: 100%;}
label {font-weight: inherit;}
footer {margin-top: 0 !important;}
.form-group label.btn {padding: 6px 8px; border: 1px solid rgba(200,200,200,.5);} 
@media(max-width: 767px){.lead{font-size: 18px;}.navbar-toggle{margin-right: -5px;}.brandingdiv {margin-left: -5px;} .copyright, .copyright p, .copyright a {font-size: 12px;}}
.pagination > li > a, .pagination > li > span { color: #999 !important; background: none !important; text-decoration: none !important;}
.pagination > li > a:hover, .pagination > li > span:hover { color: #fff !important; text-decoration: none !important;}
@media (max-width: 539px){.col-xxs-12-footer{width: 100%;}}

.img-circle {padding:5px; border:1px solid #d2d2d2;}


/*------------------------------------*\
  Quick Colors
\*------------------------------------*/ 
.color-1 {color:var(--color-1) !important;}
.color-2 {color:var(--color-2) !important;}
.color-3 {color:var(--color-3) !important;}
.color-4 {color:var(--color-4) !important;}

.gradient-text {
    background:#004292 ;
    background-color: var(--color-2);
    background-image: linear-gradient(90deg, var(--color-1) 0%, var(--color-2) 100%);
    color:transparent;
    -webkit-background-clip: text;
            background-clip: text;
}

.color-1-bg {background:var(--color-1) !important;}
.color-2-bg {background:var(--color-2) !important;}
.color-3-bg {background:var(--color-3) !important;}
.color-4-bg {background:var(--color-4) !important;}

.color-bar {
    background:#004292 ;
    background-color: var(--color-2);
    background-image: linear-gradient(90deg, var(--color-1) 0%, var(--color-2) 100%); }



/*------------------------------------*\
  Highlight Color Styles
\*------------------------------------*/ 
::-moz-selection { background: #65C263; color:#fff; }
::selection { background: #65C263; color:#fff; }



/*------------------------------------*\
  Text Effects
\*------------------------------------*/ 
h1, h2, h3 {color: var(--color-1);}
h4, h5, h6 {color: var(--text);}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:700;}
p {line-height:1.6;}
strong {font-weight: 700;}
hr {border-top: 1px solid rgba(130,130,130,0.5);}

.text-shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.text-shadow-float {text-shadow: 0px 2px 15px rgba(0,0,0,0.65);}

.bigtext {font-size: 115%;} .smalltext {font-size: 75%;}
.thin-text {font-weight:400 !important;}
.text-invert {color:#fff !important;}


.text-padding {padding:2em;}
.text-padding-2 {padding:2em 1em; min-height:300px;}
.sub-text {font-size:130%;}

/* ========================= ANCHOR ========================= */
#anchor {
  display: block;
  height: 100px; /*same height as header*/
  margin-top: -100px; /*same height as header*/
  visibility: hidden;
}


/*------------------------------------*\
  Image Floats
\*------------------------------------*/ 
@media (min-width: 1px){
    .float-left, .float-right {width: 100%;margin-bottom:15px;}
}

@media (min-width: 440px){
    .float-left {width: 35%;float:left;margin:3px 20px 10px 0;}
    .float-right{width: 35%;float:right;margin:3px 0 10px 20px;}
}

.float-left-sm {width:25%; float:left; margin:3px 20px 10px 0;}
.float-right-sm {width:25%; float:right; margin:3px 0 10px 20px;}



/*------------------------------------*\
  Quick Scrolls
\*------------------------------------*/ 
.quick-scroll-up {
    position:relative;
    bottom: 0;
    left: 0;
}

.quick-scroll-down {
    position:relative;
    top: 0;
    left: 0;
}



/*------------------------------------*\
  Large Photo CTA Buttons
\*------------------------------------*/ 
.home-btn {background: rgba(0, 178, 223, 0.6); border: 6px solid rgba(255,255,255,0.95); text-align: center; display: block; line-height: 1.1; box-shadow: 0px 7px 40px 0px rgba(0, 0, 0, 0.2);}
.home-btn {color: white !important; text-decoration: none !important; text-align: center;}
.home-btn:hover, .home-btn:active, .home-btn:focus {background: #fff !important; color: #0083B3 !important;}
.absolutecenter {text-align: center;}
.absolutecenter {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width:55%;}

@media(max-width: 479px){.home-btn {font-size: 20px; padding: 10px !important;}}
@media(min-width: 480px){.home-btn {font-size: 21px; padding: 15px !important;}}
@media(min-width: 768px){.home-btn {font-size: 21px; padding: 15px !important;}}
@media(min-width: 992px){.home-btn {font-size: 26px; padding: 15px !important;}}
@media(min-width: 1200px){.home-btn {font-size: 32px; padding: 10px !important;} .main-home-heading {margin-top: 40px;}}
@media(min-width: 1600px){.home-btn {font-size: 32px; padding: 15px !important;}}

/* adjusts padding and color on sides of CTA button images */
@media(min-width: 480px){ /* Phone Size */
.middle-side-padding {padding-left: 8px; padding-right: 8px; background:#fff;}
.first-side-padding {padding-left: 16px; padding-right: 8px; background:#fff;}
.last-side-padding {padding-left: 8px; padding-right: 16px; background:#fff;}}

@media(max-width: 479px){ /* Tablet & Desktops Sizes */
.middle-side-padding {padding-left: 16px; padding-right: 16px; background:#fff;}
.first-side-padding {padding-left: 16px; padding-right: 16px; background:#fff;}
.last-side-padding {padding-left: 16px; padding-right: 16px; background:#fff;}}



/*------------------------------------*\
  Well Styles
\*------------------------------------*/ 
.well-2 {
    background: rgba(255,255,255,0.7);
    padding:2em;
}

.well-2 .form-control {
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.6);
    color: #505050;
    background-color: rgba(255,255,255,.9);
    border: 1px solid #e2e2e2;
    font-size:2rem;
}



/*------------------------------------*\
  Form Styles
\*------------------------------------*/ 
.form-control {
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.6);
    color: #505050;
    background-color: rgba(255,255,255,.1);
    border: 1px solid #cecece;
    border-radius:0px;
}

.numbersSection {/* Spam Number Section */
    height: 34px !Important;
    border-radius: 0px !Important;
    border: 1px solid #ccc;
    box-shadow: 0 0px 0px rgba(0,0,0,0.075) inset!Important;
}



/*------------------------------------*\
  Modal Modifications
\*------------------------------------*/ 
.modal-content { border-radius: 6px; border: 1px solid transparent; color: #222; background-color: #fff; }
.modal-header { background-color: #0083B3; color: #fff; border-bottom: 1px solid transparent; }
.modal-footer { background-color: #0083B3; color: #fff; border-top: 1px solid transparent; }
.modal { background: rgba(255,255,255,0.75); z-index:9999; }
@media (min-width: 768px){.modal-dialog {width:700px; } }



/*------------------------------------*\
  Here Banner Heading on Inner Page
\*------------------------------------*/ 
.standard-small-block-heading {
    background: #111 url(/userfiles/1274/images/header-bg-3.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media(min-width:1px){.hero-image, .hero-overlay {height: 350px;} .hero-overlay {width: 100%; padding: 0 12%;} .hero-overlay2 {width: 0%;}}
@media(min-width:440px){.hero-image, .hero-overlay {height: 250px;} .hero-overlay {width: 100%;} .hero-overlay2 {width: 0%;}}
@media(min-width:768px){.hero-image, .hero-overlay {height: 300px;} .hero-overlay {width: 50%; padding: 0 7%;} .hero-overlay2 {width: 50%;} .orangeBar {bottom: 100px; width: 40%;} .hero-overlay h3 {font-size: 30px !important;}}
@media(min-width:992px){.hero-image, .hero-overlay {height: 350px;} .hero-overlay {width: 40%;} .hero-overlay2 {width: 60%;} .orangeBar {bottom: 170px; width: 50%;} .hero-overlay h3 {font-size: 36px !important;}}
@media(min-width:1200px){.hero-image, .hero-overlay {height: 400px;} .hero-overlay {width: 50%;} .hero-overlay2 {width: 65%;} .orangeBar {bottom: 170px; width: 40%;}}
@media(min-width:1600px){.hero-image, .hero-overlay {height: 500px;} .hero-overlay {width: 50%;} .hero-overlay2 {width: 70%;} .orangeBar {bottom: 170px; width: 30%;}}


.black-gradient-fade {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}



/*------------------------------------*\
  Profile Badge
\*------------------------------------*/     
.floater {box-shadow: 0px 7px 40px rgba(0,0,0,0.20);}
.floater:hover {box-shadow: 0px 1px 3px rgba(0,0,0,0.20);}

.text-push {margin-left:40%;}
.profile-pic-placement {margin-top:-4%; margin-left:10px; width: 35%; float:left; position:absolute;}
.line-bottom {border-bottom:1px solid #cecece; margin-bottom:5px; margin-top:-15px;}



/*------------------------------------*\
  CARD Styles
\*------------------------------------*/ 
.card-floater {
    background-color: rgba(255, 255, 255, 1.1);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 24px 34px 0px;
    transition: background 200ms ease-in, box-shadow 200ms ease-in;
  }
  
.card-floater:hover {
    box-shadow: 0px 1px 6px rgba(0,0,0,0.20);
    -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s;
}
  
.rounded-top { border-top-left-radius: 5px; border-top-right-radius: 5px;}

.bottom-border {
    padding-bottom:3px;
    background-color: var(--color-1);
    background-image: linear-gradient(90deg, var(--color-1) 0%, var(--color-2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-1)', endColorstr='var(--color-2)',GradientType=1 ); /* IE6-9 */
    }
    
.text-padding { padding: 20px;}



/*------------------------------------*\
  Button Styles
\*------------------------------------*/ 
/* Animated Button */
.btn-animated {position: relative; min-width: 0!important; padding-right: 45px!important;}
.btn-animated i {-webkit-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; z-index: 3; right: 17px; position: absolute; line-height: 31px; top: 0; min-width: 12px;}
.btn-animated:after {width: 35px; height: 100%; background-color: rgba(0, 0, 0, 0.1); position: absolute;content: ""; top: 0; opacity: 0; filter: alpha(opacity=0); right: 0px; z-index: 2; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn-animated.radius-50:after {-webkit-border-radius: 0 25px 25px 0; -moz-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0;}
.btn-animated:hover:after {opacity: 1; filter: alpha(opacity=100);}
.btn-animated:hover i {right: 11px;}
.btn-animated.btn-sm {padding-right: 35px!important;}
.btn-animated.btn-sm:after {width: 25px;}
.btn-animated.btn-sm i {right: 14px; line-height: 28px; min-width: 11px;}
.btn-animated.btn-sm:hover i {right: 7px;}

/* This changes color of arrow BG on hover */
.btn-animated.btn-gray-transparent:after {background-color: #CFB77F;}
.btn-gray {background:#fff; border:1px solid #E3E3E3;}

hr {
    border-top: 1px dotted rgba(130,130,130,0.5);
}

/* CTA Button */
.btn-cta { 
    border: 1px solid var(--color-1);
    color: #fff;
    padding:.4em 1em .4em 1em;}

.btn-cta:hover {
    background: var(--color-1);
    color: #fff;}
  
/* Btn-Custom Special Styling outside of "Site Designer" */
.btn-custom {
    border: none;
    border-radius: 120px;
    background-color: #00408F;
    background-image: linear-gradient(90deg, var(--color-2) 0%, var(--color-1) 100%);
}

.btn-custom:hover, .btn-custom:active {
    border: none;
    border-radius: 120px;
    background: var(--color-3);
}



/*------------------------------------*\
  Sidebar/Side Nav Styles
\*------------------------------------*/ 
.sidebar-heading {
    display: block;
    background: rgba(255,255,255,0.65);
    padding: 12px 0px 0px 10px;
    margin: 0 0 10px 0;
    border: 1px dotted #d2d2d2;
    border-left: 3px solid var(--color-1);
    text-decoration: none;
    color: #FFF;
    
}

.sidebar-heading-2 {
    display: block;
    background: rgba(255,255,255,0.65);
    padding: 12px 0px 0px 10px;
    margin: 0 0 10px 0;
    border: 1px dotted #d2d2d2;
    border-left: 3px solid var(--color-1);
    text-decoration: none;
    color: #FFF;
}


.side-well {background: #fafafa;
    padding: 0em 1em 1em 1em;
    margin: -9px 0 10px 0;
    border: 1px dotted #d2d2d2;
    border-top: transparent;
}
    
/* sub-nav style */   
.nav-pills.nav-stacked>li>a {
    padding:2px 0;
    color:#777;
}

.nav-pills>li>a {
    border-radius:0;
    padding:7px 10px;
    border:1px solid transparent;
    color:#999;
    font-size:14px;
    text-transform:uppercase;
    font-weight:500;
}

.nav-pills.nav-stacked > li.active > a, .nav-pills.nav-stacked > li.active > a:hover, .nav-pills.nav-stacked > li.active > a:focus, .nav-pills.nav-stacked > li > a:hover, .nav-pills.nav-stacked > li > a:focus {
    color: var(--color-2);
    background-color:transparent;
    border-color:transparent;
}

.nav-pills.nav-stacked>li>a:after {
    font-family:FontAwesome;
    content:"\f0a9";
    top:4px;
}


.nav-pills.nav-stacked>li>a:after {
    font-size: 12px;
    position: absolute;
    right: 15px;
    color: var(--color-2); /* chanages color of arrow */
    -webkit-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.nav-pills.nav-stacked>li.active>a:focus:after, .nav-pills.nav-stacked>li.active>a:hover:after, .nav-pills.nav-stacked>li>a:focus:after, .nav-pills.nav-stacked>li>a:hover:after {
    color: var(--color-1);/* chanages color of arrow on hover */
    right:10px;
}



/*------------------------------------*\
  Quote Holder
\*------------------------------------*/ 
.quote-holder {
    border: 3px solid var(--color-1);
    padding: 2em;
    margin-bottom:3em;
}

.quote-holder::before {
    content: "“";
    color: var(--color-1);
    font-size: 5em;
    background: #fff;
    position:absolute;
    margin-top: -25px;
    margin-left: -54px;
    -webkit-clip-path: polygon(0 9%, 100% 9%, 100% 57%, 0 57%);
    clip-path: polygon(0 9%, 100% 9%, 100% 57%, 0 57%);
}

.quote-holder::after {
    content: "”";
    color: var(--color-1);
    font-size: 5em;
    background: #fff;
    position:absolute;
    right:0px;
    margin-top: -72px;
    -webkit-clip-path: polygon(0 9%, 100% 9%, 100% 57%, 0 57%);
    clip-path: polygon(0 9%, 100% 9%, 100% 57%, 0 57%);
}



/*------------------------------------*\
  Accordian Styles
\*------------------------------------*/ 
.panel-group .panel-default {
	border-color: #eaeaea;
}
.panel-group .panel-heading {
	padding: 0;
}
.panel-heading a {
	font-weight: 400;
	display: inline-block;
	width: 100%;
	position: relative;
	text-decoration: none;
	padding: 10px 40px 10px 15px;
	color: inherit;
}
/*Style 1*/
.collapse-style-1 .panel-heading {
	background-color: #fafafa;
}
.collapse-style-1 .panel-heading a:after {
	font-family: "FontAwesome";
	content: "\f146";
	color: var(--color-1);
	position: absolute;
	right: 15px;
	font-size: 19px;
	font-weight: 300;
	top: 46%;
	line-height: 1;
	margin-top: -7px;
}
.collapse-style-1 .panel-heading a.collapsed:after {
	content: "\f0fe";
}
.panel-heading a:hover {
	text-decoration: none;
}
.panel-title a i {
	font-size: 20px;
}
.collapse-style-1 .panel-body {
	border-top:3px solid #EAEAEA !important;
	background-color: #fafafa;
	padding: 1.25em 1.5em 1.5em 1.5em;
}

.collapse-style-1 .panel-title {
    font-size: 20px;
}



/*------------------------------------*\
  FLEXBOX
\*------------------------------------*/ 
.flex {align-items: center;flex-wrap: wrap;margin: auto;}
@media(min-width: 768px) {.flex {display: flex}}



/*------------------------------------*\
  Flexbox Containers
\*------------------------------------*/  
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}

.panel-footer {
    padding: 0px 0px;
    background-color: transparent;
    border-top: 0px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.cookie-popup{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    padding: 12px;
    display: none;
  }
  .cookie-popup.is-visible{
    display: block;
    animation: cookieFadeUp .35s ease-out both;
  }

  .cookie-popup__inner{
    max-width: 1100px;
    margin: 0 auto;
    background: rgba(0,0,0,0.92);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 12px;
    padding: 14px 16px;
    box-shadow: 0 14px 40px rgba(0,0,0,0.35);
    display: flex;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .cookie-popup__text{
    line-height: 1.35;
    font-size: 0.95rem;
    flex: 1 1 520px;
  }
  .cookie-popup__text strong{
    display: inline-block;
    margin-right: 6px;
  }

  .cookie-popup__actions{
    display: flex;
    gap: 10px;
    flex: 0 1 auto;
    align-items: center;
    justify-content: flex-end;
  }

  /* Make buttons full width on small screens */
  @media (max-width: 575px){
    .cookie-popup__actions{
      width: 100%;
    }
    .cookie-popup__actions .btn{
      width: 100%;
    }
  }

  @keyframes cookieFadeUp{
    from { opacity: 0; transform: translateY(18px); }
    to   { opacity: 1; transform: translateY(0); }
  }








/* PAGE SPECIFIC */

/* FOOTER */

footer { background-color: rgb(250, 250, 250); margin-top: 20px; }