/* GLOBAL */
.img-responsive {width:100% !important;}


:root {
    /* Color Scheme */
    --color-1: #606c88;
    --color-2: #3f4c6b ;
    --color-3: #d2bc03;
    --color-4: #822864;
    --color-5: #004292;
    --text: #808080;
    --invert-text: #FFFFFF;
    --bg-color: #e2e2e2;
    --shadow-float: rgba(0, 0, 0, 0.2) 0px 24px 34px 0px;
    --gradient-bg: linear-gradient(90deg, var(--color-2) 0%, var(--color-1) 100%);
    --br: .25rem;
    --spacer: 1rem;
    --spacer-md: calc(var(--spacer)*2);
    --spacer-lg: calc(var(--spacer)*3);
    /* Base Colors */
    --blue:    #007bff;
    --indigo:  #6610f2;
    --purple:  #6f42c1;
    --pink:    #e83e8c;
    --red:     #dc3545;
    --orange:  #fd7e14;
    --yellow:  #ffc107;
    --green:   #28a745;
    --teal:    #20c997;
    --cyan:    #17a2b8;
    --white:    #fff;
    --black:    #000;
    /* Black scale */
    --b-1: rgba (0,0,0,0.1);
    --b-2: rgba (0,0,0,0.2);
    --b-3: rgba (0,0,0,0.3);
    --b-4: rgba (0,0,0,0.4);
    --b-5: rgba (0,0,0,0.5);
    --b-6: rgba (0,0,0,0.6);
    --b-7: rgba (0,0,0,0.7);
    --b-8: rgba (0,0,0,0.8);
    --b-9: rgba (0,0,0,0.9);
    /* White scale */
    --w-1: rgba (255,255,255,0.1);
    --w-2: rgba (255,255,255,0.2);
    --w-3: rgba (255,255,255,0.3);
    --w-4: rgba (255,255,255,0.4);
    --w-5: rgba (255,255,255,0.5);
    --w-6: rgba (255,255,255,0.6);
    --w-7: rgba (255,255,255,0.7);
    --w-8: rgba (255,255,255,0.8);
    --w-9: rgba (255,255,255,0.9);
    --lead-dark-blue: #061544;
    --lead-faded-blue: #2c415e;
    --lead-yellow: #f8c128;
    --lead-teal: #1cddd0;
    --lead-gray: #bfbfc0;
    --lead-black: #050607;
    --lead-orange: #f2672e;
}

.btn-lead:hover {
    background-color: var(--lead-orange) !important;
    color: white !important;
}
 .mb-3 {
     margin-bottom: 1rem;
     
 } 
 .my-3 {
     margin: 1rem 0;
 }
  
.btn-primary {background-color: var(--color-1); border-color: var(--color-1);}
.btn-success {background-color: var(--color-2); border-color: var(--color-2);}
.btn-info    {background-color: var(--color-3); border-color: var(--color-3);}
.btn-warning {background-color: var(--color-4); border-color: var(--color-4);}
.btn-danger  {background-color: var(--red); border-color: var(--red);}



  /* saved */
body { background: var(--bg-color); }
html { color: var(--text);}
.img-responsive {width:100% !important;}



@media (max-width: 767px) and (min-width: 1px){
#headerContainer {background-color: var(--color-1) !important;}}



.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 {
	    color: var(--text-invert) !important;
	    background-color: var(--color-2); }

    .dropdown-menu li a:hover {
        color: var(--color-1) !important;
        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);}
.img-responsive      {width:100% !important;}


/* ============ 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;}

/* ============ 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){.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;}

@media (max-width: 767px) {.pull-left {width:100%; float: none !important;}}
@media (min-width: 768px) {.pull-left {width:50%; float: none !important;}}

/*------------------------------------*\
  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-color: var(--color-1);
    background-image: linear-gradient(90deg, var(--color-2) 0%, var(--color-1) 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-color: var(--color-1);
    background-image: var(--gradient-bg);}
    
.gradient-bg {
    background-color: var(--color-1);
    background-image: var(--gradient-bg);}



/*------------------------------------*\
  Highlight Color Styles
\*------------------------------------*/ 
::-moz-selection { background: var(--color-2); color: var(--invert-text); }
::selection { background: var(--color-2); color: var(--invert-text); }



/*------------------------------------*\
  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;}
h1.extrabig {font-size:300%;}
h2 {text-transform:uppercase;}
p {line-height:1.6;}
strong {font-weight: 700;}
hr {border-top: 1px solid rgba(130,130,130,0.5);}
@media (max-width: 767px){.lead {font-size:110%;}}
@media (min-width: 768px){.lead {font-size:130%;}}

.text-shadow {text-shadow: 0px 4px 15px rgba(0,0,0,0.5);}
.text-shadow-float {text-shadow: 0px 10px 25px rgba(0,0,0,0.35);}

.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,.0) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.6);
    color: #505050;
    background-color: rgba(255,255,255,.5);
    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: var(--white); }
.modal-header { background: var(--color-2) !important; color: var(--invert-text); border-bottom: 1px solid transparent; }
.modal-footer { background: var(--gradient-bg) !important; color: var(--invert-text); border-top: 1px solid transparent; }
.modal { background: var(--w-5); 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/1307/images/alcohol-beverage-industry-consulting-colorado.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: 100%; 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: 100%;} .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: 100%;} .hero-overlay2 {width: 65%;} .orangeBar {bottom: 170px; width: 40%;}}
@media(min-width:1600px){.hero-image, .hero-overlay {height: 500px;} .hero-overlay {width: 100%;} .hero-overlay2 {width: 70%;} .orangeBar {bottom: 170px; width: 30%;}}


.black-gradient-fade {
    background:    -moz-linear-gradient(left, var(--color-1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--color-1) 0%, rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background:     linear-gradient(to right, var(--color-1) 0%, rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-1)', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */}



/*------------------------------------*\
  Hero Banner w/ Color Fade In
\*------------------------------------*/ 

.fade-container {
    position: relative;
    background: url(/userfiles/1307/images/banner-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
    background-attachment: fixed; }
.fade-container h3 { 
    font-weight: 300;
    text-shadow: 0px 1px 10px rgb(0, 89, 52);
    line-height: 1.5; 
    color: var(--text-invert); }
.fade-container .shade { 
    /* LINK TO SITE TO CHANGE GRADIENT COLOR------: http://colorzilla.com/gradient-editor/#72c25c+0,7db9e8+100&1+0,0+100 */
    background:    -moz-linear-gradient(left, var(--color-2) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, var(--color-2) 0%, rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background:     linear-gradient(to right, var(--color-2) 0%, rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c25c', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px; }
    
    
    
/*------------------------------------*\
  Profile Badge
\*------------------------------------*/     
.floater {box-shadow: var(--shadow-float);}
.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.8);
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: var(--shadow-float);
    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 {
    background: transparent;
    border: 1px solid #FFF;
    border-radius:0px;
    color: var(--invert-text) !important;
    font-size:3rem;
    padding-top:1.75rem;
    padding-bottom:1.5rem;
}

.btn-cta:hover {
    background: var(--color-1);
    color: var(--text-invert);
}  
  
  
/* Btn-Custom Special Styling outside of "Site Designer" */
.btn-custom {
    border: none;
    border-radius: 120px;
    background-color: var(--color-1);
    background-image: var(--gradient-bg);
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active {
    color: var(--invert-text) !important;
    background-image: none;
    background-color: var(--color-4) !important;
    border-color: var(--color-4) !important;
}


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

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


.side-well {
    background: rgba(0,0,0,0.06);
    padding: 0em 1em 1em 1em;
    margin: -9px 0 10px 0;
    border: 1px dotted rgba(0,0,0,0.1);;
    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 { border-color: #cecece !important;}

.panel-group .panel-default {
	border-color: var(--b-3);
}
.panel-default>.panel-heading {
    background-color: var(--white);
    border-color: var(--b-3);
}
.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*/
.panel-heading {
	background-color: var(--white);
}
.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;
}
.panel-heading a.collapsed:after {
	content: "\f0fe";
}
.panel-heading a:hover {
	text-decoration: none;
}
.panel-title a i {
	font-size: 20px;
}
.panel-body {
	border-top:3px solid #EAEAEA !important;
	background-color: var(--white);
	padding: 1.25em 1.5em 1.5em 1.5em;
}

.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;
}
@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
}
@media (max-width: 991px) {
  .navbar-toggle {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .brandingLogoHolder {
    margin-top: 10px;
  }
}
@media (min-width: 1px) and (max-width: 768px) {
  .brandingLogoHolder {
    width: 160px;
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .brandingLogoHolder {
    width: 200px;
    float: left;
  }
}
.inner-header .navbar-toggle {
    display: none !important;
}






/* PAGE SPECIFIC */

/* FOOTER */

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