/* =============================================================================
 * ce_image_extended
 * ========================================================================== */

.ce_image_extended .image_container img {
	display: inline-block;
}

.ce_image_extended.position-absolute {
   position: absolute;
   overflow: visible;
   z-index: 10;
}

.ce_image_extended .image_container img {
	width: auto;
}

.ce_image_extended.frame-1-dark img {
	border: 1px solid rgb(220,220,220);
}

.ce_image_extended.frame-5-dark img {
	border: 5px solid rgb(220,220,220);
}

.ce_image_extended.frame-10-dark img {
	border: 10px solid rgb(220,220,220);
}

.ce_image_extended.frame-1-light img {
	border: 1px solid rgb(255,255,255);
}

.ce_image_extended.frame-5-light img {
	border: 5px solid rgb(255,255,255);
}

.ce_image_extended.frame-10-light img {
	border: 10px solid rgb(255,255,255);
}

.ce_image_extended.style-rounded img {
	border-radius: 100%;
}

.ce_image_extended.style-mask1 .image_container {
   mask-image: url("../img/masks/mask1.svg");
   -webkit-mask-image: url("../img/masks/mask1.svg");
   mask-size: 100% 100%;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   -webkit-mask-repeat: no-repeat;
}

.ce_image_extended.style-mask2 .image_container {
   mask-image: url("../img/masks/mask2.svg");
   -webkit-mask-image: url("../img/masks/mask2.svg");
   mask-size: 100% 100%;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100% 100%;
   -webkit-mask-repeat: no-repeat;
}

.ce_image_extended.no_responsive .image_container img {
	width: auto;
	max-width: none;
	display: inline-block;
}

body.content_page #slider .ce_image_extended .ce_image {
	position: static;
}

/* =============================================================================
* smart phones  (s / small screens)
* ========================================================================== */
@media only screen and (max-width: 767px) {
   .ce_image_extended.mob-align-left * {
      text-align: left!important;
   }
   
   .ce_image_extended.mob-align-center * {
      text-align: center!important;
   }
   
   .ce_image_extended.mob-align-right * {
      text-align: right!important;
   }
   
   .ce_image_extended_inside {
      margin-left: 0!important;
      margin-right: 0!important;
   }
}