﻿body {
  color: #000;
    
min-height: 75rem;
  padding-top: 3.5rem;
}
		
		a {color: #1c355e;}
		
		a span.social-icon {background: #fff; color: black;}
		a span.social-icon:hover {background: #f38b3c; color: white;}
		
		.navbar-dark .navbar-nav .nav-link {
    color: white; border-radius: 0;
}
		.navbar-dark .navbar-nav .active > .nav-link {
    color: #f38b3c; 
}
        .navbar-dark .navbar-nav .nav-item > a.active {color: #f38b3c;}
         .navbar-dark .navbar-nav .nav-item > a.active:hover {color: #fff;}
		
		.navbar-dark .navbar-nav .nav-item:hover {
    color: #fff; background: #f38b3c; border-radius: .3rem;
}
		
		.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff; background: #f38b3c;
}
		
		.text-gold {color: #f38b3c;}
		.background-gold {background: #f38b3c;}
		.text-green {color: #5B794e;}
        .text-blue {color: #1c355e;}
		.background-green {background: #5B794e;}
		.bg-black {background: #000;}
		.bg-blue {background: #1c355e;}
        .background-purple { background: #482970;}
        .background-gold-sv { background: #ed9c30;}
        .text-purple { color: #482970; }
.background-orange-cpng {
    background: #ED8B00;
}


		
		a .card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23); color:#000;
}
		
		a .card-3:hover {box-shadow: 0 10px 20px rgba(235,156,44,0.19), 0 3px 3px rgba(235,156,44,0.23); text-decoration: none;}
		
		a.search h2 {color: #000;}
		a.search p {color: #000;}
		a.search:hover {text-decoration: none; color: #5B794e;}
		a.search h2:hover {color: #5B794e;}
		a.search p:hover {color: #5B794e;}
		
		a.search .fa-stack i.text-gold:hover {color: #5B794e;}
		

.carousel {
  margin-bottom: 4rem;
}

.carousel-caption {
  bottom: 7rem;
  z-index: 10;
}


/*.carousel-item {
  height: 32rem;
  background-color: #777;
}
.carousel-item > img {
 position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}*/

.carousel-item {
  height: auto;
  background-color: #777;
}

.carousel-inner > .carousel-item > img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;  
  max-width: none;
  height: auto;  
}


		
		.carousel-item:after {
  content:"";
  display:block;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(0,0,0,0.4);
}

		
		.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

        .carousel-item{
  /*height:100vh;*/
  background-size:cover !important;
  background-position:center center !important;
}
		

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


.featurette-divider {
  margin: 5rem 0; 
}

.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}

		h4, h2 {font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;}


        h2.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


@media (min-width: 40em) {
  
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 40px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    /*margin-top: 1rem;*/
  }
}
		
		
		.card a {color: #000;}
		.card a:hover {color: #f38b3c; text-decoration: none;}
		
		a .card {color: #000;}
		a .card:hover {color: #f38b3c; text-decoration: none;}
		
		
		.modal-full {
    min-width: 90%;
   
}

.modal-full .modal-content {
    /*min-height: 90vh;
	border-radius: 0;*/
	/*background: #343a40;
	color: white;*/
}
		
		#header-logo img {height: 28px;}
        .text-right-center { text-align: right;}
        .detail-page-spacing { margin-top: 0;}
		
		@media (max-width: 767px) {
			#header-logo img {height: 46px;}
            .text-right-center {
                text-align: center;
            }
            .detail-page-spacing { margin-top: 15px;}
		}
		
.breadcrumb {background: transparent;}

.breadcrumb a:hover { color: #f38b3c; text-decoration: none;}

 a:hover { color: #f38b3c; text-decoration: none;}

 h1.page-heading-v4 {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
     font-size: 44px;
}

.btn, .card, .card-body { border-radius: 0;}

.btn-gacore {background: #5B794e; border-color: #5B794e; color: white !important; }
.btn-gacore:hover {background: #f38b3c; border-color: #f38b3c; color: white !important;}

.btn-gacore-reverse {background: #f38b3c; border-color: #f38b3c; color: white !important; }
.btn-gacore-reverse:hover {background: #5B794e; border-color: #5B794e; color: white !important;}

.btn-cpng {
    background: #407EC9;
    border-color: #407EC9;
    color: white !important;
}

    .btn-cpng:hover {
        background: #ED8B00;
        border-color: #ED8B00;
        color: white !important;
    }

.btn-cpng-reverse {
    background: #ED8B00;
    border-color: #ED8B00;
    color: white !important;
}

    .btn-cpng-reverse:hover {
        background: #407EC9;
        border-color: #407EC9;
        color: white !important;
    }

.card-body h1, .main-content h1 {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
     font-size: 44px;
     color: #5B794e;
    padding-bottom: 30px;
}

.main-content .csc h1 { color: #482970;}

.main-content .cpng h1 {
    color: #407EC9;
}

.card-body h2, .main-content h2 {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
     font-size: 36px;
     color: #5B794e;
   padding: 30px 0 30px 0;
}

.main-content .csc h2 { color: #482970;}

.main-content .cpng h2 {
    color: #407EC9;
}

#sideHeader h2.card-title {
  font-weight: 500 !important;
    line-height: 1;
  letter-spacing: -.05rem;
 font-size: 30px !important;
     
   padding: 20px 0 15px 0 !important;
}

#featuredContent h2.card-title {
  font-weight: 500 !important;
    line-height: 1;
  letter-spacing: -.05rem;
 font-size: 30px !important;
     
   padding: 20px 0 15px 0 !important;
}


.card-body h3, .main-content h3 {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
     font-size: 26px;
     color: #5B794e;
   padding: 15px 0 15px 0;
}

.main-content .csc h3 { color: #482970;}

.main-content .cpng h3 {
    color: #407EC9;
}

.main-content .cpng h4 {
    color: #407EC9;
}

.main-content .cpng h5 {
    color: #407EC9;
}

.main-content .cpng h6 {
    color: #407EC9;
}

/*home page specific styles*/

 .carousel {
    margin-bottom: 0;
}

        a.large-icon {color: #f38b3c !important;}
        a.large-icon h2, a.large-icon p {color: #000 !important;}
        
        a.large-icon:hover,  a.large-icon h2:hover, a.large-icon p:hover  {color: #5B794e !important;}

        a.reverse-icon {color: #5B794e !important;}
        a.reverse-icon h2, a.reverse-icon p {color: #000 !important;}
        
        a.reverse-icon:hover,  a.reverse-icon h2:hover, a.reverse-icon p:hover  {color: #f38b3c !important;}

        .text-card {background: #5B794e; color: #fff0f5;}
        .text-card a {color: #fff;}

        .card-img-top { border-radius: 0;}

        #home-bottom-logos img {max-width: 300px; margin: 0 auto;}


        .horizontalRadios input[type="radio"] {
    margin-right: 5px;
            padding: 5px;
}

        .main-content a, .main-content a:hover { text-decoration: underline;}
        .main-content a.btn, .main-content a.btn:hover { text-decoration: none;}

         img.survivorship-logo {height: 60px; width: 60px; padding-top: 5px; margin-left: 15px;}

        @media (max-width: 767px) {img.survivorship-logo {height: 20px; width: 20px; margin-top: 27px; margin-right: 15px;}
                                   .main-content h1 {font-size: 28px;}
        }


        #map-canvas {
    
            width: 100%;
            height: 100%;
}

        .gmaps {
    
            width: 100%;
            height: 100%;
}

        .footer-links a:hover { text-decoration: underline;}

        .no-js .lazy{display:none}


@media (min-width: 1300px) {.container { max-width: 1240px;}}


.content-card { height: 99%;}

.special-placement { float: right;}
    @media (max-width: 767px){.special-placement { margin-top: 10px;}}

.btn-survivorship {background: #482970; border-color: #482970; color: #ffffff;}
.btn-survivorship:hover {background: #ed9c30; border-color: #ed9c30; color: #ffffff;}

@media (max-width: 767px) {
       .main-content h1 { font-size: 24px;}
       .main-content h2 { font-size: 20px;}
       .main-content h3 { font-size: 18px;}
       .main-content h4 { font-size: 16px;}
    }


.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block !important;
}

@media (min-width: 768px) {
    .carousel-item {
  height: 400px;
 
}
    .carousel-inner > .carousel-item > img {

  height: 400px;  
}


}

@media (min-width: 980px) {
    .carousel-item {
  height: 32em;
  }
    .carousel-inner > .carousel-item > img {

  height: 32em;  
}


}


.navigation-logo {
    padding-top: 5px;
    margin-left: 15px;
    width: 60px;
    height: 60px;
}
.bg-navigator-blue {
    background: #407EC9;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #f38b3c;
    border-color: #f38b3c;
}

.pageResource-header-bg {
    background: #5B794e;
    color: #fff;
}