/*Header*/

.container {
	width: 100%;
	max-width: 1670px;
}

.top-header .logo {
	width: 100%;
	max-width: 352px;
}

.top-header .nav {
	width: 100%;
	max-width: 1130px;
}

.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
	min-height: 180px;
}

.menu-item a {
	font-size: 20px;
	line-height: 27px;
	letter-spacing: 1.5px;
	color: black;
	font-family: var(--font2);
}

.standard-btn {
    background-color: var(--color4);
    width: max-content;
    padding: 10px 28px;
    min-width: 254px;
    min-height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: var(--medium);
    color: white;
}

.standard-btn a {
    color: white;
    font-size: 18px;
    line-height: 24px;	
}

a.meanmenu-reveal span {
	background: white !important;
}

@media only screen and (max-width: 1320px) {
	.nav .standard-btn {
		display: none;
	}
}

@media only screen and (max-width: 1199px) {
	.top-header {
		flex-direction: column-reverse;
    	align-items: center;
		padding: 0;
	}
	.top-header .nav {
		max-width: 100%;
    	min-height: 75px;
    	display: flex;
    	background-color: var(--color4);
    	color: white;
    	align-items: center;
    	justify-content: center;
	}
	.top-header .nav a {
    	color: white;
	}	
	.top-header .logo {
		max-width: 491px;
    	min-height: 242px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
	}
	nav .standard-btn {
		background-color: unset !important;
		padding: 1em 3%;
	}
	nav .standard-btn a, .mean-container .mean-nav ul li.mean-last a {
		background-color: unset !important;
	}	
}

/*Section1*/

.section1 {
    min-height: 768px;
    background-size: cover;
    background-position: center left;
    display: flex;
    align-items: center;
	position: relative;
	overflow: hidden;
}

.section1 .sun {
    position: absolute;
    right: -424px;
    top: 146px;
}

.section1 .col {
    width: 100%;
	max-width: 550px
}

.section1 .col {
    width: 100%;
	max-width: 550px
}

.section1 h1 {
	margin-bottom: 20px;
}

.section1 p {
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 0;	
}

.section1 .standard-btn {
	margin-top: 50px;
}

@media only screen and (min-width: 1200px) {
	.section1 .mobile-bgn {
		display: none;
	}
}
@media only screen and (max-width: 1199px) {
	.section1 .col2 {
		min-height: 521px;
	}
	.section1 {
		flex-direction: column;
		background-image: none !important;
		background-color: #F7F6F4;
	}
	.section1 .row {
		padding: 26px;
	}
	.section1 .mobile-bgn {
    	min-height: 521px;
    	background-position: center right 40%;
    	background-repeat: no-repeat;
    	background-size: auto 100%;
		position: relative;
    	overflow: hidden;
	}
	.section1 .col {
    	width: 100%;
    	max-width: 550px;
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	margin: auto;
	}
	.section1 h1, .section1 p {
		text-align: center;
	}
	.section1 .sun1 {
		display: none;
	}
}

/*Footer CSS*/
.footer-section {
    background-color: var(--color4);
    padding: 2.663% 0;
}

.footer-section .col1 {
	width: 100%;
	max-width: 375px;
}

.footer-section .col2 {
	width: 100%;
	max-width: 258px;
}

.footer-section .col3 {
	width: 100%;
	max-width: 472px;
}

.footer-section .col4 {
	width: 100%;
	max-width: 244px;
}

.footer-section .col2 .site-name {
    font-family: var(--font2);
    text-transform: uppercase;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 3px;
    color: white;
    font-weight: var(--regular);
	margin-bottom: 15px;
}

.footer-section, .footer-section p, .footer-section a {
	color: white;
}

.footer-section .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
	flex-wrap: wrap;
}

.footer-section .day-col {
	width: 100%;
	max-width: 214px;
}

.footer-section .time-col {
	width: 100%;
	max-width: 238px;
}

