/**
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Commercial License and is not open source.
 * Each license that you purchased is only available for 1 website only.
 * You can't distribute, modify or sell this code.
 * If you want to use this file on more websites, you need to purchase additional licenses.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file.
 * If you need help please contact <attechteams@gmail.com>
 *
 * @author    Alpha Tech <attechteams@gmail.com>
 * @copyright 2022 Alpha Tech
 * @license   opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */

.coreimage-swap-image{
    opacity: 1;
    transition: all .8s;
    z-index: 2;
}

.coreimage-swap-image + img{
    opacity: 0;
    transition: all .8s;
    z-index: 1;
    position: absolute !important;
    right: 0;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, -50%);*/
}

.coreimage-swap-image:hover{
    opacity: 0;
    transition: all .8s;
}

.coreimage-swap-image:hover + img{
    opacity: 1;
    transition: all .8s;
}

.swiper-wrapper {
    width: 250px;
    height: 250px;
}

.swiper-button-next, .swiper-button-prev {
    width: 32px;
    height: 32px;
    color: #000000;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 18px;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 6px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 6px;
}

.swiper-button-next.-default, .swiper-button-prev.-default {
    background: #ffffff;
    border-radius: 50%;
    padding: 0;
    pointer-events: all;
    opacity: 0.85;
    border: 1px solid #999;
    width: 24px;
    text-align: center;
    height: 24px;
}

.swiper-button-next.-default:after, .swiper-button-prev.-default:after {
    font-size: 10px !important;
}

.swiper-button-next:after {
    margin-top: 0;
    margin-left: 2px;
}

.swiper-button-next.-chevron-flat::after, .swiper-button-prev.-chevron-flat::after {
    font-size: 14px;
}

.swiper-button-next.-chevron-large::after, .swiper-button-prev.-chevron-large::after {
    font-size: 24px;
}

.swiper-button-next.-arrow:after, .swiper-button-prev.-arrow:after {
    font-family: 'Material Icons';
}
.swiper-button-prev.-arrow:after, .swiper-rtl .swiper-button-next.-arrow:after {
    content: 'arrow_back';
}
.swiper-button-next.-arrow:after, .swiper-rtl .swiper-button-prev.-arrow:after {
    content: 'arrow_forward';
}

.swiper-pagination.-top {
    top: 0 !important;
}

.swiper-pagination.-bottom {
    top: 98% !important;
}

.swiper-pagination.-stretch .swiper-pagination-bullet {
    border-radius: 6px;
    width: 18px;
    height: 4px;
}

.swiper-pagination.-top.-stretch {
    top: -10px !important;
}

.swiper-pagination.-bottom.-stretch {
    top: unset !important;
    bottom: -4px;
}
.swiper-pagination.-top.-fraction {
    top: -4px !important;
    bottom: unset;
    text-align: right;
}

.swiper-pagination.-bottom.-fraction {
    top: unset !important;
    bottom: 0;
    text-align: right;
}

.swiper-pagination.-fraction-round.-top {
    bottom: unset !important;
    top: 1px !important;
}

.swiper-pagination.-fraction-round.-bottom {
    top: unset !important;
    bottom: 0px !important;
}

.swiper-pagination.-fraction-round .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: 4px;
}

.swiper-pagination.-fraction-round .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.mySwiper2 {
    height: 80%;
    width: 100%;
}

.mySwiper.swiper-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}


.mySwiper.swiper-thumbs .swiper-slide img {
    height: 100% !important;
    object-fit: none;
    opacity: 0.4;
}

.mySwiper.swiper-thumbs .swiper-wrapper {
    height: 100%;
}

.mySwiper.swiper-thumbs .swiper-slide.swiper-slide-thumb-active img {
    opacity: 1;
}

.core-swiper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}