/*!
 * FE-Image-Preview by Felipe Sales v3.0.0 (https://www.felipesales.com.br/)
 * Copyright 2018-2019 The FE-Template Authors
 * Copyright 2018-2019 FE, Inc.
 * Licensed under MIT
 */

/*!
=========================================================
* preview images
=========================================================
*/

.fe-image-0,
.fe-image-1,
.fe-image-2,
.fe-image-3,
.fe-image-4,
.fe-image-5,
.fe-image-6,
.fe-image-7,
.fe-image-8,
.fe-image-9,
.fe-image-10,
.fe-image-11,
.fe-image-12,
.fe-image-13,
.fe-image-14,
.fe-image-15,
.fe-image-16,
.fe-image-17,
.fe-image-18,
.fe-image-19,
.fe-image-url-0,
.fe-image-url-1,
.fe-image-url-2,
.fe-image-url-3,
.fe-image-url-4,
.fe-image-url-5,
.fe-image-url-6,
.fe-image-url-7,
.fe-image-url-8,
.fe-image-url-9,
.fe-image-url-10,
.fe-image-url-11,
.fe-image-url-12,
.fe-image-url-13,
.fe-image-url-14,
.fe-image-url-15,
.fe-image-url-16,
.fe-image-url-17,
.fe-image-url-18,
.fe-image-url-19 {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    z-index: 999999999;
}

.fe-grid-preview-0,
.fe-grid-preview-1,
.fe-grid-preview-2,
.fe-grid-preview-3,
.fe-grid-preview-4,
.fe-grid-preview-5,
.fe-grid-preview-6,
.fe-grid-preview-7,
.fe-grid-preview-8,
.fe-grid-preview-9,
.fe-grid-preview-10,
.fe-grid-preview-11,
.fe-grid-preview-12,
.fe-grid-preview-13,
.fe-grid-preview-14,
.fe-grid-preview-15,
.fe-grid-preview-16,
.fe-grid-preview-17,
.fe-grid-preview-18,
.fe-grid-preview-19 {
    display: block;
    width: 100%;
    text-align: center;
}

.fe-grid-preview-item-0,
.fe-grid-preview-item-1,
.fe-grid-preview-item-2,
.fe-grid-preview-item-3,
.fe-grid-preview-item-4,
.fe-grid-preview-item-5,
.fe-grid-preview-item-6,
.fe-grid-preview-item-7,
.fe-grid-preview-item-8,
.fe-grid-preview-item-9,
.fe-grid-preview-item-10,
.fe-grid-preview-item-11,
.fe-grid-preview-item-12,
.fe-grid-preview-item-13,
.fe-grid-preview-item-14,
.fe-grid-preview-item-15,
.fe-grid-preview-item-16,
.fe-grid-preview-item-17,
.fe-grid-preview-item-18,
.fe-grid-preview-item-19 {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    box-shadow: inset 0 0 0 0 rgba(33, 37, 41, 1); /* color */
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}

.fe-grid-preview-item-0:hover,
.fe-grid-preview-item-1:hover,
.fe-grid-preview-item-2:hover,
.fe-grid-preview-item-3:hover,
.fe-grid-preview-item-4:hover,
.fe-grid-preview-item-5:hover,
.fe-grid-preview-item-6:hover,
.fe-grid-preview-item-7:hover,
.fe-grid-preview-item-8:hover,
.fe-grid-preview-item-9:hover,
.fe-grid-preview-item-10:hover,
.fe-grid-preview-item-11:hover,
.fe-grid-preview-item-12:hover,
.fe-grid-preview-item-13:hover,
.fe-grid-preview-item-14:hover,
.fe-grid-preview-item-15:hover,
.fe-grid-preview-item-16:hover,
.fe-grid-preview-item-17:hover,
.fe-grid-preview-item-18:hover,
.fe-grid-preview-item-19:hover {
    box-shadow: inset 0 0 0 110px rgba(33, 37, 41, 1); /* color */
}

.fe-grid-preview-item-0:hover .fe-preview-0,
.fe-grid-preview-item-1:hover .fe-preview-1,
.fe-grid-preview-item-2:hover .fe-preview-2,
.fe-grid-preview-item-3:hover .fe-preview-3,
.fe-grid-preview-item-4:hover .fe-preview-4,
.fe-grid-preview-item-5:hover .fe-preview-5,
.fe-grid-preview-item-6:hover .fe-preview-6,
.fe-grid-preview-item-7:hover .fe-preview-7,
.fe-grid-preview-item-8:hover .fe-preview-8,
.fe-grid-preview-item-9:hover .fe-preview-9,
.fe-grid-preview-item-10:hover .fe-preview-10,
.fe-grid-preview-item-11:hover .fe-preview-11,
.fe-grid-preview-item-12:hover .fe-preview-12,
.fe-grid-preview-item-13:hover .fe-preview-13,
.fe-grid-preview-item-14:hover .fe-preview-14,
.fe-grid-preview-item-15:hover .fe-preview-15,
.fe-grid-preview-item-16:hover .fe-preview-16,
.fe-grid-preview-item-17:hover .fe-preview-17,
.fe-grid-preview-item-18:hover .fe-preview-18,
.fe-grid-preview-item-19:hover .fe-preview-19 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .5;
    z-index: 1;
}

.fe-grid-preview-item-0:hover .fe-grid-preview-text-0,
.fe-grid-preview-item-1:hover .fe-grid-preview-text-1,
.fe-grid-preview-item-2:hover .fe-grid-preview-text-2,
.fe-grid-preview-item-3:hover .fe-grid-preview-text-3,
.fe-grid-preview-item-4:hover .fe-grid-preview-text-4,
.fe-grid-preview-item-5:hover .fe-grid-preview-text-5,
.fe-grid-preview-item-6:hover .fe-grid-preview-text-6,
.fe-grid-preview-item-7:hover .fe-grid-preview-text-7,
.fe-grid-preview-item-8:hover .fe-grid-preview-text-8,
.fe-grid-preview-item-9:hover .fe-grid-preview-text-9,
.fe-grid-preview-item-10:hover .fe-grid-preview-text-10,
.fe-grid-preview-item-11:hover .fe-grid-preview-text-11,
.fe-grid-preview-item-12:hover .fe-grid-preview-text-12,
.fe-grid-preview-item-13:hover .fe-grid-preview-text-13,
.fe-grid-preview-item-14:hover .fe-grid-preview-text-14,
.fe-grid-preview-item-15:hover .fe-grid-preview-text-15,
.fe-grid-preview-item-16:hover .fe-grid-preview-text-16,
.fe-grid-preview-item-17:hover .fe-grid-preview-text-17,
.fe-grid-preview-item-18:hover .fe-grid-preview-text-18,
.fe-grid-preview-item-19:hover .fe-grid-preview-text-19 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}

.fe-grid-preview-text-0,
.fe-grid-preview-text-1,
.fe-grid-preview-text-2,
.fe-grid-preview-text-3,
.fe-grid-preview-text-4,
.fe-grid-preview-text-5,
.fe-grid-preview-text-6,
.fe-grid-preview-text-7,
.fe-grid-preview-text-8,
.fe-grid-preview-text-9,
.fe-grid-preview-text-10,
.fe-grid-preview-text-11,
.fe-grid-preview-text-12,
.fe-grid-preview-text-13,
.fe-grid-preview-text-14,
.fe-grid-preview-text-15,
.fe-grid-preview-text-16,
.fe-grid-preview-text-17,
.fe-grid-preview-text-18,
.fe-grid-preview-text-19 {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    opacity: 0;
}

.fe-grid-preview-text-0 span,
.fe-grid-preview-text-1 span,
.fe-grid-preview-text-2 span,
.fe-grid-preview-text-3 span,
.fe-grid-preview-text-4 span,
.fe-grid-preview-text-5 span,
.fe-grid-preview-text-6 span,
.fe-grid-preview-text-7 span,
.fe-grid-preview-text-8 span,
.fe-grid-preview-text-9 span,
.fe-grid-preview-text-10 span,
.fe-grid-preview-text-11 span,
.fe-grid-preview-text-12 span,
.fe-grid-preview-text-13 span,
.fe-grid-preview-text-14 span,
.fe-grid-preview-text-15 span,
.fe-grid-preview-text-16 span,
.fe-grid-preview-text-17 span,
.fe-grid-preview-text-18 span,
.fe-grid-preview-text-19 span,
.fe-grid-preview-text-0 p,
.fe-grid-preview-text-1 p,
.fe-grid-preview-text-2 p,
.fe-grid-preview-text-3 p,
.fe-grid-preview-text-4 p,
.fe-grid-preview-text-5 p,
.fe-grid-preview-text-6 p,
.fe-grid-preview-text-7 p,
.fe-grid-preview-text-8 p,
.fe-grid-preview-text-9 p,
.fe-grid-preview-text-10 p,
.fe-grid-preview-text-11 p,
.fe-grid-preview-text-12 p,
.fe-grid-preview-text-13 p,
.fe-grid-preview-text-14 p,
.fe-grid-preview-text-15 p,
.fe-grid-preview-text-16 p,
.fe-grid-preview-text-17 p,
.fe-grid-preview-text-18 p,
.fe-grid-preview-text-19 p {
    position: relative;
    top: 45px;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.fe-grid-preview-text-0.small span,
.fe-grid-preview-text-1.small span,
.fe-grid-preview-text-2.small span,
.fe-grid-preview-text-3.small span,
.fe-grid-preview-text-4.small span,
.fe-grid-preview-text-5.small span,
.fe-grid-preview-text-6.small span,
.fe-grid-preview-text-7.small span,
.fe-grid-preview-text-8.small span,
.fe-grid-preview-text-9.small span,
.fe-grid-preview-text-10.small span,
.fe-grid-preview-text-11.small span,
.fe-grid-preview-text-12.small span,
.fe-grid-preview-text-13.small span,
.fe-grid-preview-text-14.small span,
.fe-grid-preview-text-15.small span,
.fe-grid-preview-text-16.small span,
.fe-grid-preview-text-17.small span,
.fe-grid-preview-text-18.small span,
.fe-grid-preview-text-19.small span,
.fe-grid-preview-text-0.small p,
.fe-grid-preview-text-1.small p,
.fe-grid-preview-text-2.small p,
.fe-grid-preview-text-3.small p,
.fe-grid-preview-text-4.small p,
.fe-grid-preview-text-5.small p,
.fe-grid-preview-text-6.small p,
.fe-grid-preview-text-7.small p,
.fe-grid-preview-text-8.small p,
.fe-grid-preview-text-9.small p,
.fe-grid-preview-text-10.small p,
.fe-grid-preview-text-11.small p,
.fe-grid-preview-text-12.small p,
.fe-grid-preview-text-13.small p,
.fe-grid-preview-text-14.small p,
.fe-grid-preview-text-15.small p,
.fe-grid-preview-text-16.small p,
.fe-grid-preview-text-17.small p,
.fe-grid-preview-text-18.small p,
.fe-grid-preview-text-19.small p {
    position: relative;
    top: 14px;
    font-size: 7px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.fe-grid-preview-text-0.small span,
.fe-grid-preview-text-1.small span,
.fe-grid-preview-text-2.small span,
.fe-grid-preview-text-3.small span,
.fe-grid-preview-text-4.small span,
.fe-grid-preview-text-5.small span,
.fe-grid-preview-text-6.small span,
.fe-grid-preview-text-7.small span,
.fe-grid-preview-text-8.small span,
.fe-grid-preview-text-9.small span,
.fe-grid-preview-text-10.small span,
.fe-grid-preview-text-11.small span,
.fe-grid-preview-text-12.small span,
.fe-grid-preview-text-13.small span,
.fe-grid-preview-text-14.small span,
.fe-grid-preview-text-15.small span,
.fe-grid-preview-text-16.small span,
.fe-grid-preview-text-17.small span,
.fe-grid-preview-text-18.small span,
.fe-grid-preview-text-19.small span {
    left: 1px;
}

.fe-grid-preview-text-0 p,
.fe-grid-preview-text-1 p,
.fe-grid-preview-text-2 p,
.fe-grid-preview-text-3 p,
.fe-grid-preview-text-4 p,
.fe-grid-preview-text-5 p,
.fe-grid-preview-text-6 p,
.fe-grid-preview-text-7 p,
.fe-grid-preview-text-8 p,
.fe-grid-preview-text-9 p,
.fe-grid-preview-text-10 p,
.fe-grid-preview-text-11 p,
.fe-grid-preview-text-12 p,
.fe-grid-preview-text-13 p,
.fe-grid-preview-text-14 p,
.fe-grid-preview-text-15 p,
.fe-grid-preview-text-16 p,
.fe-grid-preview-text-17 p,
.fe-grid-preview-text-18 p,
.fe-grid-preview-text-19 p {
    margin: 0 15px 0 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.fe-grid-preview-text-0.small p,
.fe-grid-preview-text-1.small p,
.fe-grid-preview-text-2.small p,
.fe-grid-preview-text-3.small p,
.fe-grid-preview-text-4.small p,
.fe-grid-preview-text-5.small p,
.fe-grid-preview-text-6.small p,
.fe-grid-preview-text-7.small p,
.fe-grid-preview-text-8.small p,
.fe-grid-preview-text-9.small p,
.fe-grid-preview-text-10.small p,
.fe-grid-preview-text-11.small p,
.fe-grid-preview-text-12.small p,
.fe-grid-preview-text-13.small p,
.fe-grid-preview-text-14.small p,
.fe-grid-preview-text-15.small p,
.fe-grid-preview-text-16.small p,
.fe-grid-preview-text-17.small p,
.fe-grid-preview-text-18.small p,
.fe-grid-preview-text-19.small p {
    margin: -2px 3px 0 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.fe-preview-0,
.fe-preview-1,
.fe-preview-2,
.fe-preview-3,
.fe-preview-4,
.fe-preview-5,
.fe-preview-6,
.fe-preview-7,
.fe-preview-8,
.fe-preview-9,
.fe-preview-10,
.fe-preview-11,
.fe-preview-12,
.fe-preview-13,
.fe-preview-14,
.fe-preview-15,
.fe-preview-16,
.fe-preview-17,
.fe-preview-18,
.fe-preview-19 {
    position: absolute;
    background-color: #f2f2f2;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.fe-img-preview-0,
.fe-img-preview-1,
.fe-img-preview-2,
.fe-img-preview-3,
.fe-img-preview-4,
.fe-img-preview-5,
.fe-img-preview-6,
.fe-img-preview-7,
.fe-img-preview-8,
.fe-img-preview-9,
.fe-img-preview-10,
.fe-img-preview-11,
.fe-img-preview-12,
.fe-img-preview-13,
.fe-img-preview-14,
.fe-img-preview-15,
.fe-img-preview-16,
.fe-img-preview-17,
.fe-img-preview-18,
.fe-img-preview-19 {
    object-fit: cover;
}

.fe-remove-preview-0,
.fe-remove-preview-1,
.fe-remove-preview-2,
.fe-remove-preview-3,
.fe-remove-preview-4,
.fe-remove-preview-5,
.fe-remove-preview-6,
.fe-remove-preview-7,
.fe-remove-preview-8,
.fe-remove-preview-9,
.fe-remove-preview-10,
.fe-remove-preview-11,
.fe-remove-preview-12,
.fe-remove-preview-13,
.fe-remove-preview-14,
.fe-remove-preview-15,
.fe-remove-preview-16,
.fe-remove-preview-17,
.fe-remove-preview-18,
.fe-remove-preview-19 {
    position: relative;
    width: 0;
    cursor: pointer;
    color: #fb6340;
    opacity: .5;
    z-index: 1;
}

.fe-remove-preview-0:hover,
.fe-remove-preview-1:hover,
.fe-remove-preview-2:hover,
.fe-remove-preview-3:hover,
.fe-remove-preview-4:hover,
.fe-remove-preview-5:hover,
.fe-remove-preview-6:hover,
.fe-remove-preview-7:hover,
.fe-remove-preview-8:hover,
.fe-remove-preview-9:hover,
.fe-remove-preview-10:hover,
.fe-remove-preview-11:hover,
.fe-remove-preview-12:hover,
.fe-remove-preview-13:hover,
.fe-remove-preview-14:hover,
.fe-remove-preview-15:hover,
.fe-remove-preview-16:hover,
.fe-remove-preview-17:hover,
.fe-remove-preview-18:hover,
.fe-remove-preview-19:hover {
    opacity: 1;
}

.fe-preview-0 img,
.fe-preview-1 img,
.fe-preview-2 img,
.fe-preview-3 img,
.fe-preview-4 img,
.fe-preview-5 img,
.fe-preview-6 img,
.fe-preview-7 img,
.fe-preview-8 img,
.fe-preview-9 img,
.fe-preview-10 img,
.fe-preview-11 img,
.fe-preview-12 img,
.fe-preview-13 img,
.fe-preview-14 img,
.fe-preview-15 img,
.fe-preview-16 img,
.fe-preview-17 img,
.fe-preview-18 img,
.fe-preview-19 img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.fe-grid-preview-item-0:hover .fe-preview-0 img,
.fe-grid-preview-item-1:hover .fe-preview-1 img,
.fe-grid-preview-item-2:hover .fe-preview-2 img,
.fe-grid-preview-item-3:hover .fe-preview-3 img,
.fe-grid-preview-item-4:hover .fe-preview-4 img,
.fe-grid-preview-item-5:hover .fe-preview-5 img,
.fe-grid-preview-item-6:hover .fe-preview-6 img,
.fe-grid-preview-item-7:hover .fe-preview-7 img,
.fe-grid-preview-item-8:hover .fe-preview-8 img,
.fe-grid-preview-item-9:hover .fe-preview-9 img,
.fe-grid-preview-item-10:hover .fe-preview-10 img,
.fe-grid-preview-item-11:hover .fe-preview-11 img,
.fe-grid-preview-item-12:hover .fe-preview-12 img,
.fe-grid-preview-item-13:hover .fe-preview-13 img,
.fe-grid-preview-item-14:hover .fe-preview-14 img,
.fe-grid-preview-item-15:hover .fe-preview-15 img,
.fe-grid-preview-item-16:hover .fe-preview-16 img,
.fe-grid-preview-item-17:hover .fe-preview-17 img,
.fe-grid-preview-item-18:hover .fe-preview-18 img,
.fe-grid-preview-item-19:hover .fe-preview-19 img {
    transform: scale(1.25);
    -ms-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25)
}

.fe-img-preview-cover {
    width: 100%;
    height: 100%;
}

.fe-hidden {
    visibility: hidden;
}

/*!
=========================================================
* custom images
=========================================================
*/

.fe-preview-small,
.fe-preview-medium,
.fe-preview-rectangle {
    background-color: transparent;
    background-size: 100%;
    border-radius: .25rem;
}

.fe-preview-small {
    width: 65px;
    height: 65px;
}

.fe-preview-medium {
    width: 135px;
    height: 135px;
}

.fe-preview-rectangle {
    width: 100%;
    height: 135px;
}

.fe-preview-round {
    border-radius: 100%;
}

.fe-default-user {
    background-image: url("../images/default/default-user.png");
}

.fe-default-background {
    background-image: url("../images/default/default-background.png");
}

.fe-default-logo {
    background-image: url("../images/default/default-logo.png");
}

.fe-remove-preview-small {
    margin: 0 auto -18px auto;
    left: 37px;
}

.fe-remove-preview-medium-round,
.fe-remove-preview-rectangle {
    margin: 0 auto -25px auto;
}

.fe-remove-preview-medium-round {
    left: 68px;
}

.fe-remove-preview-rectangle {
    top: -20px;
    right: -50%;
}