.footer-section .sked-wrapper {
	display: flex;
}

.footer-section .fa {
	color: var(--color4)		
}

.footer-section .soc-wrapper a {
    display: flex;
    width: 56px;
    height: 56px;
    background-color: white;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
}

.footer-section .soc-wrapper {
    display: flex;
    width: 100%;
    max-width: 130px;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.footer-section .col {
	min-height: 252px;
	padding: 10px;
}

.standard-btn.white {
	background-color: white;
	color: var(--color4);
}

@media only screen and (max-width: 1199px) {
	.footer-section .row {
		flex-direction: column;
    	align-items: center;
		text-align: center;
	}
	.footer-section .soc-wrapper {
		margin: 40px auto;
	}
	.footer-section .col {
       display: flex;
    	flex-direction: column;
    	justify-content: center;
	}	
	.footer-section .sked-wrapper { 
		font-size: 17px;
	}
}

.copyright-section {
    background-color: var(--color2);
    min-height: 142px;
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2px;		
}

.copyright-section .footer-links {
    width: 100%;
    max-width: 360px;
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: space-evenly;
}

.copyright-section .footer-links a {
    color: white;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 2px;
	color: var(--color3);
}

/*Section2 CSS*/
.section2 {
    min-height: 1080px;
    background: linear-gradient(0deg, white 30%, var(--color1) 30%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 132px 20px;
}

.section2 .col1 {
	width: 100%;
	max-width: 900px;
}

.section2 .col2 {
	width: 100%;
	max-width: 614px;
}

.section2 .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.section2 .content-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-bottom: 60px;
}

.section2 .inner-wrapper {
	width: 100%;
	max-width: 693px;
}

.section2 .inner-wrapper p {
	width: 100%;
	max-width: 568px;
}

.section2 h3 {
	margin-bottom: 35px;
}

.section2 .col {
	padding: 10px;
}

@media only screen and (max-width: 1199px) {
	.section2 .row {
		display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.section2 .col2 {
		display: none;
	}
	.section2 .content-wrapper {
    	width: 100%;
    	max-width: 658px;
    	min-height: 618px;
    	padding: 20px;
    	align-items: flex-start;
    	flex-direction: column;
    	margin: auto;
    	display: flex;
    	justify-content: center;
	}
	.section2 {
    	min-height: 0;
    	padding: 0;
	}
	.section2 .row, .section2 .col {
		padding: 0;
	}
}

/*Section 3*/
.section3 {
    min-height: 1370px;
    padding: 65px 20px;
	position: relative;
}
.section3 .col1 {
	width: 100%;
	max-width: 614px;
}

.section3 .col1 .featured {
    width: 100%;
    max-width: 614px;
    margin-bottom: 63px;
    height: 845px;
    background-size: cover;
    background-repeat: no-repeat;
}

.section3 .item-wrp {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.section3 .item-cont {
	width: 100%;
	max-width: 456px;
	padding: 0 10px;
}

.section3 .arrow-right {
	margin-top: 24px;
}

.section3 .item-cont p {
	margin-bottom: 30px;
}

.section3 .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.section3 .col2 {
	width: 100%;
	max-width: 900px;
	padding: 20px;
}

.section3 .cont-wrapper h3 {
	margin-bottom: 23px;
}

.section3 .cont-wrapper p {
	margin-bottom: 62px;
}

.section3 .col2 .item-wrapper {
	width: 100%;
	max-width: 430px;
	padding: 20px;
}

.section3 .col2 .col-holder {
    display: flex;
    justify-content: space-between;
}

.section3 .col2 .featured {
	margin-bottom: 63px;
	height: 572px;
}

.rec-bgn {
    width: 100%;
    max-width: 1574px;
    min-height: 940px;
    background-color: var(--color1);
    position: absolute;
    bottom: 65px;;
    left: 0;
	z-index: -1;	
}

.show-desk {
	display: none;
}

@media only screen and (max-width: 1499px) {
	.section3 .row, .section3 .col2 .col-holder {
    	display: flex;
    	flex-direction: column;
	}
	.section3 .cont-wrapper p {
   		margin-bottom: 15px;
	}
	.mobile-hide {
		display: none;
	}
	.show-desk {
		display: block;
	}
	.section3 .col1, .section3 .col1 .featured, .section3 .item-cont, .section3 .col2 .item-wrapper, .section3 .col2 {
		max-width: 100%;
	}
	.section3 .col1 .featured {
		height: 450px;
		background-position: center;
	}
	.section3 .col2 .featured {
    	height: 300px;
    	background-size: cover;
    	background-position: center;
	}
	.section3 .col2 {
    	padding: 20px 0;
	}
	.section3 .col2 .item-wrapper {
		padding: 20px 0;
	}
	.rec-bgn {
    	min-height: 80%;
    	bottom: 0;
	}
}

/*Section 4 CSS*/
.section4 .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section4 .container {
	padding: 115px 0;
}

.section4 {
    background-position: center;
    background-size: cover;
}

.section4 video {
	width: 100%;
	max-width: 1104px;
}

/*Section 5 CSS*/
.section5 .col1 {
    width: 50%;
    min-height: 864px; 
    background-size: cover;
    background-position: center;
}

.section5 .col2 {
    width: 50%;
    min-height: 864px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 20px;
}

.section5 .row {
	display: flex;
	padding: 0;
}

.section5 .container {
	max-width: 100%;
}

.section5 .col2 .col-wrapper {
    width: 100%;
    max-width: 723px;
    margin: auto;
}

.section5 .col2 .col-wrapper .col-logo {
    margin-bottom: 20px;
}

.section5 .col2 .col-wrapper h3 {
    font-family: var(--font2);
    font-size: 60px;
    line-height: 72px;
    color: white;
    width: 100%;
    max-width: 512px;
    margin-bottom: 22px;
}

.section5 .col2 .col-wrapper p {
    color: white;
    width: 100%;
    max-width: 723px;
    margin-bottom: 34px;
}

.btn1 {
    background-color: white;
    padding: 25px 33px;
    color: var(--color4);
    font-size: 18px;
    letter-spacing: 1.8px;
	border: 2px solid white;
}

.btn2 {
    background-color: transparent;
    padding: 25px 33px;
    color: white;
    font-size: 18px;
    letter-spacing: 1.8px;
    border: 2px solid white;
}

.section5 .btn-holder {
    width: 100%;
    max-width: 442px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width: 1199px) {
	.section5 .row {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.section5 .col {
		width: 100%;
	}
	.section5 .col1 {
		min-height: 691px;
	}
	.section5 .col2 .col-wrapper p {
		display: none;
	}
	.section5 .col2 {    
    	min-height: 500px;
	}
	.section5 .col2 .col-wrapper h3, .section5 .btn-holder {
		max-width: 100%;
	}
	.section5 .col2 .btn1, .section5 .col2 .btn2 {
    	width: 48%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
	}
	.section5 .col2 .btn1 {
    	width: 55%;
	}
	.section5 .col2 .btn2 {
    	width: 43%;
	}	
}

@media only screen and (max-width: 767px) {
	.section5 .btn-holder {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.section5 .col2 .btn1 {
    	width: 100%;
		margin-bottom: 20px;
	}
	.section5 .col2 .btn2 {
    	width: 100%;
		margin-bottom: 20px;
	}	
	.section5 .col2 {
		padding: 40px 20px;
	}
}

/*Section 6 CSS*/

.section6 {
	padding: 170px 0;
}

.section6 .insta-img {
    width: 508px;
    margin: 8px;
    height: 493px;
    background-size: cover;
    background-position: center;
    display: inline-block;
}

.section6 .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	max-width: 1602px;
}

.section6 h3 {
	text-align: center;
	max-width: 732px;
	margin: 0 auto 92px;
}

@media only screen and (max-width: 767px) {
	.section6 .insta-img {
   		width: 280px;
    	height: 268px;
	}
}

@media only screen and (max-width: 1199px) {
	.section6  {
   		display: none;
	}
	.section5 {
		margin-bottom: 20px;
	}
}

/*Others*/
.top-header .nav {
   	padding: 0 20px;
}	

.standard-btn:hover, .btn1:hover, .btn2:hover, .insta-img:hover{
	opacity: 0.7;
	color: black;
}

.section4 video:hover {
	cursor: pointer;
}

.slider-dots li {
    width: 15px;
    height: 15px;
    border: 2px solid var(--color4);
    border-radius: 15px;
	margin: 2px;
}

.slider-dots ul {
    display: flex;
    justify-content: center;
}

/*Section 7*/ 

.section7 h3 {
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: var(--font2);
    font-weight: var(--regular);
    margin-bottom: 18px;
	color: var(--color4);
}

.section7 p {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 1px;
    font-family: var(--font1);
    font-weight: var(--regular);
    margin: 0 auto 18px;
	width: 100%;
	max-width: 804px;
}

.section7 .testi-name {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 1px;
    font-family: var(--font1);
    font-weight: var(--regular);
	color: var(--color4);
	margin: 0 auto 18px;
}

.section7 .container {
    width: 100%;
    max-width: 950px;
    height: 479px;
    margin: auto;
    overflow: hidden;
    background-color: white;
    padding: 52px 73px 10px;
}

.section7 img {
	margin: 0 auto 10px;
	display: block;
}

.section7 .slick-dots .slick-active {
	background-color: var(--color4);
}

.section7 {
    padding: 133px 20px;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 1199px) {
	.section7 .container {
    	height: auto;
		padding: 6%;
	}
}

/*About CSS*/
.about-section {
    background: linear-gradient(90deg, var(--color1) 85%, white 15%);
    padding: 80px 20px 0;
}

.about-section h3 {
    font-family: var(--font2);
    font-size: 48px;
    line-height: 60px;
    font-weight: var(--regular);
    color: black;
    margin-bottom: 84px;
}

.about-section .col1 {
	width: 100%;
	max-width: 604px;
}

.about-section .col2 {
	width: 100%;
	max-width: 900px;
	padding: 0 20px;
}

.about-section .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.profile-section .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profile-section .wrapper .col1 {
    width: 100%;
	max-width: 614px;
}

.profile-section .wrapper .col2 {
    width: 100%;
	max-width: 930px;
}

.profile-section .wrapper .col2 h3 {
    width: 100%;
	max-width: 644px;
	margin-bottom: 32px;
	padding: 20px;
}

.profile-section .wrapper .col2 p {
    width: 100%;
	max-width: 644px;
	margin-bottom: 30px;
	padding: 20px;	
}

.profile-section {
	padding: 90px 20px;
}

@media only screen and (max-width: 1199px) {
	.about-section .wrapper {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.about-section .col {
		max-width: 900px;
	}
	.about-section {
		background: none;
    	background-color: var(--color1);
		padding: 80px 20px;
	}
	.about-section .col1 {
		margin-bottom: 40px;
	}
	.profile-section .wrapper {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.profile-section .col {
		max-width: 614px !important;
	}
	.profile-section .col1 {
		margin-bottom: 30px;
	}
}

/*CTA CSS*/

.cta-section {
    min-height: 810px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-size: cover;
    background-position: center;
}

.cta-section .container {
    width: 100%;
    max-width: 848px;
    height: 524px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 40px 20px;
}

.cta-section .wrapper {
    width: 100%;
    max-width: 712px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cta-section .wrapper img {
    width: 105px;
	height: auto;
	margin-bottom: 20px;
}

.cta-section .wrapper h3 {
    font-family: var(--font2);
	font-size: 48px;
	line-height: 72px;
	font-weight: var(--regular);
	color: var(--color2);
	margin-bottom: 35px;
	text-align: center;
}

.cta-section .wrapper p {
    font-family: var(--font1);
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 2px;
	color: black);
	margin-bottom: 30px;
	text-align: center;
}

@media only screen and (max-width: 1199px) {
	.cta-section .container {
		height: auto;
	}
}

/*Services*/
.services-section .title-wrapper {
    width: 100%;
    max-width: 1268px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 71px;

}

.services-section .title-wrapper .col1 {
    width: 100%;
    max-width: 478px;
}

.services-section .title-wrapper .col2 {
    width: 100%;
    max-width: 784px;
}

.services-section {
    position: relative;
    padding: 120px 20px 110px;
}

.services-section .rec-bgn {
	width: 100%;
	max-width: 1574px;
	min-height: 356px;
	max-height: 356px;
	top: 0;
	left: 0;
}

.services-section .content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 1281px;
    width: 100%;
}

.services-section .content-wrapper .col1 {
	width: 100%;
	max-width: 489px;
}

.services-section .content-wrapper .col2 {
	width: 100%;
	max-width: 690px;
	padding: 20px 20px 0;
}

.services-section .content-wrapper .col2 h3 {
    font-family: var(--font2);
    font-size: 36px;
    line-height: 38px;
    margin-bottom: 20px;
}

.services-section .content-wrapper .services-item .col1 {
    width: 100%;
    max-width: 574px;
	margin-right: 20px;
}

.services-section .content-wrapper .services-item .col2 {
    width: 30px;
    padding: 0;
}

.services-section .content-wrapper .services-item .col2 img {
    width: 30px;
    height: auto;
}

.services-section .content-wrapper .services-item .col2 img:hover {
    cursor: pointer;
}

.services-section .content-wrapper .services-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 26px;
}

@media only screen and (max-width: 1199px) {
	.services-section .title-wrapper {
    	display: flex;
    	flex-direction: column;
    	align-items: flex-start;
	}
	.services-section .content-wrapper {
		display: flex;
    	flex-direction: column;
    	align-items: center;
		padding-top: 110px;
	}
	.services-section .content-wrapper .col1 {
		margin-bottom: 30px;
	}
	.services-section .content-wrapper .col2 {
		max-width: 489px;
	}		

}

/*Products*/
.products-section .col1 {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 845px;
}

.products-section .col2 {
	width: 100%;
	max-width: 614px;
	padding: 0 20px;
}

.products-section .wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.products-section {
	position: relative;
	padding: 93px 20px 46px;
}

.products-section .rec-bgn {
    top: 0;
    min-height: 658px;
    max-height: 658px;
}

.products-section .pro1 {
    width: 100%;
    height: 499px;
    background-size: cover;
    background-position: center;
}


.products-section .pro2 {
    width: 100%;
    height: 790px;
    background-size: cover;
    background-position: center;
}

.products-section2 .col1, .products-section3 .col1 {
    width: 100%;
    max-width: 900px;
}

.products-section2 .col2, .products-section3 .col2 {
    width: 100%;
    max-width: 574px;
    padding: 0 20px;
    background-color: var(--color1);
    margin: 0 20px;
}

.products-section2 .wrapper, .products-section3 .wrapper {
    display: flex;
    justify-content: space-between;
}

.products-section3 .col1 { max-width: 700px; }
.products-section3 .col2 { max-width: 774px; background-color: transparent; }

.ads-wrapper img {
    max-width: 244px;
    position: absolute;
    right: 0;
    bottom: -22%;
}

.ads-wrapper {
	width: 100%;
	height: 536px;
	position: relative;
}

.ads-wrapper .ads-cont {
    width: 100%;
    max-width: 464px;
    position: absolute;
    top: 12.315%;
    left: 9.235%;
}

.ads-wrapper .standard-btn {
	min-width: 160px;
}

.ads-wrapper p {
	margin-bottom: 43px;
}

.ads-wrapper .cs {
    font-family: var(--font2);
    font-size: 36px;
    line-height: 72px;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.ads-wrapper .off {
    font-family: var(--font2);
    font-size: 48px;
    line-height: 48px;
}

.ads-wrapper .off span {
    font-style: italic;
}

.products-section2, .products-section3 {
	padding: 46px 20px 223px;
}
.products-section2 { padding-bottom: 46px; }

.products-section2 .col1 h3, .products-section3 .col1 h3 {
    font-family: var(--font2);
    font-size: 60px;
    line-height: 72px;
    margin-bottom: 21px;	
}

.products-section2 ul {
	border-left: 2px solid var(--color4);
    list-style: square;
    margin: 0px;
    padding: 0 42px;
}

.products-section2 ul li::marker{
    color: var(--color4);
}

.products-section2 ul li {
	margin-bottom: 20px;
}

.products-section2 p {
	margin-bottom: 65px;
}

@media only screen and (max-width: 1199px) {
	.products-section .wrapper, .products-section2 .wrapper, .products-section3 .wrapper {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.products-section .col1 {
		margin-bottom: 30px;
		height: auto;
	}
	.products-section .col2 {
		max-width: 900px;
		padding: 0;
	}
	.products-section .col .pro1, .products-section .col .pro2 {
		height: 300px;
	}
	.products-section .pro1 {
		margin-top: 30px;
	}
	.products-section .col1 h1 {
		margin-bottom: 30px;
	}
	.products-section2 .col1, .products-section3 .col1 {
    	max-width: 574px;
    	margin-bottom: 40px;
	}
	.ads-wrapper img {
    	max-width: 44%;
	}
	.ads-wrapper .cs {
    	font-size: 30px;
    	line-height: 40px;
	}
	.products-section3 .col2 { text-align: center; }
}

/*Membership*/
.membership-section {
	position: relative;
	padding: 66px 20px;
}

.membership-section .rec-bgn {
	top: 0;
	min-height: 658px;
	max-height: 658px;
}

.membership-section .cont-wrapper {
	width: 100%;
	max-width: 784px;
}

.membership-section .cont-wrapper h1 {
	margin-bottom: 30px;
}

.membership-section .cont-wrapper p {
	font-size: 20px;
	line-height: 36px;
}

.membership-section .mem-wrapper {
    width: 100%;
    max-width: 1670px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.membership-section .mem-item {
    width: 100%;
    max-width: 502px;
    display: flex;
    flex-direction: column;
    padding: 3.3215% 3.014%;
    background-color: white;
    position: relative;
    margin: 10px 27px 25px;
}

.membership-section .mem-item h2 {
    font-family: var(--font2);
    font-size: 48px;
    line-height: 50px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.membership-section .mem-item h3 {
    font-family: var(--font2);
    font-size: 36px;
    line-height: 38px;
	margin-bottom: 26px;
	color: black;
}

.membership-section .mem-item p {
	margin-bottom: 30px;
}

.membership-section .standard-btn {
	min-width: 112px;
}

.membership-section .mem-wrp {
	min-height: 466px;
}

.membership-section .leaf2 {
    width: 45%;
    height: auto;
    position: absolute;
    right: -9%;
    top: -17%;
	display: none;
}

.membership-section .mem-item:nth-child(2) .leaf2 {
	display: block;
}

.membership-section .mem-item:nth-child(2) .mem-wrp {
    width: 100%;
    max-width: 333px;
}

/*SFU*/

.sfu-section {
	position: relative;
	padding: 93px 20px;
}

.sfu-section .sfu-img {
    width: 100%;
    max-width: 614px;
    height: 845px;
    background-size: cover;
    background-position: center;
}

.sfu-section .col1 {
	width: 100%;
	max-width: 864px;
}

.sfu-section .col2 {
	width: 100%;
	max-width: 614px;
	padding: 0 20px;
}

.sfu-section h1 {
	margin-bottom: 47px;
}

.sfu-section .rec-bgn {
    min-height: 784px;
    max-height: 784px;
    top: 0;
}

.sfu-section .wrapper {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
	.sfu-section .wrapper {
    	display: flex;
    	justify-content: center;
    	flex-direction: column;
	}
	.sfu-section .col {
    	max-width: 100%;
		padding: 0;
	}
	.sfu-section .sfu-img {
		max-width: 100%;
	}
	.sfu-section .col1 {
		margin-bottom: 30px;
	}
	.sfu-section .sfu-img {
		height: 480px;
		background-position: center top 38%;
	}
	.sfu-section {
		background-color: var(--color1);
	}
}

/*Testimonials*/
.testimonials-section {
    position: relative;
    padding: 100px 20px;
    overflow: hidden;
}

.testimonials-section .rec-bgn {
    min-height: 526px;
    max-height: 526px;
    top: 0;
}

.testimonials-section .leaf2 {
    width: 244px;
    position: absolute;
    right: -33px;
    top: 17%;
}

.testimonials-section h1 {
	margin-bottom: 75px;
}

.testimonials-section .wrapper {
	width: 100%;
	max-width: 1298px;
}

.testimonials-section .testi-item {
	width: 100%;
	max-width: 1298px;
	padding: 5.008% 3.8525%;
	background-color: white;
}

.testimonials-section .testi-wrapper {
    border-left: 2px solid var(--color4);
    padding: 3.84%;
}

.testimonials-section .testi-wrapper p {
	margin-bottom: 47px;
}

.testimonials-section .testi-wrapper .name {
	color: var(--color4);
}

/*Contact*/
.contact-section {
	padding: 100px 20px;
}

.contact-section, .contact-section .info-wrapper {
	position: relative;	
}

.contact-section .rec-bgn {
    top: 0;
    min-height: 526px;
    max-height: 526px;
}

.contact-section .sked-wrapper {
    display: flex;
}

.contact-section .day-col {
    width: 100%;
    max-width: 214px;
}

.contact-section .time-col {
    width: 100%;
    max-width: 238px;
}

.contact-section .leaf2 {
	position: absolute;
	right: 0;
	top: 0;
}

.contact-section .wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1580px;
}

.contact-section .wrapper .col1 {
    width: 100%;
    max-width: 748px;
}

.contact-section .wrapper .col2 {
    width: 100%;
    max-width: 616px;
	padding: 0 20px;
}

.contact-section h1 {
	margin-bottom: 70px;
}

.contact-section .form-wrapper {
    background-color: white;
    padding: 7.622%;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield textarea {
    border: 1px solid var(--color4);
    background-color: white;
    text-transform: inherit;
    font-weight: normal;
}

.contact-section .gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 24px;
    line-height: 36px;
    font-weight: normal;
    margin-bottom: 8px;
    padding: 0;
}


.contact-section .gform_wrapper input[type=submit] {
    background-color: var(--color4);
    height: 76px;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: 2px;
    text-transform: none;
	font-weight: var(--medium);
}

.contact-section .form-wrapper h3 {
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 2px;
	font-family: var(--font1);
	margin-bottom: 14px;
}

.contact-section .form-wrapper p {
	margin-bottom: 38px;
}

.contact-section .info-wrapper h3 {
	font-size: 48px;
	line-height: 72px;
	letter-spacing: 2px;
	font-family: var(--font2);
	margin-bottom: 16px;
	text-transform: uppercase;
}

.contact-section .info-wrapper p {
	margin-bottom: 23px;
}

.contact-section .info-wrapper .phone {
	font-weight: var(--bold);
	color: black;
	margin-bottom: 29px;
}

.contact-section .soc-wrapper {
    display: flex;
    width: 100%;
    max-width: 130px;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0 31.17%;
}

.contact-section .soc-wrapper a {
    display: flex;
    width: 56px;
    height: 56px;
    background-color: white;
    justify-content: center;
    align-items: center;
    border-radius: 28px;
}

.contact-section .fa {
	color: var(--color4); 
}

@media only screen and (max-width: 1199px) {
	.contact-section .wrapper {
    	display: flex;
    	max-width: 100%;
    	flex-direction: column;
    	align-items: center;
	}
	.contact-section .wrapper .col2 {
		max-width: 748px;
	}
	.contact-section .sked-wrapper {
    	font-size: 17px;
	}
}

/*Inner*/
.inner-section {
	position: relative;
	padding: 90px 20px;
}
.inner-section .rec-bgn {
	width: 100%;
	max-width: 1574px;
	min-height: 784px;
	max-height: 784px;
	position: absolute;
	top: 0;
}
.inner-section .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.inner-section .wrapper .col1 {
    width: 100%;
	max-width: 604px;
}

.inner-section .wrapper .col2 {
    width: 100%;
	max-width: 900px;
	padding: 0 20px;
}

.inner-section .f-img {
	height: 499px;
}

.inner-section h1 {
	margin-bottom: 55px;
}

.inner-section p {
	margin-bottom: 25px;
}

.ex-section .col1 {
	width: 100%;
	max-width: 900px;
}

.ex-section .col2 {
    width: 100%;
    max-width: 604px;
    margin: auto;
	padding: 0 20px;
}

.ex-section .inn-img {
    height: 572px;
    background-size: cover;
    background-position: top center;
}
.ex-section .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ex-section h3 {
	font-family: var(--font2);
	margin-bottom: 32px;
}

.ex-section p {
	margin-bottom: 30px;
}

.ex-section {
	padding: 130px 20px;
}

.f-img {
    background-size: cover;
    background-position: center;
}

.inn-flex, .inn-photos {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.inn-photos { padding-top: 30px; }
.inn-photos img { margin: 1rem 1.25rem; }
/*.inn-vid { flex: 1 auto; }*/

@media only screen and (max-width: 1199px) {
	.ex-section .wrapper, .inner-section .wrapper {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.ex-section .wrapper .col, .inner-section .wrapper .col {
		max-width: 900px;
		padding: 0;
	}
	.ex-section .wrapper .col1, .inner-section .wrapper .col1 {
		margin-bottom: 30px;
	}	
	.inner-section .f-img, .ex-section .inn-img {
		height: 300px;
	}
	.inner-section, .ex-section {
		padding: 40px 20px;
	}
	
}

.page-template-default h1 {
	margin-bottom: 30px;
}

.sitecol h3 {
	display: none;
}

.page-template-default .main-section {
	padding: 90px 20px;
}

#sitemap a {
	color: black;
}

/*QC tweaks*/
@media only screen and (max-width: 767px) {
	.contact-section .leaf2 {
		display: none;
	}
}


.profile-section .wrapper { display: block; }
.profile-section .item { display: flex; flex-wrap: wrap; margin-bottom: 40px; }
.profile-section .item .col1 { width: 44%; }
.profile-section .item .col2 { width: 56%; padding: 30px 6%; }
.profile-section .item .col2 p { margin-bottom: 50px; padding: 0; max-width: 100%; font-size: 21px; }
.profile-section .item .col2 h3 { padding: 0; max-width: 100%; }

@media only screen and (min-width: 992px) {
	.profile-section .item:nth-child(even) { flex-direction: row-reverse; }
}

@media only screen and (max-width: 1199px) {
	.profile-section .col {	max-width: 100% !important; }
}
@media only screen and (max-width: 991px) {
	.profile-section .item .col1, .profile-section .item .col2 { width: 100%; }
	.profile-section .item .col1 { text-align: center; }
}