.flip_img .plugin--container	{overflow:hidden;}
.flip_img__label{display:block}
.flip_img__input{display:none}

.click.rotateY .flip_img__input:checked+.flip_img__label{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.hover.rotateY .flip_img__single-el:hover .flip_img__label{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.click.rotateX .flip_img__input:checked+.flip_img__label{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}
.hover.rotateX .flip_img__single-el:hover .flip_img__label{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}
.click.slideX .flip_img__input:checked+.flip_img__label .flip_img__back{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
.hover.slideX .flip_img__single-el:hover .flip_img__label .flip_img__back{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
.click.slideY .flip_img__input:checked+.flip_img__label .flip_img__back{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.hover.slideY .flip_img__single-el:hover .flip_img__label .flip_img__back{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}

.rotateY .flip_img__label{-webkit-transition:.7s linear;-o-transition:.7s linear;-moz-transition:.7s linear;transition:.7s linear;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.rotateX .flip_img__label{-webkit-transition:.7s linear;-o-transition:.7s linear;-moz-transition:.7s linear;transition:.7s linear;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
.flip_img__label{position:relative;cursor:pointer}
.flip_img_box {width: 100%; margin: 0; float: left; text-align: center; display: flex; flex-wrap: wrap;justify-content: center;}
.flip_img__single-el{box-sizing:border-box;overflow:hidden}

.click .flip_img__input:checked+label .flip_img__back{-webkit-animation:indexflip4 .7s;-moz-animation:indexflip4 .7s;-o-animation:indexflip4 .7s;animation:indexflip4 .7s;z-index:4}
.click .flip_img__input:not(:checked)+label .flip_img__back{-webkit-animation:indexflip2 .7s;-moz-animation:indexflip2 .7s;-o-animation:indexflip2 .7s;animation:indexflip2 .7s;z-index:2}
.hover .flip_img__single-el:hover label .flip_img__back{-webkit-animation:indexflip4 .7s;-moz-animation:indexflip4 .7s;-o-animation:indexflip4 .7s;animation:indexflip4 .7s;z-index:4}
.hover .flip_img__single-el:not(:hover)+label .flip_img__back{-webkit-animation:indexflip2 .7s;-moz-animation:indexflip2 .7s;-o-animation:indexflip2 .7s;animation:indexflip2 .7s;z-index:2}
.fade.click .flip_img__input:checked+label .flip_img__back{-webkit-animation:indexfade .7s;-moz-animation:indexfade .7s;-o-animation:indexfade .7s;animation:indexfade .7s;z-index:4}
.fade.click .flip_img__input:not(:checked)+label .flip_img__back{-webkit-animation:indexfade2 .7s;-moz-animation:indexfade2 .7s;-o-animation:indexfade2 .7s;animation:indexfade2 .7s;z-index:2}
.fade.hover .flip_img__single-el:hover label .flip_img__back{-webkit-animation:indexfade .7s;-moz-animation:indexfade .7s;-o-animation:indexfade .7s;animation:indexfade .7s;z-index:4}
.fade.hover .flip_img__single-el:not(:hover) label .flip_img__back{-webkit-animation:indexfade2 .7s;-moz-animation:indexfade2 .7s;-o-animation:indexfade2 .7s;animation:indexfade2 .7s;z-index:2}
.slideX.click .flip_img__input:checked+label .flip_img__back{-webkit-animation:slideX .7s;-moz-animation:slideX .7s;-o-animation:slideX .7s;animation:slideX .7s;z-index:4}
.slideX.click .flip_img__input:not(:checked)+label .flip_img__back{-webkit-animation:slideX2 .7s;-moz-animation:slideX2 .7s;-o-animation:slideX2 .7s;animation:slideX2 .7s;z-index:2}
.slideX.hover .flip_img__single-el:hover label .flip_img__back{-webkit-animation:slideX .7s;-moz-animation:slideX .7s;-o-animation:slideX .7s;animation:slideX .7s;z-index:4}
.slideX.hover .flip_img__single-el:not(:hover) label .flip_img__back{-webkit-animation:slideX2 .7s;-moz-animation:slideX2 .7s;-o-animation:slideX2 .7s;animation:slideX2 .7s;z-index:2}
.slideY.click .flip_img__input:checked+label .flip_img__back{-webkit-animation:slideY .7s;-moz-animation:slideY .7s;-o-animation:slideY .7s;animation:slideY .7s;z-index:4}
.slideY.click .flip_img__input:not(:checked)+label .flip_img__back{-webkit-animation:slideY2 .7s;-moz-animation:slideY2 .7s;-o-animation:slideY2 .7s;animation:slideY2 .7s;z-index:2}
.slideY.hover .flip_img__single-el:hover label .flip_img__back{-webkit-animation:slideY .7s;-moz-animation:slideY .7s;-o-animation:slideY .7s;animation:slideY .7s;z-index:4}
.slideY.hover .flip_img__single-el:not(:hover) label .flip_img__back{-webkit-animation:slideY2 .7s;-moz-animation:slideY2 .7s;-o-animation:slideY2 .7s;animation:slideY2 .7s;z-index:2}

.flip_img__front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}
.flip_img-txt {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);}
.flip_img__back-dimness{position:absolute;top:0;left:0;bottom:0;right:0}
.flip_img__img-front{min-width:100%;width:100%;display:block}
.flip_img__icon{font-size:100px;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.flip_img__icon-holder{font-weight:900;padding:0;position:absolute;z-index:2;color:#fff;top:0;left:0;right:0;bottom:0;text-align:center}
.flip_img__icon-holder img{position:relative;top:50%;margin:-40px 0 0 0; max-width:100%;}
.flip_img__back-dimness{background-color:#000}
.flip_img__back{position:relative;z-index:2;}
.flip_img__img-back{width:100%;max-width:100%;opacity:.2;-ms-filter:"alpha(opacity=20)";position:relative;z-index:1;display:block;}
.flip_img__back-txt{color:#fff;font-size:25px;font-weight:200;position:relative;text-align:center;z-index:2;line-height:30px;position:absolute;top:50%;transform:translateY(-50%);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px;width:100%}

.rotateY .flip_img__back{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0)}
.rotateY .flip_img__img-back{transform:rotateY(180deg)}
.rotateY .flip_img__back-txt{-moz-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%);-webkit-transform:rotateY(180deg) translateY(-50%);}
.rotateX .flip_img__back{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}
.rotateX .flip_img__img-back{transform:rotateX(0);}
.rotateX .flip_img__back-txt{-moz-transform:rotateX(0) translateY(-50%);transform:rotateX(0) translateY(-50%);-webkit-transform:rotateX(0) translateY(-50%);}
.slideX .flip_img__back{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%)}
.slideY .flip_img__back{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}

@-webkit-keyframes indexflip4{
0%{z-index:2}
49%{z-index:2}
50%{z-index:4}
100%{z-index:4}
}
@-moz-keyframes indexflip4{
0%{z-index:2}
49%{z-index:2}
50%{z-index:4}
100%{z-index:4}
}
@-o-keyframes indexflip4{
0%{z-index:2}
49%{z-index:2}
50%{z-index:4}
100%{z-index:4}
}
@keyframes indexflip4{
0%{z-index:2}
49%{z-index:2}
50%{z-index:4}
100%{z-index:4}
}
@-webkit-keyframes indexflip2{
0%{z-index:4}
49%{z-index:4}
50%{z-index:2}
100%{z-index:2}
}
@-moz-keyframes indexflip2{
0%{z-index:4}
49%{z-index:4}
50%{z-index:2}
100%{z-index:2}
}
@-o-keyframes indexflip2{
0%{z-index:4}
49%{z-index:4}
50%{z-index:2}
100%{z-index:2}
}
@keyframes indexflip2{
0%{z-index:4}
49%{z-index:4}
50%{z-index:2}
100%{z-index:2}
}
@-webkit-keyframes indexfade {
0%{z-index:4;opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes indexfade {
0%{z-index:4;opacity:0;}
100%{opacity:1;}
}
@-o-keyframes indexfade {
0%{z-index:4;opacity:0;}
100%{opacity:1;}
}
@keyframes indexfade {
0%{z-index:4;opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes indexfade2 {
0%{z-index:4;opacity:1;}
99%{z-index:4;opacity: 0;}
100%{z-index: 2;}
}
@-moz-keyframes indexfade2 {
0%{z-index:4;opacity:1;}
99%{z-index:4;opacity: 0;}
100%{z-index: 2;}
}
@-o-keyframes indexfade2 {
0%{z-index:4;opacity:1;}
99%{z-index:4;opacity: 0;}
100%{z-index: 2;}
}
@keyframes indexfade2 {
0%{z-index:4;opacity:1;}
99%{z-index:4;opacity: 0;}
100%{z-index: 2;}
}
@-webkit-keyframes slideX {
0%{z-index:4;transform: translateX(-100%);}
100%{transform: translateX(0);}
}
@-moz-keyframes slideX {
0%{z-index:4;transform: translateX(-100%);}
100%{transform: translateX(0);}
}
@-o-keyframes slideX {
0%{z-index:4;transform: translateX(-100%);}
100%{transform: translateX(0);}
}
@keyframes slideX {
0%{z-index:4;transform: translateX(-100%);}
100%{transform: translateX(0);}
}
@-webkit-keyframes slideX2 {
0%{z-index:4;transform: translateX(0);}
99%{z-index:4;transform: translateX(-100%);}
100%{z-index: 2;}
}
@-moz-keyframes slideX2 {
0%{z-index:4;transform: translateX(0);}
99%{z-index:4;transform: translateX(-100%);}
100%{z-index: 2;}
}
@-o-keyframes slideX2 {
0%{z-index:4;transform: translateX(0);}
99%{z-index:4;transform: translateX(-100%);}
100%{z-index: 2;}
}
@keyframes slideX2 {
0%{z-index:4;transform: translateX(0);}
99%{z-index:4;transform: translateX(-100%);}
100%{z-index: 2;}
}
@-webkit-keyframes slideY {
0%{z-index:4;transform: translateY(-100%);}
100%{transform: translateY(0);}
}
@-moz-keyframes slideY {
0%{z-index:4;transform: translateY(-100%);}
100%{transform: translateY(0);}
}
@-o-keyframes slideY {
0%{z-index:4;transform: translateY(-100%);}
100%{transform: translateY(0);}
}
@keyframes slideY {
0%{z-index:4;transform: translateY(-100%);}
100%{transform: translateY(0);}
}
@-webkit-keyframes slideY2 {
0%{z-index:4;transform: translateY(0);}
99%{z-index:4;transform: translateY(-100%);}
100%{z-index: 2;}
}
@-moz-keyframes slideY2 {
0%{z-index:4;transform: translateY(0);}
99%{z-index:4;transform: translateY(-100%);}
100%{z-index: 2;}
}
@-o-keyframes slideY2 {
0%{z-index:4;transform: translateY(0);}
99%{z-index:4;transform: translateY(-100%);}
100%{z-index: 2;}
}
@keyframes slideY2 {
0%{z-index:4;transform: translateY(0);}
99%{z-index:4;transform: translateY(-100%);}
100%{z-index: 2;}
}

.flip_img--2-in-row .flip_img__single-el{width: calc(50% - 2px); margin:1px; display: block;}

.flip_img--3-in-row .flip_img__single-el {width: calc(33% - 2px); margin:1px; display: block;}

.flip_img--4-in-row .flip_img__single-el{width: calc(25% - 2px); margin:1px; display: block;}
.flip_img--4-in-row .flip_img__single-el .flip_img__back-txt{font-size:16px;line-height:20px}

.flip_img--5-in-row .flip_img__single-el{width: calc(20% - 2px); margin:1px; display: block;}
.flip_img--5-in-row .flip_img__single-el .flip_img__back-txt{font-size:12px;line-height:15px}

@media(max-width:1000px){
.flip_img_box{box-sizing:border-box; padding:0 10px;}    
.flip_img__back{overflow:hidden;width:100%;}
.flip_img__back-txt{font-size:16px;line-height:26px}
.flip_img--4-in-row .flip_img__single-el,
.flip_img--5-in-row .flip_img__single-el {width: calc(33% - 2px);}
}
@media(max-width:576px){
.flip_img--2-in-row .flip_img__single-el,
.flip_img--3-in-row .flip_img__single-el, 
.flip_img--4-in-row .flip_img__single-el,
.flip_img--5-in-row .flip_img__single-el {width: calc(50% - 2px);}
.flip_img__icon-holder img	{margin: -25px 0 0 0; width: 50px;}
.flip_img__back-txt{font-size:18px}
}
@media(max-width:500px){
.flip_img__single-el{width:100%;margin-left:0;margin-right:0}
.flip_img__back-txt{font-size:16px;line-height:20px}
}