:root {
  --mxtest-gray: #727272;
  --mxtest-gray-rgb: 114, 114, 114;
  --mxtest-white: #ffffff;
  --mxtest-white-rgba: rgba(255, 255, 255, 0.75);
  --mxtest-base: #e20935;
  --mxtest-base-rgb: 226, 9, 53;
  --mxtest-black: #16171a;
  --mxtest-black-rgb: 22, 23, 26;
  --mxtest-black-rgba: rgba(0, 0, 0, 0.55);
  --mxtest-primary: #f2edeb;
  --mxtest-primary-rgb: 242, 237, 235;
  --mxtest-bdr-color: #e3dbd8;
  --mxtest-bdr-color-rgb: 227, 219, 216;
  --theme-light-background:#f4f5f8;
  --gradient-1:linear-gradient(to right,var(--mxtest-black),var(--mxtest-base));

}
.mos-img img {display: none !important;}

.carousel-container {
	width: 100%;
	overflow: hidden;
}

.icarousel {
	width: 490px;
	height: 480px;
	position: relative;
	margin: 20px auto;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.icarousel .slide {
	display: block;
	border-radius: 4px;
	background-color: rgba(0,0,0,0.7);
	border: 6px #333 solid;
	border: 6px rgba(0,0,0,0.5) solid;
	box-shadow:0px 0px 15px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.4);
	-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.4);
	width: 480px;
	height: 480px;
}

.icarousel .slide h5 {position: absolute; top: 40px; left: 10px; right:10px; opacity: 0.7; filter:alpha(opacity=70); text-align:center; }
.icarousel .slide h6 {position: absolute; top: 2px; right:10px; opacity: 0.7; font-size: 13px;filter:alpha(opacity=70); text-align:center; }
.icarousel .slide p {position: absolute; bottom: 12px; left: 10px; right:10px; opacity: 0.7; filter:alpha(opacity=70); text-align:center; }
.icarousel .slide .read_more {position: absolute; bottom: 2px; left: 10px; right:10px; opacity: 0.7; filter:alpha(opacity=70); text-align:center; }
.icarousel .slide h5 span {color: #fff; -webkit-text-stroke: 1px #000;padding: 5px 10px; font-size: 24px;font-weight: 900;display:inline-block;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.icarousel .slide p {color: white; background: #000; background: rgba(0, 0, 0, 0.4);; padding: 5px 10px; display:inline-block;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.icarousel .slide .read_more span {color: #000; background: #fff;background: rgba(255, 255, 255, 0.95); padding: 1px 10px; display:inline-block;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.icarousel .slide h6 span {color: white; background: #000; background: rgba(0, 0, 0, 0.4);; padding: 2px 10px; display:inline-block;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.icarousel .slide:hover h5,.icarousel .slide:hover h6, .icarousel .slide:hover p, .icarousel .slide:hover .read_more { opacity:1; filter:alpha(opacity=100);}
/* The Navigation buttons in the Slider */
a.iCarouselNav {
	display: block;
	position: absolute;
	top: 45%;
	width: 36px;
	height: 36px;
	z-index: 1000;
	background: var(--mxtest-black-rgba);
	text-indent: -9999px;
}
a.iCarouselNav:hover {
	background: var(--mxtest-black);
}

a#iCarouselPrev {
	left: 10px;
	background-position: left top;
  cursor:pointer;
  transition:0.5s;
  overflow:hidden;
  border:solid 1px transparent; 
    border-radius:50%;
}
a#iCarouselPrev:hover{
/*  animation:borderAni 5s cubic-bezier(0, 0.6, 1, 0.4); */
      border:solid 1px var(--mxtest-white); 
    border-radius:50%;
}
a#iCarouselPrev:after{
  position:absolute;
  display:block;
  content:"";
  color:var(--mxtest-white);
  width: 20px;
  height: 15px;
  top:3px;
  left: 6px;
  border-bottom:solid 1px;
  transform:translatex(4px);
}

a#iCarouselPrev:before{
  position:absolute;
  display:block;
  content:"";
  color:var(--mxtest-white);
  width: 13px;
  height: 13px;
/*   border:solid 1px;  */
  border-top:solid 1px;
  border-left:solid 1px;
  top:50%;
  left:8px;
  transform-origin:0% 0%;
  transform:rotatez(-45deg);

}
a#iCarouselPrev:hover:before{
 animation: aniArrow01 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

a#iCarouselPrev:hover:after{
 animation: aniArrow02 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}


@keyframes aniArrow01 {
  0% {
    transform:rotatez(-45deg) translateY(30px) translateX(30px);
  }
  100% {
    transform: rotatez(-45deg) translateY(-35px) translateX(-35px);
  }
}


@keyframes aniArrow02 {
  0% {
    transform:translateX(45px);
  }
  100% {
    transform:translateX(-44px);
  }
}

@keyframes borderAni{
   0% {
    border:solid 2px var(--mxtest-white);
  }
  100% {    
    border:solid 2px var(--mxtest-white); 
    border-radius:50%;
  }
}


a#iCarouselNext {
	right: 20px;
	background-position: right top;
  cursor:pointer;
  transition:0.5s;
  overflow:hidden;
  border:solid 1px transparent;
  border-radius:50%; 
}
a#iCarouselNext:hover{
/*  animation:borderAni 5s cubic-bezier(0, 0.6, 1, 0.4); */
      border:solid 1px var(--mxtest-white); 
    border-radius:50%;
}
a#iCarouselNext:after{
  position:absolute;
  display:block;
  content:"";
  color:var(--mxtest-white);
  width: 20px;
  height: 15px;
  top:3px;
  right: 14px;
  border-bottom:solid 1px;
  transform:translatex(4px);
}

a#iCarouselNext:before{
  position:absolute;
  display:block;
  content:"";
  color:var(--mxtest-white);
  width: 13px;
  height: 13px;
  border-top:solid 1px;
  border-left:solid 1px;
  top:50%;
  right:-5px;
  transform-origin:0% 0%;
  transform:rotatez(132deg);

}
a#iCarouselNext:hover:before{
 animation: aniArrow03 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}

a#iCarouselNext:hover:after{
 animation: aniArrow04 1s cubic-bezier(0, 0.6, 1, 0.4) infinite 0.5s;
}


@keyframes aniArrow03 {
  0% {
    transform:rotatez(135deg) translateY(30px) translateX(30px);
  }
  100% {
    transform: rotatez(135deg) translateY(-35px) translateX(-35px);
  }
}


@keyframes aniArrow04 {
  0% {
    transform:translateX(-45px);
  }
  100% {
    transform:translateX(60px);
  }
}

@keyframes borderAni{
   0% {
    border:solid 2px var(--mxtest-white);
  }
  100% {    
    border:solid 2px var(--mxtest-white); 
    border-radius:50%;
  }
}


.container2 a.iCarouselNav {
	top: 168px;
}