@font-face {
  font-family: Akrobat;
  src: url('../fonts/Akrobat-Bold.otf');
}

html {
	overflow-x: hidden;
}

body {
	font-family: Akrobat;
	background: linear-gradient(90deg, rgba(248,44,129,1) 0%, rgba(206,51,178,1) 35%, rgba(142,63,252,1) 99%);
}

.shape img {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 29%;
	left: 0;
	border-bottom-left-radius: 50% 8%;
	border-bottom-right-radius: 50% 8%;
	box-shadow: 0 2px 1px darkgrey;
}

.bg-image {
	background-image: url('../img/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.heading-section {
	width: 40%;
}

.icon {
	width: 40px;
	height: 40px;
}

.icon-text {
	margin-top: 1%;
	margin-left: 5%;
	font-size: 21px;
}

.info-wrapper p {
	font-size: 18px;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(360deg, rgba(2,0,36,1) 0%, rgba(187, 187, 187, 0) 39%);
}

.item {
	border: 2px solid rgb(238, 238, 238);
	position: relative;
}

.item p {
	position: absolute;
	top: 80%;
	left: 10%;
	color: white;
}

.item .status {
	color: #1cdf15; 
	font-size: 14px;
}

.item .dot {
	width: 10px;
	height: 10px;
	background-color:  #1cdf15;;
	display: inline-block;
	border-radius: 50%;
}

.item .heart {
	position: absolute;
	top: 79%;
	left: 75%;
	width: 30px; 
	height: 30px;
}

/* the slides */
.slick-slide {
	margin: 0 10px;
}
/* the parent */
.slick-list {
	margin: 0 -10px;
}

.bg-1 {
	background-image: url('../img/Moldovan-Bride2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-2 {
	background-image: url('../img/2018-03-23_BgrNgZ_HBSF.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-3 {
	background-image: url('../img/57b85b32bcae44b00a86d32cd28e1edb.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-4 {
	background-image: url('../img/beautiful-ladies-in-Ukraine.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-5 {
	background-image: url('../img/sexy-ukrainian-women-online.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-6 {
	background-image: url('../img/typical-Russian-woman3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-7 {
	background-image: url('../img/bb60a7876cc630b82c7c9c608cb1953f.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.button {
	width: 250px;
}


/* Above 1440px */
@media only screen and (min-width: 1440px) {
	.shape img {
		bottom: 33%;
		border-bottom-left-radius: 50% 11%;
    border-bottom-right-radius: 50% 11%;
	}
}

/* Below 1440px */
@media only screen and (max-width: 1440px) {
	.shape img {
		bottom: 27%;
		border-bottom-left-radius: 50% 11%;
    border-bottom-right-radius: 50% 11%;
	}
}

/* Below 768px */
@media only screen and (max-width: 768px) {
	.heading-section {
		width: 100%;
	}

	.shape img {
		bottom: 3%;
	}
}

/* Below 735px */
@media only screen and (max-width: 735px) {
	.shape img {
		bottom: 20%;
	}
}

/* Below 625px */
@media only screen and (max-width: 625px) {
	.shape img {
		bottom: 24%;
	}
}

/* Below 525px */
@media only screen and (max-width: 525px) {
	.shape img {
		bottom: 39%;
	}
}

/* Below 475px */
@media only screen and (max-width: 475px) {
	.shape img {
		bottom: 39%;
	}
}

/* Below 425px */
@media only screen and (max-width: 426px) {
	.shape img {
		bottom: 39%;
	}
}

/* Below 375px */
@media only screen and (max-width: 376px) {
	.shape img {
		bottom: 43%;
	}
}

/* Below 360px */
@media only screen and (max-width: 360px) {
	.shape img {
		bottom: 42%;
	}
}

/* Below 320px */
@media only screen and (max-width: 320px) {
	.shape img {
		bottom: 46%;
	}
}

/* Height */

/* Above 750px */
@media only screen and (min-height: 750px) {
	.shape img {
		bottom: 44%;
	}
}

/* Above 790px */
@media only screen and (min-height: 790px) {
	.shape img {
		bottom: 47%;
	}
}

/* Above 820px */
@media only screen and (min-height: 820px) {
	.shape img {
		bottom: 49%;
	}
}