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

/*Social Media Icons*/
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);
	.footernav {
			padding-top: 40px;
			padding-bottom: 40px;
			font-weight: 400;
   			font-size: 14px;
			text-transform: uppercase;
    		line-height: 1.6;
			font-family:"AvenirRoman";
			-webkit-font-smoothing: antialiased;
    		text-rendering: geometricPrecision;
			position:relative;
			width: 100%;
			height:auto;
            color: #666666;
			background: #f5f5f5;
			background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 52%, rgba(255, 255, 255, 1) 100%);			
			}
		
.navbar-light .navbar-nav .nav-link {
    color: #545b62;
    /* font-size: medium; */
    font-weight: bold;
}

.footernav a.nav-link {
    text-decoration: none;
    color: #000;
	
}
.footernav a {
    text-decoration: none;
    color: #666;
	
}

.footernav.p > a:hover{
    color: #fff !important;
    text-decoration:  underline;
}
ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
padding-top: 20px;
    margin-top: 0px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 0px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-instagram {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-instagram:hover {
    background-color: #fb3958;
}
.fa-twitter {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #55acee;
}
.fa-linkedin {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #007bb5;
}
.fa-email {
    padding:10px 12px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-email:hover {
    background-color: #fb3958;
}


/*Web Fonts*/
  @font-face {
  font-family: AvenirRoman;
  src: url(../fonts/AvenirLTStd-Roman.otf);
  }
  @font-face {
  font-family: AvenirLight;
  src: url(../fonts/Avenir-Light.otf);
  }
  @font-face {
  font-family: AvenirBook;
  src: url(../fonts/AvenirLTStd-Book.otf);
  }
  @font-face {
  font-family: WhitneyBook;
  src: url(../fonts/whitney-book.otf);
  }
  @font-face {
  font-family: WhitneyCondensed;
  src: url(../fonts/whitneycondensed-medium.otf);
  }
  @font-face {
  font-family: WhitneyLight;
  src: url(../fonts/whitney-light.otf);
  }
  @font-face {
  font-family: WhitneyBold;
  src: url(../fonts/whitney-bold.otf);
  }
  @font-face {
  font-family: WhitneyMedium;
  src: url(../fonts/whitney-medium.otf);
  }
  @font-face {
  font-family: WhitneySemiBold;
  src: url(../fonts/whitney-semibold.otf);
  }
		.videoBackgroundWrapper{
			padding-top: 0px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			color: inherit;
			background-color: #eee;
			overflow: hidden;
			position: absolute;
			}
		.imageBackgroundWrapper{
			position:relative;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			color: inherit;
			background-color: #eee;
			overflow: hidden;
			height: 700px;
		}
			#myVideo {
			position:relative;
			width:100%;
			left: 0;
			right: 0;
			top: 0;
			filter: brightness(100%);
			margin-bottom: -1px;
			}
@media (max-width: 1920px) and (min-width: 991px) {

			a.nav-link {
				text-decoration: none;
				color: #000;
			}
			#demo {
			position: relative;
			z-index:0;
			height: 100%;
            align-items: center;
            flex-direction: column;
            text-align: center;
			vertical-align:text-top;
			justify-content: center;
			padding-top: 20px;
			margin: auto;
			width: 900px;
			}
			.carousel-caption {
			top: 50%;
			transform: translateY(-70%);
			height: 50%;
			padding: 20px;
			}
			.carousel-caption h5 {
			font-size:30px;
			}
			.carousel-caption h6 {
			font-size:20px;
		    }
			.carousel-item {
			width: 100%;
			}

			#announcements {
			position: absolute;
			z-index:0;
			height: 100%;
            align-items: center;
            flex-direction: column;
            text-align: center;
			vertical-align:text-top;
			justify-content: center;
			padding-top: 0px;
			margin: auto;
			width: 100%;
			}

.carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
      
.carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-control.left {
  margin-left: -25px;
}

		.carousel-control.right {
		  margin-right: -25px;
		}

		.navbar-collapse.collapsing {
			left: -75%;
			transition: height 0s ease;
		}

		.navbar-collapse.show {
			left: 0;
			transition: left 300ms ease-in-out;
		}

		.navbar-toggler.collapsed ~ .navbar-collapse {
			transition: left 500ms ease-in-out;
		}	
	
		#announcements {
			position:relative;
			width:100%;
			height:auto;
			left: 0;
			right: 0;
			top: 0;
			filter: brightness(100%);
			margin-bottom: -1px;
		}
	.videoBackgroundWrapper{
			position:relative;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			color: inherit;
			background-color: #eee;
			overflow: hidden;
      		Z-INDEX: -100;
			}
		.imageBackgroundWrapper{
			position:relative;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-bottom: 0px;
			color: inherit;
			background-color: #eee;
			overflow: hidden;
			height: 700px;
		}

}
@media (max-width: 1200px) {

	.videoBackgroundWrapper{
			position: relative;			
			width: 100%;
			height: auto !important;
			top: 0;
			left: 0;
		}
	#swapteam {
			width: 70% !important;
			}
