@charset "utf-8";
/* CSS Document */

.pre_nav_container {display:none;}
	.header_logos_container {border-bottom:5px solid #cc4e0b;}
	.mobile_button_menu, .mobile_button_search {display:none;}
	.header_logo {max-width:250px;}
	.image img {width:100%;}
	footer {}
	.to-top a {background-image: url(../images/to-top.png); height:45px; width:80px;}
	.to-top a, .to-top a:hover {background-size: 80px 45px;}
	.to-top a:hover, .to-top a:focus {background-image: url(../images/to-top-b.png);}
	
	.title-01 {text-align: center; color:#cc4e0b; text-transform: uppercase; font-family: gravesend-sans,sans-serif; font-weight: 600; font-style: normal; color:#cc4e0b; letter-spacing:1px; margin:4% auto;}
	
	.large-text {font-size:1.2em; text-align: center; padding:2% 1%; font-family: gravesend-sans,sans-serif; font-weight: 300; font-style: normal; color:#757575; line-height: 1.15;}
	
	.intro {text-align: center;}
	.intro .logo {margin: 4% auto 0px auto; max-width: 450px;}
	.intro.video .content_container {max-width:none; padding:0px;}
	.intro .title-01 a {border-bottom:1px dashed #cc4e0b;}
	
	
	
	.ever-buttons {padding:3% 0px;}
	.ever-buttons .item {padding: 3%; text-transform:uppercase; color: #cc4e0b; text-align: center;}
	.ever-buttons .item a.btn {border:1px solid #cc4e0b; border-radius: 0px; width: 80%; color: #cc4e0b; padding:5%; white-space: normal; letter-spacing:2px;}
	.ever-buttons .item a.btn:hover {background-color:#eaeaea; color:#03244d;}
	.ever-buttons .item a.btn:focus {background-color:#eaeaea; color:#03244d;}
	.ever-buttons .item .text-01 {line-height:1.75; font-weight:600; }
	.ever-buttons .item .text-02 {line-height:1.75; margin:5% auto;}
	
	.promo {padding:2% 0px; color:#757575;}
	.promo .content_container {margin:6% auto;}
	.promo .text-02 {text-align: center; font-size:1.35em;}
	.promo .promo-title {margin:5% auto; font-size:1.5em; font-weight:600;}
	.promo.orange {background:url("../images/background-pattern-orange.jpg"); background-size: cover; background-position: center center; color:#fff; background-color:#cc4e0b;}
	.promo.orange .content_container {max-width:1200px; padding:3%;}
	.promo.orange .title-01 {color:#fff;}
	.promo.blue {background:url("../images/background-pattern-blue.jpg"); background-size: cover; background-position: center center; color:#fff; background-color:#03244d;}
	
	.why-ever {}
	.why-ever .image {max-width:600px; margin:5% auto;}
	
	.people {}
	.people.admin {background:url("../images/background-ever.jpg"); background-position: center top; background-repeat: no-repeat; background-size: contain;}
	
	.people .text .info {font-size:1.2em;}
	.people .text-border {}
	.people .text .name {color:#757575; font-size:1.15em; text-transform: uppercase;}
	.people .text .title {color:#757575; font-size:1.15em;}

	.aufamily {}
	.aufamily .text {margin:4% auto; max-width:550px;}
	.aufamily .text .info {font-size:1.2em;}
	.aufamily .text-border {}
	.aufamily .text .name {color:#757575; font-size:1.15em; text-transform: uppercase;}
	.aufamily .text .title {color:#757575; font-size:1.15em;}
	
	
	.carousel-control.right, .carousel-control.left {background-image: none; color:#a1a1a1}
	.why-ever .credit {font-size:1.1em;}
	.why-ever .large-text {margin: 4% auto 0px auto;}
	
	.modal-body {height:90vh; text-align: left;}
	
	.carousel-indicators {margin-top:10px; bottom:0px; position:relative;}
	.carousel-indicators li {width: 15px; height: 15px; border-radius: 20px; background-color:#d3d3d3;}
	.carousel-indicators li.active {width: 15px; height: 15px; border-radius: 20px; background-color:#cc4e0b;}	

	.carousel-control.right, .carousel-control.left {background-image: none;
    color: #fff;
    text-shadow: 3px 3px 3px #000;
    z-index: 9;
    height: 75%;
    top: 6%;
    opacity: 1;}
	
	.carousel-control:hover {color:#cc4e0b;}	
	.carousel-control:focus {color:#cc4e0b;}
	
	
	
	@media (min-width:768px) {
		.large-text {font-size: 1.8em; margin:4% auto;}
		.title-01 {font-size:1.25em;}
		.promo .text-02 {max-width:90%;}
		.ever-buttons .content_container {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
		.ever-buttons .content_container .buttons {display: table; width: 100%; height: 100%;}
		.ever-buttons .content_container .buttons .item {display: table-cell; vertical-align: middle; float: none;}
		.ever-buttons .content_container .buttons .item .text-01 {font-size:1.3em;}
		.ever-buttons .content_container .buttons .item .text-02 {font-size:1.3em;}
		/*people {height:50vh;}*/
		.people .text .text-border {background-color:#cc4e0b; height:5px; max-width:20%; margin:2% 0px;}
		.aufamily .text .text-border {background-color:#cc4e0b; height:5px; max-width:20%; margin:2% 0px;}
		.people .content_container {min-height:50vh;}
		.people .content-box {position:absolute; bottom:0; z-index: 1;}
		
	}
	
	@media (min-width:992px) {
		.large-text {font-size: 2.5em;}
		.title-01 {font-size:1.5em;}
		/*.people {height:75vh;}*/
		.people .text .info {font-size:1.5em;}
		.people .text .name {font-size:1.5em;}
		.people .text .title {font-size:1.35em;}
		.people .content_container {min-height:70vh;}
		
		.aufamily .text .info {font-size:1.5em;}
		.aufamily .text .name {font-size:1.5em;}
		.aufamily .text .title {font-size:1.35em;}
		
	}
	
	@media (min-width:1200px) {
		.large-text {font-size: 2.9em;}
		.title-01 {font-size:1.85em;}
		.promo .text-02 {max-width:80%;}
		.people .content_container {min-height:100vh;}
	}
	
	@media (min-width:1500px) {
	}
	

.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}

	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}

	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}

	.carousel-fade .carousel-control {
	  z-index: 2;
	}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
	@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}