/*Round Image*/

.image-round .block-image-cover {
  border-radius: 50%;
  height: 350px;
}

@media (min-width: 500px) {
  .image-round .block-image-cover {
    height: 500px;
  }  
}

@media (min-width: 765px) {
  .image-round .block-image-cover {
    height: 200px;
  }  
}

@media (min-width: 990px) {
  .image-round .block-image-cover {
    height: 300px;
  }  
}

@media (min-width: 1200px) {
  .image-round .block-image-cover {
    height: 350px;
  }  
}

/* Overlay */

@media (min-width: 765px) {
  .overlay .block-image-cover:hover::after {
    width: 210px;
    content: " ";
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    height: 200px;
    top: 0;
    border-radius: 50%;
  }
}

@media (min-width: 990px) {
  .overlay .block-image-cover:hover::after {
    height: 300px;
    width: 290px;
  }  
}

@media (min-width: 1200px) {
  .overlay .block-image-cover:hover::after {
    height: 350px;
    width: 350px;
  }  
}

/* Fixed Bottom Button */

.fixed-bottom-button .button2 {
  position: absolute;
  top: 800px;
}

@media (min-width: 765px) {
.fixed-bottom-button .button2 {
  position: absolute;
  top: 700px;
}
}

@media (min-width: 990px) {
.fixed-bottom-button .button2 {
  position: absolute;
  top: 600px;
}
}

/* Toggle button */

.custom-toggler .navbar-toggler-icon {
  
}

.custom-toggler.navbar-toggler {
  border-color: rgb(255,102,203);
}

/* Carousel */


.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel-inner .carousel-item-right.active,
.carousel-inner .carousel-item-next {
  transform: translateX(25%);
}

.carousel-inner .carousel-item-left.active, 
.carousel-inner .carousel-item-prev {
  transform: translateX(-25%);
}
  
.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
  
}

/**/
.carousel-control-prev, .carousel-control-next {
	height: 44px;
	width: 44px;
	background: none;	
	margin: auto 0;
	border-radius: 50%;
	border: none;
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 3.4rem;
	position: absolute;
	top: 50%;
	display: inline-block;
	margin: -19px 0 0 0;
	z-index: 5;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.3);
	text-shadow: none;
	font-weight: bold;
}
.carousel-control-prev i {
	margin-left: -3px;
}
.carousel-control-next i {
	margin-right: -3px;
}
.carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border: none;
}
.carousel-indicators li {	
	background: #ababab;
}
.carousel-indicators li.active {	
	background: #555;
}