.imageBackgroundWrapper {
			position: relative;			
			width: 100%;
			height: auto;
			top: 0;
			left: 0;
			}
		#announcements {
			position:relative;
			padding-top:0px;
			margin-bottom: -1px;
			width:100%;
			left: 0;
			right: 0;
			top: 0;
			filter: brightness(90%)
		}
			#imagenews{
			}
			.carousel-caption {
			top: 70%;
			transform: translateY(-50%);
			height: 70%;
			padding: 20px;
			}
			.carousel-caption h5 {
			font-size: calc(20px + 0.390625vw);
			}
			.carousel-caption h6 {
		font-size: calc(11px + 0.390625vw);
			   }

			.carousel-item {
			width: 100%;
			height: 500px;
			}

*, *:before, *:after {
	 box-sizing: border-box;
}
 body {
	 background-color: #fff;
}
	  .arrow {
		 position: absolute;
		 right: 20px;
		 top: 10px;
		 margin-right: -10px;
		 margin-top: 0px;
		 width: 60px;
		 height: 60px;
		 cursor: pointer;
		 }
	 .arrow:before {
		 content: "";
		 position: absolute;
		 width: 0px;
		 height: 0px;
		 right: 5px;
		 top: 10px;
		 opacity: 1;
		 border-radius: 100%;
		 background-color: #77bf43;
	}
	 .arrow .icon-line {
		 position: absolute;
		 left: 5px;
		 height: 8px;
		 width: 50px;
		 background-color: #77bf43;
		 transition: all 300ms ease-out;
		 transition-delay: 100ms;
		 border-radius: 8px;
	}
	 .arrow .icon-line:first-child {
		 transform-origin: center 20px;
		 top: 10px;
	}
	 .arrow .icon-line:nth-child(2) {
		 top: 50%;
		 margin-top: -4px;
		 transform-origin: center center;
	}
	 .arrow .icon-line:last-child {
		 transform-origin: center -12px;
		 bottom: 10px;
	}
	 .arrow.anim.in:before, .arrow.anim.out:before {
		 transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
		 width: 100px;
		 height: 100px;
		 left: -20px;
		 top: -20px;
		 opacity: 0;
	}
	 .arrow.in .icon-line {
		 border-radius: 0;
	}
	 .arrow.in .icon-line:first-child {
		 transform: rotate(225deg);
		 width: 35px;
		 top: 8.5px;
		 left: 16px;
	}
	 .arrow.in .icon-line:nth-child(2) {
		 width: 44px;
		 left: 11px;
		 transform: rotate(180deg);
	}
	 .arrow.in .icon-line:last-child {
		 transform: rotate(135deg);
		 width: 35px;
		 bottom: 8.5px;
		 left: 16px;
	}
	 .arrow.out .icon-line:first-child {
		 transform: rotate(360deg);
	}
	 .arrow.out .icon-line:nth-child(2) {
		 transform: rotate(360deg);
	}
	 .arrow.out .icon-line:last-child {
		 transform: rotate(360deg);
	}
	 .arrow.no-trans .icon-line {
		 transition: none;
	}
	.navbar-toggler {
		border: 0px !important;

	}
}

/*@media (max-width: 991px) {
  .navbar-toggler {
      border: none;
      outline: none;
    }

a.nav-link {
    text-decoration: none;
    color: #000;
	
}

			#demo {
			position: relative;
			z-index:0;
			height: 100%;
            align-items: center;
            flex-direction: column;
            text-align: center;
			vertical-align:text-top;
			justify-content: center;
			padding-top: 20px;
			margin: auto;
			width: auto;
			}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
.carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
      }
      
      .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
      }

.slideanim {
    visibility:hidden;
    visibility:visible\9;
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1s;
}
.slideanim::after {
   
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
			#myVideo {
			position:relative;
			height:100% !important;
			width:500px !important;
			left: 0;
			right: 0;
			top: 60px;

			}			

			.videoBackgroundWrapper {
			position: relative;			
			width: 100%;
			height: 500px;
			top: 0;
			left: 0;
			}
			.imageBackgroundWrapper {
			position: inherit;			
			width: 100%;
			height: 400px !important;
			top: 0;
			left: 0;
			}
			.carousel-caption h5 {
			font-size:14px;
			}
			.carousel-caption h6 {
			font-size:11px;
		   }
			.carousel-caption {
			top: 30%;
			transform: translateY(-50%);
			height: 30%;
			padding: 20px;
			}

} */

