.container.large {
	padding: 80px;
	max-width: 100%;
}

.op-caontainer {
	position: relative;
	max-width: 1320px;
	height: calc(100vh - var(--header));
	margin: 0 auto;
}

#summer_mood {
	min-height: calc(100vh - var(--header));
	margin-top: 80px;
	position: relative;
}

#myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}

#summer_mood .desc {
	font-size: 20px;
	font-weight: 600;
	font-family: 'proxima-nova', sans-serif;
	text-align: center;
	bottom: 0;
	position: absolute;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 0;
}

#summer_mood .desc p {
	padding: 20px 250px 30px 250px;
	opacity: 1;
}

.summer-mood-logo {
	position: absolute;
	left: 230px;
	mix-blend-mode: multiply;
	opacity: 1;
}

.skorda {
	position: absolute;
	left: 0;
	bottom: -2%;
	max-height: 100vh;
	overflow: hidden;
	opacity: 1;
}

.maleskou {
	position: absolute;
	right: 0;
	bottom: 0;
	max-height: 100vh;
	overflow: hidden;
	z-index: 2;
	opacity: 1;
}

.doukisa {
	position: absolute;
	right: 100px;
	bottom: 0;
	max-height: 100vh;
	overflow: hidden;
	opacity: 1;
	z-index: 1;
}

.slogun {
	position: absolute;
	right: 260px;
	top: 315px;
	max-height: 100vh;
	overflow: hidden;
}

.fedit {
	position: absolute;
	right: 50px;
	top: 50px;
	max-height: 100vh;
	overflow: hidden;
}

.ball {
	position: absolute;
	right: 396px;
	width: 210px;
	top: 610px;
	max-height: 100vh;
	overflow: hidden;
}

#celebs_beachwear {
	background-image: url("/wp-content/uploads/2026/03/fonto-back-celebs-desktop.webp");
	min-height: 100vh;
	position: relative;
	background-repeat: no-repeat;
	background-position: top, center;
	background-size: cover;
}

#celebs_slider {
	max-height: 700px;
	max-width: 640px;
}

#celebs_slider .swiper-slide img {
	overflow: hidden;
	transition: transform 0.3s ease;
}

#celebs_slider .swiper-slide:hover img {
	transform: scale(1.3);
}

.celeb-circle img {
	overflow: hidden;
	transition: transform 0.3s ease;
}

.celeb-circle:hover img {
	transform: rotate(5deg);

}

.circle-title {
	color: #fc6d7b;
}

#summer_style {
	margin-top: -80px;
	min-height: 100vh;
	background: rgb(201, 146, 157);

	background:
		-moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(253, 227, 234, 1) 100%) no-repeat,
		-moz-linear-gradient(0deg, rgba(249, 173, 180, 1) 0%, rgba(249, 173, 180, 1) 70%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);

	background:
		-webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(253, 227, 234, 1) 100%) no-repeat,
		-webkit-linear-gradient(0deg, rgba(249, 173, 180, 1) 0%, rgba(249, 173, 180, 1) 70%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(253, 227, 234, 1) 100%) no-repeat,
		linear-gradient(0deg, rgba(249, 173, 180, 1) 0%, rgba(249, 173, 180, 1) 70%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
	background-size: 100% 30%, 100% 100%;
	background-position: top, top;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9929d", endColorstr="#ffffff", GradientType=1);
}

#summer_style .title {
	font-size: 44px;
	font-weight: bold;
	font-family: 'Gill Sans Nova', sans-serif;
	color: #620E7E;
	margin-top: 40px;


}

#summer_style .title img {
	max-height: 250px;
	position: absolute;
	left: 20%;
	z-index: 2;
}

#beachwear_backstage {
	width: 520px;
}

#summer_style .col-lg-6 {
	margin-top: 200px;
}

#summer_style .photos {
	margin-top: 70px;
}

#summer_style .photos .description {
	font-size: 40px;
	font-weight: bold;
	font-family: 'Gill Sans Nova', sans-serif;
	color: #FFF;
	line-height: 50px;
	margin: 30px auto;
}

