/* Fonts */

@font-face {
	font-family: 'Cicular';
	font-style: normal;
	font-weight: 400;
	src: url('CircularStd-Black.woff') format('woff2'), url('CircularStd-Black.woff') format('woff');
}

@font-face {
	font-family: 'Cicular';
	font-style: normal;
	font-weight: 600;
	src: url('CircularStd-Black.woff2') format('woff2'), url('CircularStd-Black.woff') format('woff');
}

@font-face {
	font-family: 'CicularXX';
	font-style: normal;
	font-weight: 700;
	src: url('CircularXX-Bold.woff2') format('woff2'), url('CircularXX-Bold.woff') format('woff');
}



/* Reset */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: none;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.hiddenOnload{
	opacity: 0;
}

body {
	background: none;
}

#stage {
	width: 970px;
	height: 250px;
	background: #FFFAEC;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	font-family: 'etica';
	font-style: normal;
	font-weight: 400;
	color: #000;
	border: 0.25px solid #000;
}

/* .hiddenOnload {
	opacity: 0;
} */
.slider, .frame {
	height: 250px !important;
    width: 970px;
    top: 0;
    left: 0;
	position: relative;
}
.slider{
    position: absolute;

}


.imageContainer {
    position: absolute;
    top: 6%;
    left: 50%;
    width: 161px;
    height: 203px;
    overflow: hidden;
}

.imageContainer img {
	position: absolute;
	width:100%;

}

.copy {
    position: absolute;
    left: 50px;
    top: 52px;
    width: 100%;
    text-align: left;
    font-size: 38.131px;
    overflow: hidden;
    font-weight: 900;
	font-family: 'Cicular';
    line-height: 42.707px; 
    z-index: 999;
    
}

.copy-top {
    position: absolute;
	color: #E94368;
	font-family: 'Cicular';
    left: 50px;
    top: 26px;
    width: 100%;
    text-align: left;
    font-size: 19.891px;
    font-style: normal;
    font-weight: 900;
    line-height: 21.356px;
    z-index: 999;
}
.bg-curve{
	position: absolute;
	top: -84px;
	right: 0px;

}


.cta {
	background-color: #FFD23F;
    color: #000;
    border-radius: 999px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    line-height: 1;
    font-size: 16px;
    width: 120px;
    height: 36px;
    gap: 10px;
    font-family: 'Cicular';
}
.cta-arrow {
	margin-bottom: -4px;
	width: 7px;
    height: auto;
}
.sec-bottom {
    position: absolute;
	padding-left: 52px;
    padding-right: 52px;
    top: 190px;
    width: 970px;
    height: 58px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bolRoze {
    position: absolute;
    top: 21%;
    left: 65%;
    width: 126px;
    height: 125.022px;
    background: #EE4266;
    color: white;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    z-index: 999;
    padding-bottom: 8px;
}

.bolRoze .line1 {
	color: #FFF;
    text-align: center;
    font-family: "Cicular";
    font-size: 39.333px;
    font-style: normal;
    font-weight: 700;
    line-height: 39.742px; 
}

.bolRoze .line2{
	color: #FFF;
	text-align: center;
	font-family: "Cicular";
	font-size: 24.236px;
    font-style: normal;
    font-weight: 700;
    line-height: 24.488px; 
}

.bolRoze .line0{
	color: #FFF;
	text-align: center;
	font-family: "Cicular";
	font-size: 19.13px;
    font-style: normal;
    font-weight: 700;
    line-height: 19.329px;
}

.slider .slick-dots {
    position: absolute;
    bottom: 86px;
    left: 7.4%;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    transform: translate(-50%, 0);
}

.slider .slick-dots li {
	margin: 0 2.5px;
}

.slider .slick-dots li {
	margin: 0 2.5px;
}

.slider .slick-dots button {
    width: 10.313px;
    height: 10.313px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border: none;
    background-color: #D9D9D9;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    /* transition: all .1s ease; */
	opacity:50%;
}

.slider .slick-dots .slick-active button {
    opacity:100%;
	background-color: #EE4266;
}