@media (max-width: 500px) {
		#benefits {
			font-weight: 100;
   			font-size: 14px;
    		line-height: 1.6;
			font-family:"AvenirLight";
			-webkit-font-smoothing: antialiased;
    		text-rendering: geometricPrecision;

		}
		.membershipbottom {
			right:0;
		}
		.navbar-toggler {
			border: none;
			outline: none;
    	}
		a.nav-link {
			text-decoration: none;
			color: #000;
		}
		#demo {
			position: relative;
			z-index:0;
			height: 100%;
            align-items: center;
            flex-direction: column;
            text-align: center;
			vertical-align:text-top;
			justify-content: center;
			padding-top: 20px;
			margin: auto;
			width: auto;
			}
		.carousel-caption h5 {
			font-size: calc(14px + 0.390625vw);
		}
		.carousel-caption h6 {
			font-size: calc(11px + 0.390625vw);
		   }
		
		.carousel-caption {
			top: 90%;
			transform: translateY(-50%);
			height: 85%;
			padding: 15px;
		}
			.carousel-item {
			height: 100% !important;
			}
			.carousel-inner {
			height: 100% !important;
			}
.carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
      }
      
      .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
      }
			.videoBackgroundWrapper{
			position: relative;			
			width: 100%;
			height: auto;
			top: 0;
			left: 0;
			}
			.imageBackgroundWrapper{
			width: 100% !important;
			height: auto !important;
			top: 0;
			left: 0;
			}
			
			#announcements {
			position:relative;
			margin-top:0px !important;
			width:auto !important;
			left: 0px;
			right: -20%;
			top: 0px;
			filter: brightness(100%);
			}
			#imagenews{
			margin-left: 0px; !important;
			}
			.offercolumn {
			height:150px;
			}
			#swapteam {
			width:65%;
			right:0;
			}
*, *:before, *:after {
	 box-sizing: border-box;
}
 body {
	 background-color: #fff;
}
  .arrow {
	 position: absolute;
	 right: 20px;
	 top: 10px;
	 margin-right: -10px;
	 margin-top: 0px;
	 width: 60px;
	 height: 60px;
	 cursor: pointer;
	 }
 .arrow:before {
	 content: "";
	 position: absolute;
	 width: 0px;
	 height: 0px;
	 right: 5px;
	 top: 10px;
	 opacity: 1;
	 border-radius: 100%;
	 background-color: #fff;
}
 .arrow .icon-line {
	 position: absolute;
	 left: 5px;
	 height: 8px;
	 width: 50px;
	 background-color: #fff;
	 transition: all 300ms ease-out;
	 transition-delay: 100ms;
	 border-radius: 8px;
}
 .arrow .icon-line:first-child {
	 transform-origin: center 20px;
	 top: 10px;
}
 .arrow .icon-line:nth-child(2) {
	 top: 50%;
	 margin-top: -4px;
	 transform-origin: center center;
}
 .arrow .icon-line:last-child {
	 transform-origin: center -12px;
	 bottom: 10px;
}
 .arrow.anim.in:before, .arrow.anim.out:before {
	 transition: all 400ms cubic-bezier(0, 0.7, 0.5, 1);
	 width: 100px;
	 height: 100px;
	 left: -20px;
	 top: -20px;
	 opacity: 0;
}
 .arrow.in .icon-line {
	 border-radius: 0;
}
 .arrow.in .icon-line:first-child {
	 transform: rotate(225deg);
	 width: 35px;
	 top: 8.5px;
	 left: 16px;
}
 .arrow.in .icon-line:nth-child(2) {
	 width: 44px;
	 left: 11px;
	 transform: rotate(180deg);
}
 .arrow.in .icon-line:last-child {
	 transform: rotate(135deg);
	 width: 35px;
	 bottom: 8.5px;
	 left: 16px;
}
 .arrow.out .icon-line:first-child {
	 transform: rotate(360deg);
}
 .arrow.out .icon-line:nth-child(2) {
	 transform: rotate(360deg);
}
 .arrow.out .icon-line:last-child {
	 transform: rotate(360deg);
}
 .arrow.no-trans .icon-line {
	 transition: none;
}
}