#summer_style .photos .video {
	margin-top: 360px;
	margin-bottom: 60px;
	text-align: center;
}

#summer_style .photos .video .description {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Gill Sans Nova', sans-serif;
	color: #000000;
	line-height: inherit;
	text-align: right;
	margin: 0 auto 20px;
}

#summer_style .photos .video .graphic img {
	max-height: 260px;
}

#summer_style .photos .video .video_wrapper {
	margin-bottom: 50px;
	position: relative;
}

#summer_style .photos .video .video_wrapper .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border: 1px solid #292929;
	color: #292929;
	border-radius: 50%;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

#summer_style .btn-read-more {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#summer_fashion {
	min-height: 100vh;
	background-image: url("/wp-content/uploads/2026/03/fonto-back-celebs-desktop.webp");
	background-position: top;
	background-repeat: repeat-y;
	background-size: contain;
	padding-top: 90px;
}

#summer_fashion .item {
	min-height: 100vh;
	position: relative;
}

#summer_fashion .item .section-title {
	position: relative;
	width: 130%;
	left: -15%;
	top: -130px;
	z-index: 1;
}

#summer_fashion .item:nth-child(5) {
	margin-top: 100px;
}

#summer_fashion .item:nth-child(8) {
	margin-top: 100px;
}

#summer_fashion .item .photo {
	position: absolute;
	left: 0;
	right: 0;
	top: 15%;
	margin: 0 auto;
	text-align: center;
}

#summer_fashion .item .photo.long {
	top: 5%;
}

#summer_fashion .item .photo.short {
	top: 30%;
}

#summer_fashion .item .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 7%;
	margin: 0 auto;
	text-align: center;
	padding: 0 80px;
	font-family: 'hypatia-sans-pro', sans-serif;
	font-size: 20px;
	font-weight: 600;
}

#summer_fashion .item .title .more {
	margin: 30px auto 0;
	display: inline-block;
}

.more::before {
	content: '';
	width: 71px;
	height: 70px;
	background-image: url("/wp-content/uploads/2026/03/mpala.webp");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 20%;
	bottom: -10px;
	z-index: 10;
	transition: transform 1s ease;
	transform-origin: center;
}

.more:hover::before {
	transform: rotate(360deg);
}

@media only screen and (max-width: 1441px) {
	.more::before {
		width: 61px;
		height: 60px;
		left: 20%;
	}
}

@media only screen and (min-width: 1442px) and (max-width: 1921px) {
	.more::before {
		width: 87px;
		height: 86px;
		bottom: -20px;
		left: 20%;
	}
}

@media only screen and (min-width: 1922px) and (max-width: 2560px) {
	.more::before {
		left: 25%;
	}
}

#summer_fashion .item .photo img {
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

#summer_fashion .item .photo img:hover {
	transform: scale(1.2);
}

#summer_fashion .pink::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("/wp-content/uploads/2024/06/color-pastel-pink.webp");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	opacity: 0.75;
	z-index: 1;
}

#summer_fashion .green::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("/wp-content/uploads/2024/06/color-pastel-green.webp");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	opacity: 0.75;
	z-index: 1;
}

#summer_fashion .blue::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url("/wp-content/uploads/2024/06/color-pastel-blue.webp");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	opacity: 0.75;
	z-index: 1;
}

#summer_fashion .pink .section-title,
#summer_fashion .pink .photo,
#summer_fashion .pink .title,
#summer_fashion .green .section-title,
#summer_fashion .green .photo,
#summer_fashion .green .title,
#summer_fashion .blue .section-title,
#summer_fashion .blue .photo,
#summer_fashion .blue .title {
	z-index: 2;
}

.swipe_more {
	width: 48px;
	height: 48px;
	position: absolute;
	bottom: 25px;
	right: 15px;
	z-index: 1;
}

.btn-read-more {
	background-color: #fff;
	color: #000;
	border: 1px solid #707070;
	border-radius: 20px;
	font-size: 20px;
	font-family: "gill-sans-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
	padding: 15px 60px;
}

.btn-read-more:hover {
	background-color: #000;
	color: #E9D1CA;
	border: 1px solid #000;
}

