@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    z-index: 10;

    display: block;

    width: 24px;
    height: 24px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    border-left: 2px solid #00004D;
    border-top: 2px solid #00004D;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
}

.slick-prev:before {
    left: 50%;
    margin-left: -3px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.slick-next:before {
    right: 50%;
    margin-right: -3px;
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 36px;
}

.slick-dots
{
    position: absolute;
    bottom: -38px;

    display: flex;
    justify-content: center;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    width: 12px;
    height: 12px;
    margin: 6px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    content: '';

    position: absolute;
    top: 0;
    left: 0;

    width: 12px;
    height: 12px;
    
    background: #FFFFFF;
    border: 1px solid #00004D;
    border-radius: 50%;
    box-sizing: border-box;

    transition: background 0.3s;

}
.slick-dots li.slick-active button:before
{
    background: #00004D;
}

.detailSlickSlider .slick-prev,
.detailSlickSlider .slick-next {
    width: 64px;
    height: 64px;
    top: -64px;
    left: auto;
}
.detailSlickSlider .slick-prev {
    right: 81px;
}
.detailSlickSlider .slick-next {
    right: 0;
}

.detailSlickSlider .slick-prev::before,
.detailSlickSlider .slick-next::before {
    display: block;
    left: 0;
    top: 0;
    margin: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23F3F3F3'/%3E%3Cpath d='M28.4644 23.5356L37.1611 32.2324L28.4644 40.9292' stroke='%2300004D' stroke-width='3'/%3E%3C/svg%3E%0A");
    width: 100%;
    height: 100%;
    border: none;
    transition: background-image 0.5s;
   
}
.detailSlickSlider--dark .slick-prev::before,
.detailSlickSlider--dark .slick-next::before {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='white'/%3E%3Cpath d='M28.4644 23.5356L37.1611 32.2324L28.4644 40.9292' stroke='%2300004D' stroke-width='3'/%3E%3C/svg%3E");
}
.detailSlickSlider .slick-prev::before {
    transform: rotate(-180deg);
}
.detailSlickSlider .slick-next::before {
     transform: none;
}

.detailSlickSlider .slick-prev:hover::before,
.detailSlickSlider .slick-next:hover::before {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23E6E7EB'/%3E%3Cpath d='M28.4644 23.5356L37.1611 32.2324L28.4644 40.9292' stroke='%2300004D' stroke-width='3'/%3E%3C/svg%3E");
}
.detailSlickSlider--dark .slick-prev:hover::before,
.detailSlickSlider--dark .slick-next:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='white'/%3E%3Cpath d='M28.4644 23.5356L37.1611 32.2324L28.4644 40.9292' stroke='%2300004D' stroke-width='3'/%3E%3C/svg%3E");
}

.detailSlickSlider .slick-prev:active::before,
.detailSlickSlider .slick-next:active::before {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='32' fill='%23DCDEE6'/%3E%3Cpath d='M28.4644 23.5356L37.1611 32.2324L28.4644 40.9292' stroke='%2300004D' stroke-width='3'/%3E%3C/svg%3E");
}

.detailSlickSlider .slick-prev.slick-disabled::before,
.detailSlickSlider .slick-next.slick-disabled::before {
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='31' transform='rotate(180 32 32)' stroke='%23F3F3F3' stroke-width='2'/%3E%3Cg opacity='0.5'%3E%3Cpath d='M28.4644 23.5356L37.1611 32.2324L28.4644 40.9292' stroke='%2300004D' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.detailSlickSlider--dark .slick-prev.slick-disabled::before,
.detailSlickSlider--dark .slick-next.slick-disabled::before {
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='32' r='31' transform='rotate(180 32 32)' stroke='white' stroke-width='2'/%3E%3Cpath d='M28.4644 23.5356L37.1611 32.2324L28.4644 40.9292' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
}

.catalogDetailSlickSlider .slick-prev,
.catalogDetailSlickSlider .slick-next {
    width: 32px;
    height: 100px;
    top: 10px;
    left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.catalogDetailSlickSlider .slick-prev {
    left: 0;
}
.catalogDetailSlickSlider .slick-next {
    right: 0;
}
.catalogDetailSlickSlider .slick-prev::before,
.catalogDetailSlickSlider .slick-next::before {
	display: block;
	left: 0;
	top: 0;
	margin: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='100' viewBox='0 0 32 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='100' rx='16' fill='%23F3F3F3'/%3E%3Cpath d='M13.4634 42.9292L20.7666 50.2324L13.4634 57.5356' stroke='%2300004D' stroke-width='2'/%3E%3C/svg%3E");
	width: 100%;
	height: 100%;
	border: none;
	transition: background-image 0.5s;
}
.catalogDetailSlickSlider .slick-prev::before {
    transform: rotate(-180deg);
}
.catalogDetailSlickSlider .slick-next::before {
    transform: rotate(0);
}

@media (max-width: 991px) {
    .catalogDetailSlickSlider .slick-prev, .catalogDetailSlickSlider .slick-next {
        width: 25px;
        height: 80px;
    }

    .catalogDetailSlickSlider .slick-prev::before, .catalogDetailSlickSlider .slick-next::before {
        background-size: auto 72px;
    }
}