body {
	margin: 0px;
}
.cursorPointer {
	cursor: pointer;
}
/* === WEB/PC CSS === */
@media screen and (min-width: 901px) {
	.mobile-only {
		display: none;
	}
	.ocp-logo {
		position: relative; display: flex; justify-content: center; align-items: center;
	}
	.ocp-logo img {
		position: absolute;
	}
	button {
		cursor: pointer;
		display: flex; height: 56px; padding: 24px 48px; justify-content: center; align-items: center; gap: 4px; border-radius: 35px; background: #FF9700; box-shadow: 0px 4px 36px 0px rgba(3, 27, 29, 0.50); color: #1B1B1B; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px auto;
	}

	.left-margin {
		left: 90px;
	}
	/* farm and fortune: start; */
	.f-f-header { height: 1050px; background: linear-gradient(90deg, #063 0%, #00260A 100%); position: relative; overflow: auto;}
	.f-f-header .at-the-top {margin: 70px auto 0px auto; width: 80%; text-align: center; display: flex; padding: 24px 30px; justify-content: space-between; align-items: center; border-radius: 80px; background: rgba(0, 70, 31, 0.20); background-blend-mode: multiply;}
	.f-f-header .at-the-top .back {
		color: #FFFFFF; text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-decoration: none;
		display: none;
	}
	.f-f-header .flower-1 {position: absolute; bottom: 0px;}
	.f-f-header .flower-2 {position: absolute; bottom: 0px; right: 0px;}
	.f-f-header .content .pebble {height: 650px; background-image: url('../img/farm-and-fortune-pebble-bg.svg'); background-repeat: no-repeat; background-size: auto; background-position: center; display: flex; justify-content: center; align-items: center; margin-top: 130px; position: relative;}
	.f-f-header .content .pebble .flex-me {width: 60%;}
	.f-f-header .content .pebble .flex-me .big {color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 64px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.92px; text-transform: uppercase; margin-bottom: 20px;}
	.f-f-header .content .pebble .flex-me .small {color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 500; line-height: 161%; /* 32.2px */}
	.f-f-header .content .pebble .ellipse-1 {position: absolute; top: 20px; right: 0px;}
	.f-f-header .content .pebble .ellipse-2 {position: absolute; top: 130px; right: 10px;}

	.f-f-body {height: 780px; background-color: #084A4E; position: relative; overflow: auto;}

	.f-f-body .content {margin: 225px auto 0px auto; text-align: center; z-index: 2; position: relative;}
	.f-f-body .content .top {margin: 0px auto; width: 828px; color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 500; line-height: 161%; /* 32.2px */}
	.f-f-body .content .bottom {margin: 40px auto 0px auto; text-align: center; width: 17%;}
	.f-f-body .content .bottom a {color: inherit; text-decoration: none;}

	.f-f-body .ellipse-3 {position: absolute; top: 10px; left: 110px;}
	.f-f-body .ellipse-4 {position: absolute; top: 20px; right: 100px;}
	.f-f-body .flower-3 {position: absolute; left: 27.5%; bottom: 0px;}
	.f-f-body .picture-1 {position: absolute; left: 0%; bottom: 0px;}
	.f-f-body .picture-2 {position: absolute; right: 0%; bottom: 0px;}

	.f-f-body-2 {background: linear-gradient(90deg, #063 0%, #00260A 100%); height: 1700px; flex-shrink: 0; overflow: auto;}
	.f-f-body-2 .layer-1 .top {margin-top: 150px; margin-bottom: 150px; color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 64px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.92px; text-transform: uppercase;}

	.f-f-body-2 .listing {
		display: flex;
		/*justify-content: center;*/
		align-items: center;
		width: 92.5%;
		/*background-image: url('../img/farm-and-fortune-rectangle_bg.svg');*/
		background-color: #00461F;
		background-repeat: no-repeat; background-position: center; background-size: cover;
		height: 340px;
		flex-shrink: 0; border-radius: 0px 80px 80px 0px;
		background-blend-mode: multiply;
		/*background: rgba(0, 70, 31, 0.20);*/

		margin-top: 100px; margin-bottom: 100px;
		position: relative;
	}
	.f-f-body-2 .listing .text {margin-left: 90px; width: 20%; color: #FFFFFF; font-family: Montserrat; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: uppercase;}
	.f-f-body-2 .listing .bg {
		position: absolute;
		height: 401px;
		width: 961px;
		right: -90px;
		top: -25px;
		background-repeat: no-repeat; background-position: center; background-size: cover; 

		display: flex;
		justify-content: center;
		align-items: center;
	}
	.f-f-body-2 .listing .bg.one {
		background-image: url('../img/farm-and-fortune-parralelogram_bg.svg');
	}
	.f-f-body-2 .listing .bg.three {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_flipped.svg');
	}

	.f-f-body-2 .listing .item { width: 276px; position: relative; display: flex; justify-content: center; align-items: center; }
	.f-f-body-2 .listing .item .icon { text-align: center; display: flex; justify-content: center; align-items: center; }
	.f-f-body-2 .listing .item .header { color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: 161%; /* 51.52px */}
	.f-f-body-2 .listing .item .body { color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: 161%; /* 25.76px */ min-height: 100px; }

	.f-f-body-2 .listing:nth-of-type(3) .bg {
		width: 1000px;
		display: block;
		/*overflow: auto;*/
		position: relative;
		right: 0px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item, .f-f-body-2 .listing:nth-of-type(3) .item .banner {
		background-repeat: no-repeat; background-position: center; background-size: cover; 
	}
	.f-f-body-2 .listing:nth-of-type(3) .item {
		height: 100%;
		position: absolute;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item .flex-wrap {
		position: relative;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item .banner {
		background-size: contain; 
		color: #FFFFFF; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 161%; /* 32.2px */
		display: flex;
		/*justify-content: center;*/
		align-items: center;
	}

	.f-f-body-2 .listing:nth-of-type(3) .item.one {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_unique-1.svg');
		/*width: 400px;*/
		width: 43%;
		height: 100%;
		left: 0%;
		top: 6%;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.two {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_unique-2.svg');
		/*width: 460px;*/
		width: 45%;
		height: 95%;
		background-size: contain;
		/*background-position: 50% 200%;*/
		left: 35%;
		top: 14%;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_unique-3.svg');
		/*width: 460px;*/
		width: 40%;
		height: 100%;
		background-size: contain;
		/*background-position: 50% 200%;*/
		left: 71%;
		top: 14%;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.one .banner {
		background-image: url('../img/farm-and-fortune-banner-1.svg');
		position: absolute;
		width: 100%;
		top: -10%;
		padding-left: 5px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.one .banner img {
		margin-top: 5px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.one .header {
		padding-top: 95px;
		padding-left: 5px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.one .body {
		padding-left: 10px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.two .banner {
		background-image: url('../img/farm-and-fortune-banner-2.svg');
		position: absolute;
		width: 95%;
		top: -10%;
		padding-left: 5px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.two .banner img {
		margin-top: 5px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.two .header {
		padding-top: 55px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three .banner {
		background-image: url('../img/farm-and-fortune-banner-3.svg');
		position: absolute;
		width: 100%;
		top: -23%;
		/*background-size: cover;*/
		height: 39%;
		padding-left: 5px;
		padding-top: 25px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three .banner img {
		margin-top: 5px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three .header {
		padding-top: 35px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three .body {
		padding-left: 15px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three .banner .rotate-me {
		transform: translateY(-5px) rotateZ(-3deg);
	}

	/*.f-f-body-2 .listing:nth-of-type(4) .item .icon { min-height: 150px; }*/
	.f-f-body-2 .listing:nth-of-type(4) .item {
		width: 350px;
	}
	.f-f-body-2 .listing:nth-of-type(4) .item .header { line-height: 120%; margin-top: 15px; }
	.f-f-body-2 .listing:nth-of-type(4) .item .body { min-height: unset; }
	.f-f-body-2 .listing:nth-of-type(4) .item:nth-of-type(2) .body {  margin-bottom: 15px; }

	.f-f-footer {height: 700px; background: linear-gradient(90deg, #063 0%, #00260A 100%); position: relative; overflow: auto;}

	.f-f-footer .layer-1 {margin-top: 100px;}
	.f-f-footer .layer-1 .top {margin: 0px auto; width: 746px; color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: uppercase;}
	.f-f-footer .layer-1 .bottom {margin: 40px auto 0px auto; text-align: center; width: 17%;}
	.f-f-footer .layer-1 .bottom a {color: inherit; text-decoration: none;}

	.f-f-footer .layer-2 { position: absolute; bottom: 15%; }

	.f-f-footer .layer-2 .contact-text { color: #FFFFFF; font-family: Montserrat; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.96px; text-transform: uppercase; }
	.f-f-footer .layer-2 .socials-row {overflow: auto; margin-top: 20px; margin-bottom: 20px;}
	.f-f-footer .layer-2 .socials-row .socials { float: left; margin-right: 60px; padding-top: 20px;}
	.f-f-footer .layer-2 .socials-row .socials i { color: #FF9700; font-size: 180%;}
	.f-f-footer .layer-2 .contact-phone-email .info { margin-bottom: 20px;}
	.f-f-footer .layer-2 .contact-phone-email .info span:nth-of-type(1n) { color: #FFFFFF; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 400; line-height: 161%; /* 32.2px */letter-spacing: 0.1px; }
	.f-f-footer .layer-2 .contact-phone-email .info span:nth-of-type(2n) { color: #FFFFFF; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 600; line-height: 161%; letter-spacing: 0.1px; }

	.f-f-footer .layer-3 { position: absolute; bottom: 30%; right: 90px; width: 200px; }

	/* farm and fortune: stop; */
}

/* === PHONE/TABLET CSS === */
@media screen and (max-width: 900px) {
	.desktop-only {
		display: none;
	}
	.ocp-logo {
		position: relative; display: flex; justify-content: center; align-items: center;
	}
	.ocp-logo img {
		position: absolute;
	}
	button {
		display: flex; height: 56px; padding: 24px 48px; justify-content: center; align-items: center; gap: 4px; border-radius: 35px; background: #FF9700; box-shadow: 0px 4px 36px 0px rgba(3, 27, 29, 0.50); color: #1B1B1B; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; margin: 0px auto;
	}

	.left-margin {
		/*left: 90px;*/
	}
	/* farm and fortune: start; */
	.f-f-header { height: 880px; background: linear-gradient(90deg, #063 0%, #00260A 100%); position: relative; overflow: auto;}
	.f-f-header .at-the-top {margin: 70px auto 0px auto; width: 80%; text-align: center; display: flex; padding: 24px 30px; justify-content: space-between; align-items: center; border-radius: 80px; background: rgba(0, 70, 31, 0.20); background-blend-mode: multiply;}
	.f-f-header .at-the-top .back {
		color: #FFFFFF; text-align: center; font-feature-settings: 'clig' off, 'liga' off; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; text-decoration: none;
		display: none;
	}
	.f-f-header .flower-1 {z-index: 2; width: 40%; position: absolute; bottom: 0px; left: -25px;}
	.f-f-header .flower-2 {z-index: 2; width: 40%; position: absolute; bottom: 0px; right: 0px;}
	.f-f-header .content .pebble {height: 100vw; background-image: url('../img/farm-and-fortune-pebble-bg_mobile.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; justify-content: center; align-items: center; margin-top: 130px; /*position: relative;*/}
	.f-f-header .content .pebble .flex-me {width: 100%;}
	.f-f-header .content .pebble .flex-me .big {color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: uppercase;}
	.f-f-header .content .pebble .flex-me .small {color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 14px; font-style: normal; font-weight: 500; line-height: 161%; /* 22.54px */ margin: 15px auto 0 auto; width: 90%;}
	.f-f-header .content .pebble .ellipse-1 {position: absolute; top: 210px; right: 30px; width: 15%;}
	.f-f-header .content .pebble .ellipse-2 {position: absolute; top: 270px; left: 30px; width: 22.5%;}

	.f-f-body {height: 870px; background-color: #084A4E; position: relative; overflow: hidden;}

	.f-f-body .content {margin: 250px auto 0px auto; text-align: center; z-index: 2; position: relative;}
	.f-f-body .content .top {margin: 0px auto; width: 90%; color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: 161%; /* 25.76px */}
	.f-f-body .content .bottom {margin: 40px auto 0px auto; text-align: center;}
	.f-f-body .content .bottom a {color: inherit; text-decoration: none;}

	.f-f-body .ellipse-3 {position: absolute; top: 70px; left: 35px; width: 30%;}
	.f-f-body .ellipse-4 {position: absolute; top: 20px; right: 20px; width: 20%;}
	.f-f-body .flower-3 {position: absolute; left: 27.5%; bottom: 0px; width: 40%;}
	.f-f-body .picture-1 {position: absolute; left: -3%; bottom: 0px; width: 70%;}
	.f-f-body .picture-2 {position: absolute; right: 0%; bottom: -12.5%; width: 70%;}

	.f-f-body-2 {background: linear-gradient(90deg, #063 0%, #00260A 100%); /*height: 1700px;*/ flex-shrink: 0; overflow: hidden;}
	.f-f-body-2 .layer-1 .top {margin-top: 150px; margin-bottom: 150px; color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 40px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.2px; text-transform: uppercase;}

	.f-f-body-2 .listing {
		width: 75%;

		/*background-image: url('../img/farm-and-fortune-rectangle_bg.svg');*/
		background-color: #00461F;
		background-repeat: no-repeat; background-position: center; background-size: cover;
		background-blend-mode: multiply;
		/*background: rgba(0, 70, 31, 0.20);*/

		/*margin: 100px auto 500px auto;*/
		margin: 100px auto 120vw auto;
		border-radius: 40px;
		height: 500px;
		padding-top: 30px;
		/*position: relative;*/
		/*overflow: auto;*/
	}
	.f-f-body-2 .listing .text {text-align: center; color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.72px; text-transform: uppercase; margin-bottom: -10px;}
	.f-f-body-2 .listing .bg {
		position: absolute;
		width: 100%;
		height: 195vw;/*height: 900px;*/
		padding-top: 17vw;/*padding-top: 100px;*/
		left: 0px;
		background-repeat: no-repeat; background-position: center; background-size: cover; 

		/*display: flex;
		justify-content: center;
		align-items: center;*/
	}
	.f-f-body-2 .listing .bg.one {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_mobile.svg');
	}

	.f-f-body-2 .listing .item {
		position: relative; display: flex; justify-content: center; align-items: center;
		margin-bottom: 5vw;/*margin-bottom: 50px;*/
	}
	.f-f-body-2 .listing .item .icon { text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; }
	.f-f-body-2 .listing .item .icon img { width: 30%; }
	.f-f-body-2 .listing .item .header { color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 24px; font-style: normal; font-weight: 700; line-height: 161%; /* 38.64px */ margin-bottom: 5px;}
	.f-f-body-2 .listing .item .body { color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 500; line-height: 161%; /* 25.76px */ margin: 0 auto;  }

	.f-f-body-2 .listing:nth-of-type(3) {
		height: 1000px;
		margin-bottom: 60vw;/*margin-bottom: 225px;*/
	}
	.f-f-body-2 .listing:nth-of-type(3) .bg {
		padding-top: 30px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item, .f-f-body-2 .listing:nth-of-type(3) .item .banner {
		background-repeat: no-repeat; background-position: center; background-size: cover; 
	}
	.f-f-body-2 .listing:nth-of-type(3) .item {
		width: 100%;
		height: 350px;
		margin-bottom: 0px;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item .flex-wrap {
		position: relative;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item .banner {
		background-size: contain; 
		color: #FFFFFF; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: 161%; /* 32.2px */
		display: flex;
		/*justify-content: center;*/
		align-items: center;
		position: absolute;
		width: 100%;
		top: -80%;
	}
	.f-f-body-2 .listing:nth-of-type(3) .item .banner img {
		margin-top: 7.5px;
		margin-left: 10px;
	}

	.f-f-body-2 .listing:nth-of-type(3) .item.one {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_unique-1_mobile.svg');
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.two {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_unique-2_mobile.svg');
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_unique-3_mobile.svg');
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.one .banner {
		background-image: url('../img/farm-and-fortune-banner-1_mobile.svg');
	}

	.f-f-body-2 .listing:nth-of-type(3) .item.two .banner {
		background-image: url('../img/farm-and-fortune-banner-2_mobile.svg');
	}
	.f-f-body-2 .listing:nth-of-type(3) .item.three .banner {
		background-image: url('../img/farm-and-fortune-banner-3_mobile.svg');
	}


	.f-f-body-2 .listing:nth-of-type(4) {
		margin: 100px auto 150px auto;
	}
	.f-f-body-2 .listing .bg.three {
		background-image: url('../img/farm-and-fortune-parralelogram_bg_mobile-2.svg');
		height: 132vw;
		padding-top: 17vw;
		/*height: 620px;
		padding-top: 80px;*/
	}

	.f-f-footer {height: 900px; background: linear-gradient(90deg, #063 0%, #00260A 100%); position: relative; overflow: auto;}

	.f-f-footer .layer-1 {margin-top: 100px;}
	.f-f-footer .layer-1 .top {margin: 0px auto; width: 90%; color: #FFFFFF; text-align: center; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 700; line-height: 161%; /* 25.76px */ text-transform: uppercase;}
	.f-f-footer .layer-1 .bottom {margin: 20px auto 0px auto; text-align: center;}
	.f-f-footer .layer-1 .bottom a {color: inherit; text-decoration: none;}

	.f-f-footer .layer-2 { position: relative; margin-top: 100px; margin-left: 30px; }

	.f-f-footer .layer-2 .contact-text { color: #FFFFFF; font-family: Montserrat; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.6px; text-transform: uppercase; }
	.f-f-footer .layer-2 .socials-row {overflow: auto; margin-top: 20px; margin-bottom: 20px;}
	.f-f-footer .layer-2 .socials-row .socials { float: left; margin-right: 60px; padding-top: 20px;}
	.f-f-footer .layer-2 .socials-row .socials i { color: #FF9700; font-size: 180%;}
	.f-f-footer .layer-2 .contact-phone-email .info { margin-bottom: 20px;}
	.f-f-footer .layer-2 .contact-phone-email .info span:nth-of-type(1n) { color: #FFFFFF; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 400; line-height: 161%; /* 25.76px */ letter-spacing: 0.08px; }
	.f-f-footer .layer-2 .contact-phone-email .info span:nth-of-type(2n) { color: #FFFFFF; font-family: Montserrat; font-size: 16px; font-style: normal; font-weight: 600; line-height: 161%; letter-spacing: 0.08px; }

	.f-f-footer .layer-3 { position: relative; width: 100%; margin-top: 150px; }

	/* farm and fortune: stop; */
}