html, body, div, span, applet, object, iframe, p,
a, abbr, acronym, address, big, cite,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
margin:       0;
padding: 0;
border:       0;
font-size: 100%;
vertical-align:       baseline;
}
.mt-1{margin-top: 10px;}
.mt-2{margin-top: 20px;}
.mt-3{margin-top: 30px;}
.mt-4{margin-top: 40px;}
.mt-5{margin-top: 50px;}
.mb-1{margin-bottom: 10px;}
.mb-2{margin-bottom: 20px;}
.mb-3{margin-bottom: 30px;}
.mb-4{margin-bottom: 40px;}
.mb-5{margin-bottom: 50px;}

.pt-1{padding-top: 10px;}
.pt-2{padding-top: 20px;}
.pt-3{padding-top: 30px;}
.pt-4{padding-top: 40px;}
.pt-5{padding-top: 50px;}
.pb-1{padding-bottom: 10px;}
.pb-2{padding-bottom: 20px;}
.pb-3{padding-bottom: 30px;}
.pb-4{padding-bottom: 40px;}
.pb-5{padding-bottom: 50px;}

.mx-0{margin-right:0px;margin-left:0px;}
.mx-1{margin-right:10px;margin-left:10px;}
.mx-2{margin-right:20px;margin-left:20px;}
.mx-3{margin-right:30px;margin-left:30px;}
.mx-4{margin-right:40px;margin-left:40px;}
.mx-5{margin-right:50px;margin-left:50px;}

.px-0{padding-right:0px;padding-left:0px;box-sizing:border-box;}
.px-1{padding-right:10px;padding-left:10px;box-sizing:border-box;}
.px-2{padding-right:20px;padding-left:20px;box-sizing:border-box;}
.px-3{padding-right:30px;padding-left:30px;box-sizing:border-box;}
.px-4{padding-right:40px;padding-left:40px;box-sizing:border-box;}
.px-5{padding-right:50px;padding-left:50px;box-sizing:border-box;}

.py-0{padding-top:0px;padding-bottom:0px;box-sizing:border-box;}
.py-1{padding-top:10px;padding-bottom:10px;box-sizing:border-box;}
.py-2{padding-top:20px;padding-bottom:20px;box-sizing:border-box;}
.py-3{padding-top:30px;padding-bottom:30px;box-sizing:border-box;}
.py-4{padding-top:40px;padding-bottom:40px;box-sizing:border-box;}
.py-5{padding-top:50px;padding-bottom:50px;box-sizing:border-box;}


tbody, tfoot, thead, tr, th, td
{
margin:       0;
padding: 0;
font-size: 100%;
font:       inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
display:       block;
}
html, body
{
width:100%;
text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
body
{
    font-family: "roboto", "Arial", sans-serif;
    font-size: 13px;
    line-height: 1;
    font-weight: 300;
    color: #28292b;
}
[v-cloak]
{
display:none !important;
}
@font-face
{
font-family: 'ld-icon';
src: url("./ld-icon.woff2") format('woff2'),
url("./ld-icon.woff") format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
i:before
{
font-family: "ld-icon";
font-style: normal;
font-weight: normal;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: inherit;
speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ti-phone:before
{
content: '\e800';
}




script
{
display:      none;
}
::-webkit-scrollbar
{
width:      10px;
background:#E6E6E6;
}
::-webkit-scrollbar-button
{
display:      none;
}
::-webkit-scrollbar-thumb
{
background:     #e11e1c;
}
.vertical-small-scroll::-webkit-scrollbar
{
height:       3px;
}
ol, ul
{
list-style-type:       none;
}
img
{
max-width:100%;
height:      auto;
}

.ie img
{
/*width:100%;*/
max-width:      none;
height:auto;
}
.row::before, .row::after
{
content: '';
display:      table;
}
.overflow-hidden{overflow: hidden;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.row::after
{
clear:      both;
}
table
{
border-collapse:       collapse;
border-spacing: 0;
}
input, select, textarea, button
{
outline:      none;
font-family:"roboto", sans-serif;
}
input:focus, select:focus, textarea:focus
{
box-shadow:inset 0 0 4px rgba(0,0,0,.3);
}
p
{
padding-bottom:      10px;
font-family:"roboto", sans-serif;
line-height:1.3;
}
a
{
text-decoration:      none;
color:inherit;
cursor:      pointer;
}
h1, h2, h3, h4, h5, h6
{
    display: block;
    font-family: "Libre Bodoni", serif;
    line-height: 1.2;
}
h1.sp, h2.sp, h3.sp, h4.sp, h5.sp, h6.sp
{
padding-left:      10px;
padding-right:10px;
}
::selection
{
background:      #000;
color:#fff;
}

.fl, .btn.fl
{
float:      left;
}
[dir="rtl"] .fl, [dir="rtl"] .btn.fl
{
float:      right;
}

.fr, .btn.fr, .col.fr, .box.fr
{
float:      right;
}
[dir="rtl"] .fr, [dir="rtl"] .btn.fr, [dir="rtl"] .col.fr, [dir="rtl"] .box.fr
{
float:      left;
}

.fn, .btn.fn, .col.fn, .box.fn
{
float:      none;
}
*.bgNone
{
background:none !important;
}

.a-left
{
text-align:      left;
}

.a-right
{
text-align:      right;
}

.a-center
{
text-align:      center;
}

.a-justify
{
text-align:      justify;
}
.border-radius-5{border-radius: 5px;}
.border-radius-10{border-radius: 10px;}
.mh-100v{min-height:100vh;}
.mh-50v{min-height:50vh;}
.mh-60v{min-height:60vh;}

.fw300
{
font-weight:      300;
}

.fw400
{
font-weight:      400;
}

.fw500
{
font-weight:      500;
}

.fw600
{
font-weight:      600;
}

.fw700
{
font-weight:      700;
}

.sml
{
font-size:      11px;
}

.mid
{
font-size:      16px;
}

.lrg
{
font-size:      20px;
}

.ease, .btn, .form-control, a, input, select, textarea, button
{
-webkit-transition-timing-function:       ease-in-out;
-moz-transition-timing-function: ease-in-out;
-ms-transition-timing-function:       ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-timing-function:       ease-in-out;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}

.info
{
color:      #6c6c6c;
}

.success
{
color:      #449d44;
}

.warning
{
color:      #ec971f;
}

.danger
{
color:      #c9302c;
}

.display-flex
{
display:       -webkit-box;
display: -ms-flexbox;
display: flex
}
.gap-1{gap:10px;}
.gap-2{gap:20px;}
.gap-3{gap:30px;}
.gap-4{gap:40px;}
.gap-5{gap:50px;}
.flex-wrap
{
-ms-flex-wrap:       wrap;
flex-wrap: wrap
}

.align-items-center
{
-webkit-box-align:       center;
-ms-flex-align: center;
align-items: center
}

.justify-content-center
{
-webkit-box-pack:       center;
-ms-flex-pack: center;
justify-content: center
}
.flex-direction-column{flex-direction: column;}

.justify-content-flex-end
{
-webkit-box-pack:       flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end
}
.row
{
margin-left:      -10px;
margin-right:-10px;
clear:      both;
display:block;
}

.box.box-border > .row, .col.box-border > .row
{
margin-left:      -9px;
margin-right:-9px;
}

.row.mb
{
margin-bottom:      10px;
}

.box, .col
{
float:      left;
padding-left:10px;
padding-right:      10px;
box-sizing:border-box;
}
.box.double, .col.double
{
padding-left:20px;
padding-right:20px;
}
[dir="rtl"] .box,
[dir="rtl"] .col
{
float:      right;
}
tr.box, th.box, td.box, tr.col, th.col, td.col
{
float:      none;
}

.box.box-border, .col.box-border
{
padding-left:      9px;
padding-right:9px;
}

.box
{
padding-top:      10px;
padding-bottom:10px;
}

.box.box-border
{
padding-top:      9px;
padding-bottom:9px;
}

.box-border
{
border:      1px solid #ececec;
}

.b-top, .col.b-top, .box.b-top
{
border-top:      0;
}

.b-right, .col.b-right, .box.b-right
{
border-right:      0;
}

.b-bottom, .col.b-bottom, .box.b-bottom
{
border-bottom:      0;
}

.b-left, .col.b-left, .box.b-left
{
border-left:      0;
}

.line-top, .col.line-top, .box.line-top, .btn.line-top
{
border-top:      1px solid #ececec;
}

.line-right, .col.line-right, .box.line-right, .btn.line-right
{
border-right:      1px solid #ececec;
}

.line-bottom, .col.line-bottom, .box.line-bottom, .btn.line-bottom
{
border-bottom:      1px solid #ececec;
}

.line-left, .col.line-left, .box.line-left, .btn.line-left
{
border-left:      1px solid #ececec;
}

.line-through
{
text-decoration:      line-through;
}

.line-under
{
text-decoration:      underline;
}

.col-12
{
width:100%;
}

.col-11
{
width:91.66666667%;
}

.col-10
{
width:83.33333333%;
}

.col-9
{
width:75%;
}

.col-8
{
width:66.66666667%;
}

.col-7
{
width:58.33333333%;
}

.col-6
{
width:50%;
}

.col-5
{
width:41.66666667%;
}

.col-4
{
width:33.33333333%;
}

.col-3
{
width:25%;
}
.col-2-5
{
width:20%;
}
.col-2
{
width:16.66666667%;
}

.col-1
{
width:8.33333333%;
}

.m-top, .box.m-top, .col.m-top
{
margin-top:      0;
}

.m-left, .box.m-left, .col.m-left
{
margin-left:      0;
}

.m-bottom, .box.m-bottom, .col.m-bottom
{
margin-bottom:      0;
}

.m-right, .box.m-right, .col.m-right
{
margin-right:      0;
}

.p-top, .box.p-top, .col.p-top
{
padding-top:      0;
}

.p-left, .box.p-left, .col.p-left
{
padding-left:      0;
}

.p-bottom, .box.p-bottom, .col.p-bottom
{
padding-bottom:      0;
}

.p-right, .box.p-right, .col.p-right
{
padding-right:      0;
}

.icon-arrow
{
width:      10px;
height:100%;
background-repeat:      no-repeat;
background-position:0 center;
}

.icon-arrow.fr, .icon-basket.fr
{
margin-left:      10px;
}
[dir="rtl"] .icon-arrow.fr,
[dir="rtl"] .icon-basket.fr
{
margin-right:      10px;
margin-left:0;
}

.icon-arrow.fl, .icon-basket.fl
{
margin-right:      10px;
}

.icon-basket
{
width:      18px;
height:100%;
background-repeat:      no-repeat;
background-position:0 center;
}

.icon-basket.fast
{
width:      20px;
}

.btn-big .icon-basket
{
width:      34px;
}

.btn-big .icon-basket.fast
{
width:      38px;
}

.btn-big .icon-basket.fr
{
margin-left:      20px;
}

.hide
{
display:      none;
}
#mainWrapper
{
width:100%;
position:      relative;
}
#skeletonWrap
{
width:100%;
}
#mainColumn
{
max-width:100%;
}
#mainColumn.bgGimage{
    background-color: #f4f4f2;
    background-image: url("./images/bggray.svg");
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    background-position-x: calc(100% + 87px);
}
.bg-dark  #mainColumn.bgGimage {
    background-color: #1b1b1b;
}
.loaderWrapper
{
position:      relative;
}
.z-index1{z-index:1;}
.loading
{
position:      absolute;
width:100%;
height:100%;
top:      0;
left:0;
z-index:      333;
display:none;
}
#backToTop
{width: 40px;height: 40px;cursor:       pointer;position: fixed;bottom: 50px;opacity: 0;right: 50px;z-index: 333;transition: all 0.8s ease;}
#backToTop:before{content:'';background: #fff url("./images/rarrow.svg") no-repeat center;background-size: 7px;transform: rotate(-90deg);width: 40px;height: 40px;float: right;border-radius: 50%;box-shadow: 0px 0px 10px -5px #000;transition: all 0.8s ease;z-index: 1;position: relative;}
#backToTop:hover{font-size: 12px;width: 160px;}
#backToTop:hover:before{
    transform: rotate(270deg);
}
#backToTop.active{
    opacity: 1;
}
#backToTop b{
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    background: white;
    height: 100%;
    line-height: 40px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 17px;
    transition: all 0.3s ease;
    width: 133px;
    overflow: hidden;
    opacity: 0;
    box-shadow: 1px 1px 6px -5px #000;
}
#backToTop:hover b{
    opacity: 1;
}
@media screen and (min-width: 1231px)
{
.mx-md-0{margin-right:0px;margin-left:0px;}
.mx-md-1{margin-right:10px;margin-left:10px;}
.mx-md-2{margin-right:20px;margin-left:20px;}
.mx-md-3{margin-right:30px;margin-left:30px;}
.mx-md-4{margin-right:40px;margin-left:40px;}
.mx-md-5{margin-right:50px;margin-left:50px;}

.px-md-0{padding-right:0px;padding-left:0px;box-sizing:border-box;}
.px-md-1{padding-right:10px;padding-left:10px;box-sizing:border-box;}
.px-md-2{padding-right:20px;padding-left:20px;box-sizing:border-box;}
.px-md-3{padding-right:30px;padding-left:30px;box-sizing:border-box;}
.px-md-4{padding-right:40px;padding-left:40px;box-sizing:border-box;}
.px-md-5{padding-right:50px;padding-left:50px;box-sizing:border-box;}

.py-md-0{padding-top:0px;padding-bottom:0px;box-sizing:border-box;}
.py-md-1{padding-top:10px;padding-bottom:10px;box-sizing:border-box;}
.py-md-2{padding-top:20px;padding-bottom:20px;box-sizing:border-box;}
.py-md-3{padding-top:30px;padding-bottom:30px;box-sizing:border-box;}
.py-md-4{padding-top:40px;padding-bottom:40px;box-sizing:border-box;}
.py-md-5{padding-top:50px;padding-bottom:50px;box-sizing:border-box;}

.inner
{width: 100%;max-width: 83.33333333%;margin:0 auto;}
}
@media screen and (max-width: 1230px)
{
.inner
{
float:      left;
width:100%;
}
#backToTop
{
right:      30px;
bottom:30px;
margin-right:      0;
}
}
@media screen and (max-width: 1000px)
{
.col-md-12
{
width:100%;
}

.col-md-11
{
width:91.66666667%;
}

.col-md-10
{
width:83.33333333%;
}

.col-md-9
{
width:75%;
}

.col-md-8
{
width:66.66666667%;
}

.col-md-7
{
width:58.33333333%;
}

.col-md-6
{
width:50%;
}

.col-md-5
{
width:41.66666667%;
}

.col-md-4
{
width:33.33333333%;
}

.col-md-3
{
width:25%;
}

.col-md-2
{
width:16.66666667%;
}

.col-md-1
{
width:8.33333333%;
}
}
@media screen and (min-width: 769px)
{
.mt-md-0{margin-top: 0px;}
.mt-md-1{margin-top: 10px;}
.mt-md-2{margin-top: 20px;}
.mt-md-3{margin-top: 30px;}
.mt-md-4{margin-top: 40px;}
.mt-md-5{margin-top: 50px;}
.mb-md-0{margin-bottom: 00px;}
.mb-md-1{margin-bottom: 10px;}
.mb-md-2{margin-bottom: 20px;}
.mb-md-3{margin-bottom: 30px;}
.mb-md-4{margin-bottom: 40px;}
.mb-md-5{margin-bottom: 50px;}
.col-mr-11
{
margin-right:91.66666667%;
}

.col-mr-10
{
margin-right:83.33333333%;
}

.col-mr-9
{
margin-right:75%;
}

.col-mr-8
{
margin-right:66.66666667%;
}

.col-mr-7
{
margin-right:58.33333333%;
}

.col-mr-6
{
margin-right:50%;
}

.col-mr-5
{
margin-right:41.66666667%;
}

.col-mr-4
{
margin-right:33.33333333%;
}

.col-mr-3
{
margin-right:25%;
}

.col-mr-2
{
margin-right:16.66666667%;
}

.col-mr-1
{
margin-right:8.33333333%;
}

.col-ml-11
{
margin-left:91.66666667%;
}

.col-ml-10
{
margin-left:83.33333333%;
}

.col-ml-9
{
margin-left:75%;
}

.col-ml-8
{
margin-left:66.66666667%;
}

.col-ml-7
{
margin-left:58.33333333%;
}

.col-ml-6
{
margin-left:50%;
}

.col-ml-5
{
margin-left:41.66666667%;
}

.col-ml-4
{
margin-left:33.33333333%;
}

.col-ml-3
{
margin-left:25%;
}

.col-ml-2
{
margin-left:16.66666667%;
}

.col-ml-1
{
margin-left:8.33333333%;
}
#skeleton
{
width:100%;
}
.forMobile
{
display:      none;
}
}
@media screen and (max-width: 1000px) and (min-width: 769px)
{
:not(.notClear) > .col-md-6 + .col-md-6:nth-of-type(2n+3),
:not(.notClear) > .col-md-4 + .col-md-4:nth-of-type(3n+4),
:not(.notClear) > .col-md-3 + .col-md-3:nth-of-type(4n+5),
:not(.notClear) > .col-md-2 + .col-md-2:nth-of-type(6n+7),
:not(.notClear) > .col-md-1 + .col-md-1:nth-of-type(12n+1)
{
clear:      both;
}

.col-md-mr-11
{
margin-right:91.66666667%;
}

.col-md-mr-10
{
margin-right:83.33333333%;
}

.col-md-mr-9
{
margin-right:75%;
}

.col-md-mr-8
{
margin-right:66.66666667%;
}

.col-md-mr-7
{
margin-right:58.33333333%;
}

.col-md-mr-6
{
margin-right:50%;
}

.col-md-mr-5
{
margin-right:41.66666667%;
}

.col-md-mr-4
{
margin-right:33.33333333%;
}

.col-md-mr-3
{
margin-right:25%;
}

.col-md-mr-2
{
margin-right:16.66666667%;
}

.col-md-mr-1
{
margin-right:8.33333333%;
}

.col-md-mr-0
{
margin-right:      0;
}

.col-md-ml-11
{
margin-left:91.66666667%;
}

.col-md-ml-10
{
margin-left:83.33333333%;
}

.col-md-ml-9
{
margin-left:75%;
}

.col-md-ml-8
{
margin-left:66.66666667%;
}

.col-md-ml-7
{
margin-left:58.33333333%;
}

.col-md-ml-6
{
margin-left:50%;
}

.col-md-ml-5
{
margin-left:41.66666667%;
}

.col-md-ml-4
{
margin-left:33.33333333%;
}

.col-md-ml-3
{
margin-left:25%;
}

.col-md-ml-2
{
margin-left:16.66666667%;
}

.col-md-ml-1
{
margin-left:8.33333333%;
}

.col-md-ml-0
{
margin-left:      0;
}

.dn-md
{
display:      none;
}
}
@media screen and (max-width: 768px)
{
#backToTop {
    right: 10px;
    bottom: 70px;
    margin-right: 0;
}
.col-sm-12
{
width:100%;
}

.col-sm-11
{
width:91.66666667%;
}

.col-sm-10
{
width:83.33333333%;
}

.col-sm-9
{
width:75%;
}

.col-sm-8
{
width:66.66666667%;
}

.col-sm-7
{
width:58.33333333%;
}

.col-sm-6
{
width:50%;
}

.col-sm-5
{
width:41.66666667%;
}

.col-sm-4
{
width:33.33333333%;
}

.col-sm-3
{
width:25%;
}

.col-sm-2
{
width:16.66666667%;
}

.col-sm-1
{
width:8.33333333%;
}
:not(.notClear) > .col-sm-6 + .col-sm-6:nth-of-type(2n+3),
:not(.notClear) > .col-sm-4 + .col-sm-4:nth-of-type(3n+4),
:not(.notClear) > .col-sm-3 + .col-sm-3:nth-of-type(4n+5),
:not(.notClear) > .col-sm-2 + .col-sm-2:nth-of-type(6n+7),
:not(.notClear) > .col-sm-1 + .col-sm-1:nth-of-type(12n+1)
{
clear:      both;
}
.forDesktop
{
display:      none;
}
}
@media screen and (max-width: 540px)
{
.col-xs-12
{
width:100%;
}

.col-xs-11
{
width:91.66666667%;
}

.col-xs-10
{
width:83.33333333%;
}

.col-xs-9
{
width:75%;
}

.col-xs-8
{
width:66.66666667%;
}

.col-xs-7
{
width:58.33333333%;
}

.col-xs-6
{
width:50%;
}

.col-xs-5
{
width:41.66666667%;
}

.col-xs-4
{
width:33.33333333%;
}

.col-xs-3
{
width:25%;
}

.col-xs-2
{
width:16.66666667%;
}

.col-xs-1
{
width:8.33333333%;
}

.dn-xs
{
display:      none;
}
}