#summer_fashion .item .btn-read-more {
	background-color: #E28798;
	color: #fff;
	border: 1px solid #E28798;
	padding: 10px 60px;
}

#summer_fashion .item .btn-read-more:hover {
	background-color: #D1596E;
	color: #FFF;
	border: 1px solid #D1596E;
}

.cd-top {
	background: rgba(98, 14, 126, 0.8) url(style/images/cd-top-arrow.svg) no-repeat center 50%;
}

.cd-top:hover {
	background-color: rgb(98, 14, 126);
	opacity: 1;
}

.no-touch .cd-top:hover {
	background-color: rgb(98, 14, 126);
	opacity: 1;
}

/* mobile */

#mob_only_section {
	padding-top: 100px;
	background: #FC6D7B;
}

.rectangle {
	position: relative;
	width: 90vw;
	margin: 0 auto;
	border: 20px solid #EB0B39;
	box-sizing: border-box;
}

.mob-desc {
	font-family: 'proxima-nova', sans-serif;
	font-size: 22px;
	padding-left: 5%;
	padding-right: 5%;
}


@media only screen and (max-width: 992px) {

	#summer_mood {
		max-width: 100vw;
	}

	#myVideo {
		max-height: 100vh;
	}

	.summer-mood-logo {
		left: 0;
		mix-blend-mode: unset;
		top: 50px;
	}


	.skorda {
		bottom: -100px;
		z-index: 2;
	}

	.maleskou {
		right: 0;
		bottom: -100px;
		z-index: 1;
	}

	.slogun {
		right: unset;
		top: 50px;
		left: 10px;
	}

	.fedit {
		width: 150px;
		left: 105px;
		top: 100px;
	}

	.doukisa {
		opacity: 0;
	}

	.ball {
		top: 240px;
		right: 0;
		width: unset;

	}

	#celebs_slider {
		max-height: auto;
		max-width: 300px;
	}


	#summer_style .photos .description {
		font-size: 32px;
		padding: 15px;
		text-align: center;
	}

	#summer_style .title {
		margin-top: 80px;
	}

	.ssswiper {
		margin-top: 20%;
	}

	.btn-read-more {
		background-color: #000;
		color: #E9D1CA;
		border: 1px solid #000;
	}

	#summer_style .photos .video {
		margin-top: 150px;
	}

	#beachwear_backstage {
		width: 380px;
	}

	#summer_fashion {
		padding: 0;
	}

	#summer_fashion .item {
		background-size: cover;
	}

	#summer_fashion .item:nth-child(odd) {
		background-image: url('/wp-content/uploads/2026/03/fonto-xg-1-mobile.webp');
	}

	#summer_fashion .item:nth-child(even) {
		background-image: url('/wp-content/uploads/2026/03/fonto-xg-2-mobile.webp');
	}


	#summer_fashion .item .section-title {
		width: 100%;
		left: 0;
		top: -170px;
	}

	.more::before {
		width: 150px;
		height: 90px;
		left: 13%;
	}

	.btn-read-more {
		font-size: 16px;
	}

	#summer_style .title img {
		left: 10%;
	}
}



#summer_fashion .item:nth-child(8) {
	margin-top: 0;
}

@media only screen and (max-width: 360px) {

	#beachwear_backstage {
		width: 320px;
	}

	#summer_fashion .item .section-title {
		width: 75%;
		left: 10%;
		top: -85px;
	}

	#summer_fashion .item .title {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0%;
		margin: 0 auto;
		text-align: center;
		padding: 0 80px;
		font-family: 'hypatia-sans-pro', sans-serif;
		font-size: 20px;
		font-weight: 600;
	}
}

#summer_fashion .item {
	background-position: top center;
	background-repeat: no-repeat;
}

#summer_fashion .item:nth-child(even) {
	background-image: url('/wp-content/uploads/2026/03/fonto-xg.webp');
	background-repeat: no-repeat;
}

#summer_fashion .item:nth-child(odd) {
	background-image: url('/wp-content/uploads/2026/03/fonto-xg-even.webp');
	background-repeat: no-repeat;
}