:root{
    --min-width:320px;
    --max-width:1800px;
    --base-font-family:"Fira Sans",sans-serif;
    --default-transition:all 0.35s ease-out;
    --color-white:#fff;
    --color-black:#000;
    --color-dark:#312c49;
    --color-dark-blue:#01344f;
    --color-middle-blue:#114865;
    --color-grey:#4e7184;
    --color-light-blue:#33d6ff;
    --color-red:#f00909;
    --base-font-size:16px;
    --base-line-height:1.2;
    --base-font-weight:400;
    --font-size-sm:14px;
    --font-size-md:16px;
    --border-radius:20px;
    --header-height:80px;
    --gap-main:15px;
    --gap-col:5px;
    --title-font-size:32px;
    --title-md-font-size:32px;
    --title-sm-font-size:32px;
    --title-xs-font-size:28px
}
html{
    scrollbar-color:#4e7184 #114865
}
body{
    margin:0;
    padding:0;
    font-family:var(--base-font-family);
    background:var(--color-dark-blue);
    color:var(--color-white);
    height:100%;
    line-height:var(--base-line-height);
    position:relative;
    font-size:var(--base-font-size);
    font-weight:var(--base-font-weight);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    min-width:320px
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    margin:0;
    padding:0;
    border:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{
    display:block
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-width:0;
    padding:0;
    margin:0
}
html{
    height:100%;
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
    -webkit-tap-highlight-color:transparent
}
input,textarea{
    color:#333;
    font-family:var(--base-font-family);
    outline:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -webkit-appearance:none
}
button,input[type=button],input[type=submit]{
    cursor:pointer
}
td{
    margin:0;
    padding:0
}
form{
    padding:0;
    margin:0
}
a{
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    text-decoration:none;
    outline:0;
    -webkit-tap-highlight-color:transparent
}
a,button,div,span{
    outline:0!important
}
button,input[type=button],input[type=submit]{
    -webkit-appearance:none;
    outline:0
}
input:disabled{
    -webkit-appearance:none;
    opacity:1
}
*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
@font-face{
    font-family:"Fira Sans";
    src:local("Fira Sans Regular"),local("FiraSans-Regular"),url(../fonts/FiraSans-Regular.woff2) format("woff2"),url(../fonts/FiraSans-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Fira Sans";
    src:local("Fira Sans Medium"),local("FiraSans-Medium"),url(../fonts/FiraSans-Medium.woff2) format("woff2"),url(../fonts/FiraSans-Medium.woff) format("woff");
    font-weight:500;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Fira Sans";
    src:local("Fira Sans Bold"),local("FiraSans-Bold"),url(../fonts/FiraSans-Bold.woff2) format("woff2"),url(../fonts/FiraSans-Bold.woff) format("woff");
    font-weight:700;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Fira Sans";
    src:local("Fira Sans Italic"),local("FiraSans-Italic"),url(../fonts/FiraSans-Italic.woff2) format("woff2"),url(../fonts/FiraSans-Italic.woff) format("woff");
    font-weight:400;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Fira Sans";
    src:local("Fira Sans Medium Italic"),local("FiraSans-MediumItalic"),url(../fonts/FiraSans-MediumItalic.woff2) format("woff2"),url(../fonts/FiraSans-MediumItalic.woff) format("woff");
    font-weight:500;
    font-style:italic;
    font-display:swap
}
@font-face{
    font-family:"Fira Sans";
    src:local("Fira Sans Light"),local("FiraSans-Light"),url(../fonts/FiraSans-Light.woff2) format("woff2"),url(../fonts/FiraSans-Light.woff) format("woff");
    font-weight:300;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:"Fira Sans";
    src:local("Fira Sans ExtraBold"),local("FiraSans-ExtraBold"),url(../fonts/FiraSans-ExtraBold.woff2) format("woff2"),url(../fonts/FiraSans-ExtraBold.woff) format("woff");
    font-weight:800;
    font-style:normal;
    font-display:swap
}
.col,[class*=col-]{
    padding-right:var(--gap-col);
    padding-left:var(--gap-col);
    padding-bottom:30px
}
.row{
    margin-left:calc(-1 * var(--gap-col));
    margin-right:calc(-1 * var(--gap-col));
    margin-bottom:-30px
}
:root{
    --swiper-theme-color:#007aff
}
.swiper{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-vertical>.swiper-wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-android .swiper-slide,.swiper-wrapper{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.swiper-pointer-events{
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical{
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.swiper-slide{
    -ms-flex-negative:0;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-autoheight,.swiper-autoheight .swiper-slide{
    height:auto
}
.swiper-autoheight .swiper-wrapper{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transition-property:height,-webkit-transform;
    transition-property:height,-webkit-transform;
    -o-transition-property:transform,height;
    transition-property:transform,height;
    transition-property:transform,height,-webkit-transform
}
.swiper-backface-hidden .swiper-slide{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-centered>.swiper-wrapper::before{
    content:"";
    -ms-flex-negative:0;
    flex-shrink:0;
    -webkit-box-ordinal-group:10000;
    -ms-flex-order:9999;
    order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
    -webkit-margin-start:var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
    height:100%;
    min-height:1px;
    width:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:center center
}
.swiper-virtual .swiper-slide{
    -webkit-backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{
    height:1px;
    width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{
    width:1px;
    height:var(--swiper-virtual-size)
}
:root{
    --swiper-navigation-size:44px
}
.swiper-button-next,.swiper-button-prev{
    position:relative;
    height:50px;
    width:50px;
    cursor:pointer;
    background:var(--color-light-blue);
    border:2px solid var(--color-light-blue);
    color:var(--color-dark-blue);
    padding:0;
    outline:0;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    display:block;
    z-index:1;
    border-radius:50px
}
.swiper-button-next:hover,.swiper-button-prev:hover{
    outline:0;
    color:var(--color-light-blue);
    background-color:transparent
}
.swiper-button-next svg,.swiper-button-prev svg{
    fill:currentColor;
    display:block;
    width:21px;
    height:15px;
    top:calc(50% - 7.5px);
    position:absolute
}
.swiper-button-next svg{
    right:6px
}
.swiper-button-prev svg{
    left:6px
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    cursor:auto;
    pointer-events:none;
    color:var(--color-grey) -light
}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{
    opacity:0;
    cursor:auto;
    pointer-events:none
}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{
    display:none!important
}
.swiper-button-prev,.swiper-rtl .swiper-button-next{
    left:0;
    right:auto
}
.swiper-button-next,.swiper-rtl .swiper-button-prev{
    right:0;
    left:auto
}
.swiper-button-lock{
    display:none
}
.swiper-pagination{
    position:relative;
    text-align:center;
    -webkit-transition:.3s opacity;
    -o-transition:.3s opacity;
    transition:.3s opacity;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:3;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{
    display:none!important
}
.swiper-pagination-bullet{
    border:0;
    background:0 0;
    display:block;
    height:25px;
    width:25px;
    outline:0;
    line-height:0;
    font-size:0;
    color:transparent;
    padding:0;
    border:2px solid var(--color-red);
    border-radius:25px;
    cursor:pointer;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    position:relative
}
.swiper-pagination-bullet:before{
    content:"";
    height:9px;
    width:9px;
    position:absolute;
    left:calc(50% - 4.5px);
    top:calc(50% - 4.5px);
    background:var(--color-red);
    opacity:0;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    border-radius:50%
}
.swiper-pagination-bullet:after{
    content:"";
    position:absolute;
    width:26px;
    height:1px;
    right:-28px;
    top:calc(50% - .5px);
    background-color:var(--color-red);
    opacity:.5
}
.swiper-pagination-bullet:hover:before{
    opacity:.5
}
.swiper-pagination-bullet:last-child:after{
    display:none
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet:only-child{
    display:none!important
}
.swiper-pagination-bullet-active::before{
    opacity:1
}
.swiper-pagination-bullet-active:hover::before{
    opacity:1
}
.swiper-pagination-bullet-active:hover{
    opacity:1
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 13px
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transition:.2s left,.2s -webkit-transform;
    transition:.2s left,.2s -webkit-transform;
    -o-transition:.2s transform,.2s left;
    transition:.2s transform,.2s left;
    transition:.2s transform,.2s left,.2s -webkit-transform
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
    -webkit-transition:.2s right,.2s -webkit-transform;
    transition:.2s right,.2s -webkit-transform;
    -o-transition:.2s transform,.2s right;
    transition:.2s transform,.2s right;
    transition:.2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-lock{
    display:none
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius:50%;
    border-top-color:transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
    -webkit-animation:swiper-preloader-spin 1s infinite linear;
    animation:swiper-preloader-spin 1s infinite linear
}
.swiper-lazy-preloader-white{
    --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black{
    --swiper-preloader-color:#000
}
@-webkit-keyframes swiper-preloader-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes swiper-preloader-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.swiper .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-grid>.swiper-wrapper{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-fade .swiper-slide{
    pointer-events:none;
    -webkit-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-navigation{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:110px;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
:root{
    --f-spinner-width:36px;
    --f-spinner-height:36px;
    --f-spinner-color-1:rgba(0, 0, 0, 0.1);
    --f-spinner-color-2:rgba(17, 24, 28, 0.8);
    --f-spinner-stroke:2.75
}
.f-spinner{
    margin:auto;
    padding:0;
    width:var(--f-spinner-width);
    height:var(--f-spinner-height)
}
.f-spinner svg{
    width:100%;
    height:100%;
    vertical-align:top;
    -webkit-animation:f-spinner-rotate 2s linear infinite;
    animation:f-spinner-rotate 2s linear infinite
}
.f-spinner svg *{
    stroke-width:var(--f-spinner-stroke);
    fill:none
}
.f-spinner svg :first-child{
    stroke:var(--f-spinner-color-1)
}
.f-spinner svg :last-child{
    stroke:var(--f-spinner-color-2);
    -webkit-animation:f-spinner-dash 2s ease-in-out infinite;
    animation:f-spinner-dash 2s ease-in-out infinite
}
@-webkit-keyframes f-spinner-rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes f-spinner-rotate{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes f-spinner-dash{
    0%{
        stroke-dasharray:1,150;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-35
    }
    100%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-124
    }
}
@keyframes f-spinner-dash{
    0%{
        stroke-dasharray:1,150;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-35
    }
    100%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-124
    }
}
.f-throwOutUp{
    -webkit-animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp;
    animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp
}
.f-throwOutDown{
    -webkit-animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown;
    animation:var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown
}
@-webkit-keyframes f-throwOutUp{
    to{
        -webkit-transform:translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);
        transform:translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);
        opacity:0
    }
}
@keyframes f-throwOutUp{
    to{
        -webkit-transform:translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);
        transform:translate3d(0,calc(var(--f-throw-out-distance,150px) * -1),0);
        opacity:0
    }
}
@-webkit-keyframes f-throwOutDown{
    to{
        -webkit-transform:translate3d(0,var(--f-throw-out-distance,150px),0);
        transform:translate3d(0,var(--f-throw-out-distance,150px),0);
        opacity:0
    }
}
@keyframes f-throwOutDown{
    to{
        -webkit-transform:translate3d(0,var(--f-throw-out-distance,150px),0);
        transform:translate3d(0,var(--f-throw-out-distance,150px),0);
        opacity:0
    }
}
.f-zoomInUp{
    -webkit-animation:var(--f-transition-duration,.2s) ease .1s both f-zoomInUp;
    animation:var(--f-transition-duration,.2s) ease .1s both f-zoomInUp
}
.f-zoomOutDown{
    -webkit-animation:var(--f-transition-duration,.2s) ease both f-zoomOutDown;
    animation:var(--f-transition-duration,.2s) ease both f-zoomOutDown
}
@-webkit-keyframes f-zoomInUp{
    from{
        -webkit-transform:scale(.975) translate3d(0,16px,0);
        transform:scale(.975) translate3d(0,16px,0);
        opacity:0
    }
    to{
        -webkit-transform:scale(1) translate3d(0,0,0);
        transform:scale(1) translate3d(0,0,0);
        opacity:1
    }
}
@keyframes f-zoomInUp{
    from{
        -webkit-transform:scale(.975) translate3d(0,16px,0);
        transform:scale(.975) translate3d(0,16px,0);
        opacity:0
    }
    to{
        -webkit-transform:scale(1) translate3d(0,0,0);
        transform:scale(1) translate3d(0,0,0);
        opacity:1
    }
}
@-webkit-keyframes f-zoomOutDown{
    to{
        -webkit-transform:scale(.975) translate3d(0,16px,0);
        transform:scale(.975) translate3d(0,16px,0);
        opacity:0
    }
}
@keyframes f-zoomOutDown{
    to{
        -webkit-transform:scale(.975) translate3d(0,16px,0);
        transform:scale(.975) translate3d(0,16px,0);
        opacity:0
    }
}
.f-fadeIn{
    -webkit-animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
    animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
    z-index:2
}
.f-fadeOut{
    -webkit-animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
    animation:var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
    z-index:1
}
@-webkit-keyframes f-fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes f-fadeOut{
    100%{
        opacity:0
    }
}
@keyframes f-fadeOut{
    100%{
        opacity:0
    }
}
.f-fadeFastIn{
    -webkit-animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
    animation:var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
    z-index:2
}
.f-fadeFastOut{
    -webkit-animation:var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
    animation:var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
    z-index:2
}
@-webkit-keyframes f-fadeFastIn{
    0%{
        opacity:.75
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeFastIn{
    0%{
        opacity:.75
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes f-fadeFastOut{
    100%{
        opacity:0
    }
}
@keyframes f-fadeFastOut{
    100%{
        opacity:0
    }
}
.f-fadeSlowIn{
    -webkit-animation:var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
    animation:var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
    z-index:2
}
.f-fadeSlowOut{
    -webkit-animation:var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
    animation:var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
    z-index:1
}
@-webkit-keyframes f-fadeSlowIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeSlowIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes f-fadeSlowOut{
    100%{
        opacity:0
    }
}
@keyframes f-fadeSlowOut{
    100%{
        opacity:0
    }
}
.f-crossfadeIn{
    -webkit-animation:var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
    animation:var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
    z-index:2
}
.f-crossfadeOut{
    -webkit-animation:calc(var(--f-transition-duration,.2s) * .5) linear .1s both f-crossfadeOut;
    animation:calc(var(--f-transition-duration,.2s) * .5) linear .1s both f-crossfadeOut;
    z-index:1
}
@-webkit-keyframes f-crossfadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-crossfadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes f-crossfadeOut{
    100%{
        opacity:0
    }
}
@keyframes f-crossfadeOut{
    100%{
        opacity:0
    }
}
.f-slideIn{
    -webkit-animation:var(--f-transition-duration,.5s) ease both f-slideIn;
    animation:var(--f-transition-duration,.5s) ease both f-slideIn;
    z-index:2
}
.f-slideOut{
    -webkit-animation:var(--f-transition-duration,.5s) ease both f-slideOut;
    animation:var(--f-transition-duration,.5s) ease both f-slideOut;
    z-index:1
}
@-webkit-keyframes f-slideIn{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes f-slideIn{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@-webkit-keyframes f-slideOut{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
@keyframes f-slideOut{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
.f-slideIn.from-next{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext
}
.f-slideIn.from-prev{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev
}
.f-slideOut.to-next{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext
}
.f-slideOut.to-prev{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev
}
@-webkit-keyframes f-slideInPrev{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes f-slideInPrev{
    0%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes f-slideInNext{
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes f-slideInNext{
    0%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes f-slideOutNext{
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@keyframes f-slideOutNext{
    100%{
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%)
    }
}
@-webkit-keyframes f-slideOutPrev{
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
@keyframes f-slideOutPrev{
    100%{
        -webkit-transform:translateX(100%);
        transform:translateX(100%)
    }
}
.f-classicIn.from-next{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
    z-index:2
}
.f-classicIn.from-prev{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
    z-index:2
}
.f-classicOut.to-next{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
    z-index:1
}
.f-classicOut.to-prev{
    -webkit-animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
    animation:var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
    z-index:1
}
@-webkit-keyframes f-classicInNext{
    0%{
        -webkit-transform:translateX(-75px);
        transform:translateX(-75px);
        opacity:0
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
    }
}
@keyframes f-classicInNext{
    0%{
        -webkit-transform:translateX(-75px);
        transform:translateX(-75px);
        opacity:0
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
    }
}
@-webkit-keyframes f-classicInPrev{
    0%{
        -webkit-transform:translateX(75px);
        transform:translateX(75px);
        opacity:0
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
    }
}
@keyframes f-classicInPrev{
    0%{
        -webkit-transform:translateX(75px);
        transform:translateX(75px);
        opacity:0
    }
    100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
        opacity:1
    }
}
@-webkit-keyframes f-classicOutNext{
    100%{
        -webkit-transform:translateX(-75px);
        transform:translateX(-75px);
        opacity:0
    }
}
@keyframes f-classicOutNext{
    100%{
        -webkit-transform:translateX(-75px);
        transform:translateX(-75px);
        opacity:0
    }
}
@-webkit-keyframes f-classicOutPrev{
    100%{
        -webkit-transform:translateX(75px);
        transform:translateX(75px);
        opacity:0
    }
}
@keyframes f-classicOutPrev{
    100%{
        -webkit-transform:translateX(75px);
        transform:translateX(75px);
        opacity:0
    }
}
:root{
    --f-button-width:40px;
    --f-button-height:40px;
    --f-button-border:0;
    --f-button-border-radius:0;
    --f-button-color:#374151;
    --f-button-bg:#f8f8f8;
    --f-button-hover-bg:#e0e0e0;
    --f-button-active-bg:#d0d0d0;
    --f-button-shadow:none;
    --f-button-transition:all 0.15s ease;
    --f-button-transform:none;
    --f-button-svg-width:20px;
    --f-button-svg-height:20px;
    --f-button-svg-stroke-width:1.5;
    --f-button-svg-fill:none;
    --f-button-svg-filter:none;
    --f-button-svg-disabled-opacity:0.65
}
.f-button{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    position:relative;
    margin:0;
    padding:0;
    width:var(--f-button-width);
    height:var(--f-button-height);
    border:var(--f-button-border);
    border-radius:var(--f-button-border-radius);
    color:var(--f-button-color);
    background:var(--f-button-bg);
    -webkit-box-shadow:var(--f-button-shadow);
    box-shadow:var(--f-button-shadow);
    pointer-events:all;
    cursor:pointer;
    -webkit-transition:var(--f-button-transition);
    -o-transition:var(--f-button-transition);
    transition:var(--f-button-transition)
}
.f-button:active:not([disabled]){
    background-color:var(--f-button-active-bg)
}
.f-button:focus:not(:focus-visible){
    outline:0
}
.f-button:focus-visible{
    outline:0
}
.f-button svg{
    width:var(--f-button-svg-width);
    height:var(--f-button-svg-height);
    fill:var(--f-button-svg-fill);
    stroke:currentColor;
    stroke-width:var(--f-button-svg-stroke-width);
    stroke-linecap:round;
    stroke-linejoin:round;
    -webkit-transition:opacity .15s ease;
    -o-transition:opacity .15s ease;
    transition:opacity .15s ease;
    -webkit-transform:var(--f-button-transform);
    -ms-transform:var(--f-button-transform);
    transform:var(--f-button-transform);
    -webkit-filter:var(--f-button-svg-filter);
    filter:var(--f-button-svg-filter);
    pointer-events:none
}
.f-button[disabled]{
    cursor:default
}
.f-button[disabled] svg{
    opacity:var(--f-button-svg-disabled-opacity)
}
.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev{
    position:absolute;
    z-index:1
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev{
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{
    left:var(--f-button-prev-pos)
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{
    right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{
    left:auto;
    right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{
    right:auto;
    left:var(--f-button-prev-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev{
    top:auto;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{
    top:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{
    bottom:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{
    pointer-events:none
}
html.with-fancybox{
    width:auto;
    overflow:visible;
    scroll-behavior:auto
}
html.with-fancybox body{
    -ms-touch-action:none;
    touch-action:none
}
html.with-fancybox body.hide-scrollbar{
    width:auto;
    margin-right:calc(var(--fancybox-body-margin,0px) + var(--fancybox-scrollbar-compensate,0px));
    overflow:hidden!important;
    overscroll-behavior-y:none
}
.fancybox__container{
    --fancybox-color:#dbdbdb;
    --fancybox-hover-color:#fff;
    --fancybox-bg:rgba(0, 0, 6, 0.5);
    --fancybox-slide-gap:10px;
    --f-spinner-width:50px;
    --f-spinner-height:50px;
    --f-spinner-color-1:rgba(255, 255, 255, 0.1);
    --f-spinner-color-2:#bbb;
    --f-spinner-stroke:3.65;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    direction:ltr;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0;
    color:#f8f8f8;
    -webkit-tap-highlight-color:transparent;
    overflow:visible;
    z-index:var(--fancybox-zIndex,1050);
    outline:0;
    -webkit-transform-origin:top left;
    -ms-transform-origin:top left;
    transform-origin:top left;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:100%;
    text-size-adjust:100%;
    overscroll-behavior-y:contain
}
.fancybox__container *,.fancybox__container ::after,.fancybox__container ::before{
    -webkit-box-sizing:inherit;
    box-sizing:inherit
}
.fancybox__container::-webkit-backdrop{
    background-color:rgba(0,0,0,0)
}
.fancybox__container::backdrop{
    background-color:rgba(0,0,0,0)
}
.fancybox__backdrop{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1;
    background:rgba(20,15,43,.9);
    opacity:var(--fancybox-opacity,1);
    will-change:opacity
}
.fancybox__carousel{
    position:relative;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    min-height:0;
    z-index:10;
    overflow-y:visible;
    overflow-x:clip
}
.fancybox__viewport{
    width:100%;
    height:100%
}
.fancybox__viewport.is-draggable{
    cursor:move;
    cursor:-webkit-grab;
    cursor:grab
}
.fancybox__viewport.is-dragging{
    cursor:move;
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.fancybox__track{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 auto;
    height:100%
}
.fancybox__slide{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    height:100%;
    margin:0 var(--fancybox-slide-gap) 0 0;
    padding:10px;
    overflow:auto;
    -ms-scroll-chaining:none;
    overscroll-behavior:contain;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{
    padding-top:10px
}
.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-video{
    overflow:hidden
}
.fancybox__slide.has-image{
    overflow:hidden
}
.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{
    overflow:visible
}
.fancybox__slide::after,.fancybox__slide::before{
    content:"";
    -webkit-box-flex:0;
    -ms-flex:0 0 0px;
    flex:0 0 0;
    margin:auto
}
.fancybox__backdrop:empty,.fancybox__slide:empty,.fancybox__track:empty,.fancybox__viewport:empty{
    display:block
}
.fancybox__content{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    margin:0;
    padding:2rem;
    max-width:100%;
    color:var(--fancybox-content-color,#374151);
    background:var(--fancybox-content-bg,#fff);
    cursor:default;
    border-radius:0;
    z-index:20
}
.is-loading .fancybox__content{
    opacity:0
}
.is-draggable .fancybox__content{
    cursor:move;
    cursor:-webkit-grab;
    cursor:grab
}
.can-zoom_in .fancybox__content{
    cursor:-webkit-zoom-in;
    cursor:zoom-in
}
.can-zoom_out .fancybox__content{
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.is-dragging .fancybox__content{
    cursor:move;
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.fancybox__content [contenteditable],.fancybox__content [data-selectable]{
    cursor:auto
}
.fancybox__slide.has-image>.fancybox__content{
    padding:0;
    background:rgba(0,0,0,0);
    min-height:1px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.fancybox__slide.has-image>.fancybox__content>picture>img{
    width:100%;
    height:auto;
    max-height:100%
}
.is-animating .fancybox__content,.is-dragging .fancybox__content{
    will-change:transform,width,height
}
.fancybox-image{
    margin:auto;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-filter:blur(0);
    filter:blur(0)
}
.fancybox__caption{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    max-width:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin:0;
    padding:14px 0 4px 0;
    overflow-wrap:anywhere;
    line-height:1.375;
    color:var(--fancybox-color,currentColor);
    opacity:var(--fancybox-opacity,1);
    cursor:auto;
    visibility:visible
}
.is-closing .fancybox__caption,.is-loading .fancybox__caption{
    opacity:0;
    visibility:hidden
}
.is-compact .fancybox__caption{
    padding-bottom:0
}
.f-button.is-close-btn{
    --f-button-svg-stroke-width:2;
    position:absolute;
    top:0;
    right:8px;
    z-index:40;
    outline:0
}
.fancybox__content>.f-button.is-close-btn{
    --f-button-width:34px;
    --f-button-height:34px;
    --f-button-border-radius:4px;
    --f-button-color:var(--fancybox-color, #fff);
    --f-button-hover-color:var(--fancybox-color, #fff);
    --f-button-bg:transparent;
    --f-button-hover-bg:transparent;
    --f-button-active-bg:transparent;
    --f-button-svg-width:22px;
    --f-button-svg-height:22px;
    position:absolute;
    top:-38px;
    right:0;
    opacity:.75
}
.is-loading .fancybox__content>.f-button.is-close-btn{
    visibility:hidden
}
.is-zooming-out .fancybox__content>.f-button.is-close-btn{
    visibility:hidden
}
.fancybox__content>.f-button.is-close-btn:hover{
    opacity:1
}
.fancybox__footer{
    padding:0;
    margin:0;
    position:relative
}
.fancybox__footer .fancybox__caption{
    width:100%;
    padding:24px;
    opacity:var(--fancybox-opacity,1);
    -webkit-transition:all .25s ease;
    -o-transition:all .25s ease;
    transition:all .25s ease
}
.is-compact .fancybox__footer{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:20;
    background:rgba(24,24,27,.5)
}
.is-compact .fancybox__footer .fancybox__caption{
    padding:12px
}
.is-compact .fancybox__content>.f-button.is-close-btn{
    --f-button-border-radius:50%;
    --f-button-color:#fff;
    --f-button-hover-color:#fff;
    --f-button-outline-color:#000;
    --f-button-bg:rgba(0, 0, 0, 0.6);
    --f-button-active-bg:rgba(0, 0, 0, 0.6);
    --f-button-hover-bg:rgba(0, 0, 0, 0.6);
    --f-button-svg-width:18px;
    --f-button-svg-height:18px;
    --f-button-svg-filter:none;
    top:5px;
    right:5px
}
.fancybox__nav{
    --f-button-width:50px;
    --f-button-height:50px;
    --f-button-border:0;
    --f-button-border-radius:50%;
    --f-button-color:var(--fancybox-color);
    --f-button-hover-color:var(--fancybox-hover-color);
    --f-button-bg:transparent;
    --f-button-hover-bg:rgba(24, 24, 27, 0.3);
    --f-button-active-bg:rgba(24, 24, 27, 0.5);
    --f-button-shadow:none;
    --f-button-transition:all 0.15s ease;
    --f-button-transform:none;
    --f-button-svg-width:26px;
    --f-button-svg-height:26px;
    --f-button-svg-stroke-width:2.5;
    --f-button-svg-fill:none;
    --f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity:0.65;
    --f-button-next-pos:1rem;
    --f-button-prev-pos:1rem;
    opacity:var(--fancybox-opacity,1)
}
.fancybox__nav .f-button:before{
    position:absolute;
    content:"";
    top:-30px;
    right:-20px;
    left:-20px;
    bottom:-30px;
    z-index:1
}
.is-idle .fancybox__nav{
    -webkit-animation:.15s ease-out both f-fadeOut;
    animation:.15s ease-out both f-fadeOut
}
.is-idle.is-compact .fancybox__footer{
    pointer-events:none;
    -webkit-animation:.15s ease-out both f-fadeOut;
    animation:.15s ease-out both f-fadeOut
}
.fancybox__slide>.f-spinner{
    position:absolute;
    top:50%;
    left:50%;
    margin:var(--f-spinner-top,calc(var(--f-spinner-width) * -.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height) * -.5));
    z-index:30;
    cursor:pointer
}
.fancybox-protected{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:40;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox-ghost{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height:0;
    -o-object-fit:contain;
    object-fit:contain;
    z-index:40;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none
}
.fancybox-focus-guard{
    outline:0;
    opacity:0;
    position:fixed;
    pointer-events:none
}
.fancybox__container:not([aria-hidden]){
    opacity:0
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel){
    -webkit-animation:var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn;
    animation:var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{
    -webkit-animation:var(--f-backdrop-enter-duration,.25s) ease backwards f-fadeIn;
    animation:var(--f-backdrop-enter-duration,.25s) ease backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel){
    -webkit-animation:var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut;
    animation:var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{
    -webkit-animation:var(--f-backdrop-exit-duration,1s) ease forwards f-fadeOut;
    animation:var(--f-backdrop-exit-duration,1s) ease forwards f-fadeOut
}
.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{
    max-width:100%;
    -ms-flex-negative:1;
    flex-shrink:1;
    min-height:1px;
    overflow:visible
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{
    width:calc(100% - 120px);
    height:90%
}
.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{
    width:100%;
    height:100%
}
.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{
    width:960px;
    height:540px;
    max-width:100%;
    max-height:100%
}
.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content{
    padding:0;
    background:rgba(24,24,27,.9);
    color:#fff
}
.has-map .fancybox__content{
    background:#e5e3df
}
.fancybox__html5video,.fancybox__iframe{
    border:0;
    display:block;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0)
}
.fancybox-placeholder{
    border:0!important;
    clip:rect(1px,1px,1px,1px)!important;
    -webkit-clip-path:inset(50%)!important;
    clip-path:inset(50%)!important;
    height:1px!important;
    margin:-1px!important;
    overflow:hidden!important;
    padding:0!important;
    position:absolute!important;
    width:1px!important;
    white-space:nowrap!important
}
.f-carousel__thumbs{
    --f-thumb-width:96px;
    --f-thumb-height:72px;
    --f-thumb-outline:0;
    --f-thumb-outline-color:#000;
    --f-thumb-opacity:1;
    --f-thumb-hover-opacity:1;
    --f-thumb-selected-opacity:1;
    --f-thumb-border-radius:5px;
    --f-thumb-offset:0px;
    --f-button-next-pos:0;
    --f-button-prev-pos:0
}
.f-carousel__thumbs.is-classic{
    --f-thumb-gap:8px;
    --f-thumb-opacity:1;
    --f-thumb-hover-opacity:1;
    --f-thumb-selected-opacity:1
}
.f-carousel__thumbs.is-modern{
    --f-thumb-gap:4px;
    --f-thumb-extra-gap:16px;
    --f-thumb-clip-width:46px
}
.f-thumbs{
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin:0;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-perspective:1000px;
    perspective:1000px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.f-thumbs .f-spinner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:2px;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ebeff2),to(#e2e8f0));
    background-image:-o-linear-gradient(#ebeff2,#e2e8f0);
    background-image:linear-gradient(#ebeff2,#e2e8f0);
    z-index:-1
}
.f-thumbs .f-spinner svg{
    display:none
}
.f-thumbs.is-vertical{
    height:100%
}
.f-thumbs__viewport{
    width:100%;
    height:auto;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.f-thumbs__track{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.f-thumbs__slide{
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0;
    margin:0;
    width:var(--f-thumb-width);
    height:var(--f-thumb-height);
    overflow:visible;
    cursor:pointer
}
.f-thumbs__slide.is-loading img{
    opacity:0
}
.is-classic .f-thumbs__viewport{
    height:100%
}
.is-modern .f-thumbs__track{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content
}
.is-modern .f-thumbs__track::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:calc((var(--f-thumb-clip-width,0)) * -.5);
    width:calc(var(--width,0) * 1px + var(--f-thumb-clip-width,0));
    cursor:pointer
}
.is-modern .f-thumbs__slide{
    width:var(--f-thumb-clip-width);
    -webkit-transform:translate3d(calc(var(--shift,0) * -1px),0,0);
    transform:translate3d(calc(var(--shift,0) * -1px),0,0);
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    pointer-events:none
}
.is-modern.is-resting .f-thumbs__slide{
    -webkit-transition:-webkit-transform .33s ease;
    transition:-webkit-transform .33s ease;
    -o-transition:transform .33s ease;
    transition:transform .33s ease;
    transition:transform .33s ease,-webkit-transform .33s ease
}
.is-modern.is-resting .f-thumbs__slide__button{
    -webkit-transition:-webkit-clip-path .33s ease;
    transition:-webkit-clip-path .33s ease;
    -o-transition:clip-path .33s ease;
    transition:clip-path .33s ease;
    transition:clip-path .33s ease,-webkit-clip-path .33s ease
}
.is-using-tab .is-modern .f-thumbs__slide:focus-within{
    -webkit-filter:drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
    filter:drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}
.f-thumbs__slide__button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:var(--f-thumb-width);
    height:100%;
    margin:0 -100% 0 -100%;
    padding:0;
    border:0;
    position:relative;
    border-radius:var(--f-thumb-border-radius);
    overflow:hidden;
    background:rgba(0,0,0,0);
    outline:0;
    cursor:pointer;
    pointer-events:auto;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    opacity:var(--f-thumb-opacity);
    -webkit-transition:opacity .2s ease;
    -o-transition:opacity .2s ease;
    transition:opacity .2s ease
}
.f-thumbs__slide__button:hover{
    opacity:var(--f-thumb-hover-opacity)
}
.f-thumbs__slide__button:focus:not(:focus-visible){
    outline:0
}
.f-thumbs__slide__button:focus-visible{
    outline:0;
    opacity:var(--f-thumb-selected-opacity)
}
.is-modern .f-thumbs__slide__button{
    --clip-path:inset(
        0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round
        var(--f-thumb-border-radius, 0)
        );
    -webkit-clip-path:var(--clip-path);
    clip-path:var(--clip-path)
}
.is-classic .is-nav-selected .f-thumbs__slide__button{
    opacity:var(--f-thumb-selected-opacity)
}
.is-classic .is-nav-selected .f-thumbs__slide__button::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:auto;
    bottom:0;
    border:var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);
    border-radius:var(--f-thumb-border-radius);
    -webkit-animation:f-fadeIn .2s ease-out;
    animation:f-fadeIn .2s ease-out;
    z-index:10
}
.f-thumbs__slide__img{
    overflow:hidden;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    margin:0;
    padding:var(--f-thumb-offset);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    pointer-events:none;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--f-thumb-border-radius)
}
.f-thumbs.is-horizontal .f-thumbs__track{
    padding:8px 0 12px 0
}
.f-thumbs.is-horizontal .f-thumbs__slide{
    margin:0 var(--f-thumb-gap) 0 0
}
.f-thumbs.is-vertical .f-thumbs__track{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:0 8px
}
.f-thumbs.is-vertical .f-thumbs__slide{
    margin:0 0 var(--f-thumb-gap) 0
}
.fancybox__thumbs{
    --f-thumb-width:96px;
    --f-thumb-height:72px;
    --f-thumb-border-radius:5px;
    --f-thumb-outline:2px;
    --f-thumb-outline-color:#000;
    position:relative;
    opacity:var(--fancybox-opacity,1);
    -webkit-transition:max-height .35s cubic-bezier(.23,1,.32,1);
    -o-transition:max-height .35s cubic-bezier(.23,1,.32,1);
    transition:max-height .35s cubic-bezier(.23,1,.32,1)
}
.fancybox__thumbs.is-classic{
    --f-thumb-gap:8px;
    --f-thumb-opacity:1;
    --f-thumb-hover-opacity:1
}
.fancybox__thumbs.is-classic .f-spinner{
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.05)));
    background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))
}
.fancybox__thumbs.is-modern{
    --f-thumb-gap:4px;
    --f-thumb-extra-gap:16px;
    --f-thumb-clip-width:46px;
    --f-thumb-opacity:1;
    --f-thumb-hover-opacity:1
}
.fancybox__thumbs.is-modern .f-spinner{
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.05)));
    background-image:-o-linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.05))
}
.fancybox__thumbs.is-horizontal{
    padding:0 var(--f-thumb-gap)
}
.fancybox__thumbs.is-vertical{
    padding:var(--f-thumb-gap) 0
}
.is-compact .fancybox__thumbs{
    --f-thumb-width:64px;
    --f-thumb-clip-width:32px;
    --f-thumb-height:48px;
    --f-thumb-extra-gap:10px
}
.fancybox__thumbs.is-masked{
    max-height:0!important
}
.is-closing .fancybox__thumbs{
    -webkit-transition:none!important;
    -o-transition:none!important;
    transition:none!important
}
.fancybox__toolbar{
    --f-progress-color:var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width:46px;
    --f-button-height:46px;
    --f-button-color:var(--fancybox-color);
    --f-button-hover-color:var(--fancybox-hover-color);
    --f-button-bg:rgba(24, 24, 27, 0.65);
    --f-button-hover-bg:rgba(70, 70, 73, 0.65);
    --f-button-active-bg:rgba(90, 90, 93, 0.65);
    --f-button-border-radius:0;
    --f-button-svg-width:24px;
    --f-button-svg-height:24px;
    --f-button-svg-stroke-width:1.5;
    --f-button-svg-filter:drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill:none;
    --f-button-svg-disabled-opacity:0.65;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin:0;
    padding:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
    color:var(--fancybox-color,currentColor);
    opacity:var(--fancybox-opacity,1);
    text-shadow:var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));
    pointer-events:none;
    z-index:20
}
.fancybox__toolbar :focus-visible{
    z-index:1
}
.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{
    position:absolute;
    top:0;
    left:0;
    right:0
}
.is-idle .fancybox__toolbar{
    pointer-events:none;
    -webkit-animation:.15s ease-out both f-fadeOut;
    animation:.15s ease-out both f-fadeOut
}
.fancybox__toolbar__column{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-line-pack:start;
    align-content:flex-start
}
.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    -ms-flex-preferred-size:0;
    flex-basis:0
}
.fancybox__toolbar__column.is-right{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.fancybox__infobar{
    padding:0 5px;
    line-height:var(--f-button-height);
    text-align:center;
    font-size:17px;
    font-variant-numeric:tabular-nums;
    -webkit-font-smoothing:subpixel-antialiased;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox__infobar span{
    padding:0 5px
}
.fancybox__infobar:not(:first-child):not(:last-child){
    background:var(--f-button-bg)
}
[data-fancybox-toggle-slideshow]{
    position:relative
}
[data-fancybox-toggle-slideshow] .f-progress{
    height:100%;
    opacity:.3
}
[data-fancybox-toggle-slideshow] svg g:first-child{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
[data-fancybox-toggle-slideshow] svg g:last-child{
    display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{
    display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
[data-fancybox-toggle-fullscreen] svg g:first-child{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
[data-fancybox-toggle-fullscreen] svg g:last-child{
    display:none
}
:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{
    display:none
}
:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{
    display:none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{
    display:none
}
:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{
    display:-webkit-box;
    display:flex
}
:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{
    display:-ms-flexbox;
    display:flex
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.f-progress{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:0;
    -ms-transform-origin:0;
    transform-origin:0;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
    background:var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));
    z-index:30;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none
}
.f-button{
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.fancybox__toolbar__column .f-button:first-child{
    border-radius:0 0 0 5px
}
.fancybox__toolbar__column .f-button:last-child{
    border-radius:0 0 5px 0
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev{
    border-radius:5px
}
[data-simplebar]{
    position:relative;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -ms-flex-line-pack:start;
    align-content:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start
}
.simplebar-wrapper{
    overflow:hidden;
    width:inherit;
    height:inherit;
    max-width:inherit;
    max-height:inherit
}
.simplebar-mask{
    direction:inherit;
    position:absolute;
    overflow:hidden;
    padding:0;
    margin:0;
    left:0;
    top:0;
    bottom:0;
    right:0;
    width:auto!important;
    height:auto!important;
    z-index:0
}
.simplebar-offset{
    direction:inherit!important;
    -webkit-box-sizing:inherit!important;
    box-sizing:inherit!important;
    resize:none!important;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding:0;
    margin:0;
    -webkit-overflow-scrolling:touch
}
.simplebar-content-wrapper{
    direction:inherit;
    -webkit-box-sizing:border-box!important;
    box-sizing:border-box!important;
    position:relative;
    display:block;
    height:100%;
    width:auto;
    max-width:100%;
    max-height:100%;
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{
    display:none;
    width:0;
    height:0
}
.simplebar-content:after,.simplebar-content:before{
    content:" ";
    display:table
}
.simplebar-placeholder{
    max-height:100%;
    max-width:100%;
    width:100%;
    pointer-events:none
}
.simplebar-height-auto-observer-wrapper{
    -webkit-box-sizing:inherit!important;
    box-sizing:inherit!important;
    height:100%;
    width:100%;
    max-width:1px;
    position:relative;
    float:left;
    max-height:1px;
    overflow:hidden;
    z-index:-1;
    padding:0;
    margin:0;
    pointer-events:none;
    -webkit-box-flex:inherit;
    -ms-flex-positive:inherit;
    flex-grow:inherit;
    -ms-flex-negative:0;
    flex-shrink:0;
    -ms-flex-preferred-size:0;
    flex-basis:0
}
.simplebar-height-auto-observer{
    -webkit-box-sizing:inherit;
    box-sizing:inherit;
    display:block;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    height:1000%;
    width:1000%;
    min-height:1px;
    min-width:1px;
    overflow:hidden;
    pointer-events:none;
    z-index:-1
}
.simplebar-track{
    z-index:1;
    position:absolute;
    right:0;
    bottom:0;
    overflow:hidden
}
[data-simplebar].simplebar-dragging{
    pointer-events:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-content{
    pointer-events:none;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
[data-simplebar].simplebar-dragging .simplebar-track{
    pointer-events:all
}
.simplebar-scrollbar{
    position:absolute;
    left:0;
    right:0;
    min-height:10px
}
.simplebar-scrollbar:before{
    position:absolute;
    content:"";
    background:#b9b9b9;
    border-radius:7px;
    left:3px;
    right:3px;
    opacity:0;
    -webkit-transition:opacity .2s .5s linear;
    -o-transition:opacity .2s .5s linear;
    transition:opacity .2s .5s linear
}
.simplebar-scrollbar.simplebar-visible:before{
    opacity:.5;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.simplebar-track.simplebar-vertical:hover .simplebar-scrollbar.simplebar-visible:before{
    opacity:1
}
.simplebar-track.simplebar-vertical{
    top:0;
    width:6px;
    cursor:pointer
}
.simplebar-track.simplebar-vertical:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:6px;
    height:100%;
    background:var(--color-dark-blue);
    border:1px solid rgba(255,255,255,.5);
    border-radius:5px
}
.simplebar-scrollbar:before{
    top:1px;
    bottom:1px;
    left:1px;
    right:1px;
    border-radius:5px;
    background-color:var(--color-grey);
    opacity:.5
}
.simplebar-track.simplebar-horizontal{
    left:0;
    right:0;
    bottom:-3px;
    height:10px
}
.simplebar-track.simplebar-horizontal:before{
    content:"";
    position:absolute;
    top:0;
    top:calc(50% - 2px);
    height:4px;
    width:100%;
    background:var(--color-grey)
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar{
    right:auto;
    left:0;
    top:0;
    bottom:0;
    min-height:0;
    min-width:10px;
    width:auto
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar::before{
    left:0;
    right:0;
    top:3px;
    bottom:3px
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{
    right:auto;
    left:0
}
.simplebar-dummy-scrollbar-size{
    direction:rtl;
    position:fixed;
    opacity:0;
    visibility:hidden;
    height:500px;
    width:500px;
    overflow-y:hidden;
    overflow-x:scroll;
    -ms-overflow-style:scrollbar!important
}
.simplebar-dummy-scrollbar-size>div{
    width:200%;
    height:200%;
    margin:10px 0
}
.simplebar-hide-scrollbar{
    position:fixed;
    left:0;
    visibility:hidden;
    overflow-y:scroll;
    scrollbar-width:none;
    -ms-overflow-style:none
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{
    -webkit-transition-duration:50ms;
    -o-transition-duration:50ms;
    transition-duration:50ms
}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{
    -webkit-transition-delay:50ms;
    -o-transition-delay:50ms;
    transition-delay:50ms
}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{
    -webkit-transition-duration:.1s;
    -o-transition-duration:.1s;
    transition-duration:.1s
}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{
    -webkit-transition-duration:.15s;
    -o-transition-duration:.15s;
    transition-duration:.15s
}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{
    -webkit-transition-delay:.15s;
    -o-transition-delay:.15s;
    transition-delay:.15s
}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{
    -webkit-transition-duration:.2s;
    -o-transition-duration:.2s;
    transition-duration:.2s
}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{
    -webkit-transition-duration:.8s;
    -o-transition-duration:.8s;
    transition-duration:.8s
}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    transition-delay:0
}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);
    -o-transition-timing-function:cubic-bezier(.25,.25,.75,.75);
    transition-timing-function:cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease
}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{
    -webkit-transition-timing-function:ease-in;
    -o-transition-timing-function:ease-in;
    transition-timing-function:ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{
    -webkit-transition-timing-function:ease-in-out;
    -o-transition-timing-function:ease-in-out;
    transition-timing-function:ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);
    -o-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);
    transition-timing-function:cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);
    -o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function:cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
    -o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);
    transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);
    -o-transition-timing-function:cubic-bezier(.47,0,.745,.715);
    transition-timing-function:cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);
    -o-transition-timing-function:cubic-bezier(.39,.575,.565,1);
    transition-timing-function:cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);
    -o-transition-timing-function:cubic-bezier(.445,.05,.55,.95);
    transition-timing-function:cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);
    -o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);
    transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    -o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);
    -o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);
    transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);
    -o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);
    transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    -o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);
    -o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);
    transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);
    -o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);
    transition-timing-function:cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    -o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);
    transition-timing-function:cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{
    -webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);
    -o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);
    transition-timing-function:cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=fade][data-aos^=fade]{
    opacity:.01;
    -webkit-transition-property:opacity,-webkit-transform;
    transition-property:opacity,-webkit-transform;
    -o-transition-property:opacity,transform;
    transition-property:opacity,transform;
    transition-property:opacity,transform,-webkit-transform
}
[data-aos^=fade][data-aos^=fade].aos-animate{
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
[data-aos=fade-up]{
    -webkit-transform:translate3d(0,50px,0);
    transform:translate3d(0,50px,0)
}
[data-aos=fade-down]{
    -webkit-transform:translate3d(0,-100px,0);
    transform:translate3d(0,-100px,0)
}
[data-aos=fade-right]{
    -webkit-transform:translate3d(-100px,0,0);
    transform:translate3d(-100px,0,0)
}
[data-aos=fade-left]{
    -webkit-transform:translate3d(100px,0,0);
    transform:translate3d(100px,0,0)
}
[data-aos=fade-up-right]{
    -webkit-transform:translate3d(-100px,100px,0);
    transform:translate3d(-100px,100px,0)
}
[data-aos=fade-up-left]{
    -webkit-transform:translate3d(100px,100px,0);
    transform:translate3d(100px,100px,0)
}
[data-aos=fade-down-right]{
    -webkit-transform:translate3d(-100px,-100px,0);
    transform:translate3d(-100px,-100px,0)
}
[data-aos=fade-down-left]{
    -webkit-transform:translate3d(100px,-100px,0);
    transform:translate3d(100px,-100px,0)
}
[data-aos^=zoom][data-aos^=zoom]{
    opacity:.01;
    -webkit-transition-property:opacity,-webkit-transform;
    transition-property:opacity,-webkit-transform;
    -o-transition-property:opacity,transform;
    transition-property:opacity,transform;
    transition-property:opacity,transform,-webkit-transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate{
    opacity:1;
    -webkit-transform:translateZ(0) scale(1);
    transform:translateZ(0) scale(1)
}
[data-aos=zoom-in]{
    -webkit-transform:scale(.6);
    -ms-transform:scale(.6);
    transform:scale(.6)
}
[data-aos=zoom-in-up]{
    -webkit-transform:translate3d(0,100px,0) scale(.6);
    transform:translate3d(0,100px,0) scale(.6)
}
[data-aos=zoom-in-down]{
    -webkit-transform:translate3d(0,-100px,0) scale(.6);
    transform:translate3d(0,-100px,0) scale(.6)
}
[data-aos=zoom-in-right]{
    -webkit-transform:translate3d(-100px,0,0) scale(.6);
    transform:translate3d(-100px,0,0) scale(.6)
}
[data-aos=zoom-in-left]{
    -webkit-transform:translate3d(100px,0,0) scale(.6);
    transform:translate3d(100px,0,0) scale(.6)
}
a{
    color:var(--color-black);
    text-decoration:none
}
a:hover{
    color:var(--color-blue);
    text-decoration:none
}
b{
    font-weight:600
}
ul{
    list-style:none
}
.nowrap{
    white-space:nowrap
}
.subtitle{
    font-size:var(--base-font-size);
    text-transform:uppercase;
    margin-bottom:10px;
    letter-spacing:.1em
}
.subtitle--sm{
    font-size:15px
}
.title{
    font-size:var(--title-font-size);
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:30px
}
.title:last-child{
    margin-bottom:0
}
.title .blue,.title.blue{
    color:var(--color-light-blue)
}
.title b{
    font-weight:500
}
.title--md{
    font-size:var(--title-md-font-size)
}
.title--sm{
    font-size:var(--title-sm-font-size)
}
.title--xs{
    font-size:var(--title-xs-font-size)
}
.text{
    font-size:var(--base-font-size);
    font-weight:var(--base-font-weight);
    line-height:var(--base-line-height);
    margin-bottom:30px
}
.text:last-child{
    margin-bottom:0
}
.text b,.text strong{
    font-weight:700
}
.text p{
    margin-bottom:20px
}
.text p:last-child{
    margin-bottom:0
}
.text p.text--lg{
    margin-bottom:30px
}
.text p.text--lg:last-child{
    margin-bottom:0
}
.text ul{
    margin-bottom:20px;
    margin-left: 0px !important
}
.text ul:last-child{
    margin-bottom:0
}
.text ul li{
    position:relative;
    padding-left:35px
}
.text ul li:before{
    content:"";
    position:absolute;
    left:0;
    top:5px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' viewBox='0 0 14 9'%3E%3Cpath stroke='%2333d6ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 1 4.75 8 1 4.818'/%3E%3C/svg%3E");
    width:14px;
    height:9px;
    background-size:14px 9px
}
.text ul.nice-list li{
    margin-bottom:15px
}
.text ul.nice-list li:last-child{
    margin-bottom:0
}
.text--lg{
    font-size:1.5em
}
.text a{
    color:var(--color-light-blue)
}
.text a:hover{
    color:var(--color-grey)
}
.text h1,.text h2,.text h3,.text h4,.text h5{
    font-weight:500;
    text-transform:uppercase;
    margin-bottom:20px;
    color:var(--color-light-blue);
    margin-top:30px
}
.text h1:first-child,.text h2:first-child,.text h3:first-child,.text h4:first-child,.text h5:first-child{
    margin-top:0
}
.text h1:last-child,.text h2:last-child,.text h3:last-child,.text h4:last-child,.text h5:last-child{
    margin-bottom:0
}
.text h1{
    font-size:var(--title-xs-font-size)
}
.text h2{
    font-size:1.5em
}
.text h3{
    font-size:1.2em
}
.text h4{
    font-size:var(--base-font-size)
}
.text ol{
    list-style-type:decimal;
    margin-bottom:20px;
    list-style-position:outside;
    margin-left:25px
}
.text ol:last-child{
    margin-bottom:0
}
.text img{
max-width: 100%;
    height: auto;
    min-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    margin: 30px auto;
    border-radius: var(--border-radius);
    width: auto !important;
    margin-bottom: 10px !important;
}
.text img:last-child{
    margin-bottom:0
}
.text:after{
    content:"";
    display:block;
    clear:both
}

.btn{
    background:var(--color-light-blue);
    border:2px solid var(--color-light-blue);
    border-radius:50px;
    padding:11px 22px;
    font-weight:400;
    font-size:var(--font-size-md);
    line-height:24px;
    color:var(--color-dark-blue);
    display:inline-block;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    text-align:left;
    vertical-align:middle;
    overflow:hidden;
    position:relative;
    z-index:1;
    outline:0!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    min-width:250px
}
.btn:hover{
    color:var(--color-light-blue);
    background-color:transparent
}
.form-row{
    margin:0 -8px -20px
}
.form-row>[class*=col-]{
    padding:0 8px 20px
}
.form-row+.form-row{
    margin-top:30px
}
.form-checkbox,.form-radio{
    position:absolute;
    opacity:0
}
.form-checkbox+label,.form-radio+label{
    display:inline-block;
    padding-left:65px;
    font-size:var(--base-font-size);
    font-weight:400;
    line-height:20px;
    padding-top:10px;
    color:var(--color-white);
    position:relative;
    cursor:pointer;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    min-height:40px
}
.form-lkbox {
    display:inline-block;
    padding-left:40px;
    font-size:16px;
    font-weight:400;
    line-height:20px;
    padding-top:3px;
    color:var(--color-white);
    position:relative;
    cursor:pointer;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    min-height:24px;
    background: none;
    outline: none;
    border: 0;    font-weight: 300;
}
.form-lkbox:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    background:var(--color-dark-blue);
    border-radius:4px;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.form-lkbox:after {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:24px;
    height:24px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2333d6ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    opacity:0;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    background-size:24px 24px
}
.btn.btnclearf {
    margin-top: 15px;
    min-width: auto;font-weight: 300;
    padding: 5px 20px;
}
.form-checkbox+label:before,.form-radio+label:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:40px;
    height:40px;
    background:var(--color-middle-blue);
    border-radius:50%;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.form-checkbox+label:after,.form-radio+label:after{
    content:"";
    position:absolute;
    left:9px;
    top:9px;
    width:24px;
    height:24px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%2333d6ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
    opacity:0;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    background-size:24px 24px
}


.form-lkbox.ocf-selected:after{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
} 

.form-checkbox:checked+label:after,.form-radio:checked+label:after{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.form-checkbox--sm+label,.form-radio--sm+label{
    font-weight:300;
    padding-top:3px;
    min-height:24px;
    padding-left:40px;
    font-size:16px
}
.form-checkbox--sm+label:before,.form-radio--sm+label:before{
    width:24px;
    height:24px
}
.form-checkbox--dark+label:before,.form-radio--dark+label:before{
    background-color:var(--color-dark-blue)
}
.form-checkbox--dark+label:after,.form-radio--dark+label:after{
    background-size:18px 18px;
    top:3px;
    left:3px;
    width:18px;
    height:18px
}
.form-checkbox+label:before{
    border-radius:4px
}
.form-control{
    display:block;
    padding:15px 20px;
    background-color:var(--color-middle-blue);
    border:1px solid var(--color-middle-blue);
    height:50px;
    width:100%;
    font-weight:16px;
    line-height:var(--base-line-height);
    font-family:var(--base-font-family);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    color:var(--color-white);
    border-radius:25px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    outline:0!important
}
.form-control:-moz-placeholder,.form-control::-moz-placeholder{
    color:rgba(255,255,255,.3);
    opacity:1
}
.form-control::-webkit-input-placeholder{
    color:rgba(255,255,255,.3)
}
.form-control:focus{
    color:var(--color-white);
    background-color:var(--color-middle-blue);
    border-color:var(--color-light-blue)
}
.form-label{
    display:block;
    font-size:var(--font-size-sm);
    font-weight:var(--base-font-weight);
    color:var(--color-white);
    margin-bottom:0;
    padding-bottom:10px;
    line-height:var(--base-line-height)
}
.form div.error{
    padding-top:3px;
    color:var(--color-red);
    font-size:14px
}
.form .btn{
    margin-top:20px
}
.form-title{
    margin-bottom:25px;
    font-size:1.5em;
    text-transform:uppercase;
    font-weight:500
}
.form-title+.form-btn{
    margin-top:-5px
}
.form-btn{
    min-width:190px;
    margin-bottom:30px
}
.form-hr{
    margin:40px 25px 37px;
    height:1px;
    background-color:var(--color-grey)
}
.main-wrapper{
    padding:0;
    min-width:320px;
    width:100%;
    position:relative;
    min-height:100%;
    padding-top:var(--header-height)
}
.main-wrapper__before,.main-wrapper__before-filter{
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#140f2b;
    opacity:.9;
    z-index:9
}
.main-wrapper__before-filter{
    z-index:11;
    top:0
}
body{
    overflow-x:hidden
}
.container{
    width:100%;
    max-width:var(--max-width);
    padding:0 var(--gap-main);
    margin:0 auto;
    position:relative
}
.hidden{
    display:none
}
.section{
    position:relative;
    padding-bottom:80px
}
.section--nopadding{
    padding:0!important
}
.section--overflow{
    overflow:hidden
}
.section--p-top{
    padding-top:50px
}
.section.section--sm{
    padding-bottom:60px
}
.section-inside{
    padding-top:20px
}
.header{
    position:fixed;
    top:0;
    width:100%;
    z-index:10;
    color:var(--color-white);
    height:var(--header-height);
    background-color:var(--color-middle-blue);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.header__left{
    width:calc(50% - 105px);
    padding-left:5px
}
.header__center{
    width:210px
}
.header__right{
    width:calc(50% - 105px)
}
.header-phone{
    font-size:var(--font-size-md);
    line-height:1.44;
    padding-top:2px
}
.header-phone a{
    color:inherit
}
.header-phone a:hover{
    color:var(--color-light-blue)
}
.header-links__item{
    position:relative;
    width:auto;
    height:var(--header-height);
    margin-right:0;
    margin-left:auto;
    line-height:1;
    font-size:13px;
    color:var(--color-white);
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-bottom:10px
}
.header-links__item:first-child{
    margin-left:0
}
.header-links__item svg{
    stroke:currentColor;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    margin-top:-3px
}
.header-links__item--cart{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    color:var(--color-dark-blue);
    width:55px;
    background-color:var(--color-light-blue);
    border-radius:10px 0 0 10px
}
.header-links__item--cart svg{
    margin-left:-6px
}
.header-links__item--cart:hover{
    background-color:var(--color-dark-blue);
    color:var(--color-light-blue)
}
.header-links__item span{
    margin-top:auto
}
.header-links__item:last-child{
    margin-right:0
}
.header-links__item:hover{
    color:var(--color-light-blue)
}
.header-links__item:hover .header-links__item-num{
    background-color:var(--color-light-blue);
    color:var(--color-dark-blue)
}
.header-links__item-num{
    position:absolute;
    top:17px;
    left:calc(50% + 4px);
    background-color:var(--color-dark-blue);
    border-radius:2px;
    padding:1px 2px 0;
    color:var(--color-light-blue);
    font-size:11px;
    line-height:13px;
    font-weight:400;
    min-width:14px;
    text-align:center;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.header-links__item.active{
    color:var(--color-light-blue)
}
.header-search{
    display:block;
    z-index:-1;
    -webkit-transition:all .1s linear;
    -o-transition:all .1s linear;
    transition:all .1s linear;
    pointer-events:none;
    opacity:0;
    position:absolute;
    padding:15px;
    z-index:10;
    left:auto;
    right:0;
    width:100%;
    background-color:var(--color-middle-blue);
    top:var(--header-height);
    border-radius:0 0 var(--border-radius) var(--border-radius);
    position:fixed;
    top:var(--header-height);
    left:0
}
.header-search.active{
    display:block;
    opacity:1;
    pointer-events:auto;
    z-index:9
}
.header-nav{
    position:fixed;
    top:var(--header-height);
    left:0;
    width:100%;
    bottom:0;
    height:calc(100vh - var(--header-height));
    height:calc(100dvh - var(--header-height));
    background-color:var(--color-middle-blue);
    overflow:auto;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    z-index:9;
    padding:20px 0 40px;
    border-top:1px solid rgba(255,255,255,.2);
    scrollbar-width:thin;
    scrollbar-color:rgba(78,113,132,.5) #114865
}
.header-nav.active{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.header-nav__contacts{
    padding:0 15px
}
.header-nav .header-phone{
    margin-bottom:30px
}
.header-nav .header-phone a{
    display:inline-block;
    margin-bottom:5px;
    margin-right:15px
}
.header-nav .header-phone a:last-child{
    margin-right:0
}
.header-nav .search-form{
    margin:0 15px 40px
}
.header-nav::-webkit-scrollbar{
    width:10px
}
.header-nav::-webkit-scrollbar-track{
    background:#114865
}
.header-nav::-webkit-scrollbar-thumb{
    background:rgba(78,113,132,.5);
    border-radius:6px
}
.header-nav::-webkit-scrollbar-thumb:hover{
    background:rgba(78,113,132,.5)
}
.nav{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    margin-bottom:0;
    width:100%;
    overflow:hidden;
    margin-bottom:30px
}
.nav__item{
    margin-bottom:5px;
    width:100%
}
.nav__item:last-child{
    margin-bottom:0
}
.nav__link{
    color:var(--color-white);
    display:block;
    position:relative;
    padding:0 15px;
    width:100%
}
.nav__link-text{
    padding-top:12px;
    padding-bottom:12px;
    display:inline-block
}
.nav__link:hover{
    color:var(--color-white)
}
.nav__link svg{
    right:15px;
    top:calc(50% - 5px);
    fill:var(--color-light-blue);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    position:absolute;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.nav__link.opened{
    color:var(--color-light-blue)
}
.nav__link.opened svg{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.subnav2 {
    padding: 0 30px;
    font-size: 12px
}
.subnav2 .subnav-link__image {
    width: 50px;
    height: 32px
}

.subnav{
    display:none;
    width:100%;
    padding:0 30px;
    margin-bottom:10px;
    font-size:var(--font-size-sm)
}
.subnav-item{
    display:block;
    color:var(--color-white);
    width:100%;
    margin-top:10px
}
.subnav-item:last-child{
    margin-bottom:0
}
.subnav-link{
    color:var(--color-white);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    text-transform:uppercase
}
.subnav-link:hover{
    color:var(--color-light-blue)
}
.subnav-link__image{
    width:80px;
    height:50px;
    background-color:var(--color-white);
    border-radius:5px;
    margin-right:15px;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    overflow:hidden
}
.subnav-link__image img{
    display:block;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.subnav-link__text{
    padding:10px 0
}
.subnav-link br{
    display:none
}
.search-form{
    position:relative;
    border-radius:25px;
    background-color:var(--color-white);
    height:50px;
    display:block;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.search-form__input{
    width:100%;
    background-color:transparent;
    border:none;
    height:100%;
    padding:0 60px 0 15px;
    font-weight:400;
    font-size:16px;
    font-family:var(--base-font-family);
    color:var(--color-dark-blue);
    -o-text-overflow:ellipsis;
    text-overflow:ellipsis
}
.search-form__input:-moz-placeholder,.search-form__input::-moz-placeholder{
    color:var(--color-dark-blues);
    opacity:1
}
.search-form__input::-webkit-input-placeholder{
    color:var(--color-dark-blues)
}
.search-form__btn{
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    right:0;
    background:0 0;
    border:none;
    color:var(--color-dark-blue);
    z-index:1;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding-top:1px
}
.search-form__btn svg{
    stroke:currentColor
}
.search-form__btn:hover{
    color:var(--color-light-blue)
}
.menu-trigger{
    width:40px;
    height:40px;
    display:block;
    position:relative;
    line-height: 0.2;
    font-size: 13px;
    color: var(--color-white);
    text-align: center;
    z-index:3;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
}
.menu-trigger:hover .hamburger-inner{
    background-color:var(--color-light-blue)
}
.menu-trigger:hover .hamburger-inner:after,.menu-trigger:hover .hamburger-inner:before{
    background-color:var(--color-light-blue)
}
.menu-trigger.active .hamburger-inner{
    bottom:6px;
    background:0 0!important;
    -webkit-transition:none;
    -o-transition:none;
    transition:none
}
.menu-trigger.active .hamburger-inner:before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    bottom:0;
    background-color:var(--color-light-blue)
}
.menu-trigger.active .hamburger-inner:after{
    top:0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    background-color:var(--color-light-blue)
}
.hamburger{
    display:inline-block;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:40px;
    height:40px;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    position:relative
}
.hamburger-inner{
    display:block;
    top:calc(50% - 1px);
    left:calc(50% - 11px);
    bottom:0;
    width:22px;
    height:2px;
    background-color:var(--color-white);
    position:absolute;
    border-radius:3px;
    -webkit-transition:background-color .3s ease;
    -o-transition:background-color .3s ease;
    transition:background-color .3s ease
}
.hamburger-inner:after,.hamburger-inner:before{
    content:"";
    display:block;
    width:22px;
    height:2px;
    background-color:var(--color-white);
    position:absolute;
    border-radius:3px;
    -webkit-transition:background-color .3s ease,-webkit-transform .25s ease;
    transition:background-color .3s ease,-webkit-transform .25s ease;
    -o-transition:transform .25s ease,background-color .3s ease;
    transition:transform .25s ease,background-color .3s ease;
    transition:transform .25s ease,background-color .3s ease,-webkit-transform .25s ease;
    -webkit-backface-visibility:hidden;
    will-change:transform,background-color
}
.hamburger-inner:before{
    bottom:-7px
}
.hamburger-inner:after{
    top:-7px
}
.logo{
    display:inline-block;
    color:var(--color-white);
    font-size:13px;
    text-align:center
}
.logo img{
    width:auto;
    height:45px;
    display:block;
    margin:-3px auto -3px
}
.logo:hover{
    color:var(--color-white)
}
.mobile-nav{
    position:fixed;
    z-index:9;
    bottom:0;
    left:0;
    right:0;
    background-color:var(--color-middle-blue);
    border-radius:var(--border-radius) var(--border-radius) 0 0;
    padding:10px 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out;
    height:75px;
    font-size:13px;
    text-align:center
}
.mobile-nav__item{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    color:var(--color-white)
}
.mobile-nav__item svg{
    display:block;
    margin:auto;
    stroke:currentColor;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
}
.mobile-nav__item span{
    margin-top:5px
}
.mobile-nav__item-num{
    position:absolute;
    top:-2px;
    left:calc(50% + 6px);
    background-color:var(--color-light-blue);
    border-radius:2px;
    padding:1px 2px 0;
    color:var(--color-dark-blue);
    font-size:11px;
    line-height:13px;
    font-weight:400;
    min-width:14px;
    text-align:center;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.mobile-nav__item--cart svg{
    -webkit-transform:translateX(-6px);
    -ms-transform:translateX(-6px);
    transform:translateX(-6px)
}
.mobile-nav__item.active{
    color:var(--color-light-blue)
}
.footer{
    color:var(--color-white);
    text-align:center;
    padding:40px 0 100px;
    min-height:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:1
}
.footer:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border-radius:var(--border-radius) var(--border-radius) 0 0;
    background-color:var(--color-grey);
    z-index:-1
}
.footer .row{
    margin-bottom:-30px
}
.footer .col,.footer [class*=col-]{
    padding-bottom:30px
}
.footer__copy{
    font-size:var(--font-size-sm);
    line-height:1.5
}
.footer__dev{
    font-size:var(--font-size-sm)
}
.footer__dev br{
    display:none
}
.footer__dev a{
    display:inline-block;
    margin-left:10px
}
.to-top{
    position:absolute;
    top:-30px;
    left:calc(50% - 40px);
    bottom:0;
    right:0;
    color:var(--color-white);
    background-color:var(--color-grey);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    z-index:8;
    width:80px;
    height:60px;
    border-radius:var(--border-radius) var(--border-radius) 0 0;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%)
}
.to-top svg{
    fill:currentColor
}
.to-top.active{
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.to-top:hover{
    color:var(--color-white)
}
.lang br{
    display:none
}
.lang a{
    color:var(--color-white);
    display:inline-block;
    margin-left:10px;
    vertical-align:middle
}
.lang a:hover{
    color:var(--color-light-blue)
}
.lang a.active,.lang a.activer:hover{
    color:var(--color-dark-blue)
}
.f-nav{
    color:var(--color-white);
    font-size:var(--font-size-sm);
    font-weight:700;
    margin:0 -13px -20px;        text-transform: uppercase;
    text-align:center
}
.f-nav__item{
    margin:0 10px 20px;
    display:inline-block
}
.f-nav__link{
    color:inherit
}
.f-nav__link:hover{
    color:var(--color-light-blue)
}
.social{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.social__link{
    margin-right:15px;
    display:block;
    color:var(--color-white);
    width:32px;
    height:32px;
    position:relative;
    z-index:1
}
.social__link:last-child{
    margin-right:0
}
.social__link svg{
    stroke:currentColor;
    fill:currentColor;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.social__link:hover{
    color:var(--color-light-blue)
}
.social__link.viber:after,.social__link.viber:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:no-repeat center center;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.social__link.viber:after{
    opacity:0
}
.social__link.viber:hover::before{
    visibility:hidden
}
.social__link.viber:hover:after{
    opacity:1
}
.social__link.viber:before{
    background-image:url(../img/content/icon-viber.png)
}
.social__link.viber:after{
    background-image:url(../img/content/icon-viber-h.png)
}
.social--full .social__link{
    width:auto;
    height:auto
}
.social--full .social__link-icon{
    width:34px;
    height:34px;
    display:block;
    position:relative;
    margin:0 auto 20px
}
.social--full .social__link-icon svg{
    width:34px;
    height:34px
}
.social--full .social__link.viber:after,.social--full .social__link.viber:before{
    height:36px;
    top:0;
    bottom:auto
}
.social--full .social__link.viber:before{
    background-image:url(../img/content/icon-viber-lg.png)
}
.social--full .social__link.viber:after{
    background-image:url(../img/content/icon-viber-lg-h.png)
}
.slider-main{
    height:calc(100vh - var(--header-height) - 50px);
    height:calc(100svh - var(--header-height) - 50px);
    overflow:hidden;
    width:100%;
    z-index:6;
    position:relative;
    min-height:600px
}
.slider-main-item{
    height:calc(100vh - var(--header-height) - 50px);
    height:calc(100svh - var(--header-height) - 50px);
    min-height:600px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:50px;
    padding-bottom:260px;
    overflow:hidden;
    background-color:var(--color-dark-blue)
}
.slider-main-item__content{
    width:100%;
    margin-left:auto;
    position:relative;
    z-index:2
}
.slider-main-item__content .btn{
    min-width:250px
}
.slider-main-item__image{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-position: 22%;
    -o-object-fit:cover;
    object-fit:cover;
    opacity:.3
}
.slider-main-item__title{
    font-size:28px;
    line-height:1.1;
    font-weight:700;
    text-transform:uppercase;
    color:var(--color-light-blue);
    margin-bottom:20px
}
.slider-main-item__title--xl span{
    font-size:1.2em;
    display:block;
    margin-bottom:10px
}
.slider-main-item__title--x2l span{
    font-size:1.5em;
    display:block;
    margin-bottom:15px
}
.slider-main-item__subtitle{
    font-size:var(--font-size-md);
    line-height:1.5;
    font-weight:700;
    color:var(--color-white);
    margin-bottom:20px;
    letter-spacing:.1em;
    text-transform:uppercase
}
.slider-main-item__text{
    font-size:18px;
    margin-bottom:30px
}
.slider-main-item__text:last-child{
    margin-bottom:0
}
.slider-main-item__btn,.slider-main-item__subtitle,.slider-main-item__text,.slider-main-item__title{
    opacity:0;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    -webkit-transform:translateX(200px);
    -ms-transform:translateX(200px);
    transform:translateX(200px);
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.slider-main-images{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    position:absolute;
    bottom:110px;
    left:0;
    padding:0 var(--gap-main);
    z-index:2;
    overflow:visible;
    width:100%;
    opacity:0;
    -webkit-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    -webkit-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}
.slider-main-images__item{
    width:180px;
    height:120px;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    margin-right:10px;
    border-radius:var(--border-radius);
    overflow:hidden;
    isolation:isolate;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    cursor: pointer;
}
.slider-main-images__item img{
    width:100%;
    height:100%;
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    border-radius:var(--border-radius)
}
.slider-main-images__item:hover img{
    -webkit-transform:scale3d(1.05,1.05,1);
    transform:scale3d(1.05,1.05,1);
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
    will-change:transform
}
.slider-main-nav{
    position:absolute;
    left:0;
    right:0;
    bottom:40px;
    z-index:2
}
.slider-main .swiper-navigation{
    margin:0 auto
}
.slider-main .swiper-slide:not(.swiper-slide-next):not(.swiper-slide-active):not(.swiper-slide-prev) img{
    display:none
}
.slider-main .swiper-slide:first-child img{
    display:block!important
}
.swiper-slide-active .slider-main-item__btn,.swiper-slide-active .slider-main-item__subtitle,.swiper-slide-active .slider-main-item__text,.swiper-slide-active .slider-main-item__title{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none
}
.swiper-slide-active .slider-main-item__subtitle{
    -webkit-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}
.swiper-slide-active .slider-main-item__title{
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    transition-delay:.3s
}
.swiper-slide-active .slider-main-item__text{
    -webkit-transition-delay:.6s;
    -o-transition-delay:.6s;
    transition-delay:.6s
}
.swiper-slide-active .slider-main-item__btn{
    -webkit-transition-delay:.9s;
    -o-transition-delay:.9s;
    transition-delay:.9s
}
.swiper-slide-active .slider-main-images{
    opacity:1;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition-delay:1.4s;
    -o-transition-delay:1.4s;
    transition-delay:1.4s
}
.block-trend{
    position:relative;
    margin-bottom:-20px
}
.block-trend__col{
    padding:0
}
.block-trend__image{
    position:relative;
    max-width:345px;
    display:block;
    margin:30px auto
}
.block-trend__image img{
    width:100%;
    height:auto
}
.block-trend__circle-01{
    position:absolute;
    width:100px;
    height:100px;
    left:-20px;
    bottom:-35px;
    background:-o-radial-gradient(50% 50%,50% 50%,#33d6ff 0,rgba(255,255,255,0) 88.46%);
    background:radial-gradient(50% 50% at 50% 50%,#33d6ff 0,rgba(255,255,255,0) 88.46%);
    -webkit-animation-name:scaleAnimation;
    animation-name:scaleAnimation;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.block-trend__circle-02{
    position:absolute;
    width:182px;
    height:140px;
    width:100px;
    height:80px;
    right:-10px;
    top:155px;
    background:-o-radial-gradient(50% 50%,50% 50%,#33d6ff 0,rgba(255,255,255,0) 88.46%);
    background:radial-gradient(50% 50% at 50% 50%,#33d6ff 0,rgba(255,255,255,0) 88.46%);
    -webkit-animation-name:scaleAnimation;
    animation-name:scaleAnimation;
    -webkit-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
.block-trend-item{
    background-color:var(--color-middle-blue);
    border-radius:var(--border-radius);
    padding:40px;
    text-align:center;
    margin-bottom:20px;
    position:relative;
    z-index:1
}
.block-trend-item__icon{
    stroke:var(--color-light-blue);
    margin-bottom:25px;
    display:inline-block;
    vertical-align:middle
}
.block-trend-item strong{
    font-weight:700;
    color:var(--color-light-blue)
}
@-webkit-keyframes scaleAnimation{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scaleAnimation{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(1.2);
        transform:scale(1.2)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.title-block{
    margin-bottom:50px
}
.title-block:last-child{
    margin-bottom:0
}
.title-block-arrow{
    width:100%;
    max-width:320px;
    text-align:right;
    margin-left:auto;
    margin-top:20px
}
.title-block-arrow__image{
    display:block;
    margin-bottom:12px;
    width:200px;
    height:auto
}
.title-block-arrow__text{
    color:var(--color-light-blue);
    margin-bottom:12px;
    font-style:italic;
    font-weight:500;
    width:250px;
    margin-left:auto;
    text-align:center
}
.title-block__row{
    margin-bottom:20px;
    position:relative
}
.title-block__row .text{
    margin-bottom:0
}
.title-block__image{
    width:100%;
    height:80px;
    border-radius:var(--border-radius);
    overflow:hidden;
    margin-top:20px
}
.title-block__image:first-child{
    margin-bottom:0
}
.title-block__image img{
    width:100%;
    height:100%;
    display:block;
    -o-object-fit:cover;
    object-fit:cover
}
.title-block .title{
    margin-bottom:20px
}
.text--overflow{
    max-height:400px
}
.text--overflow .simplebar-track.simplebar-vertical{
    right:0;
    overflow:visible
}
.text--overflow .simplebar-content-wrapper{
    padding-right:20px
}
.text--overflow.simplebar-scrollable-y:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(234,232,225,0)),to(var(--color-dark-blue)));
    background:-o-linear-gradient(top,rgba(234,232,225,0) 0,var(--color-dark-blue) 100%);
    background:linear-gradient(180deg,rgba(234,232,225,0) 0,var(--color-dark-blue) 100%);
    height:20px;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.text--overflow.simplebar-scrollable-y:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(234,232,225,0)),to(var(--color-dark-blue)));
    background:-o-linear-gradient(bottom,rgba(234,232,225,0) 0,var(--color-dark-blue) 100%);
    background:linear-gradient(360deg,rgba(234,232,225,0) 0,var(--color-dark-blue) 100%);
    height:0;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    z-index:1
}
.text--overflow.scrolled:after{
    height:0
}
.text--overflow.scrolled-top:before{
    height:20px
}
.brands{
    margin:0 -5px -10px;
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
    -webkit-column-gap:0;
    -moz-column-gap:0;
    column-gap:0
}
.brands__item{
    display:block;
    border:1px solid rgba(255,255,255,.5);
    border-radius:20px;
    line-height:40px;
    padding:0 20px;
    color:var(--color-white);
    font-weight:300;
    text-transform:uppercase;
    position:relative;
    height:100%;
    min-height:42px
}
.brands__item:hover{
    border-color:var(--color-light-blue);
    color:var(--color-light-blue)
}
.brands__item img{
    position:absolute;
    top:-1px;
    left:-1px;
    right:-1px;
    bottom:-1px;
    border-radius:20px;
    -o-object-fit:cover;
    object-fit:cover;
    width:calc(100% + 2px);
    height:calc(100% + 2px)
}
.brands__col{
    padding:0 5px 10px;
    overflow:hidden;
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    break-inside:avoid
}
.section-seo__row{
    margin-bottom:-60px
}
.section-seo__col{
    padding-bottom:60px
}
.block-category{
    position:relative;
    border-radius:var(--border-radius);
    margin-bottom:30px;
    overflow:hidden;
    padding:40px 20px 30px;
    background-color:var(--color-dark-blue)
}
.block-category--woman{
    background-color:#25a0a8
}
.block-category:last-child{
    margin-bottom:0
}
.block-category__image{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    -o-object-fit:cover;
    object-fit:cover;
    z-index:1;
    width:100%;
    height:100%
}
.block-category__content{
    position:relative;
    z-index:2
}
.block-category__content .btn{
    margin-bottom:30px
}
.subcategories.row{
    margin:0 -5px -10px
}
.subcategories .col-12{
    padding:0 5px 10px
}
.subcategories-item{
    width:100%;
    color:var(--color-dark-blue);
    padding:15px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-weight:700;
    background-color:var(--color-white);
    border-radius:var(--border-radius);
    overflow:hidden;
    text-transform:uppercase
}
.subcategories-item:hover{
    color:var(--color-light-blue)
}
.subcategories-item:hover .subcategories-item__image img{
    will-change:transform;
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.subcategories-item__image{
    width:80px;
    height:50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-right:15px;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
}
.subcategories-item__image img{
    width:100%;
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    display:block;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.subcategories-item__text{
    position:relative;
    z-index:2
}
.categories.row{
    margin:0 -5px -30px
}
.categories .col-12{
    padding:0 5px 30px
}
.categories-item{
    display:block;
    font-size:1.5em;
    font-weight:500;
    color:var(--color-light-blue);
    position:relative;
    text-transform:uppercase
}
.categories-item__image{
    position:relative;
    border-radius:var(--border-radius);
    overflow:hidden;
    padding-bottom:min(142.18%,600px);
    margin-bottom:12px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    isolation:isolate
}
.categories-item__image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--border-radius);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.categories-item__link{
    display:block;
    width:60px;
    height:60px;
    position:absolute;
    bottom:0;
    left:10px;
    background-color:var(--color-light-blue);
    border-radius:50%;
    color:var(--color-dark-blue);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.categories-item__link svg{
    fill:currentColor;
    position:absolute;
    right:16px;
    top:16px;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    width:18px;
    height:18px
}
.categories-item__title{
    position:relative;
    display:block;
    padding-left:90px
}
.categories-item:hover{
    color:var(--color-light-blue)
}
.categories-item:hover .categories-item__image img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.categories-item:hover .categories-item__link{
    background-color:var(--color-dark-blue);
    color:var(--color-light-blue)
}
.categories-item:hover .categories-item__link svg{
    -webkit-transform:translate(2px,-2px);
    -ms-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
}
.products{
    margin-bottom:40px
}
.products:last-child{
    margin-bottom:0
}
.products .row{
    margin-bottom:-20px
}
.products .col,.products [class*=col-]{
    padding-bottom:20px
}
.products-item{
    display:block;
    color:var(--color-dark);
    font-size:1.2em;
    position:relative;
    background-color:var(--color-white);
    border-radius:var(--border-radius);
    text-align:center;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.products-item__image{
    width:100%;
    padding-bottom:min(66.74%,280px);
    position:relative;
    z-index:1;
    border-radius:var(--border-radius);
    overflow:hidden;
    margin-bottom:20px;
    display:block
}
.products-item__image img{
    width:100%;
    height:100%;
    position:absolute;
    -o-object-fit:cover;
    object-fit:cover;
    top:0;
    left:0;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    object-fit:cover;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    display:block;
    will-change:transform
}
.products-item__fav{
    position:absolute;
    z-index:2;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    right:10px;
    top:7px;
    width:45px;
    height:45px;
    background:0 0;
    border:none;
    padding:0
}
.products-item__fav svg{
    stroke:var(--color-light-blue);
    fill:transparent;
    -webkit-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear
}
.products-item__fav:hover svg{
    stroke:var(--color-dark-blue)
}
.products-item__fav.active svg,.products-item__fav.active:hover svg{
    stroke:var(--color-dark-blue);
    fill:var(--color-dark-blue)
}
.products-item__title{
    font-weight:500;
    text-transform:uppercase;
    color:var(--color-middle-blue);
    padding:0 10px 20px
}
.products-item__title a{
    color:inherit
}
.products-item__title a:hover{
    color:var(--color-light-blue)
}
.products-item__prices{
    font-weight:700;
    text-align:center;
    padding:0 10px 25px;
    color:var(--color-dark-blue)
}
.products-item__prices-title{
    font-weight:400;
    font-size:16px;
    margin-bottom:5px;
    color:var(--color-dark)
}
.products-item__prices .old{
    color:var(--color-grey);
    margin-right:15px;
    position:relative
}
.products-item__prices .old:after{
    content:"";
    position:absolute;
    left:0;
    top:calc(50% - .5px);
    background-color:currentColor;
    width:100%;
    height:1px
}
.products-item__bottom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    padding:0 10px 17px;
    margin-top:auto
}
.products-item__bottom .calc{
    width:calc(50% - 5px)
}
.products-item__bottom .btn{
    min-width:0;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:100%;
    text-align:center;
    width:calc(50% - 5px);
    padding:5px 15px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:50px;
    line-height:1.1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.products-item__incart{
    position:absolute;
    visibility: hidden;
    top:-18px;
    right:15px;
    font-style:italic;
    font-size:13px;
    text-align:right
}
.products-item:hover .products-item__image img{
    -webkit-transform:scale3d(1.05,1.05,1);
    transform:scale3d(1.05,1.05,1);
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
    will-change:transform
}
.products--list .row{
    margin-bottom:-10px
}
.products--list .col,.products--list [class*=col-]{
    padding-bottom:10px;
    -webkit-box-flex:0;
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}
.products--list .products-item{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    border:1px solid var(--color-white);
    text-align:left
}
.products--list .products-item__fav{
    display:none
}
.products--list .products-item__image{
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:112px;
    height:75px;
    padding-bottom:0;
    margin:0 10px 0 0
}
.products--list .products-item__title{
    padding:0;
    width:calc(100% - 130px)
}
.products--list .products-item__prices{
    width:100%;
    margin-top:15px;
    text-align:left
}
.products--list .products-item__prices-title{
    display:inline-block;
    vertical-align:middle;
    width:110px;
    margin-right:0;
    text-align:left;
    margin-bottom:0
}
.products--list .products-item__bottom{
    width:100%;
    padding-bottom:10px
}
.products--list .products-item__incart{
    font-size:13px
}
.calc{
    width:190px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:50px;
    border:1px solid var(--color-middle-blue);
    border-radius:25px;
    padding:0 7px
}
.calc__input{
    height:48px;
    width:calc(100% - 74px);
    border:none;
    background-color:transparent;
    font-size:16px;
    font-weight:400;
    color:var(--color-middle-blue);
    font-family:var(--base-font-family);
    text-align:center;
    padding:0
}
.calc__btn{
    width:34px;
    height:34px;
    line-height:34px;
    text-align:center;
    background-color:var(--color-middle-blue);
    border-radius:34px;
    font-size:24px;
    color:var(--color-white);
    -webkit-box-flex:0;
    -ms-flex:none;    border: 0;
    flex:none
}
.calc__btn:hover{
    color:var(--color-dark-blue);
    background-color:var(--color-light-blue)
}
.breadcrumbs{
    margin:0 0 35px;
    color:var(--color-grey);
    font-size:var(--font-size-sm);
    white-space:nowrap;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
}
.breadcrumbs-wrapper{
    margin-left:calc(-1 * var(--gap-main));
    margin-right:calc(-1 * var(--gap-main));
    padding:0 var(--gap-main);
    overflow:auto;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.breadcrumbs-wrapper::-webkit-scrollbar{
    display:none
}
.breadcrumbs-item{
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
}
.breadcrumbs-item:after{
    content:"/";
    margin:0 20px
}
.breadcrumbs-item:last-child:after{
    display:none
}
.breadcrumbs-item__link{
    color:inherit
}
.breadcrumbs-item__link:hover{
    color:var(--color-light-blue)
}
.category-list{
    margin:0 calc(-1 * var(--gap-main)) 20px;
    padding:0 var(--gap-main);
    overflow:auto;
    -ms-overflow-style:none;
    scrollbar-width:none
}
.category-list::-webkit-scrollbar{
    display:none
}
.category-list__item{
    margin:0 10px 0 0
}
.category-list__item:last-child{
    margin-right:0
}
.category-list__link{
    display:inline-block;
    vertical-align:middle;
    border-radius:var(--border-radius);
    padding:12px 24px;
    color:var(--color-white);
    font-size:var(--font-size-sm);
    background-color:transparent;
    border:1px solid rgba(255,255,255,.5);
    white-space:nowrap
}
.category-list__link:hover{
    color:var(--color-light-blue);
    border-color:var(--color-light-blue)
}
.category-list__link.active{
    pointer-events:none;
    color:var(--color-grey);
    border-color:rgba(78,97,132,.5)
}
.filters{
    margin-bottom:20px
}
.filter-block__mobile{
    font-size:var(--font-size-sm);
    position:relative;
    color:var(--color-white);
    background-color:var(--color-middle-blue);
    cursor:pointer;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    border-radius:var(--border-radius);
    border:none;
    text-align:left;
    width:46px;
    height:46px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:0
}
.filter-block__mobile svg{
    fill:var(--color-light-blue);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.filter-block__title{
    font-size:16px;
    padding:0 60px 0 20px;
    position:relative;
    line-height:45px;
    color:var(--color-white);
    background-color:var(--color-middle-blue);
    cursor:pointer;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    border-radius:var(--border-radius);
    border:none;
    min-width:200px;
    text-align:left
}
.filter-block__title svg{
    position:absolute;
    right:25px;
    top:calc(50% - 5px);
    fill:var(--color-light-blue);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.filter-block__content{
    position:fixed;
    left:0;
    width:100%;
    bottom:0;
    max-height:calc(100vh - var(--header-height));
    max-height:calc(100dvh - var(--header-height));
    background-color:var(--color-middle-blue);
    overflow:auto;
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    z-index:11;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:hidden;
    border-radius:var(--border-radius) var(--border-radius) 0 0
}
.filter-block.active .filter-block__content{
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.filter-block.active .filter-block__title svg{
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.filter-content__top{
    border-bottom:1px solid var(--color-dark-blue);
    padding:0 70px 0 20px;
    position:relative;
    height:60px;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    color:var(--color-white)
}
.filter-content__close{
    position:absolute;
    right:10px;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    color:var(--color-light-blue);
    width:32px;
    height:32px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.filter-content__close svg{
    stroke:currentColor;
    width:14px;
    height:14px
}
.filter-content__list{
    overflow:auto;
    padding:0 20px;
    height:100%;
    position:relative;
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:rgba(78,113,132,.5) #114865
}
.filter-content__list::-webkit-scrollbar{
    width:10px
}
.filter-content__list::-webkit-scrollbar-track{
    background:#114865
}
.filter-content__list::-webkit-scrollbar-thumb{
    background:rgba(78,113,132,.5);
    border-radius:6px
}
.filter-content__list::-webkit-scrollbar-thumb:hover{
    background:rgba(78,113,132,.5)
}
.filter{
    z-index:1;
    border-bottom:1px solid var(--color-dark-blue)
}
.filter:last-child{
    border:none
}
.filter__title{
    cursor:pointer;
    position:relative;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    padding:20px 40px 20px 0;
    font-size:16px;
    color:var(--color-light-blue);
    display:block
}
.filter__title-arrow{
    position:absolute;
    right:0;
    width:14px;
    height:8px;
    top:calc(50% - 4px);
    color:var(--color-light-blue);
    border-radius:50%;
    fill:currentColor;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.filter.active .filter__title-arrow{
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.filter__content{
    display:none;
    padding:0 0 30px
}
.filter-list li{
    margin-bottom:15px;
    font-size:16px;
    position:relative;
    color:var(--color-white)
}
.filter-list li:last-child{
    margin-bottom:0
}
.filter-list li a{
    color:inherit;
    display:block;
    padding:10px 0
}
.filter-list li a:hover{
    color:var(--color-light-blue)
}
.filter-list li.active{
    color:var(--color-light-blue)
}
.filter-list--brands{
    -webkit-column-count:3;
    -moz-column-count:3;
    column-count:3;
    -webkit-column-gap:10px;
    -moz-column-gap:10px;
    column-gap:10px
}
.filter-list--brands li{
    margin-bottom:0;
    padding-bottom:5px;
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    break-inside:avoid
}
.filter-list--sorting{
    padding:15px 0
}
.filter-list--sorting li{
    margin-bottom:5px
}
.filter-list--sorting li a span{
    display:none
} 
.form-checkbox-no {
    display:block;
    width:100%;
    padding:12px 14px;
    font-size:var(--base-font-size);
    font-weight:300;
    line-height:19px;
    color:var(--color-white);
    position:relative;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.5);
    border-radius:var(--border-radius);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);     background: transparent;
}
.form-checkbox-no.ocf-selected{
    border-color:var(--color-dark-blue)!important;
    color:var(--color-white)!important;
    background-color:var(--color-dark-blue)
}
.filter-types{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    padding:0 20px 0 20px;
    position:relative;
    line-height:45px;
    color:var(--color-white);
    background-color:var(--color-middle-blue);
    border-radius:var(--border-radius);
    margin-left:auto;
    margin-right:20px;
    min-height:45px
}
.filter-types__title{
    margin-right:20px
}
.filter-types__item{
    width:35px;
    height:35px;
    margin-right:10px;
    text-align:center;
    position:relative;
    color:var(--color-white)
}
.filter-types__item svg{
    fill:currentColor;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}
.filter-types__item:last-child{
    margin-right:0
}
.filter-types__item:hover{
    color:var(--color-light-blue)
}
.filter-types__item.active{
    color:var(--color-grey);
    pointer-events:none
}
.sorting-content{
    position:absolute;
    top:100%;
    right:-1px;
    width:calc(100% + 2px);
    z-index:8;
    border:1px solid var(--color-grey);
    border-radius:5px;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    z-index:-1
}
.sorting-content .filter__title{
    display:none
}
.sorting-content .filter__content{
    opacity:1;
    visibility:visible;
    z-index:2;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    height:auto;
    position:relative;
    padding-top:15px;
    padding-bottom:5px
}
.sorting-content.active{
    opacity:1;
    visibility:visible;
    z-index:8;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
    -webkit-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.filter-sorting__mobile{
    font-size:var(--font-size-sm);
    position:relative;
    color:var(--color-white);
    background-color:var(--color-middle-blue);
    cursor:pointer;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    border-radius:var(--border-radius);
    border:none;
    text-align:left;
    width:46px;
    height:46px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.filter-sorting__mobile svg{
    fill:var(--color-light-blue);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.filter-sorting__title{
    font-size:16px;
    padding:0 40px 0 20px;
    position:relative;
    line-height:45px;
    color:var(--color-white);
    background-color:var(--color-middle-blue);
    cursor:pointer;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    border-radius:var(--border-radius);
    border:none;
    min-width:200px;
    text-align:left
}
.filter-sorting__title svg{
    position:absolute;
    right:20px;
    top:calc(50% - 5px);
    fill:var(--color-light-blue);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.pagination-block{
    margin-top:30px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.pagination-block:first-child{
    margin-top:0
}
.pagination-block:last-child{
    margin-bottom:0
}
.pagination-block__more{
    margin-bottom:30px;
    visibility: hidden;
}
.pagination-block .btn{
    min-width:240px
}
.pagination{
    position:relative
}
.page-item{
    margin:0 2px
}
.page-item:first-child{
    margin-left:0
}
.page-item:last-child{
    margin-right:0
}
.page-item--next .page-link,.page-item--prev .page-link{
    background-color:var(--color-light-blue);
    border:2px solid var(--color-light-blue);
    color:var(--color-dark-blue)
}
.page-item--next .page-link svg,.page-item--prev .page-link svg{
    display:block;
    width:21px;
    height:15px;
    top:calc(50% - 7.5px);
    position:absolute
}
.page-item--next .page-link:hover,.page-item--prev .page-link:hover{
    background-color:transparent;
    border-color:var(--color-light-blue);
    color:var(--color-light-blue)
}
.page-item--next.disabled .page-link,.page-item--prev.disabled .page-link{
    opacity:0
}
.page-item--prev .page-link svg{
    left:6px
}
.page-item--next .page-link svg{
    right:6px
}
.page-item span{
    /*width:24px;
    display:inline-block;
    text-align:center*/
}
.page-link{
    outline:0!important;
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    position:relative;
    z-index:1;
    color:var(--color-white);
    display:block;
    left:0;
    top:0;
    width:50px;
    height:50px;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    font-size:var(--font-size-sm);
    background-color:transparent;
    border:1px solid rgba(255,255,255,.5);
    padding:0;
    line-height:48px;
    font-weight:400;
    border-radius:50%!important;
    text-align:center
}
.page-link svg{
    fill:currentColor
}
.page-link:hover{
    color:var(--color-light-blue);
    border-color:var(--color-light-blue);
    background-color:transparent
}
.page-item.active .page-link{
    color:var(--color-white);
    border-color:var(--color-middle-blue);
    background-color:var(--color-middle-blue);
    z-index:1
}
.fancybox__content>.f-button.is-close-btn{
    color:var(--color-light-blue);
    top:10px;
    right:10px;
    opacity:1
}
.fancybox__content>.f-button.is-close-btn svg{
    stroke-width:2;
    width:21px;
    height:21px
}
.fancybox__content>.f-button.is-close-btn:hover{
    color:var(--color-dark-blue);
    background-color:transparent
}
.popup{
    width:100%;
    max-width:480px;
    border-radius:var(--border-radius);
    background-color:var(--color-white);
    padding:40px 20px 40px;
    color:var(--color-middle-blue)
}
.popup__title{
    color:var(--color-light-blue)
}
.popup__title span{
    color:var(--color-dark-blue)
}
.advantages{
    margin-bottom:40px
}
.advantages:last-child{
    margin-bottom:0
}
.advantages-item{
    margin-bottom:30px;
    position:relative;
    padding-left:40px
}
.advantages-item:last-child{
    margin-bottom:0
}
.advantages-item__title{
    text-transform:uppercase;
    margin-bottom:15px;
    position:relative;
    color:var(--color-light-blue);
    font-weight:800
}
.advantages-item__icon{
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    left:-40px;
    stroke:var(--color-light-blue);
    position:absolute
}
.advantages-item p{
    line-height:1.5
}
.popup-custom{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:0
}
.popup-custom .popup__text{
    font-size:var(--base-font-size)
}
.popup-custom__content{
    padding:40px 20px 40px
}
.popup-custom__image{
    display:block;
    width:100%;
    padding-bottom:min(360px,55.3%);
    border-radius:var(--border-radius);
    overflow:hidden;
    position:relative;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none
}
.popup-custom__image img{
    position:absolute;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    top:0;
    left:0;
    border-radius:inherit!important
}
.fancybox__container--custom .fancybox__content>.f-button.is-close-btn:hover{
    color:var(--color-white)
}
.fancybox__container--custom .fancybox__slide{
    overflow-x:hidden
}
.product-images{
    position:relative;
    border-radius:var(--border-radius);
    overflow:hidden
}
.product-images__item{
    display:block;
    width:100%;
    overflow:hidden;
    padding-bottom:66.67%;
    position:relative
}
.product-images img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0
}
.product-thumbs{
    position:relative;
    margin:10px 0 0;
    overflow:hidden
}
.product-thumbs__item{
    display:block;
    padding-bottom:66.67%;
    position:relative;
    overflow:hidden;
    border-radius:var(--border-radius);
    border-radius:10px;
    cursor:pointer;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    isolation:isolate;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.product-thumbs__item img{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    display:block;
    will-change:transform;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.product-thumbs__item:hover img{
    -webkit-transform:scale3d(1.05,1.05,1);
    transform:scale3d(1.05,1.05,1);
    -webkit-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear;
    will-change:transform
}
.product-fav{
    margin-left:10px;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    width:28px;
    height:28px;
        padding: 0;
    outline: none;
    border: 0;
    background: transparent;
}
.product-fav svg{
    stroke:var(--color-light-blue);
    fill:transparent;
    -webkit-transition:all .25s linear;
    -o-transition:all .25s linear;
    transition:all .25s linear;
    width:100%;
    height:100%
}
.product-fav:hover svg{
    stroke:var(--color-white)
}
.product-fav.active svg,.product-fav.active:hover svg{
    stroke:var(--color-light-blue);
    fill:var(--color-light-blue)
}
.product-title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    margin-bottom:20px
}
.product-title .title{
    margin-bottom:0
}
.product-code{
    margin-bottom:25px
}
.product-code b{
    font-weight:700
}
.product-price{
    margin-bottom:10px
}
.product-price__title{
    margin-bottom:10px
}
.product-price__title b{
    font-weight:700
}
.product-price__main{
    font-size:1.5em;
    font-weight:700;
    color:var(--color-light-blue)
}
.product-price__old{
    font-size:1.5em;
    color:var(--color-grey);
    font-weight:500;
    margin-right:16px;
    position:relative
}
.product-price__old:after{
    content:"";
    position:absolute;
    left:0;
    top:calc(50% - .5px);
    background-color:var(--color-grey);
    width:100%;
    height:1px
}
.product-cart{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    position:relative;
    padding-top:20px;
    margin-bottom:40px
}
.product-cart .calc{
    width:calc(50% - 5px)
}
.product-cart .calc .calc__input{
    color:var(--color-white)
}
.product-cart .btn{
    min-width:0;
    -webkit-box-flex:0;
    -ms-flex:none;
    flex:none;
    width:100%;
    text-align:center;
    width:calc(50% - 5px);
    padding:5px 15px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:50px;
    line-height:1.1;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    text-align:center
}
.product-cart__incart{
    position:absolute;
    top:0; visibility: hidden;
    right:5px;
    font-style:italic;
    font-size:13px;
    text-align:right
}
.product-info{
    margin-bottom:30px
}
.product-info__item{
    position:relative;
    margin-bottom:20px;
    padding-left:40px
}
.product-info__item svg{
    position:absolute;
    top:0;
    left:0;
    stroke:currentColor
}
.product-info__item b{
    display:block;
    margin-bottom:5px;
    font-weight:700
}
.product-hr{
    height:1px;
    background-color:#4e7184;
    margin:30px 0
}
.product-text li{
    margin-bottom:12px;
    position:relative;
    padding-left:40px
}
.product-text li.product-delivery{
    margin-bottom:20px
}
.product-text li:last-child{
    margin-bottom:0
}
.product-text li svg{
    position:absolute;
    stroke:var(--color-light-blue);
    top:-2px;
    left:0
}
.product-text li b,.product-text li strong{
    font-weight:700;
    color:var(--color-light-blue)
}
.fancybox__carousel img{
    border-radius:10px
}
.block-alert{
    background-color:var(--color-middle-blue);
    border-radius:var(--border-radius);
    margin-bottom:30px;
    padding:25px 30px 25px 75px;
    position:relative;
    width:100%
}
.block-alert__icon{
    position:absolute;
    width:24px;
    height:24px;
    left:25px;
    top:25px;
    stroke:var(--color-light-blue)
}
.block-alert b,.block-alert strong{
    font-weight:500;
    color:var(--color-light-blue)
}
.table-cart{
    color:var(--color-dark-blue);
    font-size:var(--font-size-md)
}
.table-cart__tr{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    background-color:var(--color-white);
    border-radius:var(--border-radius);
    margin-bottom:10px
}
.table-cart__tr:last-child{
    margin-bottom:0
}
.table-cart__thead{
    display:none
}
.table-cart__th{
    font-size:var(--font-size-sm);
    font-weight:400;
    padding:0 10px 6px!important;
    width:16.66%;
    color:var(--color-white)
}
.table-cart__th:first-child{
    padding-left:0!important
}
.table-cart__td{
    padding:0 10px 5px 110px;
    position:relative;
    width:100%
}
.table-cart__td--image{
    width:100px;
    padding:0;
    z-index:1
}
.table-cart__td--product{
    width:calc(100% - 100px);
    padding-top:2px;
    padding-left:10px
}
.table-cart__td--value{
    width:calc(100% - 40px);
}
.table-cart__td--value .calc{
    width:100%
}
.table-cart__td--remove{
    width:40px;
    padding-left:0;
    padding-right:0;
    text-align:center;
    margin-left:-5px;
    margin-top:auto;
    margin-bottom:5px
}
.table-cart__label{
    font-weight:var(--base-font-weight);
    width:60px;
    display:inline-block
}
.table-cart__image{
    position:relative;
    display:block;
    width:100px;
    padding-bottom:63%;
    border-radius:var(--border-radius);
    overflow:hidden
}
.table-cart__image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.table-cart__title{
    font-weight:500;
    text-transform:uppercase;
    color:var(--color-middle-blue);
    font-size:18px
}
.table-cart__title a{
    color:inherit
}
.table-cart__title a:hover{
    color:var(--color-light-blue)
}

.table-cart button {    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
    text-decoration: none;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}
.table-cart__remove{
    width:40px;
    height:40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    color:var(--color-middle-blue);
    background: transparent;
    
    border: 0;
}
.table-cart__remove:hover{
    color:var(--color-red)
}
.table-cart__remove svg{
    stroke:currentColor;    outline: none;
}
.table-cart__prices{
    /* line-height:1.8;
    margin-bottom:10px */
}
.table-cart__tfoot{
    color:var(--color-white);
    padding-top:18px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    font-size:16px
}
.table-cart__tfoot .table-cart__td{
    width:auto;
    padding:0 10px
}
.table-cart__tfoot .table-cart__td--total{
    font-size:20px;
    font-weight:700
}
.cart__col-left{
    margin-bottom:20px
}
.cart-title{
    font-size:1.5em;
    text-transform:uppercase;
    font-weight:500;
    margin-bottom:25px
}
.section-about-top{
    min-height:400px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-top:20px;
    padding-bottom:70px;
    overflow:hidden;
    background-color:var(--color-dark-blue);
    position:relative
}
.section-about-top .container{
    position:relative;
    z-index:2
}
.section-about-top__content{
    width:100%;
    margin-left:auto;
    position:relative;
    z-index:2;
    padding-top:20px
}
.section-about-top__image{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    opacity:.2
}
.section-about-top__title{
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    text-transform:uppercase;
    color:var(--color-light-blue);
    margin-bottom:20px
}
.section-about-top__text{
    line-height:1.36363
}
.block-about__image img{
    width:100%;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    display:block
}
.block-text{
    padding-bottom:60px
}
.block-text:last-child{
    padding-bottom:0
}
.block-text__image img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    border-radius:var(--border-radius);
    margin:0 auto
}
.block-delivery{
    margin-top:40px
}
.block-delivery:first-child{
    margin-top:0
}
.block-delivery-item{
    background-color:var(--color-middle-blue);
    border-radius:var(--border-radius);
    padding:30px 20px;
    height:100%
}
.block-delivery .title{
    margin-bottom:30px
}
.contacts.row{
    margin-bottom:-20px
}
.contacts.row>.col-12{
    padding-bottom:20px
}
.contacts-item{
    width:100%;
    border-radius:var(--border-radius);
    background-color:var(--color-middle-blue);
    padding:20px 20px 20px 95px;
    position:relative;
    color:var(--color-white);
    min-height:100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.contacts-item__icon{
    width:24px;
    height:24px;
    stroke:var(--color-light-blue);
    position:absolute;
    left:35px;
    top:calc(50% - 12px)
}
.contacts-item__info{
    width:100%
}
.contacts-item__info a{
    color:inherit
}
.contacts-item__info a:hover{
    color:var(--color-light-blue)
}
.contacts-item__phone{
    margin-bottom:10px
}
.contacts-item__phone:last-child{
    margin-bottom:0
}
.contacts-item--social{
    padding:15px 20px;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.contacts-item--social .social__link{
    margin-right:30px
}
.contacts-item--social .social__link:last-child{
    margin-right:0
}
.blog{
    margin-bottom:40px
}
.blog:last-child{
    margin-bottom:0
}
.blog .row{
    margin-bottom:-40px
}
.blog .col-12{
    padding-bottom:40px
}
.blog-item{
    display:block;
    font-size:1.2em;
    line-height:1.333;
    font-weight:500;
    color:var(--color-white);
    position:relative
}
.blog-item__image{
    position:relative;
    border-radius:var(--border-radius);
    overflow:hidden;
    padding-bottom:max(46.4%,200px);
    margin-bottom:12px;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    isolation:isolate
}
.blog-item__image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    border-radius:var(--border-radius);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.blog-item__link{
    display:block;
    width:60px;
    height:60px;
    position:absolute;
    top:-42px;
    left:10px;
    background-color:var(--color-light-blue);
    border-radius:50%;
    color:var(--color-dark-blue);
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition)
}
.blog-item__link svg{
    fill:currentColor;
    position:absolute;
    right:16px;
    top:16px;
    -webkit-transition:var(--default-transition);
    -o-transition:var(--default-transition);
    transition:var(--default-transition);
    width:18px;
    height:18px
}
.blog-item__title{
    position:relative;
    display:block;
    padding-left:90px
}
.blog-item:hover{
    color:var(--color-light-blue)
}
.blog-item:hover .blog-item__image img{
    -webkit-transform:scale(1.05);
    -ms-transform:scale(1.05);
    transform:scale(1.05)
}
.blog-item:hover .blog-item__link{
    background-color:var(--color-dark-blue);
    color:var(--color-light-blue)
}
.blog-item:hover .blog-item__link svg{
    -webkit-transform:translate(2px,-2px);
    -ms-transform:translate(2px,-2px);
    transform:translate(2px,-2px)
}
.section-article{
    padding-top:20px;
    padding-bottom:70px;
    overflow:hidden;
    position:relative
}
.section-article .container{
    position:relative;
    z-index:2;
    padding-bottom:70px;
    margin-top:-20px;
    padding-top:20px
}
.section-article__content{
    width:100%;
    margin-left:auto;
    position:relative;
    z-index:2;
    padding-top:20px
}
.section-article__image{
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    opacity:.3;
    -o-object-position:20% center;
    object-position:20% center
}
.section-article .breadcrumbs-wrapper{
    position:relative;
    z-index:2
}
.accountpages p{
    margin-top: 0;
    margin-bottom: 1rem;
}
.accountpages .h1, .accountpages .h2,.accountpages .h3, .accountpages.h4, .accountpages.h5,.accountpages .h6,.accountpages h1,.accountpages h2,.accountpages h3,.accountpages h4, .accountpages h5, .accountpages h6 {
    margin-bottom: .5rem; 
    
}
.accountpages label {
    margin-bottom: .5rem; 
}
.accountpages label.col-sm-2 {
    margin-bottom: .5rem; 
    padding-bottom: 0
}
.accountpages ul a{
    color:var(--color-light-blue)
}
.accountpages ul a:hover{
    color:var(--color-grey)
}
.accountpages .list-unstyled {
    margin: 15px 0
}
.accountpages .buttons {
    margin-top: 25px;
}
.orderlist .btn {
    min-width: 100%;
}
.accmenu-category {
    
}
.accmenu-category a {    max-width: 400px;
    color: var(--color-light-blue);
    background-color: transparent;
        margin-bottom: 10px;
     border: 2px solid var(--color-light-blue);
    border-radius: 50px;
    padding: 11px 22px;
    font-weight: 400;
    font-size: var(--font-size-md);
    line-height: 24px;
     display: inline-block;
    -webkit-transition: var(--default-transition);
    -o-transition: var(--default-transition);
    transition: var(--default-transition);
    text-align: left;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    z-index: 1;
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  
    width: 100%
}

.accmenu-category a:hover {
    background: var(--color-light-blue); 
    
    color: var(--color-dark-blue);
   
    
}





@media (min-width:360px){
    .header-links__item--cart{
        width:66px
    }
    .page-item{
        margin:0 3px
    }
    .page-item--next{
        margin-left:7px
    }
    .page-item--prev{
        margin-right:7px
    }
}
@media (min-width:420px){
    .brands{
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3
    }
}
@media (min-width:525px){
    .table-cart__prices{
        margin-bottom:0
    }
    .table-cart__td--value{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .table-cart__td--value .calc{
        max-width:190px
    }
    .table-cart__td--remove{
        margin-top:0;
        margin-bottom:0
    }
}
@media (min-width:576px){
    :root{
        --title-font-size:36px;
        --title-md-font-size:36px;
        --title-sm-font-size:36px;
        --title-xs-font-size:32px
    }
    .slider-main{
        min-height:700px
    }
    .slider-main-item{
        min-height:700px;
        padding-bottom:280px
    }
    .title-block--new .title-block-arrow{
        max-width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .title-block--new .title-block-arrow__image{
        margin-right:20px
    }
    .brands{
        -webkit-column-count:4;
        -moz-column-count:4;
        column-count:4
    }
    .block-category--woman .block-category__image{
        -o-object-position:35% center;
        object-position:35% center
    }
    .block-category--man .block-category__image{
        -o-object-position:55% center;
        object-position:55% center
    }
    .block-category .btn{
        margin-bottom:40px
    }
    .subcategories-item{
        height:120px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        text-align:center
    }
    .subcategories-item__image{
        width:100%;
        height:70px;
        position:absolute;
        top:5px;
        left:0;
        margin:auto
    }
    .subcategories-item__image img{
        position:absolute;
        top:0;
        left:0
    }
    .products--list .products-item{
        position:relative;
        padding-left:210px
    }
    .products--list .products-item__image{
        position:absolute;
        top:0;
        left:0;
        width:200px;
        height:100%;
        border-radius:var(--border-radius)
    }
    .products--list .products-item__title{
        width:100%;
        padding:15px 10px 0
    }
    .filter-list--brands{
        -webkit-column-count:5;
        -moz-column-count:5;
        column-count:5
    }
    .popup{
        padding:40px
    }
    .popup-custom{
        padding:0
    }
    .popup-custom__content{
        padding:40px
    }
    .product-cart{
        max-width:394px
    }
    .product-cart .calc{
        width:calc(50% - 7px)
    }
    .product-cart .btn{
        width:calc(50% - 7px)
    }
    .product-info{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        gap:20px 10px
    }
    .product-info__item{
        width:calc(33.33% - 8px);
        margin-bottom:0
    }
    .product-thumbs__item{
        border-radius:var(--border-radius)
    }
    .table-cart__td--product{
        padding-left:20px;
        padding-right:20px
    }
    .table-cart__td--value{
        padding-left:120px
    }
    .contacts-item--social{
        padding-left:95px;
        -webkit-box-pack:start;
        -ms-flex-pack:start;
        justify-content:flex-start
    }
    .contacts-item--social .social__link{
        margin-right:40px
    }
}
@media (min-width:768px){
    :root{
        --base-font-size:18px;
        --font-size-sm:16px;
        --gap-col:10px;
        --gap-main:20px;
        --title-font-size:52px;
        --title-md-font-size:44px;
        --title-sm-font-size:44px;
        --title-xs-font-size:40px
    }
    .swiper-pagination-bullet{
        width:30px;
        height:30px
    }
    .swiper-pagination-bullet:before{
        width:12px;
        height:12px;
        left:calc(50% - 6px);
        top:calc(50% - 6px)
    }
    .swiper-pagination-bullet:after{
        width:30px;
        right:-32px
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
        margin:0 15px
    }
    .simplebar-track.simplebar-vertical{
        width:10px
    }
    .simplebar-track.simplebar-vertical:before{
        width:10px
    }
    .text{
        margin-bottom:40px
    }
    .text ol,.text p,.text ul{
        margin-bottom:24px
    }
    .text ol.text--lg,.text p.text--lg,.text ul.text--lg{
        margin-bottom:40px
    }
    .text ul li:before{
        top:6px
    }
    .text ul.nice-list{
        margin-bottom:40px;
        margin-top:32px
    }
    .text ul.nice-list:first-child{
        margin-top:0
    }
    .text ul.nice-list:last-child{
        margin-bottom:0
    }
    .text ul.nice-list li{
        margin-bottom:24px
    }
    .text h1,.text h2,.text h3,.text h4{
        margin-bottom:30px;
        margin-top:50px
    }
    .title{
        margin-bottom:40px
    }
    .subtitle{
        letter-spacing:.2em;
        margin-bottom:20px
    }
    .form-row+.form-row{
        margin-top:50px
    }
    .section{
        padding-bottom:100px
    }
    .section.section--sm{
        padding-bottom:70px
    }
    .section--p-top{
        padding-top:70px
    }
    .logo{
        font-size:14px
    }
    .logo img{
        height:50px
    }
    .search-form__input{
        padding-left:25px
    }
    .header{
        padding:0
    }
    .header__left{
        padding-left:10px
    }
    .header-links__item--cart{
        width:80px;
        font-size:15px
    }
    .slider-main{
        min-height:700px
    }
    .slider-main-item{
        min-height:700px;
        padding-bottom:280px
    }
    .slider-main-item__title{
        font-size:30px;
        margin-bottom:max(20px,4vh)
    }
    .slider-main-item__title--x2l{
        font-size:26px
    }
    .slider-main-item__text{
        font-size:20px
    }
    .slider-main-item__subtitle{
        margin-bottom:max(20px,4vh)
    }
    .slider-main-item__content{
        width:calc(50% - 2 * var(--gap-col))
    }
    .slider-main-item__image{
        opacity:.5
    }
    .slider-main-images__item{
        height:150px;
        width:230px
    }
    .slider-main-images__item:first-child{
        margin-left:calc(50% + 2 * var(--gap-col))
    }
    .slider-main-nav{
        left:calc(50% + 2 * var(--gap-col))
    }
    .slider-main-nav .swiper-navigation{
        margin-left:0
    }
    .block-trend__col{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .block-trend-item{
        width:calc(50% - var(--gap-col));
        margin-bottom:20px
    }
    .block-trend-item--3,.block-trend-item--4{
        width:100%
    }
    .block-trend__image{
        max-width:480px;
        margin:10px auto 30px
    }
    .block-trend__circle-01{
        width:197px;
        height:197px;
        left:-60px;
        bottom:-60px;
        -webkit-animation-duration:4s;
        animation-duration:4s
    }
    .block-trend__circle-02{
        width:182px;
        height:140px;
        right:-55px;
        top:35%;
        -webkit-animation-duration:7s;
        animation-duration:7s
    }
    .title-block-arrow{
        margin-top:10px
    }
    .title-block .title{
        margin-bottom:30px
    }
    .title-block--trend .text{
        max-width:calc(100% - 340px)
    }
    .title-block--slogan .title-block__image{
        margin-top:0;
        width:100%
    }
    .title-block--slogan .title-block__top{
        margin-right:40px;
        margin-bottom:-9px
    }
    .title-block--slogan .title-block__bottom{
        margin-bottom:0;
        white-space:nowrap;
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        margin-left:40px
    }
    .title-block--slogan .title-block__row{
        margin-bottom:30px
    }
    .title-block--slogan .title-block__row:last-child{
        margin-bottom:0
    }
    .text--overflow .simplebar-content-wrapper{
        padding-right:30px
    }
    .section-seo__row{
        margin-bottom:-80px
    }
    .section-seo__col{
        padding-bottom:80px
    }
    .brands{
        -webkit-column-count:5;
        -moz-column-count:5;
        column-count:5
    }
    .block-category{
        padding:60px 40px 40px
    }
    .block-category .btn{
        margin-bottom:60px
    }
    .subcategories-item{
        height:160px;
        letter-spacing:.025em
    }
    .subcategories-item__image{
        height:100px
    }
    .products{
        margin-bottom:60px
    }
    .products-item__image{
        margin-bottom:25px
    }
    .products-item__incart{
        font-size:14px;
        top:-20px
    }
    .products--list .products-item{
        position:relative;
        padding-left:262px;
        min-height:170px
    }
    .products--list .products-item__image{
        width:252px
    }
    .products--list .products-item__bottom{
        padding-right:20px
    }
    .products--list .products-item__incart{
        right:25px
    }
    .breadcrumbs{
        margin:0 auto 45px
    }
    .filter-list--brands{
        -webkit-column-count:6;
        -moz-column-count:6;
        column-count:6
    }
    .filter-content__top{
        height:70px
    }
    .filter__title{
        padding:30px 40px 30px 0
    }
    .pagination-block{
        margin-top:60px
    }
    .popup{
        padding:40px 60px;
        max-width:650px
    }
    .popup-custom{
        padding:0
    }
    .popup-custom__content{
        padding:60px
    }
    .popup-custom .popup__title{
        margin-bottom:max(5.5vh,30px)
    }
    .popup-custom .advantages{
        margin-bottom:max(5.5vh,30px)
    }
    .advantages-item{
        margin-bottom:40px
    }
    .advantages-item__title{
        margin-bottom:20px
    }
    .product-hr{
        margin:50px 0
    }
    .product-cart{
        margin-bottom:60px
    }
    .product-title .title{
        font-size:40px
    }
    .product-fav{
        width:40px;
        height:40px
    }
    .product__col-left{
        padding-top:10px
    }
    .product-code{
        margin-bottom:35px
    }
    .product-price{
        margin-bottom:40px
    }
    .product-cart__incart{
        font-size:14px
    }
    .product-btns{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .product-text li svg{
        top:-1px
    }
    .block-alert{
        padding-left:85px;
        margin-bottom:50px
    }
    .block-alert__icon{
        left:30px
    }
    .table-cart{
        margin-bottom:30px
    }
    .table-cart__thead{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end;
        width:100%
    }
    .table-cart__td{
        padding:10px 10px;
        width:16.66%
    }
    .table-cart__td--image{
        padding:0 10px 0 0;
        width:110px;
        width:142px
    }
    .table-cart__td--product{
        width:calc(77% - 382px)
    }
    .table-cart__td--value{
        width:180px
    }
    .table-cart__td--price{
        width:11.5%;
        padding-right:0
    }
    .table-cart__td--total{
        width:11.5%;
        padding-right:0
    }
    .table-cart__td--remove{
        width:60px;
        margin:0
    }
    .table-cart__image{
        width:100%
    }
    .table-cart__label{
        display:none
    }
    .section-about-top{
        height:calc(100vh - var(--header-height) - 50px);
        height:calc(100svh - var(--header-height) - 50px);
        min-height:700px;
        max-height:1080px;
        padding-bottom:80px
    }
    .section-about-top .container{
        height:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .section-about-top__title{
        font-size:36px;
        margin-bottom:40px
    }
    .section-about-top__content{
        width:calc(50% - 2 * var(--gap-col));
        margin-top:auto;
        margin-bottom:auto;
        padding-top:0
    }
    .section-about-top__image{
        opacity:1;
        -o-object-position:top center;
        object-position:top center
    }
    .block-about__image{
        padding-top:20px
    }
    .block-about__image img{
        max-width:480px
    }
    .block-text__image{
        padding-top:20px
    }
    .block-text--title{
        padding-top:40px
    }
    .block-text--conditions .block-text__image{
        padding-top:0;
        padding-bottom:50px
    }
    .block-delivery{
        margin-top:60px
    }
    .block-delivery-item{
        padding:30px 30px
    }
    .contacts-item--social{
        padding-left:20px;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .contacts-item{
        min-height:120px
    }
    .blog{
        margin-bottom:60px
    }
    .blog .row{
        margin:0 -20px -60px
    }
    .blog .col-12{
        padding:0 20px 60px
    }
    .blog-item{
        font-size:1.5em
    }
    .blog-item__image{
        margin-bottom:20px
    }
    .blog-item__link{
        width:80px;
        height:80px;
        top:-60px;
        left:30px
    }
    .blog-item__link svg{
        width:22px;
        height:22px;
        right:26px;
        top:26px
    }
    .blog-item__title{
        padding-left:130px
    }
    .blog-item:hover .blog-item__link svg{
        -webkit-transform:translate(5px,-5px);
        -ms-transform:translate(5px,-5px);
        transform:translate(5px,-5px)
    }
    .section-article{
        padding-bottom:60px
    }
    .section-article__content{
        width:calc(50% - 2 * var(--gap-col));
        margin-top:auto;
        margin-bottom:auto;
        padding-top:0
    }
    .section-article__image{
        
        -o-object-position:center;
        object-position:center
    }
    .section-article .breadcrumbs-wrapper{
        z-index:2
    }
    .section-article .container{
        min-height:700px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding-bottom:80px
    }
}
@media (min-width:992px){
    :root{
        --base-font-size:20px;
        --font-size-md:18px;
        --header-height:100px;
        --title-font-size:72px;
        --title-md-font-size:56px;
        --title-sm-font-size:55px
    }
    .text ul li:before{
        top:7.5px
    }
    .text .float-lg-right{
        max-width:50%;
        margin-left:40px
    }
    .text .float-lg-left{
        max-width:50%;
        margin-right:40px
    }
    .title{
        line-height:1;
        margin-bottom:50px
    }
    .title.title--p-40{
        margin-bottom:40px
    }
    .main-wrapper{
        padding-top:0
    }
    .section{
        padding-bottom:120px
    }
    .section-inside{
        padding-top:130px
    }
    .header{
        padding:0;
        border-radius:0;
        background:0 0
    }
    .header__left{
        width:55px;
        padding-left:5px;
        background-color:var(--color-middle-blue)
    }
    .header__center{
        width:220px;
        background-color:var(--color-middle-blue)
    }
    .header__right{
        width:calc(100% - 275px)
    }
    .header-contacts{
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        margin-right:auto;
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        background-color:var(--color-middle-blue);
        border-radius:0 var(--border-radius) var(--border-radius) 0;
        width:calc(100% - 390px);
        padding-right:30px;
        position:relative
    }
    .header-contacts:before{
        content:"";
        position:absolute;
        width:20px;
        height:6px;
        background-color:var(--color-light-blue);
        border-radius:5px;
        top:calc(50% - 3px);
        right:-15px
    }
    .header-contacts .social{
        margin:0 20px 0 0
    }
    .header-contacts .social__link{
        margin-right:10px
    }
    .header-contacts .social__link:last-child{
        margin-right:0
    }
    .header-nav{
        width:400px
    }
    .header-links{
        padding-left:20px;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin-left:0;
        width:380px;
        background-color:var(--color-middle-blue);
        border-radius:var(--border-radius) 0 0 var(--border-radius)
    }
    .header-links__item{
        padding-top:60px;
        padding-bottom:15px;
        width:auto
    }
    .header-links__item--cart{
        width:86px
    }
    .header-links__item-num{
        top:27px
    }
    .header-search{
        left:auto;
        width:380px;
        border-radius:var(--border-radius) 0 0 var(--border-radius)
    }
    .footer{
        padding:25px 0;
        text-align:left
    }
    .footer .row{
        margin-bottom:-20px
    }
    .footer .col,.footer [class*=col-]{
        padding-bottom:20px
    }
    .footer__container{
        padding-right:calc(100px + var(--gap-main))
    }
    .footer__dev{
        text-align:right
    }
    .f-nav{
        text-align:right
    }
    .to-top{
        position:fixed;
        top:auto;
        left:auto;
        right:0;
        bottom:0;
        width:90px;
        height:100px
    }
    .to-top:hover{
        background-color:var(--color-light-blue);
        color:var(--color-dark-blue)
    }
    .slider-main{
        height:100vh;
        height:100svh;
        min-height:800px
    }
    .slider-main-item{
        min-height:800px;
        padding-top:160px;
        padding-bottom:340px;
        height:100vh;
        height:100svh
    }
    .slider-main-item__title{
        font-size:32px
    }
    .slider-main-item__title--dark{
        color:var(--color-dark-blue)
    }
    .slider-main-item__title--x2l{
        font-size:28px
    }
    .slider-main-item__text{
        font-size:22px
    }
    .slider-main-item__subtitle{
        letter-spacing:.2em
    }
    .slider-main-item__image{
        opacity:1
    }
    .slider-main-images{
        bottom:100px
    }
    .slider-main-images__item{
        height:200px;
        width:300px
    }
    .slider-main-nav{
        bottom:30px
    }
    .block-trend-item{
        width:calc(33.33% - var(--gap-col))
    }
    .brands{
        -webkit-column-count:6;
        -moz-column-count:6;
        column-count:6
    }
    .products--list .products-item{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        padding-left:272px
    }
    .products--list .products-item__title{
        width:35%;
        padding:0 10px 0 0;
        margin:0
    }
    .products--list .products-item__prices{
        width:35%;
        padding:0 10px;
        margin:0;
        text-align:center
    }
    .products--list .products-item__prices-title{
        width:100%;
        text-align:center;
        margin-bottom:5px
    }
    .products--list .products-item__bottom{
        width:30%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:0 20px 0 10px;
        margin:20px 0 0 0
    }
    .products--list .products-item__bottom .calc{
        width:100%;
        margin-bottom:10px
    }
    .products--list .products-item__bottom .btn{
        width:100%
    }
    .products--list .products-item__incart{
        right:25px
    }
    .category-list{
        margin-left:-5px;
        margin-right:-5px;
        padding:0;
        margin-bottom:20px
    }
    .category-list__item:nth-child(n){
        margin:0 5px 10px
    }
    .main-wrapper__before-filter{
        display:none!important
    }
    .filter-block{
        position:relative;
        -webkit-transition:all .1s linear;
        -o-transition:all .1s linear;
        transition:all .1s linear;
        border-radius:var(--border-radius) var(--border-radius) 0 0;
        transition:all .1s linear;
        margin-right:20px
    }
    .filter-block:last-child{
        margin-right:0
    }
    .filter-block.active{
        background-color:var(--color-middle-blue)
    }
    .filter-block.active .filter-block__content{
        opacity:1;
        visibility:visible;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .filter-block__title:hover{
        color:var(--color-light-blue)
    }
    .filter-block__content{
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        height:auto;
        top:100%;
        bottom:auto;
        left:0;
        width:100%;
        position:absolute;
        overflow:visible;
        z-index:3;
        border-radius:0 0 var(--border-radius) var(--border-radius);
        opacity:0;
        visibility:hidden;
        -webkit-transition:all .1s linear;
        -o-transition:all .1s linear;
        transition:all .1s linear;
        max-height:initial
    }
    .filter-block--filter{
        width:400px
    }
    .filter-block--sorting{
        width:320px
    }
    .filter-block--sorting .filter-block__title{
        width:100%;
        white-space:nowrap;
        -o-text-overflow:ellipsis;
        text-overflow:ellipsis
    }
    .filter-content__list{
        overflow:visible;
        height:auto
    }
    .filter-list--brands{
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3
    }
    .filter-list--sorting{
        padding:0 0 20px 85px
    }
    .filter-list--sorting li{
        margin-bottom:12px
    }
    .filter-list--sorting li a{
        padding:0;
        display:inline-block
    }
    .filter-list--sorting li.active{
        /*display:none*/
    }
    .filter__content{
        padding-bottom:35px
    }
    .filters{
        margin-bottom:50px;
        position:relative;
        z-index:2
    }
    .fancybox__container--custom .fancybox__track{
        overflow-x:clip;
        width:100%
    }
    .fancybox__container--custom .fancybox__slide{
        padding:0!important;
        overflow-x:hidden
    }
    .fancybox__container--custom .fancybox__slide:after,.fancybox__container--custom .fancybox__slide:before{
        display:none
    }
    .popup{
        padding:60px
    }
    .popup-custom{
        padding:0;
        margin-left:auto;
        min-height:100%;
        border-radius:var(--border-radius) 0 0 var(--border-radius)
    }
    .popup-custom__content{
        padding:40px 60px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        height:100%;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        background-color:var(--color-white);
        border-radius:0 0 0 var(--border-radius)
    }
    .popup-custom__image{
        border-radius:var(--border-radius) 0 var(--border-radius) var(--border-radius);
        padding-bottom:min(34vh,55.3%,360px)
    }
    .popup-custom .btn{
        min-width:190px
    }
    .product{
        margin-top:10px
    }
    .product-info__item{
        width:calc(50% - 5px)
    }
    .product__col-left{
        padding-left:30px;
        padding-top:0
    }
    .product-btns{
        display:block
    }
    .product-title{
        margin-bottom:30px
    }
    .product-price{
        margin-bottom:20px
    }
    .product-cart__incart{
        font-size:16px;
        top:-6px
    }
    .product-text li svg{
        top:0
    }
    .table-cart__title{
        font-size:20px
    }
    .table-cart__td--value{
        width:210px;
        margin:0 auto
    }
    .table-cart__td--product{
        width:calc(77% - 422px);
        max-width:300px
    }
    .table-cart__tfoot .table-cart__td--total{
        width:calc(60px + 11.5%)
    }
    .table-cart__tfoot .table-cart__td--price{
        width:11.5%;
        white-space:nowrap
    }
    .section-about-top{
        min-height:800px;
        padding-top:120px;
        height:100vh;
        height:100svh
    }
    .section-about-top__title{
        font-size:40px
    }
    .block-about__image{
        margin-top:auto;
        margin-bottom:auto;
        padding-top:70px
    }
    .block-about__image img{
        max-width:100%
    }
    .block-about.row{
        margin-left:-20px;
        margin-right:-20px
    }
    .block-about.row>.col-12{
        padding-left:20px;
        padding-right:20px
    }
    .block-text{
        padding-bottom:80px
    }
    .block-text__image{
        padding-top:0
    }
    .block-text__image img{
        margin:0
    }
    .block-text>.row{
        margin-left:-20px;
        margin-right:-20px
    }
    .block-text>.row>.col-12{
        padding-left:20px;
        padding-right:20px
    }
    .block-text .title{
        margin-bottom:44px
    }
    .block-text .title:last-child{
        margin-bottom:0
    }
    .block-text--title{
        padding-top:60px
    }
    .block-text--conditions .text ul.nice-list li{
        margin-bottom:35px
    }
    .block-text--conditions .text ul.nice-list li:last-child{
        margin-bottom:0
    }
    .block-delivery{
        margin-top:80px
    }
    .block-delivery-item{
        padding:40px
    }
    .block-delivery .title{
        margin-bottom:30px
    }
    .blog-item{
        font-size:1.2em
    }
    .blog{
        margin-bottom:80px
    }
    .blog:last-child{
        margin-bottom:0
    }
    .section-article .container{
        min-height:800px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        margin-top:-20px;
        padding-top:20px;
        padding-bottom:80px
    }
    .section-article__image{
        position:absolute;
        top:0;
        left:var(--gap-main);
        right:var(--gap-main);
        width:calc(100% - 2 * var(--gap-main));
        height:100%;
        
        -o-object-position:top center;
        object-position:top center;
        margin:0;
        z-index:1;
        border-radius:var(--border-radius)
    }
    .section-article__content{
        width:calc(50% - 2 * var(--gap-col));
        margin-top:auto;
        margin-bottom:auto;
        padding-top:0;
        padding-right:40px
    }
    .section-article .title{
        line-height:1.25
    }
    .section-article .text{
        line-height:1.5
    }
    .article .text{
        line-height:1.5
    }
    .article .text ul li:before{
        top:11px
    }
}
@media (min-width:1200px){
    :root{
        --title-font-size:88px;
        --title-md-font-size:65px
    }
    .title{
        margin-bottom:60px
    }
    .section{
        padding-bottom:140px
    }
    .logo{
        font-size:16px
    }
    .logo img{
        height:60px;
        margin-top:-12px
    }
    .header__left{
        padding-left:10px
    }
    .header__center{
        width:320px
    }
    .header__right{
        width:calc(100% - 375px)
    }
    .header-links{
        width:400px;
        padding-left:25px
    }
    .header-links__item--cart{
        margin-left:25px
    }
    .header-contacts{
        width:calc(100% - 410px)
    }
    .header-contacts .social{
        margin-right:30px
    }
    .header-contacts .social__link{
        margin-right:15px
    }
    .header-search{
        width:400px
    }
    .slider-main{
        height:100vh;
        height:100svh
    }
    .slider-main-item{
        height:100vh;
        height:100svh
    }
    .slider-main-item__title{
        font-size:34px
    }
    .slider-main-item__title--x2l{
        font-size:30px
    }
    .slider-main-item__title--x2l span{
        font-size:1.7em
    }
    .slider-main-item__text{
        font-size:24px
    }
    .block-trend{
        height:900px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        margin-bottom:0;
        margin-top:100px
    }
    .block-trend__image{
        max-width:680px;
        margin:0 auto
    }
    .block-trend-item{
        position:absolute;
        width:300px;
        height:260px;
        padding:40px 30px 30px
    }
    .block-trend-item--1{
        top:280px;
        left:0
    }
    .block-trend-item--2{
        top:560px;
        left:80px
    }
    .block-trend-item--2 strong{
        display:block
    }
    .block-trend-item--3{
        top:0;
        left:14%
    }
    .block-trend-item--4{
        top:500px;
        right:340px
    }
    .block-trend-item--5{
        top:280px;
        right:0
    }
    .block-trend-item--6{
        top:620px;
        right:20px
    }
    .block-trend__circle-02{
        top:45%;
        right:-5px
    }
    .title-block{
        margin-bottom:60px
    }
    .title-block__row{
        margin-bottom:0
    }
    .title-block__row .title-block__bottom{
        -webkit-box-flex:0;
        -ms-flex:none;
        flex:none;
        margin-left:40px;
        margin-bottom:0
    }
    .title-block-arrow{
        position:absolute;
        top:100%;
        right:0;
        max-width:400px;
        z-index:3
    }
    .title-block-arrow__text{
        width:auto;
        text-align:right
    }
    .title-block-arrow__image{
        width:264px
    }
    .title-block--new .title-block-arrow{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        margin:0;
        margin-left:20px;
        margin-bottom:12px
    }
    .title-block--new .title-block-arrow__image{
        margin-right:auto;
        width:247px
    }
    .title-block--new .title-block-arrow .btn{
        margin-left:auto
    }
    .title-block--new .title-block__top{
        margin-bottom:0!important;
        white-space:nowrap
    }
    .title-block--new .title-block__row{
        margin-bottom:30px
    }
    .title-block--new .title-block__bottom{
        text-align:right
    }
    .title-block--slogan .title-block__top{
        margin-bottom:0!important;
        margin-right:60px
    }
    .title-block--slogan .title-block__bottom{
        margin-left:60px
    }
    .title-block--slogan .title-block__row{
        margin-bottom:15px
    }
    .section-seo{
        padding-bottom:200px
    }
    .section-seo__row{
        margin-left:-20px;
        margin-right:-20px
    }
    .section-seo__col{
        padding-left:20px;
        padding-right:20px
    }
    .brands{
        -webkit-column-count:4;
        -moz-column-count:4;
        column-count:4
    }
    .brands__item{
        line-height:46px;
        min-height:48px
    }
    .block-category{
        padding:80px 40px 75px
    }
    .block-category .btn{
        margin-bottom:80px
    }
    .block-category .subtitle{
        margin-bottom:35px
    }
    .block-category .title{
        margin-bottom:45px
    }
    .subcategories-item{
        height:180px
    }
    .subcategories-item__image{
        top:10px
    }
    .products-item__image{
        padding-bottom:66.74%
    }
    .products-item__incart{
        font-size:16px
    }
    .category-list{
        margin-bottom:20px
    }
    .filter-block--filter{
        width:545px
    }
    .filter-list--brands{
        -webkit-column-count:5;
        -moz-column-count:5;
        column-count:5
    }
    .filter-types{
        margin-right:30px
    }
    .filters{
        margin-bottom:50px
    }
    .pagination-block{
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end;
        position:relative
    }
    .pagination-block__more{
        margin-left:auto;
        margin-right:auto;
        margin-bottom:-50px
    }
    .block-alert{
        margin-bottom:60px
    }
    .section-about-top{
        height:100vh;
        height:100svh
    }
    .section-about-top__title{
        font-size:44px;
        margin-bottom:50px
    }
    .section-about-top__text{
        font-size:22px
    }
    .section-about-top__text p{
        margin-bottom:30px
    }
    .section-about-top__text p:last-child{
        margin-bottom:0
    }
    .block-text--top{
        padding-bottom:0
    }
    .block-text--bottom .block-text__image img{
        margin-left:auto;
        margin-right:0
    }
    .block-text--bottom .block-text__content{
        padding-top:80px
    }
    .contacts.row{
        margin-bottom:-30px
    }
    .contacts.row>.col-12{
        padding-bottom:30px
    }
}
@media (min-width:1400px){
    :root{
        --gap-main:30px;
        --title-font-size:96px
    }
    .d-x2l-inline{
        display:inline!important
    }
    .d-x2l-none{
        display:none!important
    }
    .d-x2l-block{
        display:block!important
    }
    .d-x2l-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .align-items-x2l-center{
        -webkit-box-align:center!important;
        -ms-flex-align:center!important;
        align-items:center!important
    }
    .justify-content-x2l-start{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .col-x2l{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        -webkit-box-flex:1;
        flex-grow:1;
        max-width:100%
    }
    .row-cols-x2l-1>*{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-x2l-2>*{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-x2l-3>*{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .row-cols-x2l-4>*{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-x2l-5>*{
        -ms-flex:0 0 20%;
        -webkit-box-flex:0;
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-x2l-6>*{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-x2l-auto{
        -ms-flex:0 0 auto;
        -webkit-box-flex:0;
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-x2l-1{
        -ms-flex:0 0 8.333333%;
        -webkit-box-flex:0;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-x2l-2{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-x2l-3{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .col-x2l-4{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-x2l-5{
        -ms-flex:0 0 41.666667%;
        -webkit-box-flex:0;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-x2l-6{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .col-x2l-7{
        -ms-flex:0 0 58.333333%;
        -webkit-box-flex:0;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-x2l-8{
        -ms-flex:0 0 66.666667%;
        -webkit-box-flex:0;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-x2l-9{
        -ms-flex:0 0 75%;
        -webkit-box-flex:0;
        flex:0 0 75%;
        max-width:75%
    }
    .col-x2l-10{
        -ms-flex:0 0 83.333333%;
        -webkit-box-flex:0;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-x2l-11{
        -ms-flex:0 0 91.666667%;
        -webkit-box-flex:0;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-x2l-12{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .order-x2l-first{
        -ms-flex-order:-1;
        -webkit-box-ordinal-group:0;
        order:-1
    }
    .order-x2l-last{
        -ms-flex-order:13;
        -webkit-box-ordinal-group:14;
        order:13
    }
    .order-x2l-0{
        -ms-flex-order:0;
        -webkit-box-ordinal-group:1;
        order:0
    }
    .order-x2l-1{
        -ms-flex-order:1;
        -webkit-box-ordinal-group:2;
        order:1
    }
    .order-x2l-2{
        -ms-flex-order:2;
        -webkit-box-ordinal-group:3;
        order:2
    }
    .order-x2l-3{
        -ms-flex-order:3;
        -webkit-box-ordinal-group:4;
        order:3
    }
    .order-x2l-4{
        -ms-flex-order:4;
        -webkit-box-ordinal-group:5;
        order:4
    }
    .order-x2l-5{
        -ms-flex-order:5;
        -webkit-box-ordinal-group:6;
        order:5
    }
    .order-x2l-6{
        -ms-flex-order:6;
        -webkit-box-ordinal-group:7;
        order:6
    }
    .order-x2l-7{
        -ms-flex-order:7;
        -webkit-box-ordinal-group:8;
        order:7
    }
    .order-x2l-8{
        -ms-flex-order:8;
        -webkit-box-ordinal-group:9;
        order:8
    }
    .order-x2l-9{
        -ms-flex-order:9;
        -webkit-box-ordinal-group:10;
        order:9
    }
    .order-x2l-10{
        -ms-flex-order:10;
        -webkit-box-ordinal-group:11;
        order:10
    }
    .order-x2l-11{
        -ms-flex-order:11;
        -webkit-box-ordinal-group:12;
        order:11
    }
    .order-x2l-12{
        -ms-flex-order:12;
        -webkit-box-ordinal-group:13;
        order:12
    }
    .offset-x2l-0{
        margin-left:0
    }
    .offset-x2l-1{
        margin-left:8.333333%
    }
    .offset-x2l-2{
        margin-left:16.666667%
    }
    .offset-x2l-3{
        margin-left:25%
    }
    .offset-x2l-4{
        margin-left:33.333333%
    }
    .offset-x2l-5{
        margin-left:41.666667%
    }
    .offset-x2l-6{
        margin-left:50%
    }
    .offset-x2l-7{
        margin-left:58.333333%
    }
    .offset-x2l-8{
        margin-left:66.666667%
    }
    .offset-x2l-9{
        margin-left:75%
    }
    .offset-x2l-10{
        margin-left:83.333333%
    }
    .offset-x2l-11{
        margin-left:91.666667%
    }
    .text .float-lg-right{
        margin-left:60px
    }
    .text .float-lg-left{
        margin-right:60px
    }
    .f-nav{
        text-align:left;
        margin:10px 0 0
    }
    .f-nav__item{
        margin:0 23px 10px 0
    }
    .f-nav__item:last-child{
        margin-right:0
    }
    .lang{
        text-align:right
    }
    .lang br{
        display:block
    }
    .footer{
        padding:20px 0
    }
    .footer__dev span{
        display:block;
        margin-bottom:5px
    }
    .footer:before{
        right:100px
    }
    .slider-main-item{
        padding-bottom:360px
    }
    .slider-main-item__title{
        font-size:36px
    }
    .slider-main-item__title--xl span{
        font-size:1.3em
    }
    .slider-main-item__title--x2l{
        font-size:30px
    }
    .slider-main-item__title--x2l span{
        font-size:1.9em
    }
    .slider-main-item__text{
        font-size:26px
    }
    .slider-main-images{
        max-width:var(--max-width);
        left:0;
        right:0;
        margin:0 auto
    }
    .slider-main-images__item{
        width:335px;
        height:220px
    }
    .slider-main-nav{
        max-width:var(--max-width);
        padding:0 var(--gap-main);
        left:0;
        right:0;
        margin:auto
    }
    .slider-main-nav .swiper-navigation{
        margin-left:calc(50% + 2 * var(--gap-col))
    }
    .block-trend{
        margin-top:0
    }
    .block-trend__image{
        max-width:780px
    }
    .block-trend-item{
        position:absolute;
        width:320px;
        height:280px;
        padding-top:50px
    }
    .block-trend-item--1{
        top:300px;
        left:0
    }
    .block-trend-item--2{
        top:600px;
        left:80px
    }
    .block-trend-item--3{
        top:0;
        left:16%
    }
    .block-trend-item--4{
        top:500px;
        right:360px
    }
    .block-trend-item--5{
        top:280px;
        right:0
    }
    .block-trend-item--6{
        top:620px;
        right:20px
    }
    .title-block-arrow{
        margin-top:30px
    }
    .title-block--new .title-block-arrow{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        margin-left:30px
    }
    .title-block--new .title-block-arrow__image{
        width:auto
    }
    .title-block--new .title-block__row{
        margin-bottom:40px
    }
    .title-block--slogan .title-block__top{
        margin-right:80px
    }
    .title-block--slogan .title-block__bottom{
        margin-left:80px
    }
    .brands__item{
        padding:0 30px
    }
    .section-seo__row{
        margin-left:-30px;
        margin-right:-30px
    }
    .section-seo__col{
        padding-left:30px;
        padding-right:30px
    }
    .block-category{
        padding:135px 60px 75px
    }
    .block-category .btn{
        margin-bottom:100px
    }
    .block-category--woman .block-category__image{
        -o-object-position:50%;
        object-position:50%
    }
    .block-category--man .block-category__image{
        -o-object-position:50%;
        object-position:50%
    }
    .products--list .products-item{
        padding-left:282px
    }
    .products--list .products-item__title{
        padding:0 15px 0 0;
        width:calc(50% - 225px)
    }
    .products--list .products-item__prices{
        padding:0 15px;
        width:calc(50% - 225px);
        max-width:350px
    }
    .products--list .products-item__bottom{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        padding-right:30px;
        width:450px;
        margin:20px 0 20px auto
    }
    .products--list .products-item__bottom .calc{
        width:calc(50% - 15px);
        margin-bottom:0
    }
    .products--list .products-item__bottom .btn{
        width:calc(50% - 15px)
    }
    .products--list .products-item__incart{
        right:35px
    }
    .product-info__item{
        width:calc(33.33% - 8px)
    }
    .product__col-left{
        padding-left:50px
    }
    .product-cart{
        margin-bottom:80px
    }
    .table-cart{
        margin-top:30px
    }
    .cart__col-left{
        padding-right:30px
    }
    .section-about-top__title{
        font-size:50px
    }
    .block-about .title{
        margin-bottom:80px
    }
    .block-delivery-item{
        padding:50px
    }
    .contacts-item{
        min-height:148px
    }
    .contacts-item__phone{
        display:inline-block;
        margin-bottom:0;
        width:45%
    }
    .contacts-item--social .social{
        width:100%;
        -ms-flex-pack:distribute;
        justify-content:space-around
    }
    .contacts-item--social .social__link{
        margin-right:20px
    }
    .contacts-item--social .social__link:last-child{
        margin-right:0
    }
    .blog-item{
        font-size:1.5em
    }
    .blog .row{
        margin:0 -30px -70px
    }
    .blog .col-12{
        padding:0 30px 70px
    }
    .blog{
        margin-bottom:100px
    }
    .blog:last-child{
        margin-bottom:0
    }
    .section-article__content{
        padding-right:8.66%
    }
}
@media (min-width:1600px){
    :root{
        --gap-main:40px;
        --title-font-size:100px
    }
    .d-x3l-inline{
        display:inline!important
    }
    .d-x3l-none{
        display:none!important
    }
    .d-x3l-block{
        display:block!important
    }
    .d-x3l-flex{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important
    }
    .align-items-x3l-center{
        -webkit-box-align:center!important;
        -ms-flex-align:center!important;
        align-items:center!important
    }
    .justify-content-x3l-start{
        -webkit-box-pack:start!important;
        -ms-flex-pack:start!important;
        justify-content:flex-start!important
    }
    .col-x3l{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -ms-flex-positive:1;
        -webkit-box-flex:1;
        flex-grow:1;
        max-width:100%
    }
    .row-cols-x3l-1>*{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .row-cols-x3l-2>*{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .row-cols-x3l-3>*{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .row-cols-x3l-4>*{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .row-cols-x3l-5>*{
        -ms-flex:0 0 20%;
        -webkit-box-flex:0;
        flex:0 0 20%;
        max-width:20%
    }
    .row-cols-x3l-6>*{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-x3l-auto{
        -ms-flex:0 0 auto;
        -webkit-box-flex:0;
        flex:0 0 auto;
        width:auto;
        max-width:100%
    }
    .col-x3l-1{
        -ms-flex:0 0 8.333333%;
        -webkit-box-flex:0;
        flex:0 0 8.333333%;
        max-width:8.333333%
    }
    .col-x3l-2{
        -ms-flex:0 0 16.666667%;
        -webkit-box-flex:0;
        flex:0 0 16.666667%;
        max-width:16.666667%
    }
    .col-x3l-3{
        -ms-flex:0 0 25%;
        -webkit-box-flex:0;
        flex:0 0 25%;
        max-width:25%
    }
    .col-x3l-4{
        -ms-flex:0 0 33.333333%;
        -webkit-box-flex:0;
        flex:0 0 33.333333%;
        max-width:33.333333%
    }
    .col-x3l-5{
        -ms-flex:0 0 41.666667%;
        -webkit-box-flex:0;
        flex:0 0 41.666667%;
        max-width:41.666667%
    }
    .col-x3l-6{
        -ms-flex:0 0 50%;
        -webkit-box-flex:0;
        flex:0 0 50%;
        max-width:50%
    }
    .col-x3l-7{
        -ms-flex:0 0 58.333333%;
        -webkit-box-flex:0;
        flex:0 0 58.333333%;
        max-width:58.333333%
    }
    .col-x3l-8{
        -ms-flex:0 0 66.666667%;
        -webkit-box-flex:0;
        flex:0 0 66.666667%;
        max-width:66.666667%
    }
    .col-x3l-9{
        -ms-flex:0 0 75%;
        -webkit-box-flex:0;
        flex:0 0 75%;
        max-width:75%
    }
    .col-x3l-10{
        -ms-flex:0 0 83.333333%;
        -webkit-box-flex:0;
        flex:0 0 83.333333%;
        max-width:83.333333%
    }
    .col-x3l-11{
        -ms-flex:0 0 91.666667%;
        -webkit-box-flex:0;
        flex:0 0 91.666667%;
        max-width:91.666667%
    }
    .col-x3l-12{
        -ms-flex:0 0 100%;
        -webkit-box-flex:0;
        flex:0 0 100%;
        max-width:100%
    }
    .order-x3l-first{
        -ms-flex-order:-1;
        -webkit-box-ordinal-group:0;
        order:-1
    }
    .order-x3l-last{
        -ms-flex-order:13;
        -webkit-box-ordinal-group:14;
        order:13
    }
    .order-x3l-0{
        -ms-flex-order:0;
        -webkit-box-ordinal-group:1;
        order:0
    }
    .order-x3l-1{
        -ms-flex-order:1;
        -webkit-box-ordinal-group:2;
        order:1
    }
    .order-x3l-2{
        -ms-flex-order:2;
        -webkit-box-ordinal-group:3;
        order:2
    }
    .order-x3l-3{
        -ms-flex-order:3;
        -webkit-box-ordinal-group:4;
        order:3
    }
    .order-x3l-4{
        -ms-flex-order:4;
        -webkit-box-ordinal-group:5;
        order:4
    }
    .order-x3l-5{
        -ms-flex-order:5;
        -webkit-box-ordinal-group:6;
        order:5
    }
    .order-x3l-6{
        -ms-flex-order:6;
        -webkit-box-ordinal-group:7;
        order:6
    }
    .order-x3l-7{
        -ms-flex-order:7;
        -webkit-box-ordinal-group:8;
        order:7
    }
    .order-x3l-8{
        -ms-flex-order:8;
        -webkit-box-ordinal-group:9;
        order:8
    }
    .order-x3l-9{
        -ms-flex-order:9;
        -webkit-box-ordinal-group:10;
        order:9
    }
    .order-x3l-10{
        -ms-flex-order:10;
        -webkit-box-ordinal-group:11;
        order:10
    }
    .order-x3l-11{
        -ms-flex-order:11;
        -webkit-box-ordinal-group:12;
        order:11
    }
    .order-x3l-12{
        -ms-flex-order:12;
        -webkit-box-ordinal-group:13;
        order:12
    }
    .offset-x3l-0{
        margin-left:0
    }
    .offset-x3l-1{
        margin-left:8.333333%
    }
    .offset-x3l-2{
        margin-left:16.666667%
    }
    .offset-x3l-3{
        margin-left:25%
    }
    .offset-x3l-4{
        margin-left:33.333333%
    }
    .offset-x3l-5{
        margin-left:41.666667%
    }
    .offset-x3l-6{
        margin-left:50%
    }
    .offset-x3l-7{
        margin-left:58.333333%
    }
    .offset-x3l-8{
        margin-left:66.666667%
    }
    .offset-x3l-9{
        margin-left:75%
    }
    .offset-x3l-10{
        margin-left:83.333333%
    }
    .offset-x3l-11{
        margin-left:91.666667%
    }
    .main-wrapper__before,.main-wrapper__before-filter{
        display:none!important
    }
    
    
    .subnav2 .subnav-item {
    max-width: 100%;
    font-size: 16px;
    }
    .subnav2 .subnav-link {
                 height: auto;
        padding: 0px;
        font-weight: 500;
    }
    .header__left{
        width:calc(50% - 140px);
        padding-left:30px
    }
    .header__right{
        width:calc(50% - 140px)
    }
    .header__center{
        width:280px;
        text-align:center
    }
    .header-contacts{
        width:calc(100% - 410px);
        padding-right:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .header-links{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        width:400px
    }
    .header .social{
        margin-right:0
    }
    .header-nav{
        position:static;
        top:auto;
        left:auto;
        width:auto;
        max-width:initial;
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important;
        height:auto;
        overflow:visible;
        background:0 0;
        padding:0;
        border:none
    }
    .header-right{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
    .nav{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        margin:20px 0 0 0;
        overflow:visible;
        padding:0;
        font-size:16px;
        line-height:24px;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .nav__item{
        margin:0 15px 0 0
    }
    .nav__item:last-child{
        margin:0
    }
    .nav__item:hover .subnav{
        z-index:2;
        opacity:1;
        visibility:visible;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
    .nav__item--parent .nav__link:after{
        content:"";
        position:absolute;
        opacity:0;
        visibility:hidden;
        -webkit-transition:all .2s linear;
        -o-transition:all .2s linear;
        transition:all .2s linear;
        bottom:-3px;
        left:calc(50% - 6.5px);
        z-index:-1;
        width:13px;
        height:6px;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath fill='%23fff' d='M4.717.672a2 2 0 0 1 2.991 0l4.209 4.738c1.146 1.29.23 3.328-1.496 3.328H2.004C.279 8.738-.637 6.7.509 5.41z'/%3E%3C/svg%3E");
        background-position:center top
    }
    .nav__item--parent:hover .nav__link{
        color:var(--color-light-blue)
    }
    .nav__item--parent:hover .nav__link:after{
        opacity:1;
        visibility:visible;
        z-index:3
    }
    .nav__link{
        display:block;
        position:relative;
        padding:0 0 20px 0;
        white-space:nowrap
    }
    .nav__link-text{
        padding:0
    }
    .nav__link.opened{
        color:inherit
    }
    .subnav{
        display:-webkit-box!important;
        display:-ms-flexbox!important;
        display:flex!important;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        position:absolute;
        top:100%;
        margin-top:-15px;
        z-index:-1;
        left:0;
        right:0;
        opacity:0;
        visibility:hidden;
        -webkit-transition:all .2s linear;
        -o-transition:all .2s linear;
        transition:all .2s linear;
        background-color:var(--color-white);
        border-radius:var(--border-radius);
        width:100%;
        padding:15px 0;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none;
        height:auto;
        gap:10px;
        font-weight:700;
        letter-spacing:.05em;
        color:var(--color-dark-blue);
        text-align:center;
        text-transform:uppercase
    }
    .subnav-item{
        width:auto;
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        margin:0;
        padding:0;
        font-size:20px;
        max-width:calc(15% - 10px)
    }
    .subnav-link.subnav-link2{
        height:90px;
        justify-content: center;
    }

    .subnav-link{
        display:block;
        width:100%;
        height:180px;
        color:var(--color-dark-blue);
        padding:15px;
        position:relative;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .subnav-link:hover{
        color:var(--color-light-blue)
    }
    .subnav-link:hover .subnav-link__image img{
        will-change:transform;
        -webkit-transform:scale(1.05);
        -ms-transform:scale(1.05);
        transform:scale(1.05)
    }
    .subnav-link__image{
        width:200px;
        height:100px;
        position:absolute;
        top:10px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        left:calc(50% - 100px);
        margin:auto
    }
    .subnav-link__image img{
        -webkit-transition:var(--default-transition);
        -o-transition:var(--default-transition);
        transition:var(--default-transition);
        position:absolute;
        top:0;
        left:0
    }
    .subnav-link__text{
        position:relative;
        z-index:2;
        padding:0
    }
    .subnav-link__text br{
        display:block
    }
    .subnav-link--simple{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .header-search{
        width:400px;
        padding:20px
    }
    .footer__dev span{
        display:inline
    }
    .slider-main{
        min-height:900px
    }
    .slider-main-item{
        padding-bottom:400px;
        min-height:900px
    }
    .slider-main-item__content{
        width:calc(41.66% - 2 * var(--gap-col))
    }
    .slider-main-item__title{
        font-size:38px
    }
    .slider-main-item__title--lg{
        font-size:45px
    }
    .slider-main-item__title--x2l{
        font-size:30px
    }
    .slider-main-item__text{
        font-size:30px
    }
    .slider-main-images__item{
        width:395px;
        height:260px
    }
    .slider-main-images__item:first-child{
        margin-left:calc(58.34% + 2 * var(--gap-col))
    }
    .slider-main-nav .swiper-navigation{
        margin-left:calc(58.34% + 2 * var(--gap-col))
    }
    .block-trend{
        margin-top:-35px;
        height:1000px
    }
    .block-trend__circle-01{
        bottom:-20px
    }
    .block-trend__circle-02{
        right:-5px;
        top:45%
    }
    .block-trend__image{
        max-width:844px
    }
    .block-trend-item--1{
        top:250px;
        left:0
    }
    .block-trend-item--2{
        top:570px;
        left:80px
    }
    .block-trend-item--3{
        top:100px;
        left:22%
    }
    .block-trend-item--4{
        top:545px;
        right:445px
    }
    .block-trend-item--5{
        top:315px;
        right:0
    }
    .block-trend-item--6{
        top:645px;
        right:80px
    }
    .title-block--new .title-block__row{
        margin-bottom:50px
    }
    .title-block--new .title-block-arrow{
        margin-left:50px
    }
    .title-block--slogan .title-block__row{
        margin-bottom:0
    }
    .brands{
        -webkit-column-count:5;
        -moz-column-count:5;
        column-count:5
    }
    .text--overflow{
       
    }
    .text--overflow .simplebar-content-wrapper{
        padding-right:60px
    }
    .block-category{
        padding-left:0;
        padding-right:0
    }
    .subcategories-item{
        letter-spacing:.05em
    }
    .categories-item__image{
        margin-bottom:12px
    }
    .categories-item__link{
        width:80px;
        height:80px;
        top:-52px;
        left:30px
    }
    .categories-item__link svg{
        width:22px;
        height:22px;
        right:26px;
        top:26px
    }
    .categories-item__title{
        padding-left:130px
    }
    .categories-item:hover .categories-item__link svg{
        -webkit-transform:translate(5px,-5px);
        -ms-transform:translate(5px,-5px);
        transform:translate(5px,-5px)
    }
    .products--list .products-item{
        padding-left:342px;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .products--list .products-item__title{
        padding:0 25px 0 0;
        width:calc(50% - 245px)
    }
    .products--list .products-item__prices{
        padding:0 25px;
        width:calc(50% - 245px)
    }
    .products--list .products-item__bottom{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        padding-right:50px;
        width:490px
    }
    .products--list .products-item__bottom .calc{
        width:calc(50% - 25px);
        margin-bottom:0
    }
    .products--list .products-item__bottom .btn{
        width:calc(50% - 25px)
    }
    .products--list .products-item__incart{
        right:60px
    }
    .cart__col-left{
        padding-right:50px
    }
    .table-cart__td--image{
        width:152px;
        padding-right:20px
    }
    .table-cart__td--product{
        width:calc(77% - 442px)
    }
    .section-about-top__content{
        width:calc(41.66% - 2 * var(--gap-col))
    }
    .block-text--top{
        margin-bottom:-100px
    }
    .block-text--bottom .block-text__content{
        padding-top:180px
    }
    .contacts.row{
        margin-left:-25px;
        margin-right:-25px
    }
    .contacts.row>.col-12{
        padding-left:25px;
        padding-right:25px
    }
    .contacts-item{
        padding-left:95px
    }
    .contacts-item__icon{
        left:35px
    }
    .contacts-item__phone{
        width:47%
    }
    .contacts-item--social{
        padding-left:30px;
        padding-right:30px
    }
    .section-article__content{
        width:calc(41.66% - 2 * var(--gap-col))
    }
    .article{
        padding-left:8.33%
    }
}
@media (min-width:1700px){
    .products-item__bottom{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .products-item__bottom .calc{
        width:calc(50% - 7px);
        margin-bottom:0
    }
    .products-item__bottom .btn{
        width:calc(50% - 7px)
    }
    .products-item__incart{
        right:25px
    }
}
@media (min-width:1800px){
    :root{
        --title-font-size:105px
    }
    .header__left{
        padding-left:40px
    }
    .header-contacts{
        width:calc(50% - 5px);
        padding-right:40px;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .header-contacts .social{
        margin-right:40px
    }
    .header-links{
        width:calc(50% - 5px)
    }
    .nav{
        font-size:18px
    }
    .header-search{
        width:calc(25% - 75px)
    }
    .footer__container{
        padding-right:max(var(--gap-main),150px - 50vw + var(--max-width) * .5)
    }
    .slider-main-item__title--x2l{
        font-size:30px
    }
    .slider-main-item__title--x2l span{
        font-size:2em
    }
    .title-block .title-block__top{
        margin-bottom:20px
    }
    .product__col-left{
        padding-left:80px
    }
    .contacts-item{
        padding-left:130px
    }
    .contacts-item__icon{
        left:50px
    }
    .contacts-item__phone{
        width:45%
    }
    .contacts-item--social{
        padding-left:30px;
        padding-right:30px
    }
}
@media (min-width:1880px){
    .nav{
        font-size:var(--base-font-size)
    }
    .header-contacts{
        padding-right:44px
    }
    .header-contacts .social{
        margin-right:40px
    }
}
@media (min-width:2000px){
    .header-links{
        padding-left:40px
    }
    .header-links__item--cart{
        margin-left:40px
    }
}
@media (max-width:1599px){
    .menu-open{
        overflow:hidden;
        margin-right:var(--scrollbar-width)
    }
}
@media (max-width:1199px){
    .title--fade-xl[data-aos]{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    .block-trend [data-aos=zoom-in]{
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1)
    }
    .title-block [data-aos=fade-left],.title-block [data-aos=fade-right]{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@media (max-width:991px){
    .body--filter-open{
        overflow:hidden
    }
    .body--filter-open .main-wrapper__before{
        z-index:11;
        top:0
    }
    .filters{
        -webkit-transform:none!important;
        -ms-transform:none!important;
        transform:none!important
    }
    .block-text [data-aos=fade-left],.block-text [data-aos=fade-right]{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}

    .section-article .breadcrumbs{
        color:var(--color-white)
    }

@media (max-width:767px){
    .section-about-top .breadcrumbs{
        color:var(--color-white)
    }

}
@media (min-width:992px) and (max-width:1199px){
    .categories-item__image{
        margin-bottom:12px
    }
    .categories-item__link{
        width:80px;
        height:80px;
        top:-52px;
        left:30px
    }
    .categories-item__link svg{
        width:22px;
        height:22px;
        right:26px;
        top:26px
    }
    .categories-item__title{
        padding-left:130px
    }
    .categories-item:hover .categories-item__link svg{
        -webkit-transform:translate(5px,-5px);
        -ms-transform:translate(5px,-5px);
        transform:translate(5px,-5px)
    }
}
@media (hover:hover){
    .f-button:hover:not([disabled]){
        color:var(--f-button-hover-color);
        background-color:var(--f-button-hover-bg)
    }
    .f-button:hover:not([disabled]){
        background-color:var(--color-black)
    }
}
@media (hover:hover) and (pointer:fine){
    .nav__link:hover{
        color:var(--color-light-blue)
    }
    .form-checkbox-no:hover{
        color:var(--color-light-blue);
        border-color:var(--color-light-blue)
    }
}
.webp .social__link.viber:before{
    background-image:url(../img/content/icon-viber.webp)
}
.webp .social__link.viber:after{
    background-image:url(../img/content/icon-viber-h.webp)
}
.webp .social--full .social__link.viber:before{
    background-image:url(../img/content/icon-viber-lg.webp)
}
.webp .social--full .social__link.viber:after{
    background-image:url(../img/content/icon-viber-lg-h.webp)
}