/* GLOBAL */
/* GLOBAL CSS */

/* =========================================================================================================== */
/* ============ Random Adjustments that should never need to be changed ============ */
/* =========================================================================================================== */

h6{
    font-family: inherit;
}


@media(max-width: 767px) {
    .navbar-toggle {
        margin-top: 30px;
        margin-left: 30px;
    }
    .navbar.navbar-default {
            border-bottom: 3px solid #2abdcf;
    }
}
@media (max-width: 767px){.btn-lg {font-size: 14px; padding: 8px 10px;}}

body {overflow-x: hidden !important;}
.copyright, .copyright p, .copyright a {font-size: 11px;}
.removecontainer, .makefluid, .srcView, .dragbutton {color: white !important;}
footer p.text-muted {display: none;}
a, a:hover {cursor:pointer;} a:focus {outline: transparent;}
a {transition: all .12s ease-in;}
/*.navbar {min-height: 0; height: 0;}*/
.form-horizontal .req {margin-left: -7px;}
.form-group {margin-bottom: 5px}
label {font-weight: inherit;}
.form-group label.btn {padding: 6px 8px;}
.btn, .btn:hover {text-decoration: none !important;}
.shareButton {display: none;}



/* =========================================================================================================== */
/* ============ Dynamic Paddings and Margins ============ */
/* =========================================================================================================== */

@media (max-width: 767px){ /* xs */
#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){ /* sm */
#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){ /* md */
#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){ /* lg */
#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: 1600px){ /* xl */
#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;}}
@media (min-width: 1800px){ /* xxl */
#savecontent{padding-top:55px; padding-bottom: 55px;}.margin-bottom{margin-bottom: 55px;}.margin-top{margin-top: 55px;}.negative-top-margin, .flush-with-nav{margin-top:-55px}
.negative-bottom-margin{margin-bottom:-55px}.margin-top-bottom{margin-top: 55px; margin-bottom: 55px;}.padding-top{padding-top:55px;}.padding-bottom{padding-bottom:55px;}
.padding-top-bottom, footer{padding-top: 55px; padding-bottom: 55px;}}

.no-margins{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;}.no-top-margin{margin-top:0;}.no-bottom-margin{margin-bottom:0;} footer {margin-top: 0 !important;}


.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-20 {padding-top: 20px;padding-bottom: 20px;}
.pv-30 {padding-top: 30px;padding-bottom: 30px;}
.pv-40 {padding-top: 40px;padding-bottom: 40px;}

.mt-5 {margin-top: 5px;}
.mb-5 {margin-bottom: 5px;}
.mt-10 {margin-top: 10px;}
.mb-10 {margin-bottom: 10px;}
.mt-20 {margin-top: 20px;}
.mb-20 {margin-bottom: 20px;}

.space-top {padding-top: 20px;}
.space-bottom {padding-bottom: 20px;}

.margin-clear {margin-top: 0 !important;margin-bottom: 0 !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;}

.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;  }



/* =========================================================================================================== */
/* ============ Custom Media Queries ============ */
/* =========================================================================================================== */

@media (min-width: 1600px) {/* XL Media Queries */
.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: inline !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: 1599px){.visible-xl {display: none !important;}}

@media (max-width: 459px) {/* XXS Media Queries */
.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: inline !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: 460px){.visible-xxs {display: none !important;}}
    
    
    
/* =========================================================================================================== */
/* ================== Alternative way to Size Containers, remove to revert to Bootstrap defaults ================== */
/* ============ Also allows for putting .container within .container-fluid for compatibility with .snip ============ */
/* =========================================================================================================== */

@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%;}
    #savecontent .container, footer .container {max-width: 459px;}
    .pre-header .container, .post-header .container {padding-left: 10px; padding-right: 10px;}}
@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: 1600px) {
    #savecontent .container, .pre-header .container, .post-header .container {width: 1330px;} #savecontent .container-fluid .container, #savecontent .container .container {width: 1300px;}
    footer .container {width: 1330px;} footer .container-fluid .container, footer .container .container {width: 1300px;}
    #headerContainer .container, #navContainer .container {width: 1330px;}}


/* =========================================================================================================== */
/* ============ Quick Effects and Modifications ============ */
/* =========================================================================================================== */

/* change font weight of bold items, match h6 in Font Manager */
strong {font-weight: 700;}
#savecontent a:not(.btn) {font-weight: 700;}

/* change color/style of HR */
hr {border-top: 1px solid rgba(130,130,130,0.5);}

/* create a dark overlay for background image, must be within a div that has style="position: relative;" */
.darkOverlay {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 9;}

.darkGradient{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+50,000000+100&0+50,0.6+100 */
background: -moz-linear-gradient(top,  rgba(52,62,45,0) 50%, rgba(18,19,17,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(52,62,45,0) 50%, rgba(18,19,17,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(52,62,45,0) 50%, rgba(18,19,17,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
}

/* typically used on a div with class of .padding-top-bottom that has a .contiainer div within */
.colorBG {
background: rgb(116,193,204); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(116,193,204,1) 1%, rgba(53,186,204,1) 32%, rgba(9,123,203,1) 79%, rgba(8,91,160,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(116,193,204,1) 1%,rgba(53,186,204,1) 32%,rgba(9,123,203,1) 79%,rgba(8,91,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(116,193,204,1) 1%,rgba(53,186,204,1) 32%,rgba(9,123,203,1) 79%,rgba(8,91,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c1cc', endColorstr='#085ba0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* add class to wrapping DIV to change text color within */
.dark-text, .dark-text p, .dark-text blockquote, .dark-text li, .dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4, .dark-text h5, .dark-text h6 {color: #111;}
.light-text, .light-text p, .light-text blockquote, .light-text li, .light-text h1, .light-text h2, .light-text h3, .light-text h4, .light-text h5, .light-text h6  {color: #fff;}

/* add class to image to create floated image */
@media (min-width: 1px){.float-left, .float-right{width: 100%;margin-bottom:15px; margin-top: 10px;}}
@media (min-width: 768px){.float-left{width: 300px; max-width: 50%; float:left;margin:3px 20px 10px 0;} .float-right{width: 300px; max-width: 50%; float:right;margin:3px 0 10px 20px;}}

/* center content vertically and horizontally within a div that has position: relative; */
.absolutecenter {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

/* change hover colors for .btn-default */
.btn-default:hover, .btn-default:active, .btn-default:focus {border: 1px solid #4f7932; color: #4f7932; background: #fff;}

.drop-shadow {-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.3);}
.text-shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}
.quick-border {border: 1px solid #aaa;}

.bigtext {font-size: 120%;} .smalltext {font-size: 75%;}
.narrow-container {max-width: 850px;}


/* =========================================================================================================== */
/* ============ Carousel Customizations ============ */
/* =========================================================================================================== */


.carousel-cta { /* start hero CTA button styles */
    position: absolute;
    width: 86%;
    left: 7%;
    text-align: center;
    top: 34%;
    z-index: 2;
}
.btn-cta {
    padding: 15px 20px;
    background: rgba(0,0,0,0.7);
    border: 0 solid transparent;
    color: white !important;
    border-radius: 100px;
}
.btn-cta:hover, .btn-cta:active, .btn-cta:focus {
    background: rgba(0,0,0,0.85);
}
@media (min-width: 768px){
    .btn-cta {font-size: 22px; padding: 25px 35px;}
}
@media (min-width: 1200px){
    .btn-cta {font-size: 30px; padding: 30px 40px;}
} /* end hero CTA button styles */


/* =========================================================================================================== */
/* ============ Gallery Modifications ============ */
/* =========================================================================================================== */

/* shouldn't need to change first 6 lines, or anything really */
.Caption_Content a {color: white !important; text-decoration: none; font-weight: inherit !important; font-size: 12px;} 
.Caption_Content a:hover {text-decoration: underline;}.Collage img:hover {opacity: .9; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
.Caption_Content {padding: 5px;} .fancybox-nav {width: 45%;}
.fancybox-nav span {visibility: visible;}.fancybox-overlay {z-index: 10000;} .fancybox-wrap {z-index: 10001;}
.Collage img {border: 0 solid transparent;} .fancybox-wrap {width: auto !important;} .fancybox-skin {padding: 0 !important;}
.Image_Wrapper {-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}

.fancybox-prev:hover{
background: -moz-linear-gradient(left,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.fancybox-next:hover{
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=1 ); /* IE6-9 */

}

.fancybox-title-inside-wrap {
    padding: 12px;
    background: rgba(0,0,0,0.6);
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    color: white;
}
.fancybox-title-inside-wrap a {color: white !important; font-size: 14px; padding: 8px;}
.fancybox-title-inside-wrap a:first-child, .fancybox-title-inside-wrap br {display: none;}
@media (max-width: 767px){
    .fancybox-title-inside-wrap {font-size: 10px; padding: 3px 6px 3px 6px;}
}


/* =========================================================================================================== */
/* ============ Blog Modifications ============ */
/* =========================================================================================================== */

/*.blog {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);}*/
.blog-detail-page {background: #fff;}

.blog-item-content {max-height: 40000px}

   .blog-detail-page .blog .img-responsive {margin-bottom: 15px !important;}
   .blog-detail-page .blog .col-xs-12.col-sm-6.col-lg-4 {width: 100%;}
   .blog-detail-page .blog .col-xs-12.col-sm-6.col-lg-8 {width: 100%;}
   .blog-detail-page .blog-wrapper {max-width: 1000px; margin-left: auto; margin-right: auto;}

@media (max-width: 1199px){
    .blog .img-responsive {margin-bottom: 15px !important;}
    .blog .col-xs-12.col-sm-6.col-lg-4 {width: 100%;}
    .blog .col-xs-12.col-sm-6.col-lg-8 {width: 100%;}
}
.blog {background: white; padding: 5px 20px 30px 20px; margin-bottom: 35px; margin-top: 0;}
.blog-desc .btn-custom.btn-primary {
    position: absolute;
    left: 30px;
    bottom: -15px;
    float: none;
}
.pagination > li > a, .pagination > li > span {background: rgba(0,0,0,0.5) !important;}

/* =========================================================================================================== */
/* ============ Calendar Modifications ============ */
/* =========================================================================================================== */


/* =========================================================================================================== */
/* ============ Accordion Modifications ============ */
/* =========================================================================================================== */


/* =========================================================================================================== */
/* ============ Modal Modifications ============ */
/* =========================================================================================================== */

.modal {z-index: 9999;}
.modal-header {background: #0A7BCB;}
.modal-header h4 {color: white;}
.modal-body {background: #eee;} .modal-body, .modal-body p, .modal-body li {color: #222;}
.modal-footer {background: #0A7BCB;}
.modal {background: rgba(0,0,0,0.75);}


/* =========================================================================================================== */
/* ============ Form Modifications ============ */
/* =========================================================================================================== */



/* =========================================================================================================== */
/* ============ Template-Specific Modifications ============ */
/* =========================================================================================================== */

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

@media(min-width: 768px) and (max-width: 991px) { .rowclear > *:nth-child(2n+1) {clear: left !important;}} /* this is how to prevent weird floats when columns aren't exact same height */
@media(min-width: 992px) and (max-width: 1199px) { .rowclear > *:nth-child(3n+1) {clear: left !important;}} /* change the number before "n" to match the number of columns at each screen size */
@media(min-width: 1200px){ .rowclear > *:nth-child(4n+1) {clear: left !important;}} /* .rowclear is a class on the .row div that contains the columns */

 /* change text/highlight selection color */
::-moz-selection { background: #7e8c76; color: white; }
::selection { background: #7e8c76; color: white;}

.cta-thumbs img {
    /*border: 1px solid white;*/
}

.pre-header .btn, .wrapper .btn, footer .btn {border: 1px solid white;}

.cta-thumb-link {
    padding: 10px 15px;
    color: white !important;
    /*border: 1px solid white;*/
    display: block;
    background: rgba(0,0,0,0.5);
}

.cta-thumb-link:hover,.cta-thumb-link:active,.cta-thumb-link:focus {
    background: rgba(0,0,0,0.75);
}

.img-enlarge img {
    -webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.2);
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: white;
}

@media (min-width: 768px){ /* enlarge image hover effect */
.img-enlarge img:hover {
    -webkit-transform: scale(1.75);
    -ms-transform: scale(1.75);
    transform: scale(1.75);
    position: relative;
    z-index: 99999;
    left: 0;
    border-radius: 30px;
    overflow: hidden;
    cursor: zoom-in;
    border: 7px solid white;
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.6);
}}

.title-wrapper { /* effects for sub page headings */
    background: url(/userfiles/1116/images/generic-sub-header-bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
}


.dark-gray {color: #444;}
.teal {color: rgb(2,115,155)}
.teal-headers h1, .teal-headers h2, .teal-headers h3, .teal-headers h4, .teal-headers h5, .teal-headers h6 {color: rgb(2,115,155)}
.mid-blue {color: rgb(2,115,155)}
.ice-blue {color: rgb(1, 170, 193)}
.light-gray {color: lightgray}
.gold {color: #ffa500}

.light-gray-bg {background-color: rgb(235, 235, 235)}

/*.uppercase {font-weight: 700; text-transform: uppercase; letter-spacing: 2px}*/

/*footer {background: url('/userfiles/1137/images/footer-bg.jpg') no-repeat center center; background-size: cover}*/

/*SUBPAGES*/
.header-box {background-color: rgba(255, 255, 255, 0.8); max-width: 800px; margin: auto; padding: 20px;}


.services {border-radius: 5px}
.service-gray {background-color: rgb(226, 226, 226); padding: 40px 20px;}
.service-white {background-color: whitesmoke; padding: 40px 20px;}
.services .fa-circle {color: teal}
.services .fa-stack {margin-right: 15px}

.pricing-table table {background-color: #fff; border: 1px solid rgba(200,200,200,0.8)}
.pricing-table img {border: 1px solid rgba(200,200,200,0.8)}
.pricing-table th {background-color: rgb(2,115,155); color: #fff; text-align: center}
.pricing-table tr {text-align: center; border-top: 1px solid rgba(200,200,200,0.3)}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 15px; border-top: none}

.panel-title h4 {line-height: 2.4em; color: #fff; font-weight: 700; font-size: 24px; margin: 0; padding:0;}
/*.panel-default > .panel-heading {background-color: rgb(244,246,245);}*/

.header-box {background-color: rgba(255, 255, 255, 0.8); max-width: 800px; margin: auto; padding: 20px;}

.custom-icon {position: relative}
.biology-white {width: 40px; left: 2px;}


.panel-heading {background-color: rgb(42, 189, 207) !important; padding: 5px 15px !important;}
.panel-title a, .panel-title {font-size: 16px; font-weight: 700;}

.pricing p {font-weight: 700}

.fa-circle {color: rgb(42, 189, 207)}

.cta-btns {width: 32.5%; margin: auto; background-color: rgb(0, 136, 153); border: 0 !important; font-size: 22px !important; padding: 0 !important; display: inline-block; margin-bottom: 5px;}
.cta-btns a {
    border: 0 !important;
    width: 100%; display: block;
    font-size: 22px;
    background: transparent !important;
    padding: 20px 5px 5px 5px !important;
}
@media(max-width: 767px){
    .cta-btns {
        width: 100% !important;
    }
}
.cta-btns-lg {width: 100%; background-color: rgb(12, 12, 12);}
.cta-btns-lg:hover, .cta-btns-lg:active, .cta-btns-lg:focus {background-color: rgba(12, 12, 12, 0.9) !important;}
.cta-btns, .cta-btns h4, .cta-btns-lg h4 {color: #fff !important}

.well {background-color: #fff; /*border: 3px solid teal;*/ max-width: 600px; margin: auto; padding: 15px 45px; border-radius: 10px;}
/*.well p, .well h2, .well h3, .well h4, .well h5, .well h6, .well label {color: #fff}*/
.well a {color: rgb(42, 189, 207) !important}

#savecontent form {margin: auto}

.flex.row-reverse {
    flex-direction: row-reverse;
} 

/* PAGE SPECIFIC */

/* FOOTER